:root{--night: #082239;--deep: #0a3168;--glow: #48e8ff;--orange: #f58041;--peach: #efba8a;--bark: #79412d;--star: #ffe94f;--ink: #1a1320;--mute: #7d8087;--bg-top: #47d2fb;--bg-mid: #2f8fe6;--bg-low: #0c3d8c;--bg-edge: #072650;--scrim: rgba(7, 38, 80, .55);--f-ui: "Bebas Neue", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;--f-display: "Bungee", "Arial Black", Impact, sans-serif;--f-script: "Mr Dafoe", "Brush Script MT", "Segoe Script", cursive;--pill-h: clamp(38px, 6.2vmin, 54px);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-top: #14467f;--bg-mid: #0d3466;--bg-low: #082239;--bg-edge: #04142a;--scrim: rgba(4, 16, 36, .6)}}:root[data-theme=dark]{--bg-top: #14467f;--bg-mid: #0d3466;--bg-low: #082239;--bg-edge: #04142a;--scrim: rgba(4, 16, 36, .6)}*,*:before,*:after{box-sizing:inherit}html{height:100%;background:var(--bg-edge);scroll-padding-top:env(safe-area-inset-top,0px)}body{height:100%;margin:0;background:var(--bg-edge);color:#fff;font-family:var(--f-ui);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--star);outline-offset:4px}#app{position:relative;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;background:radial-gradient(42% 30% at 16% 10%,rgba(255,255,255,.2),transparent 70%),radial-gradient(38% 28% at 86% 14%,rgba(255,255,255,.14),transparent 70%),radial-gradient(120% 92% at 50% 36%,var(--bg-top) 0%,var(--bg-mid) 34%,var(--bg-low) 68%,var(--bg-edge) 100%)}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;opacity:0;transition:opacity .7s}#app.ready #gl{opacity:1}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,transparent 26%,rgba(2,10,28,.86) 100%)}.flash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,rgba(255,233,79,.5),rgba(255,154,85,.22) 45%,transparent 75%)}.flash.go{animation:flash .9s ease-out}.star{width:1em;height:1em;flex:none;fill:var(--star);filter:drop-shadow(0 .07em 0 #d9911a) drop-shadow(0 .14em .08em rgba(3,14,38,.5))}.pill{display:inline-flex;align-items:center;gap:.35em;height:var(--pill-h);padding:0 calc(var(--pill-h) * .5);border-radius:999px;background:#fff;color:var(--mute);font-size:calc(var(--pill-h) * .52);letter-spacing:.03em;line-height:1;white-space:nowrap;box-shadow:0 calc(var(--pill-h) * .09) 0 #04163a47,0 calc(var(--pill-h) * .3) calc(var(--pill-h) * .45) #04163a4d}.disc{--d: calc(var(--pill-h) * 1.16);flex:none;display:grid;place-items:center;width:var(--d);height:var(--d);border:0;border-radius:50%;padding:0;color:#fff;font-size:calc(var(--d) * .56);line-height:1;background:linear-gradient(180deg,var(--orange) 20%,var(--peach) 110%);box-shadow:inset 0 0 0 2px #ffd8b4cc,0 calc(var(--d) * .1) 0 var(--bark),0 calc(var(--d) * .2) calc(var(--d) * .26) #04163a6b}.hud{position:absolute;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:12px;padding:clamp(10px,2.4vmin,24px) clamp(10px,2.8vmin,30px);pointer-events:none;opacity:0;transition:opacity .4s}.hud>*{pointer-events:auto}.hud-top{top:0;align-items:flex-start}.hud-bottom{bottom:0;align-items:flex-end;padding-bottom:clamp(16px,3vmin,30px)}#app.playing .hud,#app.playing .clock{opacity:1}.score{position:relative;padding-left:0}.score .disc{margin-left:calc(var(--pill-h) * -.08)}.score .disc .star{width:.9em;height:.9em;fill:#fff;filter:drop-shadow(0 .06em 0 rgba(121,65,45,.5))}.score b{min-width:1.7em;text-align:center;font-weight:400;font-size:1.3em;color:var(--deep);padding-top:.06em}.delta{position:absolute;left:58%;top:100%;font-size:1.2em;opacity:0;pointer-events:none;text-shadow:0 2px 0 rgba(4,22,58,.55)}.delta[data-sign=plus]{color:var(--star)}.delta[data-sign=minus]{color:#ffd3c2}.delta.go{animation:delta 1.4s cubic-bezier(.2,.8,.3,1) both}.toggles{display:flex;gap:clamp(8px,1.6vmin,14px)}.toggle{--d: var(--pill-h);cursor:pointer;transition:transform .12s,filter .2s;-webkit-tap-highlight-color:transparent}.toggle svg{width:54%;height:54%;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.toggle .fill{fill:#fff;stroke:none}.toggle .slash{display:none;stroke-width:2.6}.toggle[aria-pressed=false]{filter:saturate(.12) brightness(.9)}.toggle[aria-pressed=false] .slash{display:block}.toggle:active{transform:translateY(calc(var(--d) * .07))}.clock{position:absolute;z-index:3;top:clamp(8px,2vmin,18px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(10px,2vmin,20px);pointer-events:none;opacity:0;transition:opacity .4s}.dial{--d: clamp(54px, 9.6vmin, 80px);position:relative;flex:none;display:grid;place-items:center;width:var(--d);height:var(--d);border-radius:50%;font-size:calc(var(--d) * .62);line-height:1;background:linear-gradient(180deg,var(--orange) 20%,var(--peach) 110%);box-shadow:0 calc(var(--d) * .09) 0 var(--bark),0 calc(var(--d) * .2) calc(var(--d) * .28) #04163a73;transition:background .3s}.dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.dial circle{fill:none;stroke-width:6}.dial .track{stroke:#ffffff47}.dial .prog{stroke:#fff;stroke-linecap:round;stroke-dasharray:289.03;stroke-dashoffset:0;transition:opacity .2s}.dial span{position:relative;padding-top:.08em;text-shadow:0 .05em 0 rgba(121,65,45,.55)}.dial.tick span{animation:tick .32s cubic-bezier(.3,1.6,.5,1)}.dial[data-mode=hot] span{color:var(--star)}.dial[data-mode=hot] .prog{stroke:var(--star)}.dial:not([data-mode=count]):not([data-mode=hot]) .prog{opacity:0}.dial[data-mode=win]{background:linear-gradient(180deg,#ffe94f 20%,#ffc93a 110%);box-shadow:0 calc(var(--d) * .09) 0 #b9801a,0 calc(var(--d) * .2) calc(var(--d) * .28) #04163a73}.dial[data-mode=win] span{color:var(--ink);text-shadow:none}.dial[data-mode=lose]{background:linear-gradient(180deg,#7f97bd 20%,#a9bedd 110%);box-shadow:0 calc(var(--d) * .09) 0 #3d5278,0 calc(var(--d) * .2) calc(var(--d) * .28) #04163a73}.neon{margin:0;font-family:var(--f-script);font-weight:400;color:#fff;white-space:nowrap;text-shadow:0 0 .06em #fff,0 0 .22em var(--glow),0 0 .55em var(--glow),0 0 1.1em rgba(72,232,255,.55),0 .08em .1em rgba(4,22,58,.5)}.caption{font-size:clamp(22px,4vmin,36px);transform:rotate(-3deg)}.last{display:flex;align-items:center;gap:.55em;font-size:clamp(15px,2.3vmin,20px);letter-spacing:.08em;color:#ffffffd9;text-shadow:0 1px 2px rgba(4,22,58,.6)}.last[hidden]{visibility:hidden}.chips{display:flex;align-items:center;gap:.3em}.chip{display:grid;place-items:center;min-width:1.8em;height:1.8em;padding:.08em .3em 0;border-radius:999px;background:#082239a8;box-shadow:inset 0 0 0 1.5px #ffffff52;color:#fff;letter-spacing:0;text-shadow:none}.chip.hit{background:var(--star);color:var(--ink);box-shadow:0 2px #c89a12}.chip:last-child{transform:scale(1.2);margin-left:.2em}.pick{display:flex;align-items:center}.pick .pill{min-width:9.6em;justify-content:center;padding-right:calc(var(--pill-h) * .95)}.pick .disc{position:relative;margin-left:calc(var(--pill-h) * -.62);padding-top:.06em;transition:background .2s,color .2s}.pick[data-state=empty] .disc{filter:saturate(.4) brightness(1.06)}.pick[data-state=picked] .disc,.pick[data-state=locked] .disc{color:var(--ink);background:linear-gradient(180deg,#ffe94f 20%,#ffc93a 110%);box-shadow:inset 0 0 0 2px #fffacde6,0 calc(var(--d) * .1) 0 #b9801a,0 calc(var(--d) * .2) calc(var(--d) * .26) #04163a6b}.pick.pop .disc{animation:pop .36s cubic-bezier(.3,1.7,.5,1)}.chunk{position:relative;display:inline-block;margin:0;font-family:var(--f-display);font-weight:400;line-height:1;letter-spacing:.01em;white-space:nowrap;color:#ff8c45;text-shadow:0 .012em 0 #e56f2c,0 .03em 0 #c95c28,0 .05em 0 var(--bark),0 .07em 0 var(--bark),0 .09em 0 var(--bark),0 .11em 0 #5f3122,0 .2em .22em rgba(3,14,38,.55)}.chunk:after{content:attr(data-text);position:absolute;left:0;top:0;right:0;color:transparent;text-shadow:none;pointer-events:none;background:linear-gradient(180deg,#ffc27e 8%,#ff9443 48%,#f2762f 92%);-webkit-background-clip:text;background-clip:text}.banner{position:absolute;z-index:4;left:50%;top:27%;display:flex;flex-direction:column;align-items:center;width:max-content;max-width:98vw;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .25s,transform .25s}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .2s,transform .5s cubic-bezier(.2,1.7,.4,1)}.banner-row{display:flex;align-items:center;gap:.3em;font-size:clamp(34px,11vmin,104px)}.banner-row .star{font-size:.36em}.banner .neon{margin-top:.05em;font-size:clamp(22px,4.8vmin,46px);transform:rotate(-3deg)}.banner[data-kind=lose] .chunk{color:#a9c0de;text-shadow:0 .012em 0 #8ea7c9,0 .03em 0 #6f89ae,0 .05em 0 #3d5278,0 .07em 0 #3d5278,0 .09em 0 #3d5278,0 .11em 0 #2a3a58,0 .2em .22em rgba(3,14,38,.55)}.banner[data-kind=lose] .chunk:after{background-image:linear-gradient(180deg,#eef5ff 8%,#b3c8e4,#8aa3c8 92%)}.banner[data-kind=none] .chunk{color:#ffe9d2;text-shadow:0 .012em 0 #efc9a4,0 .03em 0 #d3a57d,0 .05em 0 var(--bark),0 .07em 0 var(--bark),0 .09em 0 var(--bark),0 .11em 0 #5f3122,0 .2em .22em rgba(3,14,38,.55)}.banner[data-kind=none] .chunk:after{background-image:linear-gradient(180deg,#fff 8%,#ffe9d2 55%,#f4cfa6 92%)}.banner:not([data-kind=win]) .star{display:none}.screen{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vmin,40px);padding:20px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(8,34,57,.22),var(--scrim) 75%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .5s,visibility .5s}.screen[hidden]{display:flex;opacity:0;visibility:hidden;pointer-events:none}.logo{display:flex;flex-direction:column;align-items:center;margin:0;font-weight:400;transform:perspective(900px) rotateX(14deg)}.logo-top{display:flex;align-items:center;gap:.4em;font-size:clamp(24px,6.4vmin,62px)}.logo-top .star{font-size:.62em;margin:0 .04em}.logo-big{font-size:clamp(76px,25vmin,250px);margin-top:-.02em}.tagline{position:relative;z-index:1;margin:-.4em 0 0 26%;font-size:clamp(30px,8.4vmin,84px);transform:rotate(-7deg)}.over-title{font-size:clamp(34px,11vmin,110px)}.over-sub{margin-top:-.3em;font-size:clamp(26px,6vmin,58px);transform:rotate(-4deg)}.rules{margin:0;max-width:34em;font-size:clamp(15px,2.5vmin,22px);letter-spacing:.05em;line-height:1.4;color:#ffffffe6;text-shadow:0 1px 2px rgba(4,22,58,.6)}.rules b{font-weight:400;color:var(--star)}.arena-btn{--lift: 0px;--base: 11px;--rx: 0deg;--ry: 0deg;position:relative;border:0;margin:0;padding:0 0 calc(var(--base) + 6px);background:none;color:#fff;font-size:clamp(20px,4.4vmin,34px);cursor:pointer;perspective:800px;-webkit-tap-highlight-color:transparent}.arena-btn .face{display:flex;flex-direction:column;align-items:center;padding:.42em 2.3em .5em;border-radius:999px;background:linear-gradient(180deg,var(--orange) 34%,var(--peach) 118%);box-shadow:inset 0 0 0 .1em #f0bf92f2,0 calc((var(--base) + var(--lift)) / 2) 0 var(--bark),0 calc(var(--base) + var(--lift)) 0 var(--bark),0 calc(var(--base) + var(--lift) + 16px) 24px #020c1e80;transform:translateY(calc(var(--lift) * -1)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s cubic-bezier(.3,1.5,.5,1),box-shadow .2s cubic-bezier(.3,1.5,.5,1)}.arena-btn:hover{--lift: 10px}.arena-btn:active{--lift: -8px}.arena-btn .script{margin-bottom:-.14em;font-family:var(--f-script);font-size:1.05em;line-height:1;color:var(--ink);transform:rotate(-4deg)}.arena-btn .row{display:flex;align-items:center;gap:.7em;font-size:1.7em;line-height:1;letter-spacing:.02em;text-shadow:0 .04em 0 rgba(121,65,45,.45)}.arena-btn .row b{font-weight:400;padding-top:.06em}.arena-btn .row .star{font-size:.34em;fill:#fff;filter:none}@keyframes flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes tick{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes delta{0%{opacity:0;transform:translateY(-8px) scale(.6)}14%{opacity:1;transform:translateY(6px) scale(1.25)}70%{opacity:1;transform:translateY(12px) scale(1)}to{opacity:0;transform:translateY(26px) scale(1)}}@media (max-aspect-ratio: 23/20){.clock{flex-direction:column;gap:6px}.hud-bottom{flex-direction:column-reverse;align-items:center;gap:12px}}@media (max-width: 430px){.score .unit{display:none}}.score{display:none}@media (max-width: 640px){.logo-big{font-size:clamp(44px,20vw,130px)}.logo-top{font-size:clamp(16px,5.2vw,40px)}.tagline{font-size:clamp(22px,7.2vw,60px);margin-left:18%}.rules{font-size:clamp(13px,3.4vw,18px)}.clock{top:clamp(64px,16vw,92px);left:10px;transform:none;flex-direction:row;align-items:center;gap:8px}.clock .caption{font-size:15px}.hud-bottom{top:clamp(118px,30vw,160px);bottom:auto;left:10px;right:auto;flex-direction:column;align-items:flex-start;gap:8px;padding:0;width:auto}.hud-bottom .last{font-size:12px}.hud-bottom .pick .pill{min-width:0;font-size:calc(var(--pill-h) * .42)}}@media (prefers-reduced-motion: reduce){.banner,.banner.show,.arena-btn .face{transition-duration:.01s}.dial.tick span,.pick.pop .disc,.flash.go{animation:none}}#root{height:100%}#wallet{position:fixed;z-index:60;top:clamp(10px,2.4vmin,24px);left:clamp(10px,2.8vmin,30px);display:flex;align-items:center;gap:clamp(8px,1.6vmin,14px)}#wallet-chip{display:flex;align-items:center;gap:clamp(8px,1.6vmin,14px)}.wallet-pill{gap:.4em;padding-left:0;padding-right:calc(var(--pill-h) * .7)}.wallet-pill .disc{margin-left:calc(var(--pill-h) * -.08)}.wallet-pill .disc .star{width:.9em;height:.9em;fill:#fff;filter:drop-shadow(0 .06em 0 rgba(121,65,45,.5))}.wallet-pill b{min-width:1.6em;font-weight:400;font-size:1.2em;color:var(--deep);padding-top:.06em}.w-btn{cursor:pointer;border:0;border-radius:999px;height:var(--pill-h);padding:0 calc(var(--pill-h) * .6);color:#fff;font-family:var(--f-ui);font-size:calc(var(--pill-h) * .42);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(180deg,var(--orange) 34%,var(--peach) 118%);box-shadow:inset 0 0 0 2px #ffd8b48c,0 calc(var(--pill-h) * .12) 0 var(--bark),0 calc(var(--pill-h) * .26) calc(var(--pill-h) * .4) #04163a61;transition:transform .1s,filter .15s;-webkit-tap-highlight-color:transparent}.w-btn:active{transform:translateY(calc(var(--pill-h) * .06))}.w-btn-ghost{background:#082239b8;color:#fff;box-shadow:inset 0 0 0 1.6px #ffffff47,0 4px 10px #04163a4d}.w-btn-block{width:100%;display:inline-flex;align-items:center;justify-content:center}.w-scrim{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:var(--scrim);backdrop-filter:blur(4px)}.w-scrim[hidden]{display:none}.w-card{position:relative;width:min(92vw,360px);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(24px,4vmin,36px) clamp(20px,3.4vmin,28px) clamp(20px,3.2vmin,26px);border-radius:24px;text-align:center;color:#fff;background:radial-gradient(120% 100% at 50% 0%,var(--deep),var(--night));box-shadow:0 24px 60px #020a1c99,inset 0 0 0 2px #48e8ff29}.w-card-wide{width:min(94vw,460px)}.w-card .chunk{font-size:clamp(26px,6vmin,40px);margin-bottom:.1em}.w-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;color:#fff;font-size:20px;line-height:1;background:#ffffff1f}.w-hint{margin:.2em auto 1.1em}.w-tabs{display:flex;gap:8px;margin:.6em 0 1.1em}.w-tabs button{flex:1;cursor:pointer;border:0;border-radius:999px;height:calc(var(--pill-h) * .9);font-family:var(--f-ui);font-size:calc(var(--pill-h) * .36);letter-spacing:.05em;text-transform:uppercase;color:#ffffffb8;background:#ffffff14;box-shadow:inset 0 0 0 1.4px #ffffff1f}.w-tabs button.active{color:var(--ink);background:linear-gradient(180deg,var(--star) 20%,#ffc93a 110%);box-shadow:0 4px #b9801a}.w-form{display:flex;flex-direction:column;gap:12px}.w-input{width:100%;height:var(--pill-h);border:0;border-radius:999px;padding:0 calc(var(--pill-h) * .55);font-family:var(--f-ui);font-size:calc(var(--pill-h) * .42);color:var(--deep);background:#fff;box-shadow:inset 0 2px 6px #04163a2e}.w-input::placeholder{color:var(--mute)}.w-input:focus{outline:3px solid var(--star);outline-offset:2px}.w-err{margin:.1em 0 0;min-height:18px;font-size:14px;letter-spacing:.03em;color:#ffd3c2}.w-err.w-ok{color:var(--glow)}.w-btn-danger{background:linear-gradient(180deg,#e2563f 34%,#b23a2a 118%);box-shadow:inset 0 0 0 2px #ffc8b466,0 calc(var(--pill-h) * .1) 0 #7c2417,0 calc(var(--pill-h) * .22) calc(var(--pill-h) * .36) #04163a57;margin-top:14px}.w-avatar{--d: var(--pill-h);cursor:pointer;font-family:var(--f-ui);font-weight:700;font-size:calc(var(--pill-h) * .5);color:#fff;text-transform:uppercase;background:linear-gradient(180deg,var(--orange) 34%,var(--peach) 118%);box-shadow:inset 0 0 0 2px #ffd8b48c,0 calc(var(--pill-h) * .1) 0 var(--bark),0 calc(var(--pill-h) * .2) calc(var(--pill-h) * .34) #04163a57;transition:transform .1s,filter .15s}.w-avatar:active{transform:translateY(2px)}.toggles-float{position:fixed;z-index:61;top:clamp(10px,2.4vmin,24px);right:clamp(10px,2.8vmin,30px);display:flex;gap:clamp(8px,1.6vmin,14px);opacity:1;pointer-events:auto}.prof{text-align:left}.prof-stats{display:flex;gap:8px;margin:.2em 0 1em}.prof-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-radius:12px;background:#ffffff0f;box-shadow:inset 0 0 0 1.3px #48e8ff1f}.prof-stat span{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c}.prof-stat b{font-size:16px;font-weight:700;color:#fff}.prof-sec{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:1em 0 .4em}.prof-list{display:flex;flex-direction:column;gap:5px;max-height:24vh;overflow-y:auto}.prof-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:7px 9px;border-radius:9px;background:#ffffff0d}.prof-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--star)}.prof-mid{flex:1;color:#fffc}.prof-status{font-size:11px;color:#ffffff80}.prof-win{color:var(--glow);font-weight:700}.prof-loss{color:#ffb0a0}.w-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;margin:.2em 0}.w-toggle input{position:absolute;opacity:0;width:0;height:0}.w-toggle-track{flex:none;width:46px;height:26px;border-radius:999px;position:relative;background:#082239b8;box-shadow:inset 0 0 0 1.6px #ffffff2e;transition:background .18s}.w-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #04163a66;transition:transform .18s}.w-toggle input:checked+.w-toggle-track{background:linear-gradient(180deg,var(--orange),var(--peach));box-shadow:inset 0 0 0 1.6px #ffd8b480}.w-toggle input:checked+.w-toggle-track .w-toggle-thumb{transform:translate(20px)}.w-toggle-label{font-size:14px;color:#fff}.w-toggle-label small{display:block;font-size:11px;color:#ffffff8c}.prof-head{display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:.6em}.rank-badge{display:inline-block;flex:none;filter:drop-shadow(0 3px 6px rgba(4,22,58,.5))}.rank-badge svg{width:100%;height:100%;display:block}.prof-tabs{margin:.2em 0 1em}.rank-line{display:flex;justify-content:space-between;align-items:baseline;text-align:left}.rank-line b{color:var(--star);font-size:16px}.rank-line span{font-size:12px;color:#ffffffb3}.rank-bar{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin:6px 0;box-shadow:inset 0 0 0 1.4px #48e8ff2e}.rank-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--star));transition:width .4s}.cosm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:.4em}.cosm-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1.3px #48e8ff1a}.cosm-item.cosm-locked{opacity:.55}.cosm-sw{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px #0000004d}.cosm-name{flex:1;font-size:13px;color:#fff}.cosm-lock{font-size:10px;color:#fff9;white-space:nowrap}.cosm-eq{font-size:11px;color:var(--glow);font-weight:700}.cosm-btn{cursor:pointer;border:0;border-radius:8px;padding:4px 9px;font-family:var(--f-ui);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--orange),var(--peach))}.cosm-btn:disabled{opacity:.5;cursor:default}.cosm-sw.cosm-bg-azul{background:radial-gradient(circle at 40% 30%,#47d2fb,#0c3d8c)}.cosm-sw.cosm-bg-noite{background:radial-gradient(circle at 40% 30%,#14467f,#04142a)}.cosm-sw.cosm-bg-roxo{background:radial-gradient(circle at 40% 30%,#7b4bd6,#120a2e)}.cosm-sw.cosm-bg-verde{background:radial-gradient(circle at 40% 30%,#4bd38a,#0a2e1c)}.cosm-sw.cosm-bg-dourado{background:radial-gradient(circle at 40% 30%,#ffcf6a,#4a2f08)}.cosm-sw.cosm-bg-vulcao{background:radial-gradient(circle at 40% 30%,#ff8a4b,#2e0f0a)}.conv-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff0f;box-shadow:inset 0 0 0 1.4px #ffe94f40}@media (max-width: 640px){#wallet-chip{gap:6px}.toggles-float{top:calc(var(--pill-h) + 16px);right:8px;gap:8px}.toggles-float .toggle{--d: 36px}.w-card-wide{width:94vw}}.arena-list{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto;margin:4px 0 2px}.arena-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff12;box-shadow:inset 0 0 0 1.4px #ffffff1a;text-align:left}.arena-row .ar-main{flex:1;min-width:0}.arena-row .ar-name{font-size:calc(var(--pill-h) * .42);letter-spacing:.02em}.arena-row .ar-sub{font-size:12px;color:#fff9;letter-spacing:.03em}.arena-row .ar-lock{opacity:.8}.arena-empty{padding:20px 6px;color:#fff9;font-size:14px}.lobby-menu{display:flex;flex-direction:column;gap:12px;margin-top:6px}.w-field{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:10px}.w-field label{font-size:13px;letter-spacing:.05em;color:#ffffffb8;text-transform:uppercase}.w-field .w-hintline{font-size:12px;color:var(--glow)}.w-row{display:flex;gap:10px}.w-row>*{flex:1}.w-check{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffd9}#room-panel{position:fixed;z-index:55;top:50%;right:clamp(8px,1.6vmin,18px);transform:translateY(-50%);width:min(78vw,230px);display:none;flex-direction:column;gap:8px;color:#fff}#room-panel.show{display:flex}.rp-card{display:flex;flex-direction:column;gap:12px;padding:16px 14px;border-radius:18px;background:radial-gradient(120% 100% at 50% 0%,#0d3466eb,#082239eb);box-shadow:0 16px 40px #020a1c80,inset 0 0 0 1.6px #48e8ff29}.rp-handle{display:none}#room-actions{display:flex;gap:8px}.rp-act{flex:1;height:30px;padding:0 10px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.03em;color:#fff;border:1.6px solid;border-radius:10px;transition:filter .15s,transform .1s}.rp-act:hover{filter:brightness(1.15)}.rp-act:active{transform:translateY(1px)}.rp-act.rp-fair{color:#d6f7ff;border-color:#48e8ffa6;background:linear-gradient(180deg,#48e8ff42,#48e8ff14);box-shadow:0 2px 10px #48e8ff38,inset 0 0 0 1px #48e8ff26}.rp-act.rp-leave{color:#ffdccb;border-color:#f58041bf;background:linear-gradient(180deg,#f580414d,#f580411a);box-shadow:0 2px 10px #f5804138,inset 0 0 0 1px #f5804126}.rp-title{font-family:var(--f-display);font-size:16px;color:var(--orange);margin:0}.rp-table{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:12px;background:#ffe94f24;box-shadow:inset 0 0 0 1.4px #ffe94f4d}.rp-table .rp-lbl{font-size:11px;letter-spacing:.06em;color:#ffffffb3;text-transform:uppercase}.rp-table .rp-val{font-size:18px;font-weight:700;color:var(--star)}.rp-players{display:flex;flex-direction:column;gap:5px;max-height:32vh;overflow-y:auto}.rp-sec{font-size:11px;letter-spacing:.08em;color:#ffffff80;text-transform:uppercase}.rp-player{display:flex;align-items:center;gap:6px;font-size:14px;padding:5px 8px;border-radius:9px;background:#ffffff0f}.rp-player .rp-crown{color:var(--star)}.rp-stake{display:flex;align-items:center;gap:8px}.rp-stake button{width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;color:#fff;background:linear-gradient(180deg,var(--orange),var(--peach));box-shadow:0 3px 0 var(--bark)}.rp-stake .rp-stake-val{flex:1;text-align:center;font-weight:700}.rp-hint{font-size:11px;color:#ffffff8c;text-align:center}#rato-toast{position:fixed;z-index:200;left:50%;bottom:7%;transform:translate(-50%,20px);padding:12px 20px;border-radius:999px;max-width:86vw;text-align:center;font-family:var(--f-ui);font-size:16px;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#d94b3a,#b23a2c);box-shadow:0 10px 24px #04163a73;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#rato-toast.show{opacity:1;transform:translate(-50%)}.w-card-wide{width:min(94vw,400px)}.lobby-create{margin-bottom:6px}.w-slider{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:#ffffff24;box-shadow:inset 0 0 0 1.4px #ffffff1f;outline:none;margin:8px 0 2px}.w-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;cursor:grab;background:linear-gradient(180deg,var(--orange),var(--peach));box-shadow:0 3px 0 var(--bark),0 6px 10px #04163a66;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.w-slider::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;cursor:grab;background:linear-gradient(180deg,var(--orange),var(--peach));box-shadow:0 3px 0 var(--bark)}.w-slider:active::-webkit-slider-thumb{transform:scale(1.55);cursor:grabbing}.w-slider:active::-moz-range-thumb{transform:scale(1.55)}.w-slider-val{color:var(--star);font-weight:700}.rp-player{justify-content:space-between}.rp-name{display:flex;align-items:center;gap:6px;cursor:pointer}.rp-name:hover{color:var(--star)}.rp-bet{font-size:12px;color:var(--star);white-space:nowrap}.rp-sec-pipes{margin-top:2px}.rp-pipes{display:flex;flex-direction:column;gap:5px;max-height:24vh;overflow-y:auto}.rp-pipe{padding:6px 9px;border-radius:9px;background:#ffffff0d}.rp-pipe.mine{background:#ffe94f24;box-shadow:inset 0 0 0 1.3px #ffe94f59}.rp-pipe-h{font-size:12px;font-weight:700;color:var(--orange)}.rp-pipe-u{font-size:12px;color:#fffc}.rp-win{font-size:12px;color:var(--star);margin-top:2px}.fair-box{display:flex;flex-direction:column;gap:6px;margin:10px 0;text-align:left}.fair-row{display:flex;justify-content:space-between;gap:10px;font-size:13px}.fair-k{color:#fff9;white-space:nowrap}.fair-v{color:#fff;text-align:right}.fair-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;word-break:break-all;max-width:62%}.fair-vtitle{margin:14px 0 2px;font-family:var(--f-display);font-size:14px;color:var(--orange);text-align:left}.fair-input{width:100%;box-sizing:border-box;margin:4px 0;padding:8px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#fff;background:#03122499;border:1.4px solid rgba(72,232,255,.18);border-radius:10px;resize:vertical}.fair-input::placeholder{color:#ffffff59}.fair-input:focus{outline:none;border-color:#48e8ff80}.fair-inline{display:flex;gap:8px;align-items:center}.fair-inline .fair-input{margin:4px 0}.w-btn-soft{height:34px;padding:0 12px;font-size:12px;white-space:nowrap}#fair-result{white-space:pre-line;text-align:left}#version-badge{position:fixed;z-index:40;right:10px;bottom:8px;padding:3px 9px;border-radius:999px;font-family:var(--f-ui);font-size:12px;letter-spacing:.06em;color:#fff9;background:#04102480;pointer-events:none}.w-btn.is-loading,.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px;opacity:.92;cursor:progress}.btn-spin{width:1.15em;height:1.15em;display:inline-block;flex:none}.loading-rat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 6px;color:#ffffffb3;font-size:13px;letter-spacing:.03em}.loading-rat img{width:min(140px,60%);height:auto}.lobby-grid{display:flex;flex-direction:column;gap:14px}@media (min-width: 760px){#lobby-modal .w-card-wide{width:min(94vw,760px)}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.lobby-grid .arena-list{max-height:52vh}}@media (max-width: 640px){#room-panel{inset:auto 0 0;transform:none;width:100%;max-height:52vh;overflow-y:auto;gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px))}#room-panel.show{display:flex}.rp-card{border-radius:16px 16px 0 0}.rp-players,.rp-pipes{max-height:16vh}.rp-handle{display:block;width:100%;margin:0 0 6px;padding:7px 10px;border:0;border-radius:10px;cursor:pointer;background:#48e8ff29;box-shadow:inset 0 0 0 1.4px #48e8ff4d;color:#ffffffe6;font-family:var(--f-ui);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.rp-handle:after{content:"▼ Recolher"}#room-panel.rp-collapsed .rp-handle:after{content:"▲ Ver jogadores e detalhes"}#room-panel.rp-collapsed{max-height:none}#room-panel.rp-collapsed .rp-card>*:not(.rp-handle):not(.rp-table):not(.rp-stake){display:none}#wallet{gap:6px;top:8px;left:50%;right:auto;transform:translate(-50%);flex-wrap:nowrap}.wallet-pill b{font-size:1em}.w-btn{height:calc(var(--pill-h) * .82);font-size:calc(var(--pill-h) * .36);padding:0 calc(var(--pill-h) * .5)}}