:root{--bar-1: #2c3043;--bar-2: #181b27;--ink: #eef1ff;--muted: #8a93b8;--green-1: #7dffa0;--green-2: #2bd46a;--green-sh: #1a8a46;--gold-1: #ffe39a;--gold-2: #ffb300;--gold-sh: #b97f00;--slot-1: #3b4263;--slot-2: #262b40;--slot-sh: #11141f}.hud{position:absolute;left:50%;transform:translate(-50%);width:66%;min-width:700px;max-width:1120px;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;z-index:30;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.btn3d{border:none;cursor:pointer;position:relative;transition:transform .06s ease,filter .15s ease}.btn3d:active:not(:disabled){transform:translateY(3px)}.btn3d:disabled{cursor:default;filter:grayscale(.45) brightness(.82)}.icon-btn{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.menu-btn{flex-shrink:0;width:78px;height:78px;border-radius:20px;color:#06210f;background:linear-gradient(180deg,var(--green-1),var(--green-2));box-shadow:0 5px 0 var(--green-sh),0 12px 22px #0006,inset 0 2px #ffffff73;transition:transform .06s ease}.menu-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--green-sh),0 6px 14px #0006}.bar{flex:1;min-width:0;height:96px;display:flex;align-items:center;gap:18px;padding:14px 22px;border-radius:24px;background:linear-gradient(180deg,var(--bar-1),var(--bar-2));box-shadow:inset 0 1px #ffffff14,inset 0 -2px 6px #00000073,0 10px 26px #00000073;border:1px solid rgba(255,255,255,.05)}.spacer{flex:1}.readout{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.r-label{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.r-value{font-size:24px;font-weight:800;color:var(--ink);line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bar .readout+.diff-group:before{content:""}.diff-group{display:flex;flex-direction:column;gap:7px}.diff-top{display:flex;align-items:baseline;gap:9px}.diff-label{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.collision{font-size:11px;font-weight:800;color:var(--gold-2)}.diff-row{display:flex;gap:7px}.diff-pill{border:none;cursor:pointer;padding:8px 15px;border-radius:11px;font-weight:800;font-size:13px;text-transform:capitalize;color:#aeb6dc;background:linear-gradient(180deg,var(--slot-1),var(--slot-2));box-shadow:0 3px 0 var(--slot-sh),inset 0 1px #ffffff14;transition:transform .06s ease,color .15s ease,filter .15s ease}.diff-pill:hover:not(:disabled):not(.active){filter:brightness(1.15)}.diff-pill:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--slot-sh)}.diff-pill:disabled{cursor:default}.diff-pill.active{color:#06210f;background:linear-gradient(180deg,var(--green-1),var(--green-2));box-shadow:0 3px 0 var(--green-sh),inset 0 1px #ffffff80}.bet-pill{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:9px 18px;border-radius:14px;background:linear-gradient(180deg,#00000073,#00000040);box-shadow:inset 0 2px 6px #00000080,inset 0 0 0 1px #ffffff0a}.bet-value{font-size:21px;color:var(--ink)}.steppers{display:flex;flex-direction:column;gap:5px}.step{border:none;cursor:pointer;width:34px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--ink);background:linear-gradient(180deg,var(--slot-1),var(--slot-2));box-shadow:0 3px 0 var(--slot-sh),inset 0 1px #ffffff1a;transition:transform .06s ease,filter .15s ease}.step:hover:not(:disabled){filter:brightness(1.18)}.step:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--slot-sh)}.step:disabled{opacity:.4;cursor:default}.action-cluster{flex-shrink:0;display:flex;align-items:center;gap:12px}.round-btn{width:100px;height:100px;border-radius:50%;border:none;cursor:pointer;font-weight:900;font-size:19px;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;color:#06210f;background:radial-gradient(circle at 50% 34%,var(--green-1),var(--green-2));box-shadow:0 7px 0 var(--green-sh),0 16px 30px #00000080,inset 0 3px #ffffff80;text-shadow:0 1px 0 rgba(255,255,255,.3);transition:transform .07s ease,filter .15s ease}.round-btn:hover:not(:disabled){filter:brightness(1.06)}.round-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px 0 var(--green-sh),0 8px 16px #00000080,inset 0 3px #ffffff80}.round-btn:disabled{filter:grayscale(.5) brightness(.8);cursor:default}.cash-btn{height:96px;min-width:158px;padding:0 24px;border-radius:18px;border:none;cursor:pointer;color:#2a1d00;background:linear-gradient(180deg,var(--gold-1),var(--gold-2));box-shadow:0 6px 0 var(--gold-sh),0 14px 28px #00000080,inset 0 2px #ffffff8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .07s ease,filter .15s ease}.cash-btn:hover:not(:disabled){filter:brightness(1.05)}.cash-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 var(--gold-sh),0 6px 14px #00000080}.cash-btn:disabled{filter:grayscale(.4) brightness(.9);cursor:default}.cash-label{font-size:11px;font-weight:800;letter-spacing:1.5px;opacity:.8}.cash-value{font-size:21px;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.35)}.err-toast{position:absolute;top:-38px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#d83a3a,#b41e1e);color:#fff;padding:7px 16px;border-radius:11px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px #7d1414,0 10px 20px #0006}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.menu-pop{position:absolute;left:14px;bottom:calc(110px + env(safe-area-inset-bottom));min-width:210px;padding:8px;border-radius:16px;background:linear-gradient(180deg,var(--bar-1),var(--bar-2));box-shadow:0 12px 30px #0000008c,inset 0 1px #ffffff14;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px;animation:fadeIn .14s ease}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;border-radius:11px;background:transparent;color:var(--ink);font-size:15px;font-weight:700;cursor:pointer;text-align:left;transition:background .12s ease}.menu-item:hover{background:#ffffff14}.menu-ic{font-size:17px;width:22px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06081299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;animation:fadeOverlay .18s ease}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:min(460px,92vw);padding:28px 26px 24px;border-radius:22px;background:linear-gradient(180deg,#2c3043,#1a1d29);box-shadow:0 24px 60px #0009,inset 0 1px #ffffff14;border:1px solid rgba(255,255,255,.07);color:var(--ink)}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:none;cursor:pointer;color:var(--ink);background:linear-gradient(180deg,var(--slot-1),var(--slot-2));box-shadow:0 3px 0 var(--slot-sh);font-size:15px;font-weight:800}.modal-close:active{transform:translateY(2px);box-shadow:0 1px 0 var(--slot-sh)}.modal-title{font-size:22px;font-weight:900;letter-spacing:.5px;margin-bottom:12px}.modal-sub{font-size:14px;line-height:1.5;color:#c2c9ec;margin-bottom:18px}.modal-section{margin-bottom:16px}.modal-section-title{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--green-2);margin-bottom:8px}.seed-box{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#0006;box-shadow:inset 0 2px 6px #00000080}.seed-value{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;flex:1;color:#d7ddff}.seed-copy{flex-shrink:0;width:34px;height:34px;border-radius:9px;border:none;cursor:pointer;color:#06210f;background:linear-gradient(180deg,var(--green-1),var(--green-2));box-shadow:0 3px 0 var(--green-sh);font-size:15px}.seed-copy:active{transform:translateY(2px);box-shadow:0 1px 0 var(--green-sh)}.modal-foot{font-size:12px;line-height:1.5;color:var(--muted)}.howto-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.howto-list li{font-size:14px;line-height:1.5;color:#c8cfee}.howto-list b{color:var(--ink)}@media(max-width:920px){.hud{width:auto;min-width:0;left:8px;right:8px;transform:none;gap:8px}.menu-btn{width:54px;height:54px;border-radius:14px}.bar{height:64px;padding:0 12px;gap:10px}.r-value{font-size:18px}.bet-value{font-size:17px}.diff-pill{padding:6px 10px;font-size:12px}.round-btn{width:72px;height:72px;font-size:15px}.cash-btn{height:64px;min-width:120px}}