:root{--gold: #f0b429;--gold2: #facc15;--green: #22c55e;--green2: #16a34a;--red: #ef4444;--red2: #dc2626;--bg: #0a0e1a;--surface: #0d1220;--border: #1e2a40;--muted: #6b7a99;--text: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(120% 80% at 50% 8%,transparent 45%,rgba(2,4,10,.7) 100%),linear-gradient(#070b16,#0a1020 42%,#141a2c 64%,#2a1a12 88%,#3a2213);background-attachment:fixed;font-family:"Exo 2",sans-serif;color:var(--text)}#app{width:100%;height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;max-width:430px;margin:0 auto;position:relative;overflow:hidden}#topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 7px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;flex-shrink:0}.ico{display:inline-block;vertical-align:middle;flex-shrink:0}.tb-logo{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;color:var(--gold);letter-spacing:2px;display:flex;align-items:center;gap:6px}.tb-logo .ico{color:var(--gold)}#turn-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;font-family:Rajdhani,sans-serif;letter-spacing:.5px;text-align:center;white-space:nowrap}.bp1{background:#22c55e2e;color:var(--green);border:1.5px solid var(--green)}.bp2{background:#ef44442e;color:var(--red);border:1.5px solid var(--red)}.bwait{background:#f0b4291f;color:var(--gold);border:1.5px solid var(--gold)}.tb-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}#pot-display{display:flex;align-items:center;gap:4px;white-space:nowrap}#pot-display .ico{color:var(--gold)}#pot-display b{color:#4ade80;font-family:Rajdhani,sans-serif;font-size:13px;font-variant-numeric:tabular-nums}.tb-actions{display:flex;gap:4px;align-items:center}.tb-ico{background:#ffffff08;border:1px solid var(--border);border-radius:7px;width:28px;height:28px;cursor:pointer;color:var(--muted);display:grid;place-items:center;transition:color .12s,border-color .12s,background .12s;padding:0}.tb-ico:hover{color:var(--gold);border-color:var(--gold);background:#f0b4291a}#btn-leave:hover{color:var(--red);border-color:var(--red);background:#ef44441a}#arena-wrap{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 42%,#1c28448c,#080c16e6 58%,#04070e),#05080f;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}#arena-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;box-shadow:inset 0 0 90px 8px #0009}canvas#gc{display:block;position:relative;z-index:1}#turn-hint{display:none;text-align:center;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--green);padding:5px 12px 2px;line-height:1.3}#timer-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--ring, var(--gold)) calc(var(--pct, 100) * 1%),rgba(255,255,255,.08) 0);font-family:Rajdhani,sans-serif;font-size:19px;font-weight:700;color:var(--gold);pointer-events:none;display:none;align-items:center;justify-content:center;box-shadow:0 4px 14px -4px #0009}#timer-badge:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#080b14eb}#timer-badge #timer-num{position:relative;z-index:1;font-variant-numeric:tabular-nums;text-align:center}#timer-badge.urgent{--ring: var(--red);color:var(--red);animation:urgentPulse .4s ease infinite alternate}@keyframes urgentPulse{0%{opacity:1}to{opacity:.6}}#btn-leave-legacy{display:none}#btn-leave:hover{color:var(--red)}#opp-disc-overlay,#void-overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#0a0e1ae6;z-index:20;text-align:center;padding:20px}#opp-disc-overlay .odo-icon,#void-overlay .odo-icon{font-size:38px;animation:pulse 1.4s ease infinite;margin-bottom:12px}#opp-disc-overlay .odo-title,#void-overlay .odo-title{font-family:Rajdhani,sans-serif;font-size:18px;color:var(--gold);letter-spacing:1px;margin-bottom:6px}#opp-disc-overlay .odo-sub,#void-overlay .odo-sub{font-size:13px;color:var(--text);margin-bottom:8px}#opp-disc-overlay .odo-sub b{color:var(--red);font-family:Rajdhani,sans-serif;font-size:16px}#opp-disc-overlay .odo-hint{font-size:11px;color:var(--muted)}#void-overlay .void-actions{display:flex;gap:10px;margin-top:14px}.qg-btn-void{font-family:Rajdhani,sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;padding:9px 22px;border-radius:8px;cursor:pointer;border:none}.qg-btn-void.yes{background:var(--green);color:#000}.qg-btn-void.no{background:transparent;border:1px solid var(--border);color:var(--muted)}#bubble-layer{position:absolute;inset:0;pointer-events:none;z-index:15;overflow:hidden}.chat-bubble{position:absolute;transform:translate(-50%,-100%);max-width:140px;padding:5px 9px;border-radius:12px;font-size:12px;line-height:1.25;font-weight:600;word-break:break-word;text-align:center;box-shadow:0 3px 10px #00000073;animation:bubbleFloat 3.2s ease forwards}.chat-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:inherit;border-bottom:0}.chat-bubble.me{background:var(--gold);color:#1a1205;border-bottom-color:var(--gold)}.chat-bubble.opp{background:#e2e8f0;color:#0a0e1a;border-bottom-color:#e2e8f0}@keyframes bubbleFloat{0%{opacity:0;transform:translate(-50%,-85%) scale(.7)}12%{opacity:1;transform:translate(-50%,-100%) scale(1)}78%{opacity:1;transform:translate(-50%,-120%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.96)}}#fx-banner{position:absolute;top:18%;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:18}.fx-banner-item{font-family:Rajdhani,sans-serif;font-size:30px;font-weight:700;letter-spacing:3px;padding:8px 22px;border-radius:12px;background:#0a0e1ac7;border:2px solid;animation:bannerPop 1.5s ease forwards}.fx-banner-item.mine{color:var(--green);border-color:var(--green);text-shadow:0 0 16px rgba(34,197,94,.8)}.fx-banner-item.rival{color:var(--red);border-color:var(--red);text-shadow:0 0 16px rgba(239,68,68,.7)}.fx-banner-item.neutral{color:var(--gold);border-color:var(--gold);text-shadow:0 0 16px rgba(240,180,41,.7)}@keyframes bannerPop{0%{opacity:0;transform:scale(.5) translateY(10px)}14%{opacity:1;transform:scale(1.12)}26%{transform:scale(1)}74%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94) translateY(-8px)}}#controls{background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column;padding-bottom:2px}#wind-strip{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 0;border-bottom:1px solid var(--border);flex-shrink:0}#wind-strip span{font-size:10px;color:var(--muted)}#wind-spd{color:var(--gold);font-weight:700;font-size:11px;font-family:Rajdhani,sans-serif}#slider-zone{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3px 12px 1px;gap:4px}.slrow{display:flex;align-items:center;gap:7px}.slrow label{font-size:10px;color:var(--muted);min-width:52px}.slrow input[type=range]{flex:1;accent-color:var(--gold);height:6px;cursor:pointer}.sv{font-size:11px;font-weight:700;color:var(--gold);min-width:34px;text-align:right;font-family:Rajdhani,sans-serif}#opp-wait{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:3px 8px;gap:3px}.opp-icon{color:var(--gold);animation:pulse 1.4s ease infinite;display:grid;place-items:center}@keyframes pulse{0%,to{opacity:.32;transform:scale(.9)}50%{opacity:1;transform:scale(1.06)}}.opp-txt{font-size:9px;color:var(--muted);font-family:Rajdhani,sans-serif;letter-spacing:.5px}#fire-wrap{padding:3px 10px 2px;flex-shrink:0}#btn-fire{width:100%;padding:11px;border:none;border-radius:10px;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;cursor:pointer;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 1px #ffffff59,inset 0 -3px #00000047,0 3px 10px -2px #00000080;transition:filter .12s,transform .06s,box-shadow .12s}#btn-fire .ico{width:22px;height:22px}#btn-fire:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff3,inset 0 -1px #00000047}#btn-fire:disabled{background:linear-gradient(#3a4453,#2a3340);color:#6b7688;cursor:default;box-shadow:inset 0 1px #ffffff0f}.fp1{background:linear-gradient(#2fd36f,#16a34a);color:#04210f}.fp1:hover:not(:disabled){filter:brightness(1.08)}.fp2{background:linear-gradient(#f56b6b,#dc2626);color:#2a0606}.fp2:hover:not(:disabled){filter:brightness(1.08)}#chat-zone{background:var(--surface);border-top:1px solid var(--border);display:none;flex-direction:column;max-height:23vh;flex-shrink:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 2px)}#chat-msgs{flex:1;overflow-y:auto;padding:4px 10px 2px;display:flex;flex-direction:column;gap:2px;min-height:0}#chat-msgs::-webkit-scrollbar{width:3px}#chat-msgs::-webkit-scrollbar-thumb{background:#2a3a5a;border-radius:2px}.msg{font-size:11px;line-height:1.35;max-width:85%;word-break:break-word}.msg.me{align-self:flex-end;background:#f0b4291f;border-radius:8px 8px 2px;padding:3px 7px;color:var(--gold)}.msg.opp{align-self:flex-start;background:#1e2a40e6;border-radius:8px 8px 8px 2px;padding:3px 7px;color:var(--text)}.msg.sys{align-self:center;color:var(--muted);font-size:10px;font-style:italic}#quick-bar{display:flex;gap:5px;overflow-x:auto;flex-shrink:0;padding:4px 8px;scrollbar-width:none}#quick-bar::-webkit-scrollbar{display:none}.qbtn{flex-shrink:0;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:4px 9px;font-size:14px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;transition:border-color .12s,background .12s,transform .06s}.qbtn span{font-size:11px;color:var(--text);font-family:"Exo 2",sans-serif}.qbtn .ico{color:var(--gold)}.qbtn:hover{border-color:var(--gold)}.qbtn:active{transform:scale(.92);background:#f0b4291f}#chat-input-row{display:flex;gap:5px;padding:3px 8px 2px;flex-shrink:0}#chat-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:5px 8px;font-size:12px;font-family:"Exo 2",sans-serif;color:var(--text);outline:none}#chat-input::placeholder{color:#3a4a6a}#chat-input:focus{border-color:var(--gold)}#btn-send{padding:5px 10px;border:none;border-radius:7px;background:var(--gold);color:#000;font-size:12px;font-weight:700;cursor:pointer;font-family:Rajdhani,sans-serif;flex-shrink:0}.ov{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:16px;z-index:30}.ov.dark{background:#050814f5}.ov.semi{background:#000000d6}.mcard{background:var(--surface);border:2px solid var(--gold);border-radius:14px;padding:20px 18px;text-align:center;width:100%;max-width:310px}.mcard h2{font-family:Rajdhani,sans-serif;font-size:22px;margin-bottom:7px;letter-spacing:1.5px}.mcard p{color:#a0aec0;font-size:12px;margin-bottom:13px;line-height:1.65}.result-ico{display:grid;place-items:center;margin:2px auto 8px;width:62px;height:62px;border-radius:50%}.result-ico.win{color:var(--gold);background:radial-gradient(circle,rgba(240,180,41,.22),transparent 70%);animation:resultPop .4s ease both}.result-ico.lose{color:var(--red);background:radial-gradient(circle,rgba(239,68,68,.18),transparent 70%);animation:resultPop .4s ease both}.result-ico.neutral{color:var(--muted)}@keyframes resultPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.mbtns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mbtn{padding:9px 16px;border:none;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:Rajdhani,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px}.mok{background:var(--gold);color:#000}.mok:hover{background:var(--gold2)}.mrematch{background:var(--green);color:#04140a}.mrematch:hover:not(:disabled){filter:brightness(1.1)}.mrematch:disabled{filter:grayscale(.4) brightness(.75);cursor:default}.rematch-zone{margin-top:10px}.rematch-bar{background:#22c55e1a;border:1px solid rgba(34,197,94,.4);border-radius:9px;padding:9px 10px;display:flex;flex-direction:column;gap:8px}.rb-txt{font-size:12px;color:var(--text);display:inline-flex;align-items:center;gap:6px;justify-content:center}.rb-btns{display:flex;gap:8px;justify-content:center}.rb-yes,.rb-no{border:none;border-radius:7px;padding:7px 16px;font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;cursor:pointer}.rb-yes{background:var(--green);color:#04140a}.rb-no{background:transparent;color:var(--muted);border:1px solid var(--border)}.rb-yes:hover{filter:brightness(1.1)}.rb-no:hover{color:var(--text);border-color:var(--muted)}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;opacity:0;animation:confettiFall linear forwards}@keyframes confettiFall{0%{opacity:1;top:-12px}to{opacity:0;top:110%;transform:translate(18px) rotate(540deg)}}#lobby{padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);background:radial-gradient(130% 85% at 50% 6%,transparent 42%,rgba(2,4,10,.6) 100%),radial-gradient(closest-side at 70% 20%,rgba(240,205,130,.16),transparent 72%),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20340'%20preserveAspectRatio='xMidYMax%20slice'%3E%20%3C%21--%20monta%C3%B1as%20lejanas%20--%3E%20%3Cpath%20d='M0%2C190%20L150%2C120%20L300%2C180%20L470%2C110%20L640%2C175%20L820%2C120%20L1000%2C175%20L1200%2C130%20L1200%2C340%20L0%2C340%20Z'%20fill='%230e1a30'/%3E%20%3C%21--%20colinas%20medias%20--%3E%20%3Cpath%20d='M0%2C235%20C160%2C205%20320%2C250%20480%2C232%20C640%2C214%20760%2C255%20900%2C240%20C1020%2C227%201120%2C250%201200%2C236%20L1200%2C340%20L0%2C340%20Z'%20fill='%230a1424'/%3E%20%3C%21--%20terreno%20frontal%20con%20plataformas%20--%3E%20%3Cpath%20d='M0%2C285%20C90%2C272%20150%2C300%20220%2C296%20L250%2C270%20L360%2C270%20L390%2C300%20C520%2C306%20640%2C282%20780%2C292%20L820%2C272%20L940%2C272%20L975%2C300%20C1060%2C304%201140%2C290%201200%2C296%20L1200%2C340%20L0%2C340%20Z'%20fill='%23070d18'/%3E%20%3C%21--%20ca%C3%B1%C3%B3n%20izquierdo%20(mira%20arriba-derecha)%20--%3E%20%3Cg%20fill='%2304070e'%20stroke='%23d9b64e'%20stroke-opacity='0.25'%20stroke-width='1.5'%3E%20%3Crect%20x='292'%20y='255'%20width='26'%20height='8'%20rx='3'/%3E%20%3Ccircle%20cx='305'%20cy='262'%20r='11'/%3E%20%3Crect%20x='303'%20y='230'%20width='34'%20height='9'%20rx='4'%20transform='rotate(-32%20305%20234)'/%3E%20%3C/g%3E%20%3C%21--%20ca%C3%B1%C3%B3n%20derecho%20(mira%20arriba-izquierda)%20--%3E%20%3Cg%20fill='%2304070e'%20stroke='%23ef4444'%20stroke-opacity='0.22'%20stroke-width='1.5'%3E%20%3Crect%20x='882'%20y='255'%20width='26'%20height='8'%20rx='3'/%3E%20%3Ccircle%20cx='895'%20cy='262'%20r='11'/%3E%20%3Crect%20x='863'%20y='230'%20width='34'%20height='9'%20rx='4'%20transform='rotate(32%20895%20234)'/%3E%20%3C/g%3E%20%3C/svg%3E") bottom center / cover no-repeat,linear-gradient(#070b16,#0a1020 40%,#141a2c 64%,#3a2417 86%,#4a2a12)}#lobby:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20% 90%,rgba(255,170,80,.55),transparent),radial-gradient(1.5px 1.5px at 70% 88%,rgba(255,140,60,.5),transparent),radial-gradient(2px 2px at 45% 92%,rgba(255,200,110,.45),transparent),radial-gradient(1.5px 1.5px at 85% 91%,rgba(255,150,70,.5),transparent);animation:emberRise 9s linear infinite;opacity:.7}@keyframes emberRise{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 -260px,0 -320px,0 -230px,0 -300px}}.lcard{position:relative;z-index:1;background:linear-gradient(180deg,#1a2237f0,#0b101df7);border:1px solid rgba(217,182,78,.5);border-radius:16px;padding:24px 20px 22px;text-align:center;width:100%;max-width:330px;box-shadow:0 0 0 1px #00000073,0 20px 55px -14px #000c,inset 0 1px #ffffff0f;backdrop-filter:blur(2px);max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin}.lcard:before{content:"";position:absolute;inset:5px;border-radius:12px;border:1px solid rgba(217,182,78,.2);pointer-events:none}.lcard:after{content:"";position:absolute;left:0;right:0;top:0;height:46%;border-radius:16px 16px 0 0;background:linear-gradient(180deg,rgba(240,200,120,.06),transparent);pointer-events:none}.l-logo{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;letter-spacing:3px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--gold)}.l-logo .ico{color:var(--gold);filter:drop-shadow(0 0 7px rgba(240,180,41,.55))}.l-logo span{background:linear-gradient(180deg,#ffe9a8,#f0b429 55%,#b8860b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(240,180,41,.3)}.l-sub{color:var(--muted);font-size:11px;margin-bottom:14px;line-height:1.5}.l-lbl{font-size:10px;color:var(--muted);display:block;text-align:left;margin-bottom:4px;margin-top:8px}.l-in{width:100%;padding:11px;border-radius:9px;border:1px solid rgba(217,182,78,.55);background:linear-gradient(#0a0f1c,#0d1526);color:var(--gold);font-size:17px;font-family:Rajdhani,sans-serif;font-weight:700;text-align:center;outline:none;box-shadow:inset 0 2px 6px #00000080;font-variant-numeric:tabular-nums}.l-in:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #00000080,0 0 0 3px #f0b4292e}.lbtn{width:100%;padding:13px;border:none;border-radius:10px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;cursor:pointer;margin-top:10px;letter-spacing:1.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 1px #fff6,inset 0 -3px #00000040,0 4px 12px -3px #00000080;transition:filter .12s,transform .06s,box-shadow .12s}.lbtn:hover:not(:disabled){filter:brightness(1.08)}.lbtn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff3,inset 0 -1px #00000040}.lbtn:disabled{filter:grayscale(.5) brightness(.7);cursor:default}.lcr{background:linear-gradient(#ffd766,#f0b429 55%,#cf9612);color:#2a1c00}.l-status{font-size:11px;color:var(--muted);margin-top:10px;min-height:14px}.l-breakdown{font-size:10px;color:var(--muted);margin:5px 0 2px;line-height:1.45;min-height:13px}.l-searching{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f0b42914;border:1px solid rgba(240,180,41,.35);border-radius:9px;padding:9px 12px;margin-top:10px;font-size:12px;color:var(--gold)}.l-searching>span{display:inline-flex;align-items:center;gap:6px}.l-cancel-q{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:inherit}.l-cancel-q:hover{color:var(--red);border-color:var(--red)}.l-section{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);text-align:left}.l-sec-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:6px;margin-bottom:7px}.l-sec-sub{font-size:10.5px;color:var(--muted);line-height:1.45;margin-bottom:8px}.lt-row{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:7px 10px;margin-bottom:6px}.lt-who{font-size:12px;color:var(--text);flex:1}.lt-bet{font-size:12px;font-weight:700;color:var(--gold);font-family:Rajdhani,sans-serif}.lt-join{background:var(--green);color:#04140a;border:none;border-radius:7px;padding:5px 14px;font-size:12px;font-weight:700;font-family:Rajdhani,sans-serif;cursor:pointer}.lt-join:hover{filter:brightness(1.1)}.l-challenge{background:#1e2a40;color:var(--text);font-size:13px;padding:10px;margin-top:0}.l-code{font-family:Rajdhani,sans-serif;font-size:30px;font-weight:700;letter-spacing:6px;color:var(--gold);text-align:center;background:#f0b42912;border:1px dashed rgba(240,180,41,.45);border-radius:9px;padding:8px;margin-bottom:6px;user-select:all}.l-code-sub{font-size:10.5px;color:var(--muted);line-height:1.45;margin-bottom:8px;text-align:center}.l-share{display:flex;gap:8px}.l-share-wa{flex:1;background:#25d366;color:#06281a;border:none;border-radius:8px;padding:9px;font-size:13px;font-weight:700;font-family:Rajdhani,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.l-share-wa:hover{filter:brightness(1.07)}.l-share-copy{flex:1;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px;font-size:12px;cursor:pointer;font-family:inherit}.l-share-copy:hover{border-color:var(--gold);color:var(--gold)}.l-cancel-ch{width:100%;background:transparent;border:none;color:var(--muted);font-size:11px;cursor:pointer;margin-top:7px;font-family:inherit}.l-cancel-ch:hover{color:var(--red)}.l-join-code{display:flex;gap:8px;margin-top:8px;align-items:stretch}.l-in-code{flex:1;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:8px}.l-rematch{background:#22c55e17;border:1px solid rgba(34,197,94,.45);border-radius:10px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.lr-txt{font-size:12.5px;color:var(--text);display:inline-flex;align-items:center;gap:6px;justify-content:center}.lr-txt b{color:var(--green)}.lr-btns{display:flex;gap:8px;justify-content:center}.l-balance{font-size:12px;color:var(--green);font-family:Rajdhani,sans-serif;margin-top:8px}.l-err{font-size:11px;color:var(--red);margin-top:8px;min-height:14px}.l-pending{background:#d9b64e17;border:1px solid var(--gold);border-radius:10px;padding:12px;margin:4px 0 12px;text-align:center}.lp-txt{font-family:Rajdhani,sans-serif;font-size:13px;color:var(--gold);margin-bottom:10px;letter-spacing:.5px}.lp-actions{display:flex;gap:8px}.lp-resume{flex:1;background:var(--gold);color:#000;border:none;border-radius:8px;padding:9px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:13px;cursor:pointer;letter-spacing:.5px}.lp-discard{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:9px 12px;font-size:11px;cursor:pointer}.lb-tabs{display:flex;gap:0;margin:14px 0 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:3px}.lb-tab{flex:1;background:transparent;border:none;padding:8px 6px;font-size:11px;font-family:Rajdhani,sans-serif;color:var(--muted);cursor:pointer;border-radius:6px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.lb-tab.active{background:var(--gold);color:#000}.lb-tab:hover:not(.active){color:var(--text)}.tab-pane{padding:4px 0}.auth-toggle{display:flex;gap:6px;margin-bottom:10px;justify-content:center}.auth-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:5px 12px;font-size:10px;font-family:Rajdhani,sans-serif;cursor:pointer;border-radius:5px;text-transform:uppercase;letter-spacing:1px}.auth-btn.active{border-color:var(--gold);color:var(--gold)}.auth-form{margin-top:8px}.so-title{font-family:Rajdhani,sans-serif;font-size:17px;color:var(--gold);letter-spacing:2px;margin-bottom:2px}.so-sub{font-size:10px;color:var(--muted);margin-bottom:16px}.so-cards{display:flex;align-items:center;gap:22px;margin-bottom:14px}.so-side{display:flex;flex-direction:column;align-items:center;gap:5px}.so-plbl{font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px}.so-plbl.p1l{color:var(--green)}.so-plbl.p2l{color:var(--red)}.so-card{width:64px;height:90px;border-radius:8px;border:2px solid var(--border);background:#12192e;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-family:Rajdhani,sans-serif}.so-card .bk{font-size:28px}.so-card .vl{font-size:28px;font-weight:700;line-height:1}.so-card .st{font-size:13px;line-height:1;margin-top:1px}.so-card.rc{color:#e84444}.so-card.bc{color:#e8e8e8}.so-card.win{border-color:var(--gold);animation:gc .65s ease infinite alternate}.so-card.los{opacity:.28;border-color:var(--border)}@keyframes gc{0%{border-color:var(--gold)}to{border-color:var(--gold2);box-shadow:0 0 10px #f0b42980}}.so-vs{font-family:Rajdhani,sans-serif;font-size:20px;color:#2a3a5a;margin-bottom:6px}.so-res{font-family:Rajdhani,sans-serif;font-size:13px;min-height:16px;letter-spacing:1px;margin-bottom:7px}.so-hint{font-size:9px;color:#4a5a7a;margin-top:4px}.dev-mint{font-size:10px;color:var(--muted);margin-top:14px;padding-top:10px;border-top:1px dashed var(--border)}.dev-mint input{width:70%;padding:4px 6px;font-size:11px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;font-family:inherit}.dev-mint button{padding:4px 8px;font-size:11px;background:var(--border);color:var(--text);border:none;border-radius:4px;cursor:pointer;margin-left:4px}@media (min-width: 560px) and (max-aspect-ratio: 13/10){#app{max-width:min(640px,96vw);border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 60px -12px #000000a6}}@media (min-aspect-ratio: 13/10) and (min-width: 700px){#app{max-width:1180px;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"topbar   topbar" "arena    controls" "arena    chat";border-left:1px solid var(--border);border-right:1px solid var(--border)}#topbar{grid-area:topbar;padding-top:8px}.tb-logo{font-size:19px}#arena-wrap{grid-area:arena;border-right:1px solid var(--border);padding-left:env(safe-area-inset-left,0px)}#controls{grid-area:controls;max-height:none;border-top:none;border-bottom:1px solid var(--border);padding:8px max(4px,env(safe-area-inset-right,0px)) 10px 4px}#chat-zone{grid-area:chat;max-height:none;min-height:0;display:flex!important;border-top:none}#slider-zone{padding:10px 16px;gap:12px}.slrow{gap:12px}.slrow label{font-size:12px;min-width:60px}.slrow input[type=range]{height:8px}.sv{font-size:13px;min-width:42px}#wind-strip{padding:8px 0}#wind-strip span{font-size:12px}#wind-spd{font-size:14px}#btn-fire{padding:13px;font-size:18px}#fire-wrap{padding:6px 16px 10px}.opp-icon{font-size:30px}.opp-txt{font-size:11px}.msg{font-size:13px;max-width:90%}#chat-input{font-size:13px;padding:7px 10px}}#btn-help:hover{color:var(--gold)}.howto-link{background:none;border:none;cursor:pointer;color:var(--gold);font-size:11px;font-family:Rajdhani,sans-serif;letter-spacing:.5px;margin-bottom:12px;padding:2px;text-decoration:underline;text-underline-offset:2px}.howto-link:hover{color:var(--gold2)}.howto-card{background:var(--surface);border:2px solid var(--gold);border-radius:16px;width:100%;max-width:360px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.howto-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.howto-title{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;color:var(--gold);letter-spacing:1px;display:flex;align-items:center;gap:6px}.howto-close{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;line-height:1}.howto-close:hover{color:var(--text)}.howto-steps{overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:14px}.howto-step{display:flex;gap:12px;align-items:flex-start}.hs-icon{flex-shrink:0;width:34px;display:grid;place-items:center}.hs-icon .ico{color:var(--gold)}.hs-title{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px;letter-spacing:.5px}.hs-text{font-size:12px;color:#a0aec0;line-height:1.5}.hs-text b{color:var(--text)}.howto-ok{margin:4px 16px 16px;width:calc(100% - 32px)}