:root{--ink:#1b1d2b;--cream:#fff8e8;--accent:#ffd23f;--hot:#ff5a5f;--cool:#3fa9f5;--ui:"Lilita One", "Nunito", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--body);color:var(--cream);-webkit-user-select:none;user-select:none;background:#8fc8f2;margin:0;overflow:hidden}canvas#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}.card{border:3px solid var(--ink);background:#1b1d2bb8;border-radius:10px;padding:8px 14px;position:absolute;bottom:22px;box-shadow:0 4px #00000059}#health{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;width:230px;display:grid;left:22px}#health .label{font-family:var(--ui);color:#ff7b8a;font-size:20px}#health .value{font-family:var(--ui);text-shadow:0 3px 0 var(--ink);font-size:44px;line-height:1}#health .bar{border:2px solid var(--ink);background:#2b2e40;border-radius:5px;grid-column:1/3;height:10px;margin-top:6px;overflow:hidden}#hp-bar{background:#5be36b;width:100%;height:100%;transition:width .12s}#ammo{text-align:right;min-width:190px;right:22px}#wname{font-family:var(--ui);color:var(--accent);letter-spacing:.5px;font-size:16px}#ammo .value{font-family:var(--ui);line-height:1}#mag{text-shadow:0 3px 0 var(--ink);font-size:44px}#mag.low{color:#ff6b6b}#res{opacity:.75;margin-left:6px;font-size:22px}#reload{opacity:0;background:#2b2e40;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}#reload div{background:var(--accent);width:0;height:100%}#slots{gap:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.slot{border:3px solid var(--ink);background:#1b1d2b99;border-radius:8px;grid-template-columns:auto 1fr;width:92px;padding:4px 8px 5px;font-size:12px;font-weight:900;transition:transform .1s;display:grid}.slot .key{color:#9aa3c0}.slot .nm{text-align:right;font-family:var(--ui);font-size:14px;font-weight:400}.slot .am{text-align:right;opacity:.7;grid-column:1/3}.slot.on{background:var(--accent);color:var(--ink);transform:translateY(-6px)}.slot.on .key{color:var(--ink)}.slot.empty{opacity:.4}#topbar{text-align:center;position:absolute;top:14px;left:50%;transform:translate(-50%)}#timer{font-family:var(--ui);text-shadow:0 3px 0 var(--ink);font-size:30px}#score{text-shadow:0 2px 0 var(--ink);justify-content:center;align-items:baseline;gap:10px;font-weight:900;display:flex}#score .me{font-family:var(--ui);color:var(--accent);font-size:26px}#score .of{opacity:.75}#score .rank{background:var(--hot);border:2px solid var(--ink);text-shadow:none;border-radius:6px;padding:0 8px}#score .lead{opacity:.85;font-size:13px}#killfeed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:14px;right:16px}.feed{background:#1b1d2bb3;border:2px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:3px 10px;font-size:14px;font-weight:900;transition:opacity 1s;display:flex}.feed.mine{border-color:var(--accent)}.feed.fade{opacity:0}.feed .wpn{font-family:var(--ui);color:#c9cee0;background:#2b2e40;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:400}#announce{font-family:var(--ui);color:var(--accent);text-shadow:0 4px 0 var(--ink), 0 0 20px #ff8c2899;opacity:0;white-space:nowrap;font-size:42px;animation:.3s ease-out pop;position:absolute;top:24%;left:50%;transform:translate(-50%)}@keyframes pop{0%{transform:translate(-50%)scale(1.6)}to{transform:translate(-50%)scale(1)}}#message{text-align:center;text-shadow:0 3px 0 var(--ink);display:none;position:absolute;top:58%;left:50%;transform:translate(-50%)}#message .dead{font-family:var(--ui);color:#ff7b7b;font-size:40px}#message .respawn{font-size:18px;font-weight:900}#crosshair{--gap:6px;width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{background:#fff;position:absolute;box-shadow:0 0 0 1.5px #000000b3}#crosshair .t,#crosshair .b{width:3px;height:9px;left:-1.5px}#crosshair .l,#crosshair .r{width:9px;height:3px;top:-1.5px}#crosshair .t{bottom:var(--gap)}#crosshair .b{top:var(--gap)}#crosshair .l{right:var(--gap)}#crosshair .r{left:var(--gap)}#crosshair b{background:#fff;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px;box-shadow:0 0 0 1.5px #000000b3}#crosshair.w-scatter i{opacity:.85}#crosshair.w-rail i{height:6px}#crosshair.w-rail .l,#crosshair.w-rail .r{width:6px;height:3px}#hitmarker{opacity:0;width:28px;height:28px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}#hitmarker path{fill:none;stroke-linecap:square}#hitmarker .o{stroke:#000000b3;stroke-width:5px}#hitmarker .i{stroke:#fff;stroke-width:2.5px}#hitmarker.show{opacity:1}#hitmarker.head .i{stroke:var(--accent)}#hitmarker.kill{width:40px;height:40px}#hitmarker.kill .i{stroke:#ff4d4d}#dmgdir{opacity:0;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#dmgdir div{background:radial-gradient(at 50% 100%,#ff3232f2,#ff323200 70%);border-radius:50% 50% 0 0;width:70px;height:20px;margin-left:-35px;position:absolute;top:0;left:50%}#vignette{--hurt:0;--low:0;--cold:0;opacity:max(var(--hurt), var(--low));background:radial-gradient(#f000 55%,#dc0014d9 130%);position:absolute;inset:0}#vignette:after{content:"";opacity:var(--cold);background:radial-gradient(#96dcff00 45%,#96dcffbf 120%);transition:opacity .15s;position:absolute;inset:0}#scope{background:radial-gradient(circle,#0000 0 34vh,#000 34.3vh);display:none;position:absolute;inset:0}#scope .ring{border:4px solid #000;border-radius:50%;width:68vh;height:68vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scope .ring:before,#scope .ring:after{content:"";background:#000000d9;position:absolute}#scope .ring:before{width:2px;margin-left:-1px;top:0;bottom:0;left:50%}#scope .ring:after{height:2px;margin-top:-1px;top:50%;left:0;right:0}#floaters{position:absolute;inset:0}.floater{font-family:var(--ui);color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 6px #00000080;will-change:transform;font-size:22px;position:absolute;top:0;left:0}.floater.head{color:var(--accent);font-size:28px}.floater.kill{color:#ff6b6b;font-size:30px}#scoreboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen{background:radial-gradient(#141e3c40,#0a0e1ea6);place-items:center;display:grid;position:fixed;inset:0}.panel,#scoreboard{background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:18px;min-width:420px;max-width:92vw;padding:26px 30px}.panel.small{text-align:center;min-width:300px}.logo{font-family:var(--ui);letter-spacing:2px;color:var(--hot);text-shadow:0 5px 0 var(--ink);margin:0;font-size:72px;line-height:1}.logo span{color:var(--accent)}.tag{opacity:.8;margin:6px 0 18px;font-weight:800}.panel h2,#scoreboard h2,#over-title{font-family:var(--ui);margin:0 0 12px;font-size:32px;font-weight:400}#over-title{color:var(--cool);text-shadow:0 4px 0 var(--ink);font-size:48px}#over-title.win{color:var(--hot)}.field{margin:10px 0;font-weight:900;display:block}.field input[type=text],.field input[type=email],.field input[type=password],.field input:not([type]),.field select{width:100%;font:800 18px var(--body);border:3px solid var(--ink);background:#fff;border-radius:8px;margin-top:4px;padding:6px 10px;display:block}.field input[type=range]{width:100%;accent-color:var(--hot);display:block}.row{gap:12px;display:flex}.row .field{flex:1}button{width:100%;font:18px var(--ui);border:3px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);pointer-events:auto;background:#fff;border-radius:10px;margin-top:10px;padding:10px;display:block}button.big{background:var(--hot);color:#fff;text-shadow:0 2px 0 var(--ink);font-size:28px}button:hover{transform:translateY(-1px)}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.controls{opacity:.8;flex-wrap:wrap;gap:6px 14px;max-width:460px;margin-top:16px;font-size:13px;font-weight:800;display:flex}kbd{font:12px var(--ui);background:var(--ink);color:var(--cream);border-radius:4px;padding:1px 5px}table{border-collapse:collapse;width:100%;min-width:340px;font-weight:900}th{text-align:left;opacity:.6;padding:4px 8px;font-size:12px}td{border-top:2px solid #1b1d2b1f;padding:5px 8px}td:nth-child(3),td:nth-child(4),th:nth-child(3),th:nth-child(4){text-align:right}td i{border:2px solid var(--ink);vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}tr.me td{background:#ffd23f73}.divider{opacity:.6;align-items:center;gap:10px;margin:18px 0 4px;font-size:13px;font-weight:900;display:flex}.divider:before,.divider:after{content:"";background:var(--ink);opacity:.4;border-radius:2px;flex:1;height:3px}.row.online{align-items:flex-end}.row.online .field{flex:1;margin-bottom:0}.row.online .field input{text-transform:uppercase;letter-spacing:4px;font-family:var(--ui);font-size:24px}.row.online button{flex:0 0 150px;width:auto;margin:0}button.big.alt{background:var(--cool)}.hint{opacity:.7;max-width:460px;margin:8px 0 0;font-size:13px;font-weight:800}.status{color:#d43a3f;min-height:1em;margin:8px 0 0;font-weight:900}.invite{gap:8px;margin:6px 0 4px;display:flex}.invite input{font:800 14px var(--body);border:3px solid var(--ink);border-radius:8px;flex:1;min-width:0;padding:6px 8px}.invite button{width:auto;margin:0;padding:6px 14px}#netinfo{background:#1b1d2bb3;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:900;position:absolute;top:14px;left:16px}#health .armor-row{grid-column:1/3;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin-top:6px;display:none}#health.armored .armor-row{display:grid}#health .armor-row .label{color:#7cc0ff;font-size:16px}#ar-value{font-family:var(--ui);min-width:32px;font-size:20px}#health .armor-row .bar{grid-column:auto;height:8px;margin-top:0}#ar-bar{background:#4da3ff;width:0;height:100%;transition:width .12s}.coin{vertical-align:-.1em;border:2px solid var(--ink);background:#ffd23f;border-radius:3px;width:.9em;height:.9em;margin-right:4px;display:inline-block;box-shadow:inset -3px -3px #e0a800}.row.kitrow{align-items:stretch;margin-top:10px}#m-kit{flex:1;gap:6px;display:flex}#m-kit div{border:3px solid var(--ink);background:#fff;border-radius:8px;flex:1;padding:4px 8px;font-size:13px;font-weight:900;line-height:1.15}#m-kit small{opacity:.55;text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}button.gold{background:var(--accent);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:auto;margin:0;padding:6px 16px;font-size:20px;display:flex}button.gold .coins{font:900 14px var(--body)}#over-coins{text-align:center;margin-top:14px}#over-coins .earned{font-family:var(--ui);color:#e0a800;text-shadow:0 3px 0 var(--ink);font-size:40px}#over-coins .lines{flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:4px;font-size:14px;font-weight:900;display:flex}#over-coins .lines b{color:#2a9d4a}#over-coins .lines b.neg{color:#d43a3f}#over-coins .bank{opacity:.7;margin-top:6px;font-size:13px;font-weight:800}.panel.armory{flex-direction:column;width:min(1080px,96vw);max-height:94vh;padding:18px 22px;display:flex}.a-head{align-items:center;gap:16px;display:flex}.a-head h2{flex:1;margin:0}.coins.big{font-family:var(--ui);font-size:28px}.a-head button{width:auto;margin:0;padding:8px 22px}.a-body{flex:1;grid-template-columns:300px 1fr;gap:18px;min-height:0;margin-top:12px;display:grid}.a-side{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}#a-preview{border:3px solid var(--ink);background:linear-gradient(#bfe3ff,#eaf6ff);border-radius:12px;width:100%;height:250px;display:block}#a-detail h3{font-family:var(--ui);margin:0;font-size:26px;font-weight:400}#a-detail .slotname{letter-spacing:1px;text-transform:uppercase;opacity:.55;font-size:11px;font-weight:900}#a-detail p{margin:4px 0 8px;font-size:14px;font-weight:800}.stat{grid-template-columns:90px 1fr;align-items:center;gap:8px;margin:3px 0;font-size:12px;font-weight:900;display:grid}.stat i{border:2px solid var(--ink);background:#e3dccb;border-radius:5px;height:9px;overflow:hidden}.stat b{background:var(--hot);height:100%;display:block}#a-act{margin-top:4px;font-size:22px}#a-act:disabled{color:#6b6656;text-shadow:none;cursor:default;background:#cfc8b6;transform:none}#a-act.alt{background:var(--cool)}#a-loadout{gap:6px;display:flex}#a-loadout div{border:3px solid var(--ink);background:#fff;border-radius:8px;flex:1;padding:4px 6px;font-size:12px;font-weight:900;line-height:1.15}#a-loadout small{opacity:.55;text-transform:uppercase;letter-spacing:1px;font-size:9px;display:block}.a-main{flex-direction:column;min-height:0;display:flex}.tabs{gap:8px;display:flex}.tabs button{flex:1;width:auto;margin:0;padding:6px;font-size:18px}.tabs button.on{background:var(--ink);color:var(--cream)}#a-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;min-height:0;max-height:62vh;margin-top:12px;padding:2px 4px 8px 2px;display:grid;overflow-y:auto}.a-group{font-family:var(--ui);opacity:.75;grid-column:1/-1;margin-top:4px;font-size:18px}.card-item{border:3px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);text-align:center;background:#fff;border-radius:10px;padding:6px 8px 8px;position:relative}.card-item:hover{transform:translateY(-1px)}.card-item.sel{outline:3px solid var(--hot);outline-offset:1px;background:#fff3c4}.card-item img{object-fit:contain;image-rendering:auto;width:100%;height:64px;display:block}.card-item.locked img{filter:saturate(.6)brightness(.95)}.card-item .swatch{border:3px solid var(--ink);border-radius:8px;height:64px;margin-bottom:2px}.card-item .nm{margin-top:2px;font-size:14px;font-weight:900}.card-item .tag{border:2px solid var(--ink);border-radius:6px;margin-top:4px;padding:1px 8px;font-size:12px;font-weight:900;display:inline-block}.tag.on{background:var(--hot);color:#fff}.tag.own{background:#d9f7d4}.tag.price{background:#fff3c4}.tag.price.poor{opacity:.6}@media (width<=760px){.panel{min-width:0;padding:18px 16px}.a-body{grid-template-columns:1fr;overflow-y:auto}#a-preview{height:200px}#a-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:none;overflow:visible}.row.kitrow{flex-direction:column}}.menu-wrap{align-items:center;gap:22px;max-height:100vh;display:flex}.char-card{text-align:center;width:240px}#m-char{width:240px;height:330px;display:block}#m-who{font-family:var(--ui);text-shadow:0 3px 0 var(--ink);margin-top:-6px;font-size:26px}#m-look{opacity:.85;text-shadow:0 2px 0 var(--ink);font-size:13px;font-weight:900}.panel.over{grid-template-columns:minmax(280px,360px) minmax(300px,1fr);grid-template-areas:"pod table""title table""coins table""next table""again table""menu table"".table";align-items:start;column-gap:24px;width:min(920px,96vw);max-height:96vh;display:grid;overflow-y:auto}#o-podium{grid-area:pod;width:100%;height:230px;display:block}.panel.over #over-title{text-align:center;grid-area:title;font-size:40px}#over-table{grid-area:table}#over-coins{grid-area:coins}#o-next{text-align:center;grid-area:next}#o-again{grid-area:again}#o-menu{grid-area:menu}.panel.over td{padding:3px 8px}@media (width<=760px){.panel.over{grid-template-columns:1fr;grid-template-areas:"pod""title""coins""next""again""menu""table"}}@media (width<=900px){.char-card{display:none}}@media (height<=640px){#o-podium{height:170px}}#menu .panel{max-height:96vh;padding:20px 26px;overflow-y:auto}#menu .logo{font-size:60px}#menu .tag{margin:4px 0 10px}#menu .field{margin:7px 0}img.gi{image-rendering:pixelated;display:block}.slot{grid-template-columns:auto 1fr;row-gap:2px;width:104px}.slot img.gi{filter:drop-shadow(0 2px #00000059);grid-column:1/3;justify-self:center;height:24px}.slot.on img.gi{filter:none}#wicon{height:40px;image-rendering:pixelated;filter:drop-shadow(0 3px #00000073);position:absolute;top:-34px;right:14px}.feed img.gi{height:18px;margin:0 2px}.feed .hs{border:3px solid var(--accent);box-sizing:border-box;border-radius:50%;width:12px;height:12px}#elim{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}.elim{font:15px var(--ui);letter-spacing:.5px;color:var(--cream);text-shadow:0 2px 0 var(--ink);white-space:nowrap;transition:opacity .6s;animation:.22s ease-out elim-in}.elim span{color:#ff6b6b}.elim.head span{color:var(--accent)}.elim em{color:var(--accent);margin-left:6px;font-style:normal}.elim .coin{border-width:1.5px;width:.75em;height:.75em;margin:0 0 0 3px}.elim.fade{opacity:0}@keyframes elim-in{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}#rhint{font:13px var(--ui);letter-spacing:1px;color:var(--cream);text-shadow:0 2px 0 var(--ink);opacity:.85;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}#rhint.urgent{color:#ff6b6b;animation:.8s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}#announce.intro{color:var(--cream);font-size:30px}#message .dead b{font-weight:400}#message .by{justify-content:center;align-items:center;gap:10px;margin:6px 0 8px;font-size:15px;font-weight:900;display:flex}#message .by img.gi{height:24px}#message .by .left{background:#1b1d2bbf;border-radius:6px;padding:2px 8px}#score.teams{align-items:center;gap:12px}#score .team{text-align:left;grid-template-columns:auto 120px;align-items:center;column-gap:8px;display:grid}#score .team b{font:28px var(--ui);text-align:center;grid-row:1/3;min-width:34px}#score .team.t1 b{color:#6ec1ff}#score .team.t2 b{color:#ff7b80}#score .team .fill{border:2px solid var(--ink);background:#1b1d2bb3;border-radius:5px;height:10px;overflow:hidden}#score .team .fill i{height:100%;transition:width .3s;display:block}#score .team.t1 .fill i{background:#3fa9f5}#score .team.t2 .fill i{background:#ff5a5f}#score .team span{letter-spacing:1px;text-transform:uppercase;opacity:.85;font-size:11px}#score .team.t2{text-align:right;grid-template-columns:120px auto}#score .team.t2 b{grid-area:1/2/3}#score .team.t2 .fill,#score .team.t2 span{grid-area:auto/1}#score .team.t2 .fill{direction:rtl}#score.teams .of{opacity:.7;font-size:12px}.sides{gap:18px;display:flex}.side{flex:1;min-width:300px}.side h3{font:22px var(--ui);color:#fff;text-shadow:0 2px 0 var(--ink);border-radius:8px;justify-content:space-between;margin:0 0 4px;padding:2px 10px;display:flex}.side.t1 h3{background:#3fa9f5}.side.t2 h3{background:#ff5a5f}#scoreboard h2 small,#over-table h2 small{font:900 13px var(--body);opacity:.6;margin-left:8px}tr.down td{opacity:.55}.panel.over .sides{flex-direction:column;gap:10px}.panel.over .side{min-width:0}.mode-hint{min-height:2.4em;margin:-2px 0 2px}.panel.small .settings{text-align:left;margin:4px 0 6px}@media (width<=1000px),(height<=560px){#health,#ammo{transform:scale(.78)}#health{transform-origin:0 100%}#ammo{transform-origin:100% 100%}#slots{transform-origin:bottom;transform:translate(-50%)scale(.8)}#score .team{grid-template-columns:auto 70px}#score .team.t2{grid-template-columns:70px auto}}@media (width<=720px){#health,#ammo{transform:scale(.62)}#slots{bottom:12px;transform:translate(-50%)scale(.62)}#killfeed{transform-origin:100% 0;transform:scale(.8)}}#objective{font:14px var(--ui);letter-spacing:1px;text-shadow:0 2px 0 var(--ink);min-height:1em;margin-top:4px}#objective.ours{color:#6ec1ff}#objective.theirs{color:#ff7b80}#objective.contested{color:var(--accent);animation:.8s steps(2,end) infinite blink}#objective.danger{color:#ff6b6b;font-size:18px;animation:.6s steps(2,end) infinite blink}#announce.small.good{color:#6ec1ff}#announce.small.bad{color:#ff7b80}table.wins td:nth-child(3),table.wins th:nth-child(3){text-align:right}td.w{color:#e0a800}#message .respawn b{color:var(--accent)}#gadget{border:3px solid var(--ink);background:#1b1d2b99;border-radius:8px;grid-template-columns:1fr auto;align-items:center;row-gap:5px;width:120px;padding:6px 10px 7px;display:grid;position:absolute;bottom:22px;left:270px}#gadget b{font:15px var(--ui);color:#9aa3c0;font-weight:400}#gadget span{font:12px var(--ui);background:var(--ink);color:var(--cream);border-radius:4px;padding:0 6px}#gadget i{background:#2b2e40;border-radius:4px;grid-column:1/3;height:7px;overflow:hidden}#gadget s{background:#7df9ff;width:0;height:100%;display:block}#gadget.ready b{color:var(--cream)}#gadget.ready{border-color:#7df9ff}#gadget.active s{background:var(--accent)}@media (width<=1000px),(height<=560px){#gadget{transform-origin:0 100%;left:200px;transform:scale(.8)}}@media (width<=720px){#gadget{display:none}}#countdown{font:110px var(--ui);color:var(--cream);text-shadow:0 6px 0 var(--ink), 0 0 30px #ff8c2880;pointer-events:none;animation:1s ease-out count;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#countdown.go{color:var(--accent)}@keyframes count{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}25%{opacity:1}to{transform:translate(-50%,-50%)scale(1)}}.panel.over{grid-template-areas:"pod table""title table""awards table""progress progress""coins coins""next next""again again""menu menu"}#o-awards{grid-area:awards;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.award{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:10px;padding:6px 10px;animation:.4s ease-out backwards award-in}.award small{font:900 10px var(--body);letter-spacing:1px;text-transform:uppercase;opacity:.55;display:block}.award b{font:18px var(--ui);font-weight:400;display:block}.award span{font-size:13px;font-weight:900}.award.mine{background:#fff3c4}@keyframes award-in{0%{opacity:0;transform:scale(.6)}}#o-progress{border-top:3px solid #1b1d2b26;grid-area:progress;margin-top:10px;padding-top:10px}.mystats{flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;font-size:14px;font-weight:900;display:flex}.mystats b{font:18px var(--ui);font-weight:400}.xpbar{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.xpbar .lv{font:22px var(--ui);background:var(--cool);color:#fff;text-shadow:0 2px 0 var(--ink);border:3px solid var(--ink);text-align:center;border-radius:10px;min-width:70px;padding:0 10px;transition:transform .2s}.xpbar .lv.up{background:var(--accent);color:var(--ink);text-shadow:none;transform:scale(1.25)}.xpbar .track{border:3px solid var(--ink);background:#e3dccb;border-radius:8px;height:16px;overflow:hidden}.xpbar .fill{background:linear-gradient(90deg,#3fa9f5,#7df9ff);width:0;height:100%;transition:width .8s ease-out}.xpbar .num{text-align:right;min-width:110px;font-size:13px;font-weight:900}.xplines{opacity:.7;flex-wrap:wrap;gap:2px 12px;margin:4px 0 8px;font-size:12px;font-weight:900;display:flex}.xplines .tot{color:#1f7fc8;opacity:1}.levelup{font:20px var(--ui);color:#e0a800;text-shadow:0 2px 0 var(--ink);margin:4px 0;animation:.4s ease-out award-in}.chal{grid-template-columns:1fr 120px auto;align-items:center;gap:10px;margin:3px 0;font-size:13px;font-weight:900;display:grid}.chal i{border:2px solid var(--ink);background:#e3dccb;border-radius:5px;height:9px;overflow:hidden}.chal i b{background:#5be36b;height:100%;display:block}.chal.done{opacity:.6}.chal.new{opacity:1;color:#2a9d4a}.chal em{text-align:right;min-width:64px;font-size:12px;font-style:normal}.chal h4,#m-daily h4{font:15px var(--ui);margin:8px 0 2px;font-weight:400}.mastery{color:#b07a00;margin-top:6px;font-size:13px;font-weight:900}.stars{color:#e0a800;letter-spacing:1px}#m-level{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:-4px 0 6px;font-size:13px;font-weight:900;display:grid}#m-level .lv{font:16px var(--ui);background:var(--cool);color:#fff;border:3px solid var(--ink);text-shadow:0 2px 0 var(--ink);border-radius:8px;padding:0 8px}#m-level .track{border:2px solid var(--ink);background:#e3dccb;border-radius:6px;height:10px;overflow:hidden}#m-level .fill{background:linear-gradient(90deg,#3fa9f5,#7df9ff);height:100%}#m-daily{margin-top:8px}#m-daily .chal{grid-template-columns:1fr 90px auto;margin:2px 0;font-size:12px}#m-daily h4{justify-content:space-between;display:flex}#m-daily h4 small{font:900 11px var(--body);opacity:.55}.card-item .stars{min-height:1em;font-size:12px;display:block}.tag.level{background:#d6ecff}#charge{border:2px solid var(--ink);background:#1b1d2bb3;border-radius:4px;width:70px;height:6px;margin-left:-35px;display:none;position:absolute;top:calc(50% + 18px);left:50%;overflow:hidden}#charge i{background:var(--cream);width:0;height:100%;display:block}#charge.full i{background:var(--accent)}#vignette{--burn:0}#vignette:before{content:"";opacity:var(--burn);background:radial-gradient(#ff781e00 50%,#ff6e14b3 125%);transition:opacity .2s;position:absolute;inset:0}.tabs{flex-wrap:wrap}.tabs button{min-width:90px;font-size:16px}.menu-panel{width:min(640px,94vw)}.m-head{justify-content:space-between;align-items:center;gap:12px;display:flex}button.ghost{width:auto;box-shadow:none;background:0 0;margin:0;padding:6px 14px;font-size:15px}.m-tabs{border-bottom:3px solid #1b1d2b26;gap:6px;margin:8px 0 10px;display:flex}.m-tabs button{width:auto;box-shadow:none;background:#efe7d4;border-radius:10px 10px 0 0;flex:1;margin:0 0 -3px;padding:7px;font-size:18px}.m-tabs button.on{background:var(--cream);border-bottom-color:var(--cream)}.menu-panel h4{font:16px var(--ui);margin:10px 0 6px;font-weight:400}.menu-panel h4 small{font:900 11px var(--body);opacity:.55;margin-left:6px}.cards{gap:8px;display:grid}.cards.modes,.cards.maps{grid-template-columns:repeat(5,1fr)}.mcard{border:3px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);text-align:center;background:#fff;border-radius:10px;padding:8px 6px 7px;font-size:12px;font-weight:900;line-height:1.15;transition:transform 80ms}.mcard:hover{transform:translateY(-2px)}.mcard.on{outline:3px solid var(--hot);outline-offset:1px;background:#fff3c4}.mcard b{font:14px var(--ui);margin-top:4px;font-weight:400;display:block}.mcard i{border:2px solid var(--ink);border-radius:6px;height:30px;display:block}#m-rooms{flex-direction:column;gap:6px;min-height:40px;display:flex}.room{border:3px solid var(--ink);background:#fff;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.room b{font:20px var(--ui);letter-spacing:2px;font-weight:400}.room span{font-size:13px;font-weight:800}.room button{width:auto;margin:0;padding:4px 14px;font-size:16px}.empty{opacity:.6;padding:6px 2px;font-size:13px;font-weight:800}.pstats{grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 10px;display:grid}.pstats div{border:3px solid var(--ink);text-transform:uppercase;letter-spacing:.5px;background:#fff;border-radius:10px;padding:6px 8px;font-size:11px;font-weight:900}.pstats b{font:22px var(--ui);letter-spacing:0;text-transform:none;font-weight:400;display:block}.mast{grid-template-columns:repeat(3,1fr);gap:4px 12px;font-size:13px;font-weight:900;display:grid}.mast span{justify-content:space-between;display:flex}#m-binds{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.bind{justify-content:space-between;align-items:center;font-size:13px;font-weight:900;display:flex}.bind button{width:110px;font:14px var(--ui);box-shadow:0 2px 0 var(--ink);margin:0;padding:3px 6px}.bind button.wait{background:var(--accent)}#m-binds-reset{width:auto;padding:6px 16px;font-size:15px}.char-card #m-level{color:var(--cream);text-shadow:0 2px 0 var(--ink);margin-top:8px}.char-card #m-level .track{border-color:var(--ink)}.char-card button.gold{width:100%;margin-top:10px}.panel.help{width:min(760px,94vw)}.help-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.help-grid div{border:3px solid var(--ink);background:#fff;border-radius:10px;padding:8px 12px}.help-grid h4{font:18px var(--ui);margin:0 0 4px;font-weight:400}.help-grid p{margin:0;font-size:13px;font-weight:800;line-height:1.35}@media (width<=760px){.cards.modes,.cards.maps{grid-template-columns:repeat(3,1fr)}.help-grid,.pstats{grid-template-columns:1fr 1fr}#m-binds{grid-template-columns:1fr}}#m-account{text-shadow:0 2px 0 var(--ink);margin-top:10px;font-size:13px;font-weight:900}#m-account p{margin:0}#m-account button{text-shadow:none;margin-top:6px;padding:6px;font-size:16px}#m-acct-status{opacity:.85;min-height:1em;font-size:12px;margin-top:6px!important}.panel.signin{text-align:left;width:min(400px,94vw)}.panel.signin h2{text-align:center}.panel.signin .row button{margin-top:4px}.panel.signin .row #s-create{flex:none;width:auto;padding:10px 14px}#s-google{justify-content:center;align-items:center;gap:10px;display:flex}#s-google .g{font:900 20px var(--body);color:#4285f4}button.link{box-shadow:none;font:800 14px var(--body);background:0 0;border:0;margin-top:6px;padding:4px;text-decoration:underline}#s-status.ok{color:#1f8a3a}