@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-address-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallet-copy-btn,.wallet-qr-toggle,.wallet-explorer-btn,.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-explorer-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.wallet-explorer-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.wallet-explorer-btn svg{display:block}.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:#04060ce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:600}.wallet-pin-content{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:26px 28px 24px;width:380px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#20261cf7,#141812fa 55%,#0d100cfa);border:1px solid rgba(125,140,82,.45);border-radius:4px;box-shadow:inset 0 1px #ffffff1a,inset 0 -3px 10px #0000008c,0 18px 50px #000000a6}.wallet-pin-content:before{content:"";position:absolute;left:14px;right:14px;top:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,204,0,.42),transparent);pointer-events:none}.tx-modal-header{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gold)}.tx-modal-header svg{display:block}.wallet-pin-content h3{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--gold);letter-spacing:3px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.8)}.tx-summary{display:flex;flex-direction:column;gap:1px;background:#00000080;border:1px solid rgba(125,140,82,.3);border-radius:3px;box-shadow:inset 0 1px 4px #000000b3;overflow:hidden}.tx-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 12px}.tx-row+.tx-row{border-top:1px solid rgba(125,140,82,.18)}.tx-label{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9aa877;flex-shrink:0}.tx-value{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--gold);text-shadow:0 0 10px var(--gold-glow);text-align:right}.tx-value em{font-style:normal;font-size:10px;font-weight:600;opacity:.75;margin-left:2px}.tx-addr{font-family:var(--font-body);font-size:12px;font-weight:600;color:#cad2b3;text-shadow:none;word-break:break-all;line-height:1.4}.tx-hint{font-family:var(--font-body);font-size:12px;font-weight:600;color:#8d9a70;text-align:center;letter-spacing:.5px}.wallet-pin-content input{background:#00000080;border:1px solid rgba(125,140,82,.35);color:#f0ead6;font-family:var(--font-body);font-size:22px;font-weight:700;padding:10px 18px;border-radius:3px;width:100%;height:48px;text-align:center;letter-spacing:.4em;outline:none;box-shadow:inset 0 1px 4px #000000b3;transition:all .2s}.wallet-pin-content input::placeholder{letter-spacing:normal;font-size:14px;font-weight:500;color:#6f7a5c}.wallet-pin-content input:focus{border-color:var(--gold);box-shadow:inset 0 1px 4px #000000b3,0 0 14px var(--gold-glow)}.tx-error{color:#ff6b6b;font-family:var(--font-body);font-size:12px;font-weight:600;text-align:center}.wallet-pin-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:2px}.wallet-pin-actions .btn{width:100%;padding-left:8px;padding-right:8px}.wallet-history-list,.wallet-history-scroll{display:flex;flex-direction:column;gap:6px}.wallet-history-scroll.is-scrollable{max-height:594px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(80,100,160,.5) rgba(0,0,0,.35)}.wallet-history-scroll.is-scrollable::-webkit-scrollbar{width:8px}.wallet-history-scroll.is-scrollable::-webkit-scrollbar-track{background:#00000059;border-radius:4px}.wallet-history-scroll.is-scrollable::-webkit-scrollbar-thumb{background:#5064a080;border-radius:4px}.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-lobby{width:calc((var(--lobby-col) - 16px) / 3);height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0}.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;--lobby-col: clamp(320px, 30vw, 560px);--ui-sm: clamp(9px, .62vw, 12px);--ui-md: clamp(12px, .85vw, 16px);--ui-lg: clamp(15px, 1.05vw, 20px)}*{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:clamp(14px,1.4vh,26px);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:clamp(40px,3.4vw,68px);font-weight:900;letter-spacing:.16em;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:clamp(12px,.85vw,17px);font-weight:400;color:#fff;letter-spacing:.42em;text-transform:uppercase;margin-top:-12px;text-shadow:0 0 12px rgba(0,0,0,.8)}.intro-screen p{color:#fff;font-size:clamp(14px,.95vw,19px);max-width:clamp(440px,34vw,620px);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:clamp(10px,1.1vh,18px);margin-top:8px}.intro-form input{background:#0f1428cc;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:clamp(15px,1vw,19px);font-weight:500;padding:11px 18px;border-radius:var(--radius);width:clamp(280px,21vw,380px);height:clamp(48px,3.4vw,60px);text-align:center;outline:none;transition:all .25s}.intro-form .btn-primary{height:clamp(48px,3.4vw,60px);width:clamp(280px,21vw,380px);font-size:clamp(12px,.78vw,16px)}.intro-form input:focus{border-color:var(--p1);box-shadow:0 0 16px var(--p1-glow)}.unlock-form{--unlock-col: clamp(220px, 16vw, 300px);--unlock-h: clamp(44px, 3vw, 54px)}.unlock-form .pin-row{width:var(--unlock-col)}.unlock-form .pin-row input,.unlock-form .btn{width:var(--unlock-col);height:var(--unlock-h);min-height:var(--unlock-h)}.unlock-form .btn-small{font-size:clamp(11px,.72vw,14px);padding:0 14px}.pin-row{display:flex;gap:8px;align-items:center}.pin-row input{width:clamp(160px,12vw,220px);letter-spacing:.4em;font-size:clamp(20px,1.35vw,26px);font-weight:700}.pin-row input::placeholder{letter-spacing:normal;font-size:clamp(15px,1vw,19px);font-weight:500}.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(180deg,#5c6b3a,#47542c 55%,#38431f);border-color:#7d8c5266;color:#f0ead6;font-weight:700;letter-spacing:3px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:inset 0 1px #ffffff24,inset 0 -2px 5px #0006,0 2px 6px #00000073}.btn-primary:hover{background:linear-gradient(180deg,#6d8044,#566536 55%,#445125);border-color:var(--gold);box-shadow:inset 0 1px #fff3,inset 0 -2px 5px #00000059,0 0 18px #fc03,0 4px 12px #00000073}.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:clamp(10px,.66vw,13px);padding:7px 16px}.lobby{height:100vh;display:flex;flex-direction:column;align-items:center;padding:10vh clamp(16px,2vw,40px) 40px;gap:clamp(14px,1.6vh,26px);overflow-y:auto;background:linear-gradient(to bottom,#06081080,#0608104d,#06081080),url(/assets/bg/bg-lobby.png) 51% 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:clamp(24px,2.1vw,40px);font-weight:800;color:var(--gold);letter-spacing:.2em;text-shadow:0 0 30px var(--gold-glow)}.lobby-info{display:flex;gap:clamp(10px,1.2vw,24px);align-items:center;flex-wrap:wrap;justify-content:center;color:#fff;font-size:var(--ui-md);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:var(--ui-sm)}.tier-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;justify-content:center;width:100%;max-width:var(--lobby-col)}.tier-btn{font-family:var(--font-body);font-size:var(--ui-md);font-weight:600;padding:clamp(8px,.7vw,13px) clamp(8px,.8vw,16px);white-space:nowrap;text-align:center;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:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:var(--lobby-col)}.lobby-actions .btn{padding-left:12px;padding-right:12px;white-space:nowrap}.players-list{width:100%;max-width:var(--lobby-col);display:flex;flex-direction:column;gap:4px;margin-top:26px}.players-scroll{display:flex;flex-direction:column;gap:4px;max-height:calc((var(--ui-md) * 1.25 + clamp(8px,.75vw,14px) * 2 + 2px) * 4 + 12px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(125,140,82,.55) rgba(0,0,0,.35)}.players-scroll::-webkit-scrollbar{width:8px}.players-scroll::-webkit-scrollbar-track{background:#00000059;border-radius:3px}.players-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6d7d4a,#47542c);border:1px solid rgba(125,140,82,.5);border-radius:3px}.players-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#86994f,#566536);border-color:var(--gold)}.players-list h3{font-family:var(--font-display);font-size:var(--ui-sm);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:clamp(8px,.75vw,14px) clamp(10px,1vw,18px);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--ui-md);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:var(--ui-sm)}.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-plate{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,1.4vw,22px);padding:clamp(22px,2.2vw,34px) clamp(28px,3vw,46px);width:clamp(320px,34vw,460px);max-width:calc(100vw - 32px);position:relative;background:linear-gradient(180deg,#20261cf0,#141812f2 55%,#0d100cf5);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid rgba(125,140,82,.38);border-radius:4px;box-shadow:inset 0 1px #ffffff1a,inset 0 -3px 10px #0000008c,0 10px 34px #0009}.wager-plate:before{content:"";position:absolute;left:12px;right:12px;top:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,204,0,.38),transparent);pointer-events:none}.wager-screen h2{font-family:var(--font-display);font-size:clamp(17px,1.5vw,22px);font-weight:700;color:var(--gold);letter-spacing:4px;text-shadow:0 0 20px var(--gold-glow);margin:0}.wager-info{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:14px;color:var(--text)}.wager-vs{color:var(--text-dim);letter-spacing:1px}.wager-vs strong{color:var(--text)}.wager-info .amount{font-family:var(--font-display);font-size:clamp(26px,2.6vw,34px);font-weight:800;color:var(--gold);text-shadow:0 0 24px var(--gold-glow);line-height:1.1}.wager-usd{color:var(--text-dim);font-size:13px}.wager-escrow{font-size:11px;margin-top:4px;color:var(--text-muted);letter-spacing:.5px;font-family:var(--font-body)}.wager-status{display:flex;gap:10px;width:100%;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.wager-status span{flex:1;padding:7px 10px;text-align:center;border-radius:3px;border:1px solid rgba(125,140,82,.3);background:#00000047}.wager-status .paid{color:var(--green);border-color:#00ff8861;background:#00ff8812}.wager-status .waiting{color:var(--text-dim)}.wager-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.wager-actions .btn{width:100%}.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;max-width:calc(100vw - 20px);display:flex;flex-direction:column;align-items:center;gap:8px}.controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;column-gap:clamp(12px,1.1vw,22px);row-gap:clamp(12px,1vw,20px);max-width:100%;padding:clamp(12px,.9vw,20px) clamp(16px,1.5vw,30px);position:relative;background:linear-gradient(180deg,#20261cf0,#141812f2 55%,#0d100cf5);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid rgba(125,140,82,.38);border-radius:4px;box-shadow:inset 0 1px #ffffff1a,inset 0 -3px 10px #0000008c,0 10px 34px #0009}.controls:before{content:"";position:absolute;left:12px;right:12px;top:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,204,0,.38),transparent);pointer-events:none}.control-group{display:flex;align-items:center;gap:clamp(6px,.6vw,11px);flex-shrink:0}.control-label{font-family:var(--font-display);font-size:var(--ui-sm);font-weight:700;color:#9aa877;text-transform:uppercase;letter-spacing:.24em;min-width:clamp(38px,3vw,58px);text-shadow:0 1px 2px rgba(0,0,0,.8)}.control-value{font-family:var(--font-display);font-size:var(--ui-lg);font-weight:800;color:var(--gold);min-width:clamp(46px,3.6vw,70px);text-align:center;padding:3px clamp(5px,.5vw,9px);background:#00000080;border:1px solid rgba(125,140,82,.3);border-radius:3px;text-shadow:0 0 10px var(--gold-glow);box-shadow:inset 0 1px 4px #000000b3}.controls input[type=range]:not(.controls-volume-slider){-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(96px,8.5vw,170px);height:clamp(6px,.45vw,9px);background:linear-gradient(180deg,#0000009e,#00000057);border:1px solid rgba(125,140,82,.28);border-radius:3px;outline:none;box-shadow:inset 0 1px 3px #000000b3}.controls input[type=range]:not(.controls-volume-slider)::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:21px;background:linear-gradient(180deg,#d3d9bc,#98a179 52%,#6d7551);border:1px solid rgba(0,0,0,.55);border-radius:2px;cursor:pointer;box-shadow:0 2px 5px #0009,inset 0 1px #ffffff8c;transition:transform .1s,box-shadow .15s}.controls input[type=range]:not(.controls-volume-slider)::-webkit-slider-thumb:hover{transform:scaleY(1.08);box-shadow:0 2px 8px #000000a6,0 0 12px var(--gold-glow),inset 0 1px #fff9}.controls input[type=range]:not(.controls-volume-slider):disabled{opacity:.28}.controls input[type=range]:not(.controls-volume-slider):disabled::-webkit-slider-thumb{background:#4a4f42;box-shadow:none;cursor:not-allowed}.control-divider{width:1px;height:clamp(22px,1.8vw,32px);margin:0;align-self:center;flex-shrink:0;background:linear-gradient(180deg,transparent,rgba(125,140,82,.45),transparent)}.move-buttons{display:flex;gap:5px}.move-btn{width:32px;height:30px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:#cad2b3;background:linear-gradient(180deg,#5c6b3a,#47542c 55%,#38431f);border:1px solid rgba(125,140,82,.45);border-radius:3px;cursor:pointer;transition:all .12s;box-shadow:inset 0 1px #ffffff29,inset 0 -2px 5px #0006,0 2px 5px #00000073}.move-btn:hover:not(:disabled){background:linear-gradient(180deg,#6d8044,#566536 55%,#445125);border-color:var(--gold);color:#fff}.move-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0009}.move-btn:disabled{opacity:.28;cursor:not-allowed}.fire-btn{font-family:var(--font-display);font-size:var(--ui-md);font-weight:800;padding:clamp(9px,.75vw,15px) clamp(22px,2.2vw,44px);background:linear-gradient(180deg,#a8272f,#7d1b22 55%,#5a1218);color:#ffe9c9;border:1px solid rgba(226,120,110,.45);border-radius:3px;cursor:pointer;letter-spacing:4px;text-transform:uppercase;transition:all .15s;text-shadow:0 1px 3px rgba(0,0,0,.85);box-shadow:inset 0 1px #ffffff2e,inset 0 -3px 8px #00000073,0 3px 10px #00000080}.fire-btn:hover:not(:disabled){background:linear-gradient(180deg,#c22f38,#8e1f27 55%,#6a161c);border-color:var(--gold);box-shadow:inset 0 1px #ffffff38,inset 0 -3px 8px #0006,0 0 22px #ffcc0038,0 5px 14px #00000080;transform:translateY(-2px)}.fire-btn:active:not(:disabled){transform:translateY(1px)}.fire-btn:disabled{opacity:.25;cursor:not-allowed}.game-actions{display:flex;gap:6px}.game-actions button{font-family:var(--font-display);font-size:var(--ui-sm);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:clamp(5px,.5vw,9px) clamp(8px,.9vw,15px);background:#ffffff0a;border:1px solid rgba(125,140,82,.25);color:#8d9a70;border-radius:3px;cursor:pointer;transition:all .15s}.game-actions button:hover{border-color:#7d8c5299;color:#cad2b3;background:#7d8c521f}.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:1px solid rgba(125,140,82,.3);border-radius:3px;background:linear-gradient(180deg,#5c6b3a,#414d29);color:#e6ecd2;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.controls-mute-btn:hover{border-color:var(--gold);color:#fff}.controls-mute-btn:active{transform:scale(.95)}.controls-mute-btn.muted{background:linear-gradient(180deg,#3a3f34,#23261f);color:#8a9078}.controls-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:62px;height:6px;border-radius:3px;background:linear-gradient(180deg,#0009,#00000052);border:1px solid rgba(125,140,82,.28);box-shadow:inset 0 1px 3px #000000b3;outline:none;cursor:pointer}.controls-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:15px;border-radius:2px;background:linear-gradient(180deg,#d3d9bc,#98a179 52%,#6d7551);cursor:pointer;border:1px solid rgba(0,0,0,.55);box-shadow:0 2px 4px #0009,inset 0 1px #ffffff80;transition:all .15s}.controls-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #000000a6,0 0 10px var(--gold-glow),inset 0 1px #fff9}.controls-mute-btn.muted~.controls-volume-slider{opacity:.25;pointer-events:none}.game-message{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);pointer-events:none;text-align:center}.key-hints{display:flex;gap:clamp(8px,.9vw,16px);flex-wrap:wrap;justify-content:center;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;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,#20261ceb,#10140ef0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(125,140,82,.35);border-radius:4px;padding:.3rem .5rem .3rem .35rem;transition:all .3s ease;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #00000080}.sound-controls:hover{border-color:#7d8c5299}.sound-mute-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(125,140,82,.3);border-radius:3px;background:linear-gradient(180deg,#5c6b3a,#414d29);color:#e6ecd2;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.sound-mute-btn:hover{border-color:var(--gold);color:#fff}.sound-mute-btn:active{transform:translateY(1px)}.sound-mute-btn svg,.controls-mute-btn svg{display:block}.sound-mute-btn.muted{background:linear-gradient(180deg,#3a3f34,#23261f);color:#8a9078}.sound-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:82px;height:6px;border-radius:3px;background:linear-gradient(180deg,#0009,#00000052);border:1px solid rgba(125,140,82,.28);box-shadow:inset 0 1px 3px #000000b3;outline:none;cursor:pointer}.sound-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:17px;border-radius:2px;background:linear-gradient(180deg,#d3d9bc,#98a179 52%,#6d7551);cursor:pointer;border:1px solid rgba(0,0,0,.55);box-shadow:0 2px 4px #0009,inset 0 1px #ffffff80;transition:all .15s}.sound-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #000000a6,0 0 10px var(--gold-glow),inset 0 1px #fff9}.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;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}.sound-volume-slider{width:50px}}