:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;display:grid;place-items:center;background:#12151c;color:#c4cad6;font:14px system-ui,-apple-system,Segoe UI,sans-serif}main{display:flex;flex-direction:column;align-items:center}canvas{display:block;width:100vw;height:100vh;height:100dvh}.stage{position:relative}.sound-btn{position:absolute;top:14px;left:calc(50% + 110px);z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#0f1420c7;color:#fff;cursor:pointer}.menu-btn{left:calc(50% - 150px)}.match-menu{position:absolute;top:50%;left:50%;z-index:25;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:16px;border:3px solid #0a0e18;background:linear-gradient(180deg,#27324c,#151b2b);box-shadow:inset 0 2px #ffffff1f,0 14px 36px #0000008c;color:#eef2fa;font:600 14px system-ui,sans-serif;text-align:center}.match-menu[hidden]{display:none}.match-menu h2{margin:0;font:900 20px system-ui,sans-serif;text-transform:uppercase}.match-menu p{margin:0;color:#9aa6bd}.match-menu-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.match-menu button{padding:11px 16px;border-radius:10px;border:2px solid #0a0e18;background:linear-gradient(#ff7a4a,#e8423a);box-shadow:inset 0 2px #ffffff40,0 4px #8e2118;color:#fff;font:800 15px system-ui,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.35);text-transform:uppercase;cursor:pointer}.match-menu button.danger{background:linear-gradient(#4a5878,#34405c);box-shadow:inset 0 2px #ffffff29,0 4px #1b2234}.match-menu button:active{transform:translateY(3px)}.sound-btn:hover{background:#1e2638e6}.sound-panel{position:absolute;top:62px;left:calc(50% + 110px);z-index:3;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:12px;background:#0f1420eb;border:1px solid #2f3646;box-shadow:0 10px 30px #00000073;color:#dfe4ee;font:600 13px system-ui,sans-serif}.sound-panel[hidden]{display:none}.sound-row{display:grid;grid-template-columns:30px 70px 150px 44px;align-items:center;gap:8px}.sound-row input{width:100%;accent-color:#e8524a}.sound-value{color:#9aa3b5;font-size:12px;text-align:right}.mute-btn{width:30px;height:30px;border:0;border-radius:8px;background:#2a3140;color:#fff;font-size:15px;cursor:pointer}.mute-btn.muted{background:#5a2a2a;color:#ff9a9a;text-decoration:line-through}input[data-volume].muted{opacity:.4}:lang(pt) .chat.docked .chat-log:empty:before{content:"Ninguém falou nada ainda. Diga oi!"}.lang-icon{text-align:center;font-size:15px}.lang-pick{grid-column:3 / 5;display:flex;gap:6px}.lang-btn{flex:1;height:30px;border:0;border-radius:8px;background:#2a3140;color:#9aa3b5;font:800 13px system-ui,sans-serif;letter-spacing:.05em;cursor:pointer}.lang-btn[aria-pressed=true]{background:#e8524a;color:#fff}.chat-btn{position:absolute;top:14px;left:calc(50% + 158px);z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#0f1420c7;color:#fff;cursor:pointer}.chat-btn:hover{background:#1e2638e6}.chat-quick-btn{left:calc(50% + 206px)}.chat-btn[hidden],.chat[hidden],.chat-form[hidden]{display:none}.chat{position:absolute;left:12px;top:42%;z-index:2;width:min(340px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;pointer-events:none;font:600 13px/1.35 system-ui,sans-serif;color:#eef1f6}.chat-log{margin:0;padding:0;list-style:none;max-height:150px;overflow:hidden;display:flex;flex-direction:column;gap:2px}.chat-log li{align-self:flex-start;max-width:100%;padding:3px 8px;border-radius:7px;background:#0f1420b8;overflow-wrap:anywhere;transition:opacity .6s}.chat-log li.system{color:#ffd27a;font-style:italic}.chat-log li.watcher{color:#b9c0cc}.chat-log li.watcher .chat-name{color:#8a93a3}.chat-quick{display:none;flex-wrap:wrap;gap:4px}.chat.quick,.chat.quick .chat-quick,.chat.open .chat-quick,.chat.docked .chat-quick{display:flex;pointer-events:auto}.chat-quick button{padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0f1420d9;color:#fff;font:700 13px system-ui,sans-serif;cursor:pointer}.chat-quick button.emoji{padding:3px 7px;font-size:16px}.chat-quick button:hover{background:#283248f2}.chat-emotes{display:contents}.chat-emotes[hidden]{display:none}.chat-quick button.emote{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 4px;border-color:#ffd166;color:#ffe29a}.chat-quick button.emote img,.chat-log img.chat-emote{width:20px;height:20px;vertical-align:middle}.chat-log li.emote{color:#ffe29a;font-weight:800}.chat-log img.chat-emote{margin-right:3px}.chat.docked .chat-quick button{background:#1a2030;border-color:#2f3646}.chat-name{font-weight:800}.chat:not(.open):not(.docked) .chat-log li.old{opacity:0}.chat:not(.open):not(.docked) .chat-form{display:none}.chat.open{pointer-events:auto}.chat.open .chat-log{max-height:200px;overflow-y:auto;padding:6px;border-radius:10px;background:#0f142099}.chat-form{display:flex;gap:6px}.chat-form input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid #39414f;background:#11151df2;color:#fff;font:600 14px system-ui,sans-serif}.chat-form button{padding:8px 12px;border-radius:8px;border:0;background:#e8524a;color:#fff;font:700 13px system-ui,sans-serif;cursor:pointer}.chat.docked{position:static;width:auto;pointer-events:auto}.chat.docked .chat-log{height:110px;max-height:none;overflow-y:auto;padding:6px;border-radius:8px;background:#11151d;border:1px solid #2f3646}.chat.docked .chat-log li{padding:1px 2px;background:none}.chat.docked .chat-log:empty:before{content:"Nobody said anything yet. Say hi!";color:#6b7385;font-weight:500}body.touch{min-height:100dvh;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch canvas{touch-action:none}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.touch-controls[hidden],.touch-controls [hidden]{display:none!important}.touch-btn{pointer-events:auto;touch-action:none;display:grid;place-items:center;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:#0f142059;color:#ffffffe6;font:800 18px system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.touch-btn.pressed{background:#e8524abf;border-color:#fff}.touch-dpad{position:absolute;left:1.5%;bottom:26%;display:grid;grid-template-columns:repeat(3,clamp(34px,5.5vw,54px));grid-template-rows:repeat(3,clamp(34px,5.5vw,54px));gap:2px}.touch-dpad .up{grid-area:1 / 2}.touch-dpad .left{grid-area:2 / 1}.touch-dpad .right{grid-area:2 / 3}.touch-dpad .down{grid-area:3 / 2}.touch-side{position:absolute;right:2%;bottom:30%;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.touch-items{display:grid;grid-template-columns:repeat(4,auto);gap:3px}.touch-btn.item{position:relative;width:clamp(34px,5.5vw,50px);height:clamp(34px,5.5vw,50px);padding:0;border-radius:8px;font:700 clamp(8px,1.3vw,11px)/1.05 system-ui,sans-serif;white-space:pre}.touch-icon{position:absolute;top:5%;right:5%;bottom:5%;left:5%;width:90%;height:90%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.touch-count{position:absolute;right:3px;bottom:2px;color:#fff;font:800 clamp(10px,1.6vw,13px)/1 system-ui,sans-serif;text-shadow:0 0 2px #000,0 0 2px #000}.touch-controls .touch-btn.item.used{background:#ffe14d59;border-color:#ffe14d}.touch-controls .touch-btn.item.empty .touch-icon{filter:grayscale(1);opacity:.4}.touch-controls .touch-btn.item.empty .touch-count{opacity:.5}.touch-fire-row{display:flex;align-items:flex-end;gap:8px}.touch-controls .touch-btn.shot{width:clamp(38px,6vw,52px);aspect-ratio:1;padding:0;font-weight:800;font-size:14px}.touch-controls .touch-btn.shot.alt{background:#5abeff8c;border-color:#9fe0ff}.touch-controls .touch-btn.ult{position:relative;width:clamp(46px,7vw,64px);aspect-ratio:1;padding:0;border:2px solid rgba(0,0,0,.55);background:conic-gradient(#ffb02e var(--fury, 0%),rgba(0,0,0,.45) 0)}.touch-controls .touch-btn.ult:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--accent, #ffd23f),rgba(40,30,70,.95) 55%,rgba(18,20,36,.95))}.touch-controls .touch-btn.ult .touch-icon{top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;opacity:.65}.touch-controls .touch-btn.ult.ready{background:#ffd23f;animation:ult-pulse .9s ease-in-out infinite alternate}.touch-controls .touch-btn.ult.ready .touch-icon,.touch-controls .touch-btn.ult.pressed .touch-icon{opacity:1}.touch-controls .touch-btn.ult.pressed{background:#fff;animation:none}.touch-controls .touch-btn.ult.pressed:before{background:#ffc828f2}@media(orientation:landscape){body.touch .touch-controls .touch-btn.ult{display:none}}@keyframes ult-pulse{0%{box-shadow:0 0 #ffd23f00}to{box-shadow:0 0 16px #ffd23fe6}}.touch-btn.fire{width:clamp(60px,10vw,96px);aspect-ratio:1;background:#e8524a73;font-size:clamp(14px,2.4vw,20px);letter-spacing:.05em}.touch-tip{display:none}.touch-btn.full{position:absolute;top:38%;right:2%;width:34px;height:34px;border-radius:10px;font-size:18px}.touch-help{position:absolute;top:22%;left:50%;transform:translate(-50%);width:min(80%,360px);margin:0;padding:10px 12px;border-radius:10px;background:#0f1420eb;color:#fff;font:600 13px system-ui,sans-serif;text-align:center}body.touch .sound-btn{top:8px;bottom:auto;left:calc(50% + 96px);width:34px;height:34px}body.touch .menu-btn{left:calc(50% - 130px)}body.touch .sound-panel{top:50px;bottom:auto;left:auto;right:8px}body.touch .sound-row{grid-template-columns:30px 70px 120px 44px}body.touch .chat-btn{top:8px;bottom:auto;left:calc(50% + 136px);width:34px;height:34px}body.touch .chat-quick-btn{left:calc(50% + 176px)}body.touch .chat:not(.docked){top:40%;bottom:auto;left:1.5%;width:min(300px,45vw);font-size:12px}body.touch .chat-form input{font-size:16px}@media(orientation:landscape){body.touch .touch-items,body.touch .touch-btn.ult{display:none}}@media(orientation:portrait){body.touch{place-items:start center;background:#0d1017}body.touch main{width:100%;padding:0}body.touch canvas{width:100vw;height:56.25vw}body.touch .touch-controls{position:fixed;top:56.25vw;right:0;bottom:0;left:0;background:linear-gradient(#141925,#0d1017)}body.touch .touch-dpad{left:5%;bottom:auto;top:50%;transform:translateY(-50%);grid-template-columns:repeat(3,min(17vw,70px));grid-template-rows:repeat(3,min(17vw,70px));gap:6px}body.touch .touch-side{right:5%;bottom:auto;top:50%;transform:translateY(-50%);gap:14px}body.touch .touch-items{grid-template-columns:repeat(5,auto);gap:4px}body.touch .touch-btn.item{width:min(11vw,46px);height:min(11vw,46px);font-size:11px}body.touch .touch-btn.fire{width:min(30vw,120px);font-size:20px}body.touch .touch-controls .touch-btn.ult{width:min(22vw,88px)}body.touch .touch-btn.full{top:10px;right:64px;width:44px;height:44px}body.touch .touch-btn{background:#ffffff14}body.touch .touch-btn.fire{background:#e8524abf}body.touch .touch-tip{display:block;position:absolute;left:0;right:0;bottom:12px;margin:0;text-align:center;color:#7d8596;font-size:12px}body.touch .sound-btn{position:fixed;top:calc(56.25vw + 10px);left:auto;right:10px;z-index:21}body.touch .menu-btn{left:auto;right:52px}body.touch .sound-panel{position:fixed;top:calc(56.25vw + 54px);left:auto;right:10px;z-index:21}body.touch .chat-btn{position:fixed;top:calc(56.25vw + 10px);left:auto;right:54px;z-index:21}body.touch .chat-quick-btn{right:98px}body.touch .chat:not(.docked){position:fixed;top:calc(56.25vw + 10px);left:10px;width:calc(100vw - 120px);z-index:21}}.end-panel{position:absolute;left:50%;bottom:20%;z-index:4;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px;border-radius:16px;border:3px solid #0a0e18;background:linear-gradient(180deg,#27324c,#151b2b);box-shadow:inset 0 2px #ffffff1f,0 14px 36px #00000080}.end-panel[hidden],.end-panel [hidden]{display:none}.end-panel select,.end-panel button{padding:10px 16px;border-radius:10px;border:2px solid #0a0e18;font:800 15px system-ui,sans-serif}.end-panel select{background:#0f1422;color:#fff}.end-panel button{background:linear-gradient(#ff7a4a,#e8423a);box-shadow:inset 0 2px #ffffff40,0 4px #8e2118;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35);text-transform:uppercase;cursor:pointer}@media(max-height:460px){.end-panel{bottom:6px;flex-wrap:nowrap;gap:6px;padding:6px;border-width:2px;border-radius:12px}.end-panel select,.end-panel button{padding:6px 12px;font-size:13px}}.end-panel button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff40,0 1px #8e2118}.end-panel button.secondary{background:linear-gradient(#4a5878,#34405c);box-shadow:inset 0 2px #ffffff29,0 4px #1b2234}.end-panel button:disabled{filter:grayscale(.7);opacity:.55}@media(orientation:portrait){body.touch .end-panel{position:fixed;top:calc(56.25vw + 30%);bottom:auto;z-index:22;width:min(90vw,360px);flex-direction:column}}.tutorial{position:absolute;left:12px;top:128px;z-index:20;width:min(300px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;border:3px solid #0a0e18;background:linear-gradient(180deg,#27324cf5,#151b2bf5);box-shadow:inset 0 2px #ffffff1f,0 10px 28px #00000080;color:#e8ecf6;font:600 14px/1.35 system-ui,sans-serif;pointer-events:auto}.tutorial[hidden]{display:none}body.touch .tutorial{top:6px;left:6px;width:clamp(200px,calc(32vw - 12px),330px);gap:3px;padding:7px 10px;border-width:2px;font-size:12px;line-height:1.28}body.touch .tutorial strong{font-size:15px}body.touch .stage:has(>.tutorial:not([hidden])) .touch-dpad{bottom:21%}.tutorial.collapsed>p:not(.tutorial-tip){display:none}.tutorial.collapsed strong:after{content:" ▾";color:#ffc72e;font-size:.8em}.tutorial-head{display:flex;align-items:center;justify-content:space-between;color:#ffc72e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tutorial strong{font:900 18px/1.1 system-ui,sans-serif;color:#fff;text-transform:uppercase}.tutorial p{margin:0}.tutorial b{color:#ffd23f}.tutorial kbd{display:inline-block;min-width:1.6em;padding:0 .35em;border-radius:5px;border:1px solid rgba(255,255,255,.35);border-bottom-width:3px;background:#2c3654;color:#fff;font:800 12px/1.5 system-ui,sans-serif;text-align:center}.tutorial .tutorial-tip{padding:6px 8px;border-radius:8px;background:#ff5a3c29;color:#ffb3a3}.tutorial button{padding:4px 10px;border-radius:8px;border:2px solid #0a0e18;background:#2c3654;color:#fff;font:800 12px system-ui,sans-serif;cursor:pointer}.tutorial-actions{display:flex;gap:8px}.tutorial-actions button{padding:8px 14px;background:linear-gradient(#ff8a5c,#e8423a);text-transform:uppercase}.tutorial-actions button.quiet{background:#2c3654}.tutorial .tutorial-reward{padding:6px 8px;border-radius:8px;background:#ffc72e29;color:#ffd98a}.tutorial.cheer{border-color:#3fae5a;box-shadow:inset 0 2px #ffffff1f,0 0 0 3px #3fae5a73,0 10px 28px #00000080}.tutorial-done{color:#8fe3a8}.tutorial-checks{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.tutorial-checks li{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:#00000038}.tutorial-checks li:before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45)}.tutorial-checks li.ok{background:#3fae5a38;color:#c9f5d4}.tutorial-checks li.ok:before{content:"✓";display:grid;place-items:center;border-color:#3fae5a;background:#3fae5a;color:#fff;font:900 11px/1 system-ui,sans-serif;animation:tutorial-tick .3s ease-out}@keyframes tutorial-tick{0%{transform:scale(1.8)}}.tutorial-checks span{flex:1}.tutorial-checks em{color:#ffd23f;font-size:12px;font-style:normal;white-space:nowrap}.lobby,.splash{--text: #eef2fa;--muted: #9aa6bd;--ink: #0a0e18;--gold: #ffd84a;--gold-2: #f5a623;--red: #ff7a4a;--red-2: #e8423a;--red-edge: #8e2118;--slate: #4a5878;--slate-2: #34405c;--slate-edge: #1b2234;--well: #0f1422;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 45%,#080a1226,#080a12b8)}.lobby[hidden]{display:none}.lobby{grid-template-rows:minmax(0,1fr)}.lobby>.card{height:min(48em,100%)}.lobby>.card>.screen{flex:1}.lobby>.card>.screen>.actions{margin-top:auto}.lobby>.card>.screen.cols{grid-template-rows:1fr auto}.card{font:700 clamp(11px,min(1.5vw,2.45dvh),16px) / 1.25 var(--font);width:min(60em,100%);max-height:100%;display:flex;flex-direction:column;gap:.9em;padding:1.1em 1.3em 1.2em;overflow-y:auto;border-radius:1.4em;border:3px solid var(--ink);background:linear-gradient(180deg,#27324c,#1b2236 55%,#151b2b);box-shadow:inset 0 0 0 2px #ffffff0d,inset 0 2px #ffffff1f,0 1.2em 3em #0000008c;color:var(--text);scrollbar-width:thin}.card[data-screen=login],.card[data-screen=account]{width:min(28em,100%)}.card[data-screen=login] button.player-chip{display:none}.login-form{display:contents}.card[data-screen=login] .actions{flex-direction:column;align-items:stretch}.card[data-screen=local],.card[data-screen=ranking]{width:min(46em,100%)}.card [hidden]{display:none!important}.menu-head{display:flex;flex-wrap:wrap;align-items:center;gap:.7em}.logo{min-width:0;margin:0 auto 0 0;line-height:0}.logo img{display:block;width:auto;height:4.2em;max-width:100%;object-fit:contain;filter:drop-shadow(0 .15em .2em rgba(0,0,0,.45))}.card button.player-chip{display:flex;align-items:center;gap:.5em;min-width:0;max-width:55%;padding:.45em .9em;border-radius:999px;border:2px solid var(--ink);background:var(--well);box-shadow:inset 0 0 0 1px #ffffff0f;font-size:.95em;text-shadow:none}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.player-level{color:#8fe3a8}.gold{color:#ffd166;white-space:nowrap}.player-chip .edit{color:var(--muted)}.card button.menu-install{flex:none;padding:.45em .8em;border-radius:999px;font-size:.85em}.card button.menu-install[hidden]{display:none}.install-hint{margin:0;padding:.5em .8em;border-radius:.7em;background:#ffc72e24;color:#ffd98a;font-size:.85em}.install-hint[hidden]{display:none}.card button.menu-sound{display:grid;place-items:center;width:2.5em;height:2.5em;padding:0;border-radius:50%}.menu-sound svg{width:1.2em;height:1.2em}.card button{padding:.75em 1.1em;border-radius:.8em;border:2px solid var(--ink);background:linear-gradient(var(--slate),var(--slate-2));box-shadow:inset 0 2px #ffffff29,0 .28em 0 var(--slate-edge);color:#fff;font:inherit;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.35);cursor:pointer;transition:transform .06s,box-shadow .06s,filter .12s}.card button:hover:not(:disabled){filter:brightness(1.1)}.card button:active:not(:disabled){transform:translateY(.2em);box-shadow:inset 0 2px #ffffff29,0 .08em 0 var(--slate-edge)}.card button.primary{background:linear-gradient(var(--red),var(--red-2));box-shadow:inset 0 2px #ffffff40,0 .28em 0 var(--red-edge)}.card button.primary:active:not(:disabled){box-shadow:inset 0 2px #ffffff40,0 .08em 0 var(--red-edge)}.card button:disabled{filter:grayscale(.7);opacity:.55;cursor:default}.card button.back,.card button.link{padding:.5em .3em;border:0;background:none;box-shadow:none;color:var(--muted);text-shadow:none}.card button.back:hover,.card button.link:hover{color:#fff;filter:none}.screen{display:flex;flex-direction:column;gap:.8em;min-height:0}.screen[hidden]{display:none}.screen.cols,.status.room{display:grid;grid-template-columns:1fr 1fr;gap:.9em 1.3em;align-items:start}.screen.wide-left{grid-template-columns:1.7fr 1fr}.screen.wide-right{grid-template-columns:1.25fr 1.6fr}.col{display:flex;flex-direction:column;gap:.75em;min-width:0}.card h2{margin:0;color:#fff;font:900 1.3em/1.1 var(--font);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.4)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:1em}.actions{grid-column:1 / -1;display:flex;align-items:center;gap:.8em;padding-top:.8em;border-top:2px solid rgba(255,255,255,.06)}.card .actions button.primary{margin-left:auto;min-width:11em;padding:.8em 1.6em;font-size:1.12em;text-transform:uppercase}.card[data-screen=login] .actions button.primary{margin-left:0}.hint-text{margin:0;color:var(--muted);font-size:.9em;font-weight:600}.actions .hint-text{flex:1;text-align:right}.card input{min-width:0;padding:.7em .9em;border-radius:.7em;border:2px solid var(--ink);background:var(--well);box-shadow:inset 0 .15em .3em #00000073;color:#fff;font:inherit;font-size:1.05em}.card input:focus{outline:2px solid var(--gold);outline-offset:1px}.seg-field{display:flex;flex-direction:column;gap:.35em}.seg-field>span{color:var(--muted);font-size:.8em;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seg{display:flex;gap:.3em;padding:.3em;border-radius:.8em;border:2px solid var(--ink);background:var(--well)}.card button.seg-btn{flex:1;padding:.55em .4em;border:0;border-radius:.55em;background:none;box-shadow:none;color:var(--muted);text-shadow:none}.card button.seg-btn.on{background:linear-gradient(var(--gold),var(--gold-2));box-shadow:inset 0 2px #fff6;color:#3a2300}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;overflow:hidden;background:#12151c;cursor:pointer;user-select:none;-webkit-user-select:none}.splash[hidden]{display:none}.splash-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;animation:splash-in 1.2s ease-out both}.splash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(10,12,20,.45),transparent 32%),linear-gradient(0deg,rgba(10,12,20,.7),transparent 28%);pointer-events:none}.splash-logo{position:absolute;z-index:1;top:max(2.5vh,env(safe-area-inset-top));left:50%;width:min(58vw,92vh);height:auto;transform:translate(-50%);filter:drop-shadow(0 .6vh 1.2vh rgba(0,0,0,.55));animation:splash-logo .9s .2s cubic-bezier(.2,1.4,.4,1) both}.splash-go{position:absolute;z-index:1;bottom:max(9vh,calc(env(safe-area-inset-bottom) + 4vh));left:50%;display:flex;align-items:center;gap:.45em;padding:.32em 1.25em .38em 1em;transform:translate(-50%);border:.11em solid #3b1a05;border-radius:999px;background:linear-gradient(180deg,#ffffff8c,#fff0 48%),linear-gradient(180deg,#ffe066,#ffb22e 55%,#ff7a1a);box-shadow:inset 0 -.12em #a03c008c,0 .16em #7a3a0a,0 .35em .6em #00000073,0 0 1.2em #ffaa288c;color:#fff;font:400 clamp(26px,min(4.6vw,8.5vh),60px) / 1 "Lilita One","Arial Rounded MT Bold",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;animation:splash-bounce 1.6s 1.1s ease-in-out infinite}.splash-go-label{-webkit-text-stroke:.09em #3b1a05;paint-order:stroke fill;text-shadow:0 .07em 0 #3b1a05}.splash-go-icon{position:relative;width:.56em;height:.64em;filter:drop-shadow(.06em 0 0 #3b1a05) drop-shadow(-.06em 0 0 #3b1a05) drop-shadow(0 .06em 0 #3b1a05) drop-shadow(0 -.06em 0 #3b1a05)}.splash-go-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}.splash-go:hover{filter:brightness(1.08)}.splash-go:active{transform:translate(-50%) translateY(.12em);box-shadow:inset 0 -.08em #a03c008c,0 .04em #7a3a0a,0 .2em .4em #00000073}.splash-go:focus-visible{outline:.12em solid #fff;outline-offset:.18em}.splash-hint{position:absolute;z-index:1;bottom:max(3.5vh,env(safe-area-inset-bottom));left:50%;margin:0;transform:translate(-50%);color:#fff;font:400 clamp(12px,min(1.6vw,2.8vh),20px) / 1 "Lilita One",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;-webkit-text-stroke:.14em #2a1405;paint-order:stroke fill;text-shadow:0 .12em .35em rgba(0,0,0,.85);white-space:nowrap;animation:splash-blink 1.6s 1.1s ease-in-out infinite}.card.splash-login{position:absolute;z-index:2;left:50%;bottom:max(4vh,env(safe-area-inset-bottom));width:min(25em,88vw);max-height:62vh;gap:.6em;padding:1em 1.2em .9em;transform:translate(-50%);cursor:default;animation:splash-logo .6s .3s cubic-bezier(.2,1.4,.4,1) both}.card.splash-login .actions{flex-direction:column;align-items:stretch}.card.splash-login .actions button.primary{margin-left:0}.card.splash-login[hidden]{display:none}.splash-login h2{margin:0;color:#fff;font:400 1.4em/1 Lilita One,system-ui,sans-serif;letter-spacing:.03em;text-align:center;text-transform:uppercase}.splash.with-login .splash-go,.splash.with-login .splash-hint{display:none}.splash.with-login .splash-logo{width:min(44vw,58vh)}.splash.with-login{cursor:default}@keyframes splash-in{0%{transform:scale(1.08);filter:brightness(.5)}}@keyframes splash-logo{0%{transform:translate(-50%) scale(.6);opacity:0}}@keyframes splash-bounce{0%,to{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) translateY(-.12em) scale(1.06)}55%{transform:translate(-50%) scale(.98)}}@keyframes splash-blink{50%{opacity:.65}}.card[data-screen=home]{font-size:clamp(11px,min(1.5vw,2.3dvh),19px);width:min(78em,100%);height:min(100%,42em)}.card .screen[data-screen=home]{flex:1;min-height:0}.mode-cards{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.8em}.mode-cards:has(>#rejoin:not([hidden]))>.online{display:none}.card button.mode-card{position:relative;display:block;min-width:0;min-height:0;padding:0;overflow:hidden;border:3px solid var(--ink);border-radius:1.1em;background:#1b2236;box-shadow:inset 0 0 0 2px #ffffff1f,0 .35em 0 var(--slate-edge),0 .6em 1.2em #0006;text-align:left}.mode-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .25s ease-out}.card button.mode-card:hover:not(:disabled){filter:brightness(1.08)}.mode-card:hover img,.mode-card:focus-visible img{transform:scale(1.06)}.card button.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 2px #ffffff2e;pointer-events:none}.mode-text{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:.2em;padding:2.4em .8em .75em;background:linear-gradient(0deg,rgba(8,10,18,.92) 25%,rgba(8,10,18,.6) 65%,transparent)}.mode-text strong{font:900 1.55em/1 var(--font);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 .1em 0 var(--ink),.05em .05em 0 var(--ink),-.05em .05em 0 var(--ink)}.mode-text small{color:#d5dcec;font-size:.78em;font-weight:700;line-height:1.2}.card button.mode-card.rejoin{border-color:#ffc72e;animation:rejoin-glow 1.6s ease-in-out infinite}.mode-card.rejoin .mode-text strong{color:var(--gold);font-size:1.25em}@keyframes rejoin-glow{50%{box-shadow:inset 0 0 0 2px #ffffff1f,0 .35em 0 var(--slate-edge),0 0 1.4em #ffc72eb3}}.card button.mode-card.new:after{content:"New";position:absolute;z-index:2;top:.6em;right:.6em;padding:.15em .55em;border-radius:999px;border:2px solid var(--ink);background:#ff5a3c;color:#fff;font-size:.75em;text-transform:uppercase}.home-bar{display:flex;gap:.8em;align-items:stretch}.card button.weapon-card{flex:1.1;min-width:0;display:flex;align-items:center;gap:.8em;padding:.45em .9em;border-radius:1em;background:radial-gradient(ellipse at 18% 50%,rgba(255,216,74,.25),transparent 55%),linear-gradient(#2a3552,#161c2c);text-align:left}.weapon-card .weapon-img{flex:none;width:5.2em;height:auto;aspect-ratio:68 / 36;object-fit:contain;filter:drop-shadow(0 .25em .25em rgba(0,0,0,.5))}.weapon-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1em}.weapon-card small{color:var(--muted);font-size:.72em;letter-spacing:.08em;text-transform:uppercase}.weapon-card strong{font:900 1.2em/1 var(--font);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-ult{color:var(--gold);font-size:.78em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-btn{flex:none;padding:.35em .9em;border-radius:999px;border:2px solid var(--ink);background:var(--well);color:var(--muted);font-size:.85em}.card button.big{display:flex;flex-direction:column;align-items:flex-start;gap:.15em;padding:.85em 1.1em;border-radius:1em;font-size:1.15em;text-align:left;text-transform:uppercase}.card button.big small{font-size:.72em;font-weight:600;opacity:.85;text-transform:none}.tile-row{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.5em}#pve-bosses{grid-template-columns:1fr}#pve-bosses .map-card span{font-size:1.05em;font-weight:800}.pve-about{margin:.4em 0 0;font-size:.85em;line-height:1.4;opacity:.85}.card button.big.new,.card button.tile.new{position:relative;border-color:#ffc72e}.card button.big.new:after,.card button.tile.new:after{content:"New";position:absolute;top:-.6em;right:-.4em;padding:.1em .45em;border-radius:999px;border:2px solid var(--ink);background:#ff5a3c;color:#fff;font-size:.7em;text-transform:uppercase}.card button.tile{display:flex;align-items:center;justify-content:center;gap:.4em;min-width:0;padding:.35em .4em;border-radius:1em;font-size:.9em;text-transform:uppercase}.tile img{flex:none;width:3em;height:3em;margin:-.4em 0;filter:drop-shadow(0 .15em 0 rgba(0,0,0,.35))}.weapon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5em}.card button.weapon-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25em;padding:.6em .3em .5em;border-radius:.8em;background:linear-gradient(#222b41,#161c2c);font-size:.85em}.weapon-option img{width:100%;height:auto;aspect-ratio:2;object-fit:contain}.weapon-option span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card button.weapon-option.on{border-color:var(--gold);background:linear-gradient(#3a3418,#221f12);box-shadow:0 0 0 2px #ffd84a59,0 .28em 0 var(--slate-edge)}.weapon-option.current:after{content:"in use";position:absolute;top:-.6em;right:-.3em;padding:.1em .45em;border-radius:999px;border:2px solid var(--ink);background:#8fe3a8;color:#0f2a18;font-size:.72em;text-shadow:none}.weapon-detail{display:flex;flex-direction:column;gap:.5em;padding:.9em 1em;border-radius:1em;border:2px solid var(--ink);background:var(--well);font-size:.92em;font-weight:600;line-height:1.35}.weapon-detail strong{color:#fff;font:900 1.4em/1 var(--font);text-transform:uppercase}.weapon-detail p{margin:0;color:#cdd4e2}.weapon-detail .ult{color:var(--gold)}.map-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5em}.map-grid[hidden]{display:none}.card button.map-card{position:relative;aspect-ratio:16 / 10;padding:0;overflow:hidden;border-radius:.7em;background:var(--well) center / cover no-repeat;box-shadow:0 .2em 0 var(--slate-edge)}.card button.map-card span{position:absolute;left:0;right:0;bottom:0;padding:.9em .4em .3em;background:linear-gradient(transparent,#000c);font-size:.8em;line-height:1.05;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card button.map-card.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffd84a73,0 0 1em #ffd84a59}.card button.map-card.on:after{content:"✓";position:absolute;top:.25em;right:.3em;display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;border:2px solid var(--ink);background:var(--gold);color:#3a2300;font-size:.8em;text-shadow:none}.room-list{display:flex;flex-direction:column;gap:.45em;max-height:16em;overflow-y:auto;scrollbar-width:thin}.rooms-head{color:var(--muted);font-size:.8em;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rooms-empty{margin:0;padding:1em;border-radius:.8em;border:2px dashed #2f3a52;color:var(--muted);font-size:.92em;font-weight:600;text-align:center}.card button.room-row{display:flex;align-items:center;gap:.7em;padding:.5em;border-radius:.8em;background:linear-gradient(#222b41,#161c2c);text-align:left}.room-thumb{flex:none;width:4.5em;aspect-ratio:16 / 9;border-radius:.4em;background:linear-gradient(#7ec8f0,#6b8f3c) center / cover no-repeat}.room-text{display:flex;flex:1;flex-direction:column;min-width:0}.room-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-text small{color:var(--muted);font-weight:600}.room-join{color:var(--gold);white-space:nowrap}.room-row.playing .room-join{color:#8fd3ff}.quick-wait{display:flex;flex-direction:column;align-items:center;gap:.2em;padding:1em;border-radius:1em;border:2px solid var(--ink);background:radial-gradient(circle at 50% 30%,rgba(255,122,60,.25),transparent 70%),var(--well);text-align:center}.quick-wait[hidden]{display:none}.quick-wait small{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.quick-secs{font:900 3.4em/1 var(--font);color:#fff;text-shadow:0 .06em 0 var(--ink)}.quick-people{color:var(--muted);font-size:.85em}.create-row,.join-row,.invite-row{display:flex;gap:.6em}.create-row>button,.invite-row>button{flex:1}#code{flex:1;text-align:center;text-transform:uppercase;letter-spacing:.3em}.divider{display:flex;align-items:center;gap:.8em;color:var(--muted);font-size:.85em}.divider:before,.divider:after{content:"";flex:1;height:2px;background:#ffffff12}.status{margin:0;min-height:1em;color:var(--muted);font-size:.92em;font-weight:600}.status p{margin:0}.status.room>.col:first-child{display:grid;grid-template-columns:1fr auto;align-items:center}.status.room>.col:first-child>:not(.room-head,.invite-row){grid-column:1 / -1}.room-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2em .7em}.room-head small{color:var(--muted);font-size:.8em;letter-spacing:.08em;text-transform:uppercase}.room-code{color:var(--gold);font:900 2em/1 var(--font);letter-spacing:.22em;text-shadow:0 .08em 0 #7a3a0a}.private-tag{padding:.1em .6em;border-radius:999px;background:#ffe14d24;color:#ffe14d;font-size:.85em}.players{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5em,1fr));gap:.35em}.players li{display:flex;align-items:center;gap:.35em;min-width:0;padding:.35em .55em;border-radius:.6em;border:2px solid var(--ink);border-left:.35em solid var(--player);background:var(--well);color:#fff;font-size:.92em}.players li.me{box-shadow:inset 0 0 0 1px #ffffff2e}.player-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-tag{flex:none;font-size:.85em}.bot-level{flex:none;width:.6em;height:.6em;border-radius:50%;background:#ffd23f}.bot-level.facil{background:#5ed35e}.bot-level.dificil{background:#ff5a4a}.card button.team-tag{margin-left:auto;padding:.15em .8em;border-radius:999px;border:2px solid var(--player);background:color-mix(in srgb,var(--player) 25%,transparent);box-shadow:none;font-size:.8em;text-transform:uppercase}.card button.team-tag:disabled{opacity:1;filter:none}.card button.remove-bot{flex:none;margin-left:auto;padding:0 .45em;border:2px solid #ff8a8066;background:none;box-shadow:none;color:#ff8a80}.players li .team-tag+.remove-bot{margin-left:0}.bot-row{display:flex;gap:.5em}.bot-row .seg{flex:1}.gear-row{display:flex;gap:.5em}.gear-row>button{flex:1}.room-map{color:#fff}.room-chat .chat.docked .chat-log{height:9em}.room-chat .chat.docked .chat-quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.card .room-chat .chat-quick button{flex:none;padding:.35em .7em;border-radius:999px;box-shadow:none;font-size:.85em}.card .room-chat .chat-form button{padding:.5em .9em}.profile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.3em .9em;padding:.7em 1em;border-radius:.9em;border:2px solid var(--ink);background:var(--well)}.profile[hidden],.shop[hidden]{display:none}.profile-top{display:contents}.profile-top strong{grid-column:1;color:#fff;text-transform:uppercase}.profile-top .gold{grid-column:3;grid-row:1}.xp-bar{grid-column:2;grid-row:1;height:.7em;border-radius:999px;border:2px solid var(--ink);background:#262c38;overflow:hidden}.xp-bar>div{height:100%;background:linear-gradient(#bdeaff,#6cc9ff)}.xp-text{grid-column:1 / -1;color:var(--muted);font-size:.82em;font-weight:600}.shop{display:flex;flex-direction:column;gap:.6em}.shop-weapons{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5em,1fr));gap:.45em}.shop-weapon{display:flex;flex-direction:column;align-items:center;gap:.25em;min-width:0;padding:.5em .4em;border-radius:.8em;border:2px solid var(--ink);background:linear-gradient(#222b41,#161c2c);text-align:center}.shop-weapon.owned{border-color:#3fae5a}.shop-weapon img{width:4.2em;height:2.2em;object-fit:contain}.shop-weapon strong{color:#fff;font-size:.88em}.card .shop-weapon button{width:100%;padding:.35em .4em;font-size:.8em}.card button.weapon-option.locked img{filter:grayscale(1) brightness(.6)}.weapon-lock{color:var(--muted);font-size:.68em}.shop-slots{display:grid;grid-template-columns:8.5em 1fr 1fr;gap:.6em 1.2em}.shop-preview{display:flex;flex-direction:column;align-items:center;gap:.3em;padding:.4em;border-radius:1em;border:2px solid var(--ink);background:radial-gradient(ellipse at 50% 88%,rgba(0,0,0,.35) 0 22%,transparent 23%),radial-gradient(circle at 50% 40%,#4a5a80,#1a2133 75%);box-shadow:inset 0 0 0 1px #ffffff14;cursor:pointer}.shop-preview canvas{width:100%;flex:1;min-height:7em;height:0}.shop-preview-label{height:2.3em;overflow:hidden;color:var(--muted);font-size:.72em;text-align:center;line-height:1.15}.shop-slot{display:flex;flex-direction:column;gap:.45em}.shop h3{margin:0;color:var(--muted);font-size:.8em;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.item{display:flex;align-items:center;gap:.7em;padding:.55em .7em;border-radius:.8em;border:2px solid var(--ink);background:linear-gradient(#222b41,#161c2c)}.item-icon{flex:none;display:grid;place-items:center;width:3em;height:3em;border-radius:.7em;border:2px solid var(--ink);background:radial-gradient(circle at 50% 35%,#4a5a80,#232c44 75%);box-shadow:inset 0 0 0 1px #ffffff14}.item-icon[data-tier="2"]{background:radial-gradient(circle at 50% 35%,#3f8a5e,#1d3a2c 75%)}.item-icon[data-tier="4"]{background:radial-gradient(circle at 50% 35%,#8a55d6,#34205a 75%);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 .6em #a77bff73}.item-icon img{width:2.4em;height:2.4em}.item-info{flex:1;display:flex;flex-direction:column;gap:.1em;min-width:0}.item-info strong{color:#fff}.item-stats{color:#8fe3a8;font-size:.88em}.item-meta{color:var(--muted);font-size:.8em;font-weight:600}.card .item button{flex:none;min-width:7.5em;padding:.5em .8em;font-size:.88em}.shop-note{margin:0;color:var(--muted);font-size:.8em;font-weight:600}.shop-error{margin:0;color:#ff8a80}.eggs{display:inline-flex;align-items:center;gap:.2em;color:#ffe29a;font-weight:800;white-space:nowrap}.egg-icon{width:1.1em;height:1.1em;flex:none}.wallet{grid-column:3;grid-row:1;display:flex;gap:.8em}.player-chip .eggs:empty{display:none}.shop-tabs{display:flex;gap:.6em;min-width:0}.shop-group{display:flex;flex-direction:column;gap:.15em}.shop-group-label{padding-left:.4em;color:var(--muted);font-size:.66em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.egg-group .shop-group-label{color:#ffd166}.egg-group .seg{border-color:#6b4a12;background:linear-gradient(#2a2110,#17120a)}.card .egg-group button.seg-btn{color:#e9c98a}.card .egg-group button.seg-btn.on{color:#3a2300}.card .shop-tabs button.seg-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45em .9em;white-space:nowrap}.egg-tab{color:inherit}.shop-notice{margin:0;color:#8fe3a8;font-weight:700}.shop-looks{display:grid;grid-template-columns:8.5em 1fr;gap:.6em 1em}.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.4em,1fr));gap:.45em;align-content:start}.look-card{display:flex;flex-direction:column;align-items:center;gap:.15em;min-width:0;padding:.45em .35em;border-radius:.8em;border:2px solid var(--ink);background:linear-gradient(#2b2440,#181428);text-align:center;cursor:pointer}.look-card:hover,.look-card:focus-visible{outline:2px solid #ffd166;outline-offset:0}.look-card.owned{border-color:#6b4a12}.look-card.worn{border-color:#3fae5a;box-shadow:0 0 .6em #3fae5a59}.look-card .item-icon{width:2.6em;height:2.6em;background:radial-gradient(circle at 50% 35%,#8a6a2a,#3a2a10 75%)}.look-card .item-icon img{width:2.3em;height:2.3em;object-fit:contain}.look-card strong{color:#fff;font-size:.82em;line-height:1.1}.look-slot{color:var(--muted);font-size:.68em;font-weight:700}.card .look-card button{width:100%;margin-top:auto;padding:.3em .4em;font-size:.8em}.card .look-card button.primary .eggs,.card .pack-card button .eggs{color:inherit}.coins{display:inline-flex;align-items:center;gap:.3em;font-weight:800;white-space:nowrap}.coin-icon{width:.95em;height:.95em;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,var(--gold) 45%,var(--gold-2));box-shadow:inset 0 0 0 1.5px #b9771a}.card .look-card button.gold-buy{background:linear-gradient(var(--gold),var(--gold-2));border-color:#a8650f;color:#3a2300}.card .look-card button.short{filter:grayscale(.6) brightness(.75)}.card .look-card button.confirm{background:linear-gradient(#5ed35e,#2e9e3e);border-color:#1d5e25;animation:confirm-pulse .8s ease-in-out infinite alternate}@keyframes confirm-pulse{to{transform:scale(1.05)}}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6em}.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25em;min-width:0;padding:.9em .5em .6em;border-radius:.9em;border:2px solid #6b4a12;background:radial-gradient(circle at 50% 30%,rgba(255,201,77,.25),transparent 60%),linear-gradient(#2a2110,#17120a);text-align:center}.pack-card.starter{border-color:#ffd166;box-shadow:0 0 .9em #ffd16659}.pack-tag{position:absolute;top:-.7em;padding:.1em .6em;border-radius:999px;border:2px solid var(--ink);background:linear-gradient(#ff7a6b,#e8423a);color:#fff;font-size:.7em;font-weight:800;text-transform:uppercase;white-space:nowrap}.pack-tag.bonus{background:linear-gradient(#7ee08f,#3fae5a)}.pack-eggs{display:flex;justify-content:center;height:2.6em}.pack-eggs img{width:2.2em;height:2.6em;margin:0 -.45em;filter:drop-shadow(0 .15em 0 rgba(0,0,0,.4))}.pack-card strong{color:#fff;font-size:.9em}.pack-amount{font-size:1.2em}.card .pack-card button{width:100%;margin-top:auto;padding:.45em .4em}.rank-icon{flex:none;width:1.3em;height:1.3em;vertical-align:middle}.rank-icon[hidden]{display:none}.rank-icon.big{width:2.6em;height:2.6em;filter:drop-shadow(0 .15em 0 rgba(0,0,0,.4))}.podium-name .rank-icon{margin-right:.25em}.rank-card{display:flex;align-items:center;gap:.8em;padding:.4em .9em;border-radius:.9em;border:2px solid var(--ink);background:radial-gradient(circle at 10% 50%,rgba(255,199,46,.18),transparent 60%),var(--well)}.rank-card small{color:var(--muted);font-size:.75em;text-transform:uppercase;letter-spacing:.08em}.rank-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5em}.rank-line .goal-count{margin-left:auto;text-align:right}.rank-hint{flex:none;max-width:15em;color:var(--muted);font-size:.75em;font-weight:600;text-align:right}.missions,.missions-part{display:flex;flex-direction:column;gap:.5em;min-width:0}.missions h3{display:flex;justify-content:space-between;gap:.5em;margin:.3em 0 0;color:var(--muted);font-size:.8em;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.missions h3>span{font-weight:600;letter-spacing:.04em;text-transform:none}.goal-list,.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4em}.goal{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:.2em .6em;min-width:0;padding:.4em .75em;border-radius:.8em;border:2px solid var(--ink);background:var(--well)}.goal.done{border-color:#3fae5a;background:linear-gradient(#3fae5a29,#3fae5a0f),var(--well)}.goal.achievement:not(.done){opacity:.75}.goal-head{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:.5em}.goal-head strong,.goal-info strong{color:#fff}.goal-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2em}.goal-text,.goal-count{color:var(--muted);font-size:.78em;font-weight:600}.goal-text{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal>.goal-bar,.goal>.goal-count{grid-row:3;align-self:center}.goal-bar{height:.45em;border-radius:999px;background:#00000059;overflow:hidden}.goal-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb020,#ffe27a)}.goal.done .goal-bar>div{background:#3fae5a}.goal-gold{flex:none;color:var(--gold);font-weight:900}.goal.done .goal-gold{color:#8fe3a8}.ranking{display:flex;flex-direction:column;gap:.5em}.ranking-top{display:flex;align-items:center;justify-content:space-between;gap:.6em;flex-wrap:wrap}.ranking-top .seg-btn{white-space:nowrap}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:.5em;padding:.6em .8em 0;border-bottom:3px solid var(--ink);border-radius:.9em .9em 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(255,199,46,.16),transparent 70%)}.podium-spot{display:flex;flex-direction:column;align-items:center;min-width:0}.podium-who{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:.1em;width:100%;min-width:0;padding-bottom:.4em}.place-1 .podium-who:before{content:"";position:absolute;z-index:-1;left:50%;top:42%;width:11em;height:11em;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,214,102,.25) 0 9deg,transparent 9deg 22deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 68%);mask:radial-gradient(circle,#000 15%,transparent 68%);animation:podium-rays 16s linear infinite;pointer-events:none}@keyframes podium-rays{to{transform:translate(-50%,-50%) rotate(360deg)}}.podium-crown{font-size:1.7em;line-height:1;margin-bottom:-.25em;filter:drop-shadow(0 .1em 0 #7a3a0a);animation:podium-crown 1.8s ease-in-out infinite}@keyframes podium-crown{50%{transform:translateY(-.15em) rotate(-6deg)}}.podium-avatar{width:3.4em;height:5.2em;background-repeat:no-repeat;background-size:1000% 100%;filter:drop-shadow(0 .15em 0 rgba(0,0,0,.4))}.place-1 .podium-avatar{width:4.2em;height:6.4em}.podium-spot.empty .podium-avatar{filter:brightness(0) opacity(.3)}.podium-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.place-1 .podium-name{font-size:1.2em;color:#fff4ad}.podium-value{color:var(--muted);font-size:.82em;white-space:nowrap}.place-1 .podium-value{color:var(--gold)}.podium-spot.empty .podium-name,.podium-spot.empty .podium-value{color:var(--muted);opacity:.7}.podium-block{width:100%;display:grid;place-items:start center;padding-top:.35em;border:3px solid var(--ink);border-bottom:0;border-radius:.7em .7em 0 0;box-shadow:inset 0 3px #ffffff73,inset 0 -1em 1.2em #00000038}.place-1 .podium-block{height:6em;background:linear-gradient(#ffe27a,#ffb020 55%,#d07a12)}.place-2 .podium-block{height:4.4em;background:linear-gradient(#f1f5fb,#b8c4d4 55%,#7f8fa6)}.place-3 .podium-block{height:3.2em;background:linear-gradient(#ffc590,#d0773a 55%,#95491b)}.podium-spot.empty .podium-block{filter:saturate(.25) brightness(.65)}.podium-medal{font:900 2em/1 var(--font);color:#fff;text-shadow:0 .07em 0 var(--ink),.05em 0 0 var(--ink),-.05em 0 0 var(--ink),0 -.05em 0 var(--ink),0 .14em 0 rgba(0,0,0,.3)}.place-1 .podium-medal{font-size:2.6em}@media(prefers-reduced-motion:reduce){.podium-crown,.place-1 .podium-who:before,.splash-art,.splash-logo,.splash-go,.splash-hint,.card button.mode-card.rejoin{animation:none}}.ranking-rest{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3em}.ranking-rest li{display:flex;align-items:center;gap:.6em;padding:.35em .7em;border-radius:.7em;border:2px solid var(--ink);background:var(--well)}.ranking-place{flex:none;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;border:2px solid var(--ink);background:#2c3654;color:var(--muted);font-size:.82em}.ranking-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-value{flex:none;color:var(--muted);font-size:.9em}.ranking .rooms-empty{text-align:center}.in-menu .sound-btn,.in-menu .match-menu,.in-menu .chat-btn,.in-menu .chat-quick-btn,.in-menu .chat:not(.docked),.in-menu .touch-controls,.in-menu .end-panel{display:none!important}.in-menu .sound-panel{position:fixed;top:4.5em;right:1em;left:auto;bottom:auto;z-index:40}@media(max-height:460px){.splash.with-login .splash-logo{width:min(40vw,30vh)}.card.splash-login{bottom:max(2vh,env(safe-area-inset-bottom));max-height:76vh;gap:.4em;padding:.6em 1em}.card.splash-login input,.card.splash-login .actions button.primary{padding-top:.45em;padding-bottom:.45em}.status.room .map-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3em}.status.room .card button.map-card,.card .status.room button.map-card{aspect-ratio:16 / 8}.status.room .col{gap:.35em}.status.room button.seg-btn,.card .status.room button.seg-btn{padding-top:.4em;padding-bottom:.4em}.status.room .gear-row>button{padding-top:.4em;padding-bottom:.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35em}.card button.weapon-option{gap:.1em;padding:.35em .2em .3em}.weapon-option img{aspect-ratio:2.4}.weapon-option span{hyphens:auto;-webkit-hyphens:auto;font-size:.82em;line-height:1.05;white-space:normal;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#pve-bosses .card button.map-card,.card #pve-bosses button.map-card{aspect-ratio:16 / 7}.card[data-screen]:not([data-screen=home]) .logo img{height:2.4em}.card button.map-card span{padding:.7em .25em .25em;font-size:.68em;hyphens:auto;-webkit-hyphens:auto;-webkit-line-clamp:3}.card{gap:.6em;padding:.8em 1em .9em}.screen{gap:.6em}.actions{padding-top:.6em}.mode-text{padding:1.8em .6em .55em}.mode-text small{display:none}.mode-text strong{font-size:1.3em}.weapon-ult{display:none}.card button.tile{flex-direction:column;gap:.1em;padding:.3em .2em;font-size:.78em}.tile img{width:2.2em;height:2.2em;margin:0}.shop-slots{grid-template-columns:6.5em 1fr 1fr}.shop-looks{grid-template-columns:6.5em 1fr}.look-grid{grid-template-columns:repeat(7,1fr);gap:.3em}.look-card{gap:0;padding:.25em}.look-card .item-icon{width:2em;height:2em}.look-card .item-icon img{width:1.8em;height:1.8em}.look-card .look-slot{display:none}.card .look-card button{padding:.2em .3em}.pack-card{gap:.1em;padding:.6em .4em .35em}.pack-eggs{height:1.8em}.pack-eggs img{width:1.7em;height:2em}.shop-group-label,.card[data-screen=shop] .profile{display:none}.shop[data-tab=ovos] .shop-note{display:block;font-size:.72em}.card[data-screen=shop] .actions{padding-top:.4em}.look-card strong{max-width:100%;overflow:hidden;font-size:.7em;line-height:1.05;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-preview canvas{min-height:0}.shop-preview-label{display:none}.card button.big{padding:.5em 1em}.card button.big small{line-height:1.15}#code,#code+button{padding-top:.45em;padding-bottom:.45em}.room-chat .chat.docked .chat-log{height:5em}.room-chat .chat.docked .chat-quick{display:none}.players li{padding:.25em .5em}.shop>h2,.shop-note,.xp-text,.rank-hint{display:none}.profile{padding:.45em .9em}.item{padding:.25em .5em}.shop-slot{gap:.3em}.item-icon{width:2.3em;height:2.3em}.item-icon img{width:1.8em;height:1.8em}.item-info{flex-flow:row wrap;column-gap:.6em}.item-info strong{flex-basis:100%}.seg-field:has(>.seg,>.bot-row,>.gear-row){flex-direction:row;align-items:center;gap:.6em}.seg-field:has(>.seg,>.bot-row,>.gear-row)>span{flex:none;width:7.8em}.seg-field>.seg,.seg-field>.bot-row,.seg-field>.gear-row{flex:1}.card[data-screen=ranking],.card[data-screen=missions],.card[data-screen=shop]{width:min(64em,100%)}.ranking{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:.5em 1em}.ranking>.rooms-empty{grid-column:1 / -1}.ranking>.ranking-top{grid-column:1;grid-row:1}.ranking>.podium{grid-column:1;grid-row:2;padding-top:.1em}.podium-who{padding-bottom:.15em}.ranking-rest{grid-column:2;grid-row:1 / span 2;align-self:start;gap:.2em}.title-row .seg-btn{white-space:nowrap}.ranking .rooms-head{display:none}.ranking-rest li{padding:.15em .6em}.podium-crown{font-size:1.3em}.podium-medal{font-size:1.5em}.podium-avatar{width:2.3em;height:3.4em}.place-1 .podium-avatar{width:2.6em;height:3.8em}.place-1 .podium-block{height:2.7em}.place-2 .podium-block{height:2.3em}.place-3 .podium-block{height:1.7em}.missions{display:grid;grid-template-columns:1fr 1.2fr;align-items:start;gap:.5em 1em}.goal-list{grid-template-columns:1fr;gap:.3em}.goal-grid{gap:.3em}.goal{gap:.15em .5em;padding:.3em .6em}.rank-card{flex-wrap:wrap;row-gap:.1em;padding:.3em .7em}.rank-icon.big{width:2.2em;height:2.2em}.rank-hint{max-width:none;flex-basis:100%;text-align:left}.goal.achievement .goal-text{display:none}.goal.achievement .goal-head{flex-direction:column;gap:0}.goal.achievement{padding:.2em .5em}.goal.achievement .goal-head strong{font-size:.86em;line-height:1.1}.shop-weapons{grid-template-columns:repeat(auto-fill,minmax(6em,1fr));gap:.35em}.shop-weapon{gap:.1em;padding:.3em}.shop-weapon img{height:1.6em}.shop-weapon strong{font-size:.78em;line-height:1.05}.shop-weapon .item-meta{font-size:.62em;white-space:nowrap}.card .shop-weapon button{padding:.15em .3em;font-size:.72em}}@media(max-width:640px)and (orientation:portrait){.card{font-size:clamp(12px,3.5vw,15px)}.screen.cols,.screen.wide-left,.screen.wide-right,.status.room,.shop-slots,.shop-looks{grid-template-columns:1fr}.card button.weapon-card{min-height:0}.menu-head{flex-wrap:wrap}.logo{flex-basis:100%;text-align:center}.logo img{margin:0 auto}.card button.player-chip{flex:1;max-width:none;justify-content:center}.card .actions button.primary{min-width:0;flex:1}}body.touch .card input{font-size:16px}.creator-box{display:flex;flex-direction:column;gap:.7em;max-width:34em}.creator-form{display:flex;align-items:flex-end;gap:.6em}.creator-form .seg-field{flex:1}.creator-form input{text-transform:uppercase}.creator-status{margin:0;font-weight:700}.creator-status strong{color:var(--gold)}.creator-gift,.creator-ok{margin:0;color:#9be27a;font-weight:700}.card button.seg-btn.creator-tab{white-space:nowrap}:lang(pt) .card button.mode-card.new:after,:lang(pt) .card button.big.new:after,:lang(pt) .card button.tile.new:after{content:"Novo"}:lang(pt) .weapon-option.current:after{content:"em uso"}.lang-seg{align-self:flex-start}.card .lang-seg button.seg-btn{padding:.55em 1.1em}