:root{--gold: #ffcc33;--gold-2: #f5a623;--ink: #fff8e6;--dim: #c9b892;--panel: rgba(26, 18, 6, .86);--line: rgba(255, 204, 51, .35);--red: #ff5a4f;--green: #5fd068;--pixel: "Press Start 2P", monospace;--ui: "Inter", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;overflow:hidden;background:#1a1206;color:var(--ink);font-family:var(--ui)}body{overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app{position:fixed;top:0;right:0;bottom:0;left:0}canvas.game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mono{font-family:ui-monospace,monospace;letter-spacing:.15em}.small{font-size:12px;color:var(--dim)}.gold-text{color:var(--gold)}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffe6;box-shadow:0 0 2px #000}.crosshair:before{left:8px;top:0;width:2px;height:18px}.crosshair:after{top:8px;left:0;height:2px;width:18px}.card{background:var(--panel);border:2px solid var(--line);border-radius:6px;box-shadow:0 0 0 4px #00000059,0 20px 60px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn{border:0;border-bottom:4px solid #a8741a;background:var(--gold);color:#2a1a00;font-weight:800;padding:12px 18px;border-radius:4px;font-size:15px}.btn:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--gold);border:2px solid var(--line)}.btn.wide{width:100%;margin-top:8px}.link{background:none;border:0;color:var(--gold);text-decoration:underline;padding:0;font-size:inherit}.x{background:none;border:0;color:var(--dim);font-size:20px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{margin:0;font-size:18px}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#00000026,#000000a6);overflow:auto}.lobby .card{width:min(440px,100%);padding:24px 22px;text-align:center}.lobby h1{font-family:var(--pixel);font-size:clamp(26px,8vw,38px);margin:4px 0 10px;color:var(--ink);text-shadow:3px 3px 0 #6b4410,6px 6px 0 rgba(0,0,0,.4)}.lobby h1 span{color:var(--gold)}.lobby .tag{margin:0 0 18px;color:var(--dim);font-size:14px}.round{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.round p{margin:0;font-size:14px}.stat{flex:1;min-width:90px;background:#0000004d;border:1px solid var(--line);border-radius:4px;padding:10px 6px}.stat b{display:block;font-family:var(--pixel);font-size:13px;color:var(--gold);margin-bottom:6px}.stat small{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.wallet{margin-bottom:10px;font-size:13px;color:var(--dim)}.name{width:100%;padding:12px;border-radius:4px;border:2px solid var(--line);background:#00000059;color:var(--ink);font-size:15px;margin-bottom:10px;text-align:center}.btn.play{width:100%;font-size:17px;padding:15px;font-family:var(--pixel);font-size:13px}.rules{text-align:left;margin-top:14px;font-size:13px;color:var(--dim)}.rules summary{cursor:pointer;color:var(--gold)}.rules ul{padding-left:18px;margin:8px 0 0;line-height:1.5}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:max(10px,env(safe-area-inset-top)) 10px 10px}.hud-top,.hud-items{display:flex;gap:6px;flex-wrap:wrap}.hud-items{margin-top:6px}.pill{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:5px 9px;font-size:13px;font-weight:600;color:var(--ink)}.pill.gold{color:var(--gold)}.btn-pill{cursor:pointer}.det.on{background:#2f6b1f;color:#fff;animation:pulse .6s infinite alternate}@keyframes pulse{to{box-shadow:0 0 14px #5fd068}}.chest-arrow{position:absolute;top:80px;left:50%;transform:translate(-50%);text-align:center;color:var(--gold);font-weight:800;text-shadow:0 2px 4px #000}.chest-arrow .arrow{font-size:30px;line-height:1}.click-to-play{position:absolute;left:50%;bottom:40px;transform:translate(-50%);background:var(--panel);border:2px solid var(--line);padding:14px 18px;border-radius:6px;text-align:center;max-width:92vw;pointer-events:none}.click-to-play b{display:block;font-family:var(--pixel);font-size:13px;color:var(--gold);margin-bottom:8px}.click-to-play span{font-size:12px;color:var(--dim)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:20}.shop{width:min(460px,100%);padding:18px;max-height:90vh;overflow:auto}.item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,204,51,.15)}.item .icon{font-size:26px;text-align:center}.item b{display:block;font-size:14px}.item small{display:block;font-size:12px;color:var(--dim)}.item small.ok{color:var(--green)}.item .btn{padding:8px 12px;font-size:13px}.code-panel{position:absolute;right:12px;top:60px;width:min(300px,calc(100vw - 24px));padding:14px;z-index:15}.slots{display:flex;gap:8px;justify-content:center;margin:12px 0}.slots span{width:46px;height:54px;display:grid;place-items:center;background:#000;border:2px solid var(--line);border-radius:4px;font-family:var(--pixel);font-size:18px;color:var(--gold)}.slots span.hint{color:var(--green)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pad button{padding:12px 0;font-size:18px;font-weight:800;background:#3a2a10;color:var(--ink);border:0;border-bottom:3px solid #1c1306;border-radius:4px}.pad button.ok{background:var(--gold);color:#2a1a00}.pad button:disabled{opacity:.4}.hist{margin-top:10px;max-height:150px;overflow:auto}.hist div{display:flex;justify-content:space-between;padding:3px 4px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}.hist div span:last-child{color:var(--gold);letter-spacing:.2em}.warn{color:var(--gold)}.win{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));padding:22px;text-align:center;z-index:25}.win h2{font-size:20px;margin-bottom:10px}.toasts{position:absolute;left:50%;bottom:120px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:30;width:min(520px,92vw)}.toast{background:var(--panel);border:1px solid var(--line);padding:8px 14px;border-radius:4px;font-size:14px;text-align:center}.toast.gold{border-color:var(--gold);color:var(--gold);font-weight:800}.toast.red{border-color:var(--red);color:#ffd2cf}.touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.touch .zone{position:absolute;top:0;bottom:0}.touch .zone.left{left:0;width:45%}.touch .zone.right{right:0;width:55%}.stick{position:absolute;left:30px;bottom:40px;top:auto;width:120px;height:120px;border-radius:50%;background:#00000040;border:2px solid rgba(255,255,255,.35);opacity:.35;pointer-events:none}.stick .knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#fff9}.buttons{position:absolute;right:16px;bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,auto);gap:12px;align-items:end;z-index:6}.buttons-top{position:absolute;right:12px;top:max(52px,env(safe-area-inset-top));display:flex;gap:8px;z-index:6}.tb{width:72px;height:72px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:#00000061;color:#fff;font-size:28px;display:grid;place-items:center;touch-action:none}.tb.dig{width:86px;height:86px;font-size:34px;background:#ffcc3359;border-color:var(--gold)}.tb.small{width:52px;height:52px;font-size:22px}.tb.gold{border-color:var(--gold);background:#ffcc3359}.tb:active{background:#ffffff4d}.hud{z-index:7}.hud{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.buttons{right:max(16px,env(safe-area-inset-right))}.fs-tip{max-width:270px;font-weight:400;font-size:12px;line-height:1.4}