@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";.wallet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;background:linear-gradient(to bottom,#060810eb,#060810d9,#060810eb),radial-gradient(ellipse at 30% 20%,rgba(0,229,204,.04) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,204,0,.03) 0%,transparent 50%),var(--bg-deep);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow-y:auto;animation:walletFadeIn .25s ease}@keyframes walletFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wallet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-glass);flex-shrink:0}.wallet-back-btn{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:8px 18px;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;transition:all .2s}.wallet-back-btn:hover{border-color:var(--text-dim);color:var(--text)}.wallet-header-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--gold);letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 16px var(--gold-glow)}.wallet-header-spacer{width:80px}.wallet-balance-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 24px 22px;margin:20px auto 0;width:90%;max-width:420px;background:var(--bg-glass);border:1px solid var(--border);border-radius:14px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));box-shadow:0 8px 40px #0006,inset 0 0 1px #ffffff0f}.wallet-balance-label{font-family:var(--font-display);font-size:9px;font-weight:600;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase}.wallet-balance-sats{font-family:var(--font-display);font-size:36px;font-weight:900;color:var(--gold);text-shadow:0 0 24px var(--gold-glow);letter-spacing:2px}.wallet-balance-usd{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-dim)}.wallet-balance-refresh{font-family:var(--font-body);font-size:11px;font-weight:600;padding:4px 14px;margin-top:4px;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);border-radius:4px;cursor:pointer;transition:all .15s}.wallet-balance-refresh:hover{border-color:var(--text-dim);color:var(--text)}.wallet-tabs{display:flex;justify-content:center;gap:4px;margin:20px auto 0;width:90%;max-width:420px}.wallet-tab{flex:1;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:10px 8px;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s}.wallet-tab:first-child{border-radius:var(--radius) 0 0 var(--radius)}.wallet-tab:last-child{border-radius:0 var(--radius) var(--radius) 0}.wallet-tab.active{background:#ffcc0014;border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px var(--gold-glow)}.wallet-tab:hover:not(.active){border-color:var(--text-dim);color:var(--text-dim)}.wallet-tab-content{width:90%;max-width:420px;margin:16px auto 0;padding-bottom:60px}.wallet-address-box{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius)}.wallet-address-label{font-family:var(--font-display);font-size:9px;font-weight:600;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.wallet-address-row{display:flex;align-items:center;gap:8px}.wallet-address-text{flex:1;font-family:Courier New,monospace;font-size:12px;color:var(--text);word-break:break-all;line-height:1.6;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:6px;-webkit-user-select:all;user-select:all}.wallet-copy-btn,.wallet-qr-toggle,.wallet-export-btn{font-family:var(--font-display);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;background:var(--bg-glass);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.wallet-copy-btn:hover,.wallet-qr-toggle:hover{border-color:var(--p1);color:var(--p1);box-shadow:0 0 10px var(--p1-glow)}.wallet-export-btn{margin-top:8px;width:100%;text-align:center}.wallet-export-btn:hover{border-color:var(--p2);color:var(--p2);box-shadow:0 0 10px var(--p2-glow)}.wallet-copied-msg{font-size:11px;color:var(--green);font-weight:600;text-align:center;min-height:18px}.wallet-qr-area{display:flex;justify-content:center;padding:16px;background:#fff;border-radius:var(--radius);margin-top:8px}.wallet-qr-area canvas,.wallet-qr-area img{width:180px!important;height:180px!important}.wallet-send-form{display:flex;flex-direction:column;gap:14px}.wallet-input-group{display:flex;flex-direction:column;gap:6px}.wallet-input-label{font-family:var(--font-display);font-size:9px;font-weight:600;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.wallet-input{background:#0f1428cc;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:500;padding:11px 14px;border-radius:var(--radius);outline:none;transition:all .25s;width:100%}.wallet-input:focus{border-color:var(--p1);box-shadow:0 0 12px var(--p1-glow)}.wallet-input::placeholder{color:var(--text-muted)}.wallet-amount-helpers{display:flex;gap:6px;flex-wrap:wrap}.wallet-amount-helper{font-family:var(--font-body);font-size:11px;font-weight:600;padding:5px 12px;background:var(--bg-glass);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;cursor:pointer;transition:all .15s}.wallet-amount-helper:hover{border-color:var(--gold);color:var(--gold)}.wallet-send-preview{padding:14px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;font-size:13px}.wallet-send-preview-row{display:flex;justify-content:space-between;color:var(--text-dim)}.wallet-send-preview-row span:last-child{color:var(--text);font-weight:600}.wallet-send-preview-row.total span:last-child{color:var(--gold);font-weight:700}.wallet-send-btn{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 24px;background:linear-gradient(135deg,var(--p1-dark),var(--p1));border:1px solid var(--p1);color:#000;border-radius:var(--radius);cursor:pointer;transition:all .2s;width:100%}.wallet-send-btn:hover:not(:disabled){box-shadow:0 0 24px var(--p1-glow),0 4px 12px #0000004d;transform:translateY(-1px)}.wallet-send-btn:disabled{opacity:.3;cursor:not-allowed}.wallet-send-error,.wallet-send-success{font-size:12px;font-weight:600;text-align:center;padding:8px;border-radius:6px}.wallet-send-error{color:var(--red);background:#ff334414;border:1px solid rgba(255,51,68,.2)}.wallet-send-success{color:var(--green);background:#00ff8814;border:1px solid rgba(0,255,136,.2)}.wallet-pin-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04060ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:600}.wallet-pin-content{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 40px;background:var(--bg-glass);border:1px solid var(--gold);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 40px var(--gold-glow),0 20px 60px #00000080}.wallet-pin-content h3{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--gold);letter-spacing:3px;text-transform:uppercase}.wallet-pin-content input{background:#0f1428cc;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:22px;font-weight:700;padding:11px 18px;border-radius:var(--radius);width:180px;text-align:center;letter-spacing:8px;outline:none;transition:all .25s}.wallet-pin-content input:focus{border-color:var(--p1);box-shadow:0 0 16px var(--p1-glow)}.wallet-pin-actions{display:flex;gap:10px}.wallet-history-list{display:flex;flex-direction:column;gap:6px}.wallet-history-empty{text-align:center;padding:32px;color:var(--text-muted);font-size:13px;font-weight:500}.wallet-history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);transition:all .15s;cursor:pointer;text-decoration:none}.wallet-history-item:hover{border-color:#5064a080}.wallet-history-left{display:flex;flex-direction:column;gap:2px}.wallet-history-txid{font-family:Courier New,monospace;font-size:11px;color:var(--p1);text-decoration:none}.wallet-history-time{font-size:10px;color:var(--text-muted)}.wallet-history-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wallet-history-amount{font-family:var(--font-display);font-size:13px;font-weight:700}.wallet-history-amount.incoming{color:var(--green)}.wallet-history-amount.outgoing{color:var(--p2)}.wallet-history-conf{font-size:9px;color:var(--text-muted);font-weight:600;letter-spacing:1px;text-transform:uppercase}.wallet-history-conf.unconfirmed{color:var(--gold)}.wallet-history-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px}.wallet-network-badge{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:4px 14px;border-radius:20px;z-index:510}.wallet-network-badge.mainnet{color:var(--green);background:#00ff8814;border:1px solid rgba(0,255,136,.2)}.wallet-network-badge.testnet{color:var(--gold);background:#ffcc0014;border:1px solid rgba(255,204,0,.2)}.wallet-topbar-btn{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border);color:var(--gold);border-radius:6px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.wallet-topbar-btn:hover{border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow);color:var(--gold)}.wallet-btn-floating{position:fixed;top:14px;right:20px;z-index:50}:root{--bg-deep: #060810;--bg-glass: rgba(10, 14, 30, .75);--bg-glass-light: rgba(24, 30, 60, .55);--border: rgba(60, 70, 120, .35);--text: #e4e8f0;--text-dim: #8890a8;--text-muted: #505870;--p1: #00e5cc;--p1-dark: #009988;--p1-glow: rgba(0, 229, 204, .25);--p2: #ff4466;--p2-dark: #cc2244;--p2-glow: rgba(255, 68, 102, .25);--gold: #ffcc00;--gold-dark: #cc9900;--gold-glow: rgba(255, 204, 0, .2);--green: #00ff88;--red: #ff3344;--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--radius: 8px;--blur: 18px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-body);font-weight:500;overflow:hidden;height:100vh;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#root{height:100vh}.intro-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-bottom:8vh;background:linear-gradient(to bottom,#0608108c,#06081059 40%,#0608108c),url(/assets/bg/bg-login.png) 50% center/cover no-repeat,radial-gradient(ellipse at 30% 20%,rgba(0,229,204,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,68,102,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,#0a0e1a,#060810)}.intro-screen h1{font-family:var(--font-display);font-size:52px;font-weight:900;letter-spacing:8px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 40px var(--gold-glow),0 4px 20px rgba(0,0,0,.7),0 0 80px rgba(0,0,0,.5)}.intro-screen h2{font-family:var(--font-display);font-size:13px;font-weight:400;color:#fff;letter-spacing:6px;text-transform:uppercase;margin-top:-12px;text-shadow:0 0 12px rgba(0,0,0,.8)}.intro-screen p{color:#fff;font-size:14px;max-width:440px;text-align:center;line-height:1.8;text-shadow:0 1px 6px rgba(0,0,0,.9)}.intro-form{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}.intro-form input{background:#0f1428cc;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:15px;font-weight:500;padding:11px 18px;border-radius:var(--radius);width:280px;text-align:center;outline:none;transition:all .25s}.intro-form input:focus{border-color:var(--p1);box-shadow:0 0 16px var(--p1-glow)}.pin-row{display:flex;gap:8px;align-items:center}.pin-row input{width:160px;letter-spacing:8px;font-size:20px;font-weight:700}.btn{font-family:var(--font-display);font-size:12px;font-weight:600;padding:11px 28px;border:1px solid;border-radius:var(--radius);cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .2s;background:transparent;color:var(--text)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--p1-dark),var(--p1));border-color:var(--p1);color:#000;font-weight:700}.btn-primary:hover{box-shadow:0 0 24px var(--p1-glow),0 4px 12px #0000004d}.btn-danger{background:linear-gradient(135deg,var(--p2-dark),var(--p2));border-color:var(--p2);color:#fff}.btn-danger:hover{box-shadow:0 0 24px var(--p2-glow)}.btn-gold{background:linear-gradient(135deg,var(--gold-dark),var(--gold));border-color:var(--gold);color:#111;font-weight:700}.btn-gold:hover{box-shadow:0 0 24px var(--gold-glow),0 4px 12px #0000004d}.btn-secondary{border-color:var(--border);color:var(--text-dim);background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:var(--text-dim);color:var(--text)}.btn-small{font-size:10px;padding:7px 16px}.lobby{height:100vh;display:flex;flex-direction:column;align-items:center;padding:30vh 24px 40px 50px;gap:18px;overflow-y:auto;background:linear-gradient(to bottom,#06081080,#0608104d,#06081080),url(/assets/bg/bg-lobby.png) 50% center/cover no-repeat,radial-gradient(ellipse at 50% 0%,rgba(0,229,204,.04) 0%,transparent 60%),var(--bg-deep)}.lobby h1{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--gold);letter-spacing:6px;text-shadow:0 0 30px var(--gold-glow)}.lobby-info{display:flex;gap:20px;align-items:center;color:#fff;font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.lobby-info .connected{color:var(--green);font-weight:600}.lobby-info .address{opacity:.7;font-size:11px}.tier-selector{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tier-btn{font-family:var(--font-body);font-size:13px;font-weight:600;padding:9px 18px;background:var(--bg-glass);border:1px solid var(--border);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tier-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px var(--gold-glow)}.tier-btn.active{border-color:var(--gold);color:var(--gold);background:#ffcc001a;box-shadow:0 0 16px var(--gold-glow),inset 0 0 12px #ffcc000d}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.players-list{width:100%;max-width:520px;display:flex;flex-direction:column;gap:4px}.players-list h3{font-family:var(--font-display);font-size:11px;font-weight:600;color:#ffffffb3;letter-spacing:3px;margin-bottom:6px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.player-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;transition:all .15s}.player-row:hover{border-color:#5064a080}.player-row .name{color:var(--text);font-weight:600}.player-row .stats{color:#fff9;font-size:12px}.player-row .challenge-btn{font-family:var(--font-display);font-size:9px;font-weight:600;letter-spacing:1px;padding:5px 12px;background:linear-gradient(135deg,var(--p1-dark),var(--p1));border:none;color:#000;border-radius:4px;cursor:pointer}.player-row .challenge-btn:hover{box-shadow:0 0 12px var(--p1-glow);transform:scale(1.05)}.challenge-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04060cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200}.challenge-modal-content{background:var(--bg-glass);border:1px solid var(--gold);border-radius:12px;padding:28px 36px;text-align:center;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 40px var(--gold-glow),0 20px 60px #00000080}.challenge-modal-content h3{font-family:var(--font-display);color:var(--gold);font-size:16px;font-weight:700;letter-spacing:3px}.challenge-modal-content .actions{display:flex;gap:8px;justify-content:center}.message-bar{text-align:center;padding:5px 12px;font-size:13px;font-weight:600;color:var(--gold);min-height:24px;text-shadow:0 0 10px var(--gold-glow)}.wager-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding-left:2.5%;background:linear-gradient(to bottom,#060810b3,#0608108c,#060810b3),url(/assets/bg/bg-wager.png) center/cover no-repeat,radial-gradient(ellipse at 50% 40%,rgba(255,204,0,.04) 0%,transparent 50%),var(--bg-deep)}.wager-screen h2{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--gold);letter-spacing:4px;text-shadow:0 0 20px var(--gold-glow)}.wager-info{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:14px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.9)}.wager-info .amount{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--gold);text-shadow:0 0 24px var(--gold-glow)}.wager-status{display:flex;gap:24px;font-size:14px;font-weight:600}.wager-status .paid{color:var(--green)}.wager-status .waiting{color:#dce1f0b3}.matchmaking-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 50%,rgba(0,229,204,.04) 0%,transparent 50%),var(--bg-deep)}.matchmaking-screen h2{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--gold);letter-spacing:4px;text-shadow:0 0 20px var(--gold-glow)}.spinner{width:36px;height:36px;border:2px solid rgba(255,255,255,.06);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-screen{position:relative;width:100vw;height:100vh;overflow:hidden}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 20px;z-index:10;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,12,.75) 0%,rgba(4,6,12,.2) 70%,transparent 100%)}.player-hud{display:flex;align-items:center;gap:10px;pointer-events:auto}.player-hud.right{flex-direction:row-reverse}.player-name{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.player-name.p1{color:var(--p1);text-shadow:0 0 12px var(--p1-glow)}.player-name.p2{color:var(--p2);text-shadow:0 0 12px var(--p2-glow)}.health-bar-wrap{width:120px;height:10px;background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.health-bar{height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1);border-radius:4px}.health-bar.p1{background:linear-gradient(90deg,var(--p1-dark),var(--p1));box-shadow:0 0 8px var(--p1-glow)}.health-bar.p2{background:linear-gradient(90deg,var(--p2-dark),var(--p2));box-shadow:0 0 8px var(--p2-glow)}.hp-text{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-dim);min-width:30px}.hud-center{display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:auto}.turn-indicator{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.turn-indicator.p1{color:var(--p1);text-shadow:0 0 15px var(--p1-glow)}.turn-indicator.p2{color:var(--p2);text-shadow:0 0 15px var(--p2-glow)}.wind-display{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-dim);font-weight:600}.pot-display{font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--gold);letter-spacing:1px;text-shadow:0 0 8px var(--gold-glow)}.controls-wrapper{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10}.controls{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 40px #00000080,inset 0 0 1px #ffffff14}.control-group{display:flex;align-items:center;gap:8px}.control-label{font-family:var(--font-display);font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;min-width:42px}.control-value{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--gold);min-width:44px;text-align:center;text-shadow:0 0 10px var(--gold-glow)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:4px;background:#ffffff14;border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--gold);border-radius:50%;cursor:pointer;box-shadow:0 0 12px var(--gold-glow),0 2px 6px #0000004d;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]:disabled{opacity:.25}input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-muted);box-shadow:none;cursor:not-allowed}.control-divider{width:1px;height:28px;background:var(--border);margin:0 2px}.fire-btn{font-family:var(--font-display);font-size:14px;font-weight:700;padding:10px 36px;background:linear-gradient(135deg,#c24,#f46);color:#fff;border:1px solid rgba(255,100,120,.4);border-radius:8px;cursor:pointer;letter-spacing:3px;text-transform:uppercase;transition:all .15s;text-shadow:0 1px 4px rgba(0,0,0,.4)}.fire-btn:hover:not(:disabled){box-shadow:0 0 28px var(--p2-glow),0 4px 16px #0000004d;transform:translateY(-2px)}.fire-btn:active:not(:disabled){transform:translateY(1px)}.fire-btn:disabled{opacity:.2;cursor:not-allowed}.game-actions{display:flex;gap:6px}.game-actions button{font-family:var(--font-body);font-size:11px;font-weight:600;padding:5px 10px;background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);border-radius:5px;cursor:pointer;transition:all .15s}.game-actions button:hover{border-color:var(--text-dim);color:var(--text)}.controls-wallet-btn{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.controls-wallet-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.controls-sound{display:flex;align-items:center;gap:6px}.controls-mute-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff0f;color:var(--text-dim);font-size:14px;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.controls-mute-btn:hover{background:#fbbf2426;color:var(--gold);transform:scale(1.1)}.controls-mute-btn:active{transform:scale(.95)}.controls-mute-btn.muted{color:#64748b;opacity:.5}.controls-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:3px;border-radius:2px;background:#94a3b826;outline:none;cursor:pointer}.controls-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold);cursor:pointer;border:1.5px solid rgba(0,0,0,.3);box-shadow:0 0 6px var(--gold-glow);transition:all .15s}.controls-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#f59e0b}.controls-mute-btn.muted~.controls-volume-slider{opacity:.25;pointer-events:none}.game-message{position:absolute;bottom:calc(84px + 1rem);left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--gold);text-shadow:0 0 12px var(--gold-glow),0 2px 6px rgba(0,0,0,.5);z-index:10;pointer-events:none;white-space:nowrap}.key-hints{position:absolute;bottom:calc(104px + 2rem);left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;pointer-events:none}.key-hint{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);font-weight:600}kbd{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:1px 5px;font-family:var(--font-body);font-size:10px;font-weight:700;color:var(--text-dim)}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#04060ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;gap:14px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-overlay h1{font-family:var(--font-display);font-size:52px;font-weight:900;letter-spacing:8px;text-transform:uppercase}.game-over-overlay h1.win{color:var(--gold);text-shadow:0 0 40px var(--gold-glow),0 0 80px rgba(255,204,0,.1)}.game-over-overlay h1.lose{color:var(--p2);text-shadow:0 0 30px var(--p2-glow)}.game-over-overlay h1.draw{color:var(--text-dim)}.game-over-overlay .result-message{font-size:16px;color:var(--text-dim);font-weight:600}.sound-controls{position:fixed;bottom:1.25rem;right:1.25rem;z-index:9999;display:flex;align-items:center;gap:.5rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.15);border-radius:2rem;padding:.35rem .5rem .35rem .35rem;transition:all .3s ease}.sound-controls:hover{background:#000000bf;border-color:#94a3b840}.sound-mute-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff14;color:#e2e8f0;font-size:1.1rem;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.sound-mute-btn:hover{background:#fbbf2426;transform:scale(1.1)}.sound-mute-btn:active{transform:scale(.95)}.sound-mute-btn.muted{color:#64748b;opacity:.6}.sound-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:#94a3b833;outline:none;cursor:pointer;transition:width .3s ease}.sound-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fbbf24;cursor:pointer;border:2px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #0000004d;transition:all .15s}.sound-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#f59e0b}.sound-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fbbf24;cursor:pointer;border:2px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #0000004d}.sound-controls.muted .sound-volume-slider{opacity:.3;pointer-events:none}@media (max-width: 768px){.sound-controls{bottom:.75rem;right:.75rem;padding:.25rem .4rem .25rem .25rem;gap:.4rem}.sound-mute-btn{width:32px;height:32px;font-size:1rem}.sound-volume-slider{width:60px}}@media (max-width: 400px){.sound-controls{bottom:.5rem;right:.5rem}.sound-volume-slider{width:50px}}