:root{--night:#040208;--ink:#0d0709;--paper:#efe3cc;--paper2:#d9c6a2;--gold:#ffb347;--ember:#ff6a2a;--rose:#ff4d5e;--teal:#66f0d0;--vermilion:#b8201c;--role-off:#ff7a3d;--role-def:#52d6ee;--role-util:#b39cff;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif;--serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif}:root,body{--sa-t:var(--discord-safe-area-inset-top,env(safe-area-inset-top));--sa-r:var(--discord-safe-area-inset-right,env(safe-area-inset-right));--sa-b:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom));--sa-l:var(--discord-safe-area-inset-left,env(safe-area-inset-left))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--night);height:100%;color:var(--paper);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#gl,#overlay,#ui{touch-action:none}#gl,#overlay{width:100%;height:100%;display:block;position:fixed;inset:0}#overlay{pointer-events:none}#ui{pointer-events:none;position:fixed;inset:0}body[data-compact] #ui,body[data-compact] #overlay{visibility:hidden}.hidden{display:none!important}button{cursor:pointer;font-family:inherit}.screen{pointer-events:auto;padding:max(16px, var(--sa-t)) 16px 16px;overscroll-behavior-x:none;touch-action:pan-y;background:radial-gradient(#0402080d 0%,#040208cc 78%);flex-direction:column;justify-content:safe center;align-items:center;gap:22px;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen.title{gap:10px}img.logo{filter:drop-shadow(0 0 24px #ff5a1e73);width:min(620px,88vw);animation:5s ease-in-out infinite float}.tagline{font-family:var(--serif);letter-spacing:.08em;opacity:.75;text-align:center;margin:0 0 12px;font-size:16px}.loading{background:var(--night);place-items:center;display:grid;position:absolute;inset:0}.loading .bar{background:#ff6a2a26;border-radius:2px;width:min(320px,70vw);height:4px;overflow:hidden}.loading .bar div{background:var(--ember);width:0;height:100%;box-shadow:0 0 12px var(--ember);transition:width .15s}@keyframes float{50%{transform:translateY(-6px)}}.panel{background:linear-gradient(#160a0ceb,#080406f0);border:1px solid #b8201c8c;border-radius:20px;flex-direction:column;gap:14px;width:min(380px,92vw);padding:22px;display:flex;box-shadow:0 0 0 4px #b8201c14,0 20px 60px #000000b3,inset 0 1px #ffb4780f}.panel.wide{width:min(640px,100%)}label{letter-spacing:.1em;text-transform:uppercase;opacity:.85;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}input{font:inherit;color:var(--paper);-webkit-user-select:text;user-select:text;text-transform:none;letter-spacing:0;background:#0000008c;border:1px solid #ff6a2a4d;border-radius:10px;outline:none;padding:12px 14px;font-size:18px;font-weight:700}input:focus{border-color:var(--ember);box-shadow:0 0 0 4px #ff6a2a26}button.primary{font-family:var(--serif);color:#fff0e0;letter-spacing:.06em;pointer-events:auto;background:linear-gradient(#e0452e,#a3161a 60%,#6e0c10);border:none;border-radius:10px;padding:14px 20px;font-size:20px;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #3d0508,0 10px 34px #ff3c1e66,inset 0 1px #ffc8a059}button.primary:hover{transform:translateY(-2px);box-shadow:0 7px #3d0508,0 14px 44px #ff501e99,inset 0 1px #ffc8a059}button.primary:active{transform:translateY(4px)scale(.98);box-shadow:0 1px #3d0508,0 6px 20px #ff3c1e66}button.ghost{color:var(--gold);background:0 0;border:1px solid #ff6a2a73;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:800}.hint{opacity:.55;text-align:center;font-size:12.5px;line-height:1.5}.mode{opacity:.9;font-weight:700}.chip{background:var(--vermilion);color:#ffe9c2;letter-spacing:.12em;border-radius:8px;margin-right:6px;padding:3px 9px;font-size:12px;font-weight:900;display:inline-block}.roomcode{flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.roomcode b{color:var(--gold);letter-spacing:.04em;font-size:22px}.roomcode .link{word-break:break-all;-webkit-user-select:all;user-select:all;font-size:13px}.players{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.players li{background:#ff6a2a0f;border:1px solid #ff6a2a33;border-radius:10px;padding:10px 14px;font-weight:800}.players li i{opacity:.55;font-size:12px;font-style:normal;font-weight:600}.players li.me{border-color:var(--ember)}.classes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cls{color:var(--paper);background:linear-gradient(#280e10e6,#0a0406f2);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 10px;transition:transform .1s,border-color .1s;display:flex;position:relative}.cls img,.cls .portrait{object-fit:contain;filter:drop-shadow(0 4px 8px #000c);max-width:100%;height:96px;transition:transform .15s}.cls b{font-family:var(--serif);letter-spacing:.05em;font-size:15px}.cls i{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:800}.cls span{opacity:.6;text-align:center;font-size:10.5px;line-height:1.25}.cls:hover{transform:translateY(-3px)}.cls:hover img{transform:scale(1.06)}.cls.picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 22px color-mix(in srgb, var(--accent) 45%, transparent)}@media (width<=560px){.classes{grid-template-columns:repeat(2,1fr)}.cls img,.cls .portrait{height:72px}}.players li.host:after{content:" ★";color:var(--gold)}.players li.bot{opacity:.45;border-style:dashed;font-weight:600}.wait{text-align:center;opacity:.7;font-weight:800;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.results h2{font-family:var(--serif);text-align:center;letter-spacing:.04em;margin:0;font-size:42px;font-weight:900}.results h2.dawn{background:linear-gradient(#fff4d6,#ffb9a0);color:#0000;-webkit-background-clip:text;background-clip:text}.results h2.fallen{color:#ff4d5e;text-shadow:0 0 24px #ff282880}.results .sub{text-align:center;opacity:.7;margin:-6px 0 4px}table{border-collapse:collapse;width:100%;font-weight:700}td i{font-style:normal}th{letter-spacing:.1em;text-transform:uppercase;opacity:.6;text-align:right;padding:6px;font-size:11px}th:first-child,td:first-child{text-align:left}td{text-align:right;border-top:1px solid #ff6a2a24;padding:8px 6px}tr.me td{color:var(--gold)}td i{opacity:.5;font-size:12px}.banners{top:max(20px, calc(var(--sa-t) + 8px));z-index:30;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.banner{box-sizing:border-box;border:2px solid var(--rose);pointer-events:auto;background:#280a1eeb;border-radius:14px;align-items:center;gap:12px;max-width:100%;padding:12px 16px;font-weight:800;display:flex}.banner button.primary{padding:8px 12px;font-size:14px}.hud{position:absolute;inset:0}.vignette{opacity:0;background:radial-gradient(ellipse at center, transparent 45%, var(--c,#ff284673) 100%);position:absolute;inset:0}.vignette.on{animation:.45s ease-out vig}@keyframes vig{0%{opacity:1}to{opacity:0}}.lowhp{opacity:0;background:radial-gradient(#0000 55%,#c800288c 100%);transition:opacity .3s;animation:.9s ease-in-out infinite heartbeat;position:absolute;inset:0}@keyframes heartbeat{0%,to{filter:brightness(.7)}15%{filter:brightness(1.3)}30%{filter:brightness(.9)}45%{filter:brightness(1.2)}}.topleft{top:max(12px, var(--sa-t));left:max(12px, var(--sa-l));flex-direction:column;gap:8px;display:flex;position:absolute}.party{flex-direction:column;gap:6px;display:flex}.loadout{flex-direction:column;gap:5px;display:flex}.loadout .row{gap:5px;display:flex}.loadout .row:empty{display:none}:is(.loadout,.mini) .slot{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:#080204b3;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:relative}:is(.loadout,.mini) .slot.perk{border-radius:50%}:is(.loadout,.mini) .slot .seal{width:26px;height:26px;box-shadow:none;border-radius:7px;margin:0;font-size:15px;transform:none}:is(.loadout,.mini) .slot .seal.sheet{background-color:#0000;background-repeat:no-repeat;width:30px;height:30px}:is(.loadout,.mini) .slot .lv{border:1px solid var(--accent);text-align:center;color:#fff;background:#140a26;border-radius:7px;min-width:14px;height:14px;padding:0 2px;font-size:9px;font-weight:900;line-height:12px;position:absolute;bottom:-4px;right:-4px}:is(.loadout,.mini) .slot .lv.max{color:var(--gold);border-color:var(--gold)}.member .mini{gap:3px;display:flex}.member .mini .slot{border-radius:5px;width:18px;height:18px}.member .mini .slot .seal{width:14px;height:14px;font-size:9px}.member .mini .slot .seal.sheet{width:17px;height:17px}.member .mini .slot .lv{min-width:9px;height:9px;padding:0 1px;font-size:6.5px;line-height:7px;bottom:-3px;right:-3px}:is(.loadout,.mini) .slot.up{animation:.5s cubic-bezier(.2,1.6,.4,1) slotUp}@keyframes slotUp{0%{box-shadow:0 0 18px var(--accent);transform:scale(1.6)}to{box-shadow:none;transform:scale(1)}}.member{background:#080204b3;border-radius:8px;grid-template-columns:10px auto 64px;grid-auto-flow:column;align-items:center;gap:8px;padding:5px 10px;font-size:13px;font-weight:800;display:grid}.member.self{border:1px solid #ff6a2a99}.member .dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.member .name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.member .bar{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.member .bar .fill{transform-origin:0;background:#7dffb0;height:100%;transition:transform .2s;display:block}.member .status{letter-spacing:.1em;color:var(--rose);font-size:10px}.member.down{animation:.8s infinite pulse}.member.ghost{opacity:.45}.clock{top:max(10px, var(--sa-t));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.clock .arc{border-top:2px dashed #ff503c59;border-radius:60px 60px 0 0;width:120px;height:22px;margin:0 auto 2px;position:relative}.clock .moon{--p:0;top:-9px;left:calc(var(--p) * 100% - 8px);background:radial-gradient(circle at 35% 35%,#ffd0c0,#d8261c);border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:0 0 16px #ff281ee6}.clock .time{font-family:var(--serif);letter-spacing:.04em;text-shadow:0 2px #0009,0 0 20px #ff3c2866;font-variant-numeric:tabular-nums;font-size:32px;font-weight:900}.clock .label{letter-spacing:.3em;opacity:.6;font-size:10px;font-weight:800}.clock.final .time{color:#ffc9a8;animation:1s infinite pulse}.xp{left:50%;bottom:max(10px, var(--sa-b));background:#060204cc;border:1px solid #8ff0ff4d;border-radius:8px;width:min(640px,76vw);height:14px;position:absolute;overflow:visible;transform:translate(-50%)}.xp .fill{transform-origin:0;background:linear-gradient(90deg,#2a8cff,#8ff0ff);border-radius:6px;transition:transform .12s;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #78e6ffb3}.xp .lv{font-family:var(--serif);color:#8ff0ff;text-shadow:0 0 10px #64e6ff99;white-space:nowrap;font-size:16px;font-weight:900;position:absolute;top:50%;left:-8px;transform:translate(-100%,-50%)}.cards{left:50%;bottom:calc(max(10px, var(--sa-b)) + 30px);flex-direction:column;align-items:center;gap:8px;display:none;position:absolute;transform:translate(-50%)}.cards.open{display:flex}.cards-title{font-family:var(--serif);letter-spacing:.3em;color:var(--gold);text-shadow:0 0 12px #ff8c3cb3;font-size:17px;font-weight:900;animation:1.2s infinite pulse}.cards-row{gap:10px;display:flex}.card{text-align:center;pointer-events:auto;color:#2a1606;background:linear-gradient(180deg, var(--paper), var(--paper2));width:clamp(104px,27vw,158px);box-shadow:0 5px 0 #4a2a14, 0 10px 30px #0009, 0 0 0 2px var(--accent) inset, 0 0 26px color-mix(in srgb, var(--accent) 35%, transparent);border:none;border-radius:14px;padding:12px 10px;transition:transform .1s;animation:.35s cubic-bezier(.2,1.6,.4,1) both cardIn;position:relative}.card:hover{transform:translateY(-6px)rotate(-1deg)}.card:active{transform:translateY(2px)scale(.97)}@keyframes cardIn{0%{opacity:0;transform:translateY(60px)scale(.6)rotate(6deg)}}.card .key{width:20px;height:20px;color:var(--paper);background:#2a1606;border-radius:6px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:6px;left:8px}.card .seal{color:#fff0d8;background:radial-gradient(circle at 35% 30%, #ff7a4d, var(--vermilion) 65%, #8d1f1a);width:46px;height:46px;box-shadow:0 2px 0 #7a1a14, 0 0 16px var(--accent);border-radius:10px;place-items:center;margin:2px auto 6px;font-size:26px;display:grid;transform:rotate(-4deg)}.card .tag{letter-spacing:.14em;color:var(--vermilion);font-size:9.5px;font-weight:900}.card .cname{font-family:var(--serif);margin:2px 0 5px;font-size:15px;font-weight:900;line-height:1.1}.card .pips{justify-content:center;gap:3px;margin-bottom:6px;display:flex}.card .pips span{background:#2a16062e;border-radius:3px;width:9px;height:9px}.card .pips span.on{background:var(--vermilion)}.card .desc{opacity:.85;font-size:12px;font-weight:700;line-height:1.25}.card .role{background:var(--role);color:#1a0c14;letter-spacing:.1em;box-shadow:0 0 8px color-mix(in srgb, var(--role) 60%, transparent);border-radius:5px;padding:2px 5px;font-size:9px;font-weight:900;line-height:1.2;position:absolute;top:7px;right:8px}.card .role-off{--role:var(--role-off)}.card .role-def{--role:var(--role-def)}.card .role-util{--role:var(--role-util)}.card.taken,.card.nope{cursor:default;background:linear-gradient(#3a3352,#221c34);box-shadow:0 5px #120c20,0 10px 30px #00000080}.card.taken>:not(.stamp),.card.nope>:not(.stamp){filter:grayscale();opacity:.4}.card.taken:hover,.card.nope:hover{transform:none}.card .stamp{background:var(--c);color:#1a0d2e;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border:2px solid #fff;border-radius:6px;max-width:92%;padding:3px 10px;font-size:13px;font-weight:900;animation:.22s cubic-bezier(.2,1.8,.4,1) both cardStamp;position:absolute;top:42%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 3px 10px #00000080}@keyframes cardStamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.2)}}.draft-timer{background:#ffffff1f;border-radius:3px;width:min(320px,60vw);height:5px;overflow:hidden}.draft-timer .fill{background:var(--gold);transform-origin:0;height:100%;animation:linear forwards drain;display:block}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cards.crate .cards-title{color:var(--gold);align-items:center;gap:8px;display:flex}.cards.crate .cards-title img{height:34px}.cards.crate .card{outline:3px solid var(--gold);outline-offset:2px}@property --foil{syntax:"<angle>";inherits:false;initial-value:0deg}.cards.fusion .cards-title{color:var(--fusion);text-shadow:0 0 14px var(--fusion)}.cards-row.n1 .card{width:clamp(132px,34vw,184px)}.card.fusion{--foil-ring:conic-gradient(from var(--foil), #fff6d0, var(--fusion), #8a5a10, var(--fusion), #fff6d0, var(--fusion), #8a5a10, var(--fusion), #fff6d0);background:linear-gradient(180deg, #fff8e2, #f2d9a4) padding-box, var(--foil-ring) border-box;box-shadow:0 5px 0 #5a3a0c, 0 10px 30px #0009, 0 0 34px color-mix(in srgb, var(--fusion) 60%, transparent);border:3px solid #0000;animation:.5s cubic-bezier(.2,1.7,.4,1) both cardSlam,2.4s linear infinite foil}@keyframes cardSlam{0%{opacity:0;transform:scale(2.3)rotate(-10deg)}55%{opacity:1;transform:scale(.94)rotate(1deg)}}@keyframes foil{to{--foil:360deg}}.card.fusion>.seal:not(.sheet){background:radial-gradient(circle at 35% 30%, #fff1b8, var(--fusion) 60%, #8a5a10);color:#3a2200;box-shadow:0 2px 0 #6a4408, 0 0 18px var(--fusion)}.card.fusion .tag{color:#9a6408}.card .tag .seal{vertical-align:middle;background:var(--fusion);color:#3a2200;width:14px;height:14px;box-shadow:none;border-radius:4px;margin:-3px 4px 0 0;font-size:9px;display:inline-grid;transform:none}.card .tag .seal.sheet{filter:none;background-color:#0000;width:18px;height:18px}.card .recipe{justify-content:center;align-items:center;gap:4px;margin:0 0 6px;font-size:13px;font-weight:900;display:flex}.card .recipe .seal{width:22px;height:22px;box-shadow:none;border-radius:6px;margin:0;font-size:13px;transform:none}.card .recipe .seal.sheet{filter:none;width:26px;height:26px}.card .ribbon{text-overflow:ellipsis;white-space:nowrap;background:var(--c);color:#1a0c00;letter-spacing:.05em;max-width:92%;box-shadow:0 2px 8px #00000080, 0 0 10px var(--c);border-radius:6px;padding:2px 7px;font-size:9.5px;font-weight:900;line-height:1.2;position:absolute;top:-9px;left:50%;overflow:hidden;transform:translate(-50%)}.card .ribbon.done{animation:.8s ease-in-out infinite ribbon}@keyframes ribbon{50%{box-shadow:0 2px 8px #00000080, 0 0 20px var(--c);transform:translate(-50%)scale(1.14)}}:is(.loadout,.mini) .slot.fused{border:1.5px solid var(--accent);box-shadow:0 0 8px var(--accent)}:is(.loadout,.mini) .slot.fused .seal:not(.sheet){color:var(--accent);text-shadow:0 0 6px var(--accent)}:is(.loadout,.mini) .slot.track:after{content:"";background:var(--fusion);width:7px;height:7px;box-shadow:0 0 6px var(--fusion);border-radius:50%;position:absolute;top:-3px;right:-3px}.member .mini .slot.track:after{width:5px;height:5px;top:-2px;right:-2px}.squad{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.squad .chip{opacity:.75;background:#080204b3;border-radius:10px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:800;display:flex}.squad .chip .dot{border-radius:50%;width:7px;height:7px}.squad .chip .name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.squad .chip.done{opacity:1}.squad .chip.done:after{content:"✓";color:#7dffb0}.squad .chip:not(.done){animation:1.2s infinite pulse}.callouts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:20%;left:0;right:0}.callout{font-family:var(--serif);letter-spacing:.06em;white-space:nowrap;text-shadow:0 3px #0000008c,0 0 24px;font-size:clamp(24px,4.5vw,40px);font-weight:900;animation:1.8s cubic-bezier(.2,1.4,.4,1) both stamp}.callout.gold{color:var(--gold)}.callout.red{color:#ff3b4e}.callout.teal{color:#7dffd0}.callout.coin{color:var(--gold);font-size:clamp(16px,2.6vw,24px)}.callout.hint{color:var(--gold);white-space:normal;text-align:center;max-width:90vw;font-size:clamp(15px,2.4vw,22px);animation-duration:3.4s}.callout.big{color:#ffe0d0;text-shadow:0 3px #0009,0 0 30px #ff2a1a;font-size:clamp(34px,7vw,68px);animation-duration:2.6s}.combo{right:max(18px, var(--sa-r));text-align:right;opacity:0;--heat:0;color:color-mix(in srgb, #ffe8d0 calc((1 - var(--heat)) * 100%), #ff2a1a);transition:opacity .25s;position:absolute;top:42%;transform:translateY(-50%)}.combo.on{opacity:1}.combo .n{font-family:var(--serif);font-weight:900;font-size:var(--size,32px);text-shadow:0 3px 0 #000000b3, 0 0 calc(10px + var(--heat) * 30px) #ff3a1a;line-height:1}.combo .n.pop{animation:.14s ease-out pop}.combo .label{letter-spacing:.35em;opacity:.7;font-size:11px;font-weight:900}@keyframes pop{0%{transform:scale(1.35)rotate(-4deg)}to{transform:scale(1)}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-8deg)}12%{opacity:1;transform:scale(.95)rotate(1deg)}18%{transform:scale(1)rotate(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}.dash-btn{right:calc(max(18px, var(--sa-r)) + 6px);bottom:calc(max(18px, var(--sa-b)) + 40px);color:#ffe8d8;letter-spacing:.08em;pointer-events:auto;background:radial-gradient(circle,#ff501e59,#1e0606b3);border:2px solid #ff6a2ab3;border-radius:50%;width:84px;height:84px;font-size:15px;font-weight:900;position:absolute}.dash-btn:active{transform:scale(.92)}.stick{opacity:0;background:#1404044d;border:2px solid #ff6a2a66;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;transition:opacity .12s;position:absolute;top:0;left:0}.stick.on{opacity:1}.stick .knob{background:radial-gradient(circle at 35% 35%,#ffc9a0,#d8261c);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #ff3c1eb3}@media (width<=640px){.party{gap:3px}.member{grid-template-columns:8px auto 40px;gap:5px;padding:3px 7px;font-size:11px}.member .name{max-width:58px}.clock{left:auto;right:max(12px, var(--sa-r));transform:none}.clock .arc{width:84px}.clock .time{font-size:24px}.card{width:29vw;padding:9px 6px}.card .seal{width:36px;height:36px;font-size:20px}.card .cname{font-size:13px}.card .desc{font-size:11px}.card .tag{font-size:8.5px}.card .role{padding:1px 4px;font-size:8px;top:5px;right:5px}.cards-row{gap:6px}.cards-row.n4 .card{width:22.5vw;padding:8px 4px}.cards-row.n4 .card .desc{font-size:10px}.cards-row.n4 .card .cname{font-size:12px}.card .stamp{padding:2px 6px;font-size:11px}.card .ribbon{letter-spacing:0;padding:1px 5px;font-size:8px;top:-8px}}@media (pointer:coarse){.cards{bottom:calc(max(10px, var(--sa-b)) + 140px)}.cards-title{font-size:13px}}@media (pointer:coarse) and (orientation:landscape) and (height<=540px){.cards{bottom:auto;top:max(6px, var(--sa-t))}.hud.cards-open .clock{visibility:hidden}#ui:has(>.hud.cards-open)>.gear{visibility:hidden}}body[data-theme=cosmic]{--night:#0d0822;--paper:#f4f1ff;--paper2:#d9d0ff;--gold:#ffd84a;--ember:#ff5fd2;--rose:#ff5f8a;--teal:#5ff0ff;--vermilion:#7b5cff;--role-off:#ff9a3d;--role-def:#5ff0ff;--role-util:#c7a6ff;--serif:"Avenir Next", "Segoe UI", system-ui, sans-serif}body[data-theme=cosmic] .screen{background:radial-gradient(#0d082200 0%,#0d0822b3 80%)}body[data-theme=cosmic] .logo-text{font-family:var(--serif);letter-spacing:.02em;background:linear-gradient(#fff 10%,#5ff0ff 45%,#ff5fd2 90%);color:#0000;filter:drop-shadow(0 0 18px #5ff0ff8c)drop-shadow(0 6px #280a5ae6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(44px,9vw,92px);font-weight:900;line-height:1;animation:5s ease-in-out infinite float}body[data-theme=cosmic] .tagline{letter-spacing:.04em;color:#cfe9ff;font-weight:700}body[data-theme=cosmic] .panel{background:linear-gradient(#281860d1,#100a2ce6);border:1.5px solid #5ff0ff73;border-radius:22px;box-shadow:0 0 0 4px #5ff0ff14,0 0 40px #7b5cff59,inset 0 1px #ffffff1f}body[data-theme=cosmic] input{background:#08041c99;border-color:#5ff0ff59;border-radius:12px}body[data-theme=cosmic] input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #5ff0ff2e}body[data-theme=cosmic] button.primary{font-family:var(--serif);letter-spacing:.04em;color:#fff;background:linear-gradient(#ff7ae6,#b44cff 55%,#6a35d8);border-radius:14px;box-shadow:0 5px #3a1a7a,0 0 30px #ff5fd280,inset 0 1px #fff6}body[data-theme=cosmic] button.primary:hover{box-shadow:0 7px #3a1a7a,0 0 44px #ff5fd2b3,inset 0 1px #fff6}body[data-theme=cosmic] button.ghost{color:var(--teal);border-color:#5ff0ff80}body[data-theme=cosmic] .chip{color:#120a30;background:linear-gradient(90deg,#5ff0ff,#b44cff)}body[data-theme=cosmic] .roomcode b,body[data-theme=cosmic] .players li.host:after{color:var(--teal)}body[data-theme=cosmic] .players li{background:#5ff0ff0f;border-color:#5ff0ff33}body[data-theme=cosmic] .players li.me{border-color:var(--teal)}body[data-theme=cosmic] .cls{background:linear-gradient(#321e6ee6,#0e0828f2);border-radius:14px}body[data-theme=cosmic] .member{background:#100830b3}body[data-theme=cosmic] .member.self{border-color:#5ff0ffb3}body[data-theme=cosmic] .clock .arc{border-top-color:#5ff0ff66}body[data-theme=cosmic] .clock .moon{background:radial-gradient(circle at 35% 35%,#fff,#5ff0ff);box-shadow:0 0 16px #5ff0ffe6}body[data-theme=cosmic] .clock .time{text-shadow:0 2px #0009,0 0 20px #5ff0ff80}body[data-theme=cosmic] .cards-title{color:var(--teal);text-shadow:0 0 14px #5ff0ffcc}body[data-theme=cosmic] .card{color:#f4f1ff;box-shadow:0 5px 0 #1d0f4a, 0 10px 30px #00000080, 0 0 0 2px var(--accent) inset, 0 0 26px color-mix(in srgb, var(--accent) 45%, transparent);background:linear-gradient(#382280f5,#160c3ef7)}body[data-theme=cosmic] .card .key{background:var(--accent);color:#140a30}body[data-theme=cosmic] .card .tag{color:var(--accent)}body[data-theme=cosmic] .card .pips span{background:#ffffff26}body[data-theme=cosmic] .card .pips span.on{background:var(--accent);box-shadow:0 0 6px var(--accent)}body[data-theme=cosmic] .card.fusion{background:linear-gradient(180deg, #603e14f7, #261408fa) padding-box, var(--foil-ring) border-box;box-shadow:0 5px 0 #3a2208, 0 10px 30px #00000080, 0 0 34px color-mix(in srgb, var(--fusion) 60%, transparent)}body[data-theme=cosmic] .card.fusion .tag{color:var(--fusion)}body[data-theme=cosmic] .callout.big{text-shadow:0 3px #0009,0 0 30px #b44cff}body[data-theme=cosmic] .callout.red{color:#ff7ae6}body[data-theme=cosmic] .results h2.win{background:linear-gradient(#fff,#5ff0ff);color:#0000;-webkit-background-clip:text;background-clip:text}body[data-theme=cosmic] .results h2.lose{color:#ff5f8a;text-shadow:0 0 24px #ff5f8a80}body[data-theme=cosmic] .dash-btn{color:#eaffff;background:radial-gradient(circle,#5ff0ff59,#140a3cb3);border-color:#5ff0ffcc}body[data-theme=cosmic] .stick .knob{background:radial-gradient(circle at 35% 35%,#fff,#5ff0ff);box-shadow:0 0 18px #5ff0ffcc}.card .seal.sheet{box-shadow:none;width:58px;height:58px;filter:drop-shadow(0 0 8px var(--accent));background-color:#0000;background-repeat:no-repeat;transform:none}.cls .portrait{filter:drop-shadow(0 4px 8px #000c);background-position:0 0;background-repeat:no-repeat;max-width:100%;height:96px;transition:transform .15s}.cls:hover .portrait{transform:scale(1.06)}.gear{left:max(12px, var(--sa-l));bottom:max(12px, var(--sa-b));width:38px;height:38px;color:var(--paper);pointer-events:auto;z-index:5;opacity:.8;background:#0a061899;border:1px solid #ffffff40;border-radius:50%;font-size:20px;position:absolute}.gear:hover{opacity:1}.settings{pointer-events:auto;z-index:20;background:#00000073;grid-template-rows:minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0}.settings .panel{touch-action:pan-y;max-height:calc(100% - 16px);overflow-y:auto}.settings h3{font-family:var(--serif);margin:0;font-size:24px}.settings label{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.seg{border:1px solid #fff3;border-radius:10px;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--paper);opacity:.6;text-transform:none;letter-spacing:0;background:0 0;border:none;padding:8px 14px;font-size:14px;font-weight:800}.seg button.on{background:var(--teal);color:#120a30;opacity:1}@media (pointer:coarse){.gear{bottom:auto;left:50%;top:max(12px, var(--sa-t));transform:translate(-50%)}}.settings .vol{flex:none;align-items:center;gap:10px;width:56%;display:flex}.settings .vname{white-space:nowrap}.settings .vol input{min-width:0;height:28px;box-shadow:none;appearance:none;background:0 0;border:none;border-radius:0;flex:1;margin:0;padding:0}.settings .vol input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--teal) var(--v), #ffffff2e var(--v));border-radius:3px;height:6px}.settings .vol input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2px solid var(--teal);border-radius:50%;width:18px;height:18px;margin-top:-6px}.settings .vol input::-moz-range-track{background:#ffffff2e;border-radius:3px;height:6px}.settings .vol input::-moz-range-progress{background:var(--teal);border-radius:3px;height:6px}.settings .vol input::-moz-range-thumb{background:var(--paper);border:2px solid var(--teal);border-radius:50%;width:18px;height:18px}.settings .mute{font:inherit;color:var(--paper);opacity:.7;letter-spacing:0;text-transform:none;background:0 0;border:1px solid #fff3;border-radius:8px;margin-left:6px;padding:4px 9px;font-size:11px;font-weight:800}.settings .mute.on{background:var(--teal);color:#120a30;opacity:1}@media (pointer:coarse){.settings .vol input{height:40px}.settings .vol input::-webkit-slider-thumb{width:30px;height:30px;margin-top:-12px}.settings .vol input::-moz-range-thumb{width:30px;height:30px}}.sfxboard{z-index:40;touch-action:pan-y;color:var(--paper);pointer-events:auto;background:#080514f0;padding:14px 18px 40px;font-size:13px;position:absolute;inset:0;overflow-y:auto}.sfxboard .sfxhead{background:#080514fa;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 0;display:flex;position:sticky;top:-14px}.sfxboard h4{font-family:var(--serif);margin:14px 0 6px;font-size:16px}.sfxboard .sfxgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px 10px;display:grid}.sfxboard .sfx{grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;align-items:center;gap:0 6px;padding:3px 0;display:grid}.sfxboard .sfx button{font:inherit;color:var(--paper);text-transform:none;letter-spacing:0;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:3px 8px;font-size:12px}.sfxboard .sfx small{opacity:.6;grid-column:3}.sfxboard .sfxrow{flex-wrap:wrap;align-items:center;gap:4px 6px;margin:4px 0;display:flex}.sfxboard .sfxrow button{font:inherit;color:var(--paper);text-transform:none;letter-spacing:0;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:3px 8px;font-size:12px}.sfxboard .sfxrow button.on{background:#ffffff2e}.modes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seg.locked{opacity:.75}.seg.locked button{cursor:default}.teams{grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid}.teams .vs{font-family:var(--serif);opacity:.7;align-self:center;font-size:20px;font-weight:900}.teams .players{grid-template-columns:1fr}.team .tname{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:900;display:flex}.team.t0 .tname{color:#5ff0ff}.team.t1 .tname{color:#ff7ae6}.team .join{padding:3px 8px;font-size:11px}tr.t0 td:first-child{box-shadow:inset 3px 0 #5ff0ff}tr.t1 td:first-child{box-shadow:inset 3px 0 #ff7ae6}.packages{right:max(12px, var(--sa-r));bottom:calc(max(10px, var(--sa-b)) + 34px);align-items:flex-end;gap:6px;display:flex;position:absolute}.packages .coins{font-family:var(--serif);color:var(--gold);text-shadow:0 2px #0009,0 0 14px #ffc83c99;text-align:right;align-self:center;min-width:44px;margin-right:4px;font-size:26px;font-weight:900}.packages .coins:before{content:"★ ";vertical-align:middle;font-size:16px}.packages .coins.pop{animation:.14s ease-out pop}.pkg{pointer-events:auto;filter:grayscale(.9)brightness(.6);background:#0c0620b8;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:62px;height:70px;padding:4px 2px 16px;transition:filter .15s,transform 80ms;display:flex;position:relative}.pkg.ready{filter:none;border-color:var(--teal);box-shadow:0 0 14px #5ff0ff73}.pkg.ready:hover{transform:translateY(-3px)}.pkg.fired{animation:.3s ease-out fired}@keyframes fired{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}.pkg .seal{width:44px;height:44px;margin:0;font-size:22px}.pkg .seal.sheet{width:46px;height:46px}.pkg .cost{text-align:center;color:var(--gold);font-size:12px;font-weight:900;position:absolute;bottom:3px;left:0;right:0}.pkg .key{opacity:.7;font-size:10px;font-weight:900;position:absolute;top:3px;left:4px}.seal.sheet.strip{filter:drop-shadow(0 2px 4px #0009);width:auto;max-width:64px;height:58px}.pkg .seal.sheet.strip{height:46px}.pkg.boss{filter:none}.pkg.boss:not(.ready):not(.chipin)>:not(.pot){filter:grayscale(.9)brightness(.6)}.pkg .pot{border-radius:inherit;pointer-events:none;clip-path:inset(calc((1 - var(--pot,0)) * 100%) 0 0 0);background:linear-gradient(#ffb34726,#ffb347a6);transition:clip-path .3s ease-out;position:absolute;inset:0}.pkg .boss-chip{background:var(--gold);color:#1a0c00;border-radius:4px;padding:0 3px;font-size:8px;font-weight:900;line-height:12px;display:none;position:absolute;top:3px;right:3px}.pkg.chipin{border-color:var(--gold);border-style:dashed}.pkg.chipin .boss-chip{display:block}.pkg.chipin .seal{opacity:.75}.rival{top:max(12px, var(--sa-t));right:max(12px, var(--sa-r));background:#28061ea6;border:1px solid #ff7ae666;border-radius:12px;flex-direction:column;gap:4px;min-width:190px;padding:8px 10px;display:flex;position:absolute}.rival .title{letter-spacing:.14em;color:#ff9ff0;font-size:11px;font-weight:900}.rival .member{background:0 0;grid-template-columns:8px auto 56px;padding:0}.rival .pressure{background:#ffffff14;border-radius:7px;height:14px;margin-top:2px;position:relative;overflow:hidden}.rival .pressure .fill{transform-origin:0;opacity:.6;background:linear-gradient(90deg,#ff9ff0,#ff3a5a);position:absolute;inset:0}.rival .pressure .label{text-align:center;font-size:10px;font-weight:900;line-height:14px;display:block;position:relative}@media (width<=640px){.rival{top:calc(max(12px, var(--sa-t)) + 100px);transform-origin:100% 0;min-width:150px;padding:6px 8px;transform:scale(.85)}}@media (pointer:coarse){.packages{right:max(8px, var(--sa-r));flex-direction:column;align-items:flex-end;gap:4px;top:38%;bottom:auto}.packages .coins{min-width:0;margin:0;font-size:20px}.pkg{width:50px;height:54px;padding-bottom:14px}.pkg .seal,.pkg .seal.sheet,.pkg .seal.sheet.strip{width:34px;height:34px}.pkg .key,.card .key{display:none}.hud.cards-open .packages,.hud.cards-open .combo,.hud.cards-open .rival{opacity:.3;pointer-events:none}.loadout,.loadout .row{gap:4px}.loadout .slot{border-radius:6px;width:22px;height:22px}.loadout .slot .seal{width:18px;height:18px;font-size:11px}.loadout .slot .seal.sheet{width:21px;height:21px}.loadout .slot .lv{min-width:11px;height:11px;font-size:7.5px;line-height:9px;bottom:-3px;right:-3px}.member{grid-auto-flow:row}.member .status{grid-area:1/4}.member .mini{grid-column:1/-1;gap:2px}.member .mini .slot{border-radius:4px;width:14px;height:14px}.member .mini .slot .seal{width:11px;height:11px;font-size:7px}.member .mini .slot .seal.sheet{width:13px;height:13px}.member .mini .slot .lv{display:none}.rival .rteam{grid-template-columns:10px 1fr auto auto;padding:2px 4px}.rival .rteam .enemies,.rival .hint{display:none}.squad .chip .name{max-width:54px}.combo{right:auto;left:max(12px, var(--sa-l));text-align:left;top:30%}}.teams.royale{grid-template-columns:repeat(4,1fr)}.teams.royale .players li{padding:7px 10px;font-size:13px}@media (width<=640px){.teams.royale{grid-template-columns:repeat(2,1fr)}}.team.t2 .tname{color:#ffd84a}.team.t3 .tname{color:#7dff6a}.team.t4 .tname{color:#ff9a3d}.team.t5 .tname{color:#b8a2ff}.team.t6 .tname{color:#9ff8ff}.team.t7 .tname{color:#ff5f8a}.rival .rteam{color:inherit;font:inherit;text-align:left;pointer-events:auto;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:12px 1fr auto auto;align-items:center;gap:0 8px;padding:3px 6px;font-size:12px;font-weight:800;display:grid}.rival .rteam:hover{background:#ffffff0f}.rival .rteam .aim{color:#ff9ff0;font-size:10px}.rival .rteam .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rival .rteam .leader{color:var(--gold)}.rival .rteam .lvl{color:#8ff0ff;font-size:10px}.rival .rteam .enemies{opacity:.6;grid-column:2/-1;font-size:10px}.rival .rteam.aimed{background:#ff5fd21f;border-color:#ff9ff059}.rival .rteam.chosen{background:#ff5fd23d;border-color:#ff9ff0}.rival .hint{letter-spacing:.06em;opacity:.6;margin-top:2px;font-size:9.5px;font-weight:800}.packages .to{color:#ff9ff0;white-space:nowrap;text-shadow:0 1px #000c;font-size:11px;font-weight:900;position:absolute;bottom:calc(100% + 4px);right:0}.rival .rteam .alive{letter-spacing:2px;color:#7dffb0}.rival .rteam.out{opacity:.35;text-decoration:line-through}.watching{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:#ff9ff0;text-shadow:0 1px #000c;align-self:flex-start;max-width:min(280px,50vw - 40px);font-size:11px;font-weight:900;overflow:hidden}@media (pointer:coarse){.watching{letter-spacing:.02em;text-transform:none;max-width:calc(50vw - 30px);font-size:11px}}.watching:before{content:"◉ "}.rival .rteam.watched{background:#ff5fd252;border-color:#ff9ff0;box-shadow:0 0 12px #ff9ff059}.hud.spectating .dash-btn,.hud.spectating .lowhp{display:none}.follow{left:50%;bottom:calc(max(10px, var(--sa-b)) + 24px);align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.follow .fol{pointer-events:auto;min-width:128px;max-width:190px;color:var(--paper);text-align:left;background:#0c0620c7;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:3px 12px 3px 3px;font-size:13px;font-weight:800;transition:transform 80ms;display:flex}.follow .fol:hover{transform:translateY(-2px)}.follow .fol:active{transform:scale(.95)}.follow .fol .pt{background:color-mix(in srgb, var(--c) 28%, #0006);border-radius:9px;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.follow .fol .pt .portrait{filter:drop-shadow(0 2px 3px #000000b3);background-repeat:no-repeat;height:40px}.follow .fol .who{flex-direction:column;min-width:0;line-height:1.15;display:flex}.follow .fol .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.follow .fol .st{letter-spacing:.1em;opacity:.6;font-size:9.5px}.follow .fol.down .st,.follow .fol.ghost .st{color:var(--rose);opacity:1}.follow .fol.down .st{animation:.8s infinite pulse}.follow .fol.ghost .pt{opacity:.5}.follow .fol.on{border-color:var(--c);box-shadow:0 0 14px color-mix(in srgb, var(--c) 55%, transparent);background:#281860eb}.follow .fol.on .nm:before{content:"◉ ";color:var(--c)}.follow .keys{letter-spacing:.1em;opacity:.6;white-space:nowrap;text-shadow:0 1px #000c;font-size:10px;font-weight:900}@media (pointer:fine) and (width<=1100px){.follow{left:calc(max(12px, var(--sa-l)) + 50px);transform:none}}@media (pointer:coarse){.follow{bottom:calc(max(10px, var(--sa-b)) + 22px);gap:6px;max-width:calc(100vw - 24px)}.follow .fol{gap:6px;min-width:0;max-width:46vw;padding-right:9px;font-size:12px}.follow .fol .pt{width:36px;height:36px}.follow .fol .pt .portrait{height:34px}}@media (height<=800px){.cls img,.cls .portrait{height:70px}.cls span{display:none}.panel{gap:10px;padding:16px 20px}}.results h2.draw{color:#ffd84a;text-shadow:0 0 24px #ffd84a66}@media (pointer:coarse) and (orientation:portrait){.cards{bottom:auto;top:calc(max(10px, var(--sa-t)) + 168px);flex-direction:column-reverse}.hud.cards-open .loadout{visibility:hidden}}.settings .actions{flex-direction:column;gap:6px;display:flex}.settings .actions .act{padding:10px;font-size:14px}.settings .actions .act.danger{color:#ff8fa8;border-color:#ff5f8a99}.profile{z-index:6;top:max(12px, var(--sa-t));pointer-events:auto;width:min(640px,96vw);position:absolute;left:50%;transform:translate(-50%)}#ui:not(:has(>.screen.lobby:not(.hidden)))>.profile{display:none}.pchip{width:100%;color:var(--paper);border:1px solid #ff6a2a59;border-radius:14px;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:0 6px 24px #0006}.pme{min-width:0;color:inherit;text-align:left;background:0 0;border:none;border-radius:10px;flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(96px,210px);align-items:center;gap:2px 14px;padding:4px 10px;font-size:14px;font-weight:800;display:grid}.pme:hover{background:#ffffff0f}.pid{flex-direction:column;grid-row:1/3;min-width:0;display:flex}.pname,.ptitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pname{font-family:var(--serif);font-size:17px}.ptitle{opacity:.8;font-size:12px;font-style:normal}.plvl{align-items:center;gap:8px;display:flex}.plv{color:var(--gold);white-space:nowrap}.pxp{background:#ffffff24;border-radius:4px;flex:1;height:8px;overflow:hidden}.pxp i{background:linear-gradient(90deg, var(--gold), var(--ember));transform-origin:0;height:100%;transition:transform .4s;display:block;transform:scaleX(0)}.pdust{white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:flex}.pdust b{color:var(--gold);font-size:16px}.pdust .pcur{opacity:.75}.pdust .micon{width:22px;height:22px;margin:-4px 0}.pbtn{width:62px;min-height:50px;color:var(--paper);background:#0000004d;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:3px;font-size:11px;font-weight:900;display:flex;position:relative}.pbtn:hover{border-color:var(--gold)}.pbtn .micon{width:28px;height:28px}.pdot{background:#ff5f8a;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:6px;box-shadow:0 0 8px #ff5f8a}.pwarn{color:var(--rose);letter-spacing:.04em;white-space:nowrap;background:#3c0814e6;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.pbtn.plogin{border-color:var(--rose);color:var(--rose);line-height:1.15}.puse{gap:6px;display:flex}.puse input{flex:1;min-width:0;padding:7px 10px;font-size:13px}.pmsg{color:var(--gold);word-break:break-all;-webkit-user-select:text;user-select:text;font-size:12px;font-weight:700}.pmsg:empty{display:none}@media (pointer:coarse){.profile{top:calc(max(12px, var(--sa-t)) + 46px)}}@media (width<=480px){.pme{grid-template-columns:minmax(0,1fr) minmax(84px,120px);gap:2px 8px;padding:3px 6px}.pbtn{width:50px}.pdust .pcur{display:none}.pchip:has(>.plogin:not(.hidden)) .pme{grid-template-columns:minmax(0,1fr) 76px}}body[data-theme=cosmic] .pchip{border-color:#5ff0ff73}body[data-theme=cosmic] .plv{color:var(--teal)}body[data-theme=cosmic] .pxp i{background:linear-gradient(90deg,#5ff0ff,#b44cff)}body[data-theme=cosmic] .pdust b{color:#ffd84a}.rgrid{gap:14px;width:min(640px,96vw);display:grid}.rgrid>.panel.wide{grid-area:main;width:auto}.rgrid>.rslot{grid-area:card}.rgrid>.rslot:empty{display:none}.rgrid>.cont{grid-area:cont;align-self:start}.rgrid:not(:has(.rewards)){grid-template-areas:"main""cont"}.rgrid:has(.rewards){grid-template-areas:"main""card""cont"}@media (width>=1000px){.rgrid:has(.rewards){grid-template-columns:minmax(0,640px) 330px;grid-template-areas:"main card""cont card";align-items:start;width:min(1000px,96vw)}}.awards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.award{background:#ff6a2a14;border:1px solid #ff6a2a47;border-radius:12px;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:8px;min-width:140px;padding:6px 12px 6px 6px;animation:.35s ease-out both rline;display:grid}.award .portrait{filter:drop-shadow(0 2px 4px #000c);background-repeat:no-repeat;grid-row:1/4;height:46px}.award b{font-family:var(--serif);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:11px}.award span{font-size:14px;font-weight:800}.award i{opacity:.6;font-size:11px;font-style:normal}.award:nth-child(2){animation-delay:.12s}.award:nth-child(3){animation-delay:.24s}.rewards{gap:9px;width:auto;padding:18px 20px}.rewards h3{font-family:var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0;font-size:18px}.rlines{flex-direction:column;gap:3px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.rlines li{opacity:0;justify-content:space-between;gap:12px;animation:.3s ease-out forwards rline;display:flex}.rlines li b{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes rline{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.ridle{opacity:.75;margin:0;font-weight:700;line-height:1.4}.rtotal{border-top:1px solid #ff6a2a40;justify-content:space-between;align-items:baseline;padding-top:6px;display:flex}.rtotal span{letter-spacing:.12em;opacity:.7;font-size:12px;font-weight:800}.rtotal b{font-family:var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;line-height:1}.rtrack{flex-direction:column;gap:4px;font-size:13px;display:flex;position:relative}.rtrack .bar{background:#ffffff1f;border-radius:5px;height:10px;overflow:hidden}.rtrack .bar i{background:linear-gradient(90deg, var(--gold), var(--ember));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.rtrack .stamp{font-style:normal;font-family:var(--serif);color:#fff;text-shadow:0 2px 0 #0009, 0 0 16px var(--ember);font-size:16px;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) both rstamp;position:absolute;top:-1px;right:0}@keyframes rstamp{0%{opacity:0;transform:scale(2.4)rotate(-10deg)}to{opacity:1;transform:rotate(-4deg)}}.rdust{font-weight:800}.rdust b{color:var(--gold);font-size:18px}.rdust i{opacity:.65;font-size:12px;font-style:normal}.runlock{background:#ffb3471a;border:1px solid #ffb34759;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.4;animation:.4s ease-out 1.6s both rline}.runlock b{color:var(--gold)}@media (height<=800px){.rewards{gap:6px;padding:14px 18px}.rtotal b{font-size:28px}}body[data-theme=cosmic] .award{background:#5ff0ff12;border-color:#5ff0ff4d}body[data-theme=cosmic] .award b,body[data-theme=cosmic] .rewards h3{color:var(--teal)}body[data-theme=cosmic] .rtotal{border-top-color:#5ff0ff4d}body[data-theme=cosmic] .rtrack .bar i{background:linear-gradient(90deg,#5ff0ff,#b44cff)}body[data-theme=cosmic] .rtrack .stamp{text-shadow:0 2px #0009,0 0 16px #ff5fd2}body[data-theme=cosmic] .runlock{background:#ff5fd21a;border-color:#ff5fd266}body[data-theme=cosmic] .runlock b,body[data-theme=cosmic] .rlines li b{color:#ffd84a}@media (width<=999px){.rgrid:has(.rewards)>.cont{bottom:max(10px, var(--sa-b));z-index:1;position:sticky}}@media (pointer:coarse){.screen.results{padding-top:calc(max(12px, var(--sa-t)) + 58px)}}#ui [data-bnr]{background:linear-gradient(90deg, var(--shade,#0e060ad6) 30%, var(--shade2,#0e060a6b)), var(--bnr,none);animation:14s ease-in-out infinite alternate bnrpan;position:relative;overflow:hidden}@keyframes bnrpan{to{background-position:100% 0}}#ui [data-bnr=shimmer]:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,#0000 38%,#ffffff4d 50%,#0000 62%) 0 0/250% 100% no-repeat;animation:3.4s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){#ui [data-bnr],#ui [data-bnr]:before{animation:none}}.micon,.stampi{vertical-align:middle;flex:none;width:22px;height:22px;display:inline-block}.stampi{filter:drop-shadow(0 1px 2px #0009);width:30px;height:30px}.players li{align-items:center;gap:8px;display:flex}.players li.bot{display:block}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who .nm,.who .ttl{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who .ttl{opacity:.78;font-size:11px;font-weight:700}.who .ttl b{color:var(--gold)}.who .ttl s{color:#ffe45c;text-decoration:none}.cls .mst{color:#ffe45c;letter-spacing:.02em;font-size:10.5px;font-style:normal;font-weight:900}td .rw{align-items:center;gap:8px;display:flex}img.av{object-fit:cover;background:#ffffff14;border-radius:50%;flex:none;width:30px;height:30px;box-shadow:0 0 0 2px #00000059}.teams.royale img.av,td img.av{width:24px;height:24px}@media (width<=560px){img.av{width:22px;height:22px}.players li:has(>img.av){gap:6px;padding-left:10px}.results table{font-size:14px}.results th{letter-spacing:0;padding:6px 4px}.results td{padding:8px 4px}.results td:first-child{width:100%;max-width:0}td .rw{gap:6px}td img.av{width:20px;height:20px}td .stampi{width:24px;height:24px}.players li.host{position:relative}.players li.host:after{font-size:12px;position:absolute;top:3px;right:6px}}#ui td[data-bnr]{--shade:#0e060ab3;--shade2:#0e060af7}body[data-theme=cosmic] #ui td[data-bnr]{--shade:#0c06289e;--shade2:#1a1044f7}.member{position:relative}.member .stripe{background:var(--bnr);opacity:.9;pointer-events:none;border-radius:2px;height:3px;position:absolute;bottom:1px;left:8px;right:8px}.runlock{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.runlock .ru{align-items:center;gap:6px;display:inline-flex}.runlock .requip{padding:1px 8px;font-size:11px}.runlock .requip:disabled{opacity:.7;cursor:default}.rewards .rlocker{align-self:flex-start}.apanel{z-index:25;pointer-events:auto;background:#0009;place-items:center;display:grid;position:absolute;inset:0}#ui{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}body:has(#ui>.apanel:not(.hidden)) #overlay{visibility:hidden}.apbox{background:linear-gradient(#1a0a0e,#0a0407);border:1px solid #b8201c8c;border-radius:20px;grid-template:"tabs head""body body"minmax(0,1fr)/auto minmax(0,1fr);width:min(1080px,96vw);height:min(740px,92vh);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #000000bf}.aptabs{grid-area:tabs;gap:4px;padding:10px 12px;display:flex}.aptabs button{min-height:44px;color:var(--paper);opacity:.6;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:15px;font-weight:900;display:flex}.aptabs button.on{opacity:1;box-shadow:inset 0 -3px 0 var(--gold);background:#ffffff12}.aptabs .micon{width:30px;height:30px}.aphead{grid-area:head;justify-content:flex-end;align-items:center;gap:12px;padding:10px 14px;font-weight:800;display:flex}.aphead .aplv{color:var(--gold)}.apdust{align-items:center;gap:4px;display:flex}.apdust b{color:var(--gold);font-size:17px}.apx{width:42px;height:42px;color:var(--paper);background:#0000004d;border:1px solid #ffffff38;border-radius:50%;flex:none;font-size:17px}.apbody{touch-action:pan-y;border-top:1px solid #ffffff14;grid-area:body;min-height:0;overflow-y:auto}.apbox.locker .apbody{overflow:hidden}.aptoast,.stoast{z-index:3;opacity:0;pointer-events:none;white-space:nowrap;background:#000000e0;border:1px solid #ffffff2e;border-radius:12px;padding:9px 16px;font-size:14px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;bottom:22px;left:50%;transform:translate(-50%,16px)}.aptoast.on,.stoast.on{opacity:1;transform:translate(-50%)}.stoast{z-index:25;bottom:calc(26px + var(--sa-b))}.ring{--p:0;background:conic-gradient(var(--ring,var(--gold)) calc(var(--p) * 1turn), #ffffff24 0);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.ring:before{content:"";background:#160a0e;border-radius:50%;position:absolute;inset:4px}.ring b,.ring i{line-height:1;position:relative}.ring b{font-family:var(--serif);font-size:15px}.ring i{letter-spacing:.1em;opacity:.7;font-size:10px;font-style:normal;font-weight:900}.ring.big{width:82px;height:82px}.ring.big:before{inset:7px}.ring.big b{font-size:30px}.bar{background:#ffffff24;border-radius:4px;height:8px;display:block;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--gold), var(--ember));transform-origin:0;height:100%;display:block}.lk{grid-template-columns:108px minmax(0,1fr) minmax(330px,450px);height:100%;display:grid}.lk-classes{border-right:1px solid #ffffff14;flex-direction:column;gap:8px;padding:12px 10px;display:flex;overflow-y:auto}.lk-cls{min-height:44px;color:var(--paper);background:#00000040;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-weight:800;display:flex;position:relative}.lk-cls.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 16px color-mix(in srgb, var(--accent) 40%, transparent)}.lk-cls .portrait{filter:drop-shadow(0 3px 5px #000000b3);height:60px}.lk-cls b{text-align:center;font-size:11px;line-height:1.1}.lk-cls i{color:var(--accent);font-size:10px;font-style:normal;font-weight:900;position:absolute;top:4px;right:6px}.lk-stage{touch-action:pan-y;flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.lk-view{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.lk-hero{background:radial-gradient(ellipse 60% 22% at 50% 86%, color-mix(in srgb, var(--accent) 45%, transparent), transparent), radial-gradient(ellipse at 50% 60%, #ffffff0f, transparent 70%), #00000047;border-radius:16px;flex:1;place-items:center;min-height:170px;display:grid}.lk-hero .portrait{filter:drop-shadow(0 10px 14px #000000b3);height:min(280px,36vh)}.lk-hero.live{background:0 0}.lk-try{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:8px 12px;display:flex}.lk-try.hint{opacity:.6;justify-content:center;font-size:13px;font-weight:700}.lk-try .tv{flex:none;place-items:center;width:50px;height:50px;display:grid}.lk-try b{font-size:16px}.lk-try i{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:900}.lk-try em{opacity:.72;font-size:12.5px;font-style:normal;display:block}.namecard{border-radius:12px;align-items:baseline;gap:10px;padding:11px 14px;display:flex}.namecard b{font-family:var(--serif);font-size:18px}.namecard i{opacity:.85;font-size:12.5px;font-style:normal}.namecard span{color:var(--gold);margin-left:auto;font-weight:900}.lk-acts{flex-wrap:wrap;gap:8px;display:flex}.lk-acts button{min-height:40px}.lk-side{border-left:1px solid #ffffff14;flex-direction:column;min-height:0;display:flex}.lk-list{touch-action:pan-y;flex:1;min-height:0;padding:12px;overflow-y:auto}.lk-side.picking .lk-slots{display:none}.lk-slots{flex-direction:column;gap:6px;display:flex}.lk-h{letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin:6px 2px 0;font-size:11px}.lk-slot{min-height:48px;color:var(--paper);text-align:left;background:#00000040;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:grid}.lk-slot span{opacity:.65;font-size:12px}.lk-slot b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lk-slot i{opacity:.5;font-size:20px;font-style:normal}.lk-slot:hover,.lk-slot.on{border-color:var(--gold)}.lk-ih{align-items:center;gap:10px;margin-bottom:10px;display:flex}.lk-ih b{font-size:16px}.lk-ih span{opacity:.6;margin-left:auto;font-size:12px}.lk-ih .back{width:40px;height:40px;padding:0;font-size:22px}.lk-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;display:grid}.tile{--rc:#ffffff4d;border:1.5px solid color-mix(in srgb, var(--rc) 60%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 16%, transparent), #00000052);min-height:128px;color:var(--paper);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 5px 6px;font-weight:800;transition:transform .1s;display:flex;position:relative}.tile:hover{transform:translateY(-2px)}.tile .tv{place-items:center;width:62px;height:62px;display:grid}.tile b{text-align:center;font-size:12px;line-height:1.15}.tile .rar{letter-spacing:.1em;text-transform:uppercase;color:var(--rc);font-size:9.5px;font-style:normal;font-weight:900}.tile em{opacity:.85;align-items:center;gap:2px;font-size:10px;font-style:normal;display:flex}.tile em .micon{width:15px;height:15px}.tile em.eq{color:#7dffb0;opacity:1}.tile em.cl{opacity:.55;font-size:9px}.tile.locked .tv{filter:saturate(.75)brightness(.8)}.tile.locked b{opacity:.7}.tile.on{box-shadow:inset 0 0 0 2px #7dffb0}.tile.tried{outline:2px solid var(--gold);outline-offset:2px}.lk-foot{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;min-height:64px;padding:8px 12px;font-weight:800;display:flex}.lk-foot .primary{padding:10px 30px;font-size:17px}.lk-foot .hint,.lk-foot .how{opacity:.8;align-items:center;gap:6px;font-size:13px;display:flex}.lk-foot .ok{color:#7dffb0}.lk-foot .later{color:var(--gold);font-size:12px;font-style:normal}.tv .portrait{filter:drop-shadow(0 3px 4px #000000b3);height:100%}.swatch{border-radius:50%;width:46px;height:46px;box-shadow:inset 0 -7px 10px #00000059,inset 0 5px 8px #fff6,0 0 0 2px #ffffff2e}.swatch.prism{animation:5s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.vcell,.vimg{width:100%;height:100%;display:block}.vimg{background-position:50%;background-repeat:no-repeat;background-size:contain}.vbnr{border-radius:7px;width:100%;height:30px;display:block}.vtitle{font-style:normal;font-family:var(--serif);text-align:center;color:var(--gold);font-size:12.5px;line-height:1.15}.vnone{opacity:.35;font-size:30px;font-style:normal}.vtrail,.vpop{width:100%;height:100%;display:block;position:relative}.vtrail span{left:calc(6% + var(--i) * 19%);top:calc(58% - var(--i) * 10%);font-size:calc(11px + var(--i) * 3px);text-shadow:0 0 6px;opacity:calc(.45 + var(--i) * .14);line-height:1;position:absolute}.vpop span{text-shadow:0 0 6px;transform:rotate(calc(var(--i) * 60deg)) translateY(-20px);font-size:15px;line-height:1;position:absolute;top:calc(50% - 9px);left:calc(50% - 7px)}.pg{flex-direction:column;gap:12px;max-width:1000px;margin:0 auto;padding:16px 20px 26px;display:flex}.pg h4{letter-spacing:.16em;text-transform:uppercase;opacity:.72;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;display:flex}.pg-head{border-radius:16px;align-items:center;gap:18px;padding:14px 18px;display:flex}.pg-id{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pg-name{font-family:var(--serif);font-size:24px}.pg-title{flex-direction:row;align-items:center;gap:8px;font-size:11px}.pg-title select{min-height:38px;color:var(--paper);font:inherit;letter-spacing:0;text-transform:none;background:#00000080;border:1px solid #ffffff40;border-radius:9px;padding:6px 10px;font-size:14px;font-weight:800}.pg-next{opacity:.82;font-size:12.5px}.pg-track{scroll-snap-type:x proximity;gap:8px;padding:4px 2px 10px;display:flex;overflow-x:auto}.lvt{scroll-snap-align:center;background:#00000040;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:0 0 106px;align-items:center;gap:4px;padding:8px 6px;display:flex;position:relative}.lvt>b{font-size:12px}.lvt .tv{place-items:center;width:54px;height:54px;display:grid}.lvt .tv .micon{width:34px;height:34px}.lvt .tv .dust{color:var(--gold);font-size:12px;display:block}.lvt .tv:has(.dust){flex-direction:column;justify-content:center;display:flex}.lvt .lvn{text-align:center;opacity:.8;font-size:11px;line-height:1.2}.lvt.got{border-color:#7dffb073}.lvt.got .tv{opacity:.6}.lvt em{color:#7dffb0;text-transform:uppercase;white-space:nowrap;background:#0009;border:2px solid #7dffb0;border-radius:6px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:900;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.lvt.next{border-color:var(--gold);box-shadow:0 0 16px #ffb34759}.lvt.more{opacity:.7;justify-content:center}.pg-mastery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pg-m{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:#00000040;border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px;display:grid}.pg-m .portrait{grid-row:1/4;height:58px}.pg-m b{font-size:13px}.pg-m .tier{color:var(--accent);font-weight:900}.pg-m .bar,.pg-m>i{grid-column:2/4}#ui .pg-m .bar i{background:var(--accent)}.pg-m>i{opacity:.78;font-size:11px;font-style:normal;line-height:1.25}.pg-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;display:grid}.pg-stats div{background:#00000040;border-radius:10px;padding:8px 12px}.pg-stats dt{opacity:.62;font-size:11px}.pg-stats dd{margin:0;font-size:18px;font-weight:900}.pg-ach{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.ach{opacity:.62;background:#00000040;border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 12px;display:grid}.ach.got{opacity:1;border-color:#ffb34773}.ach b{font-family:var(--serif)}.ach span{opacity:.75;font-size:11.5px}.ach i{color:var(--gold);grid-area:1/2/3;align-self:center;font-size:12px;font-style:normal;font-weight:900}.pg-foot{margin-top:8px}.transfer{background:#00000040;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:9px;max-width:540px;padding:14px 16px;font-size:13px;display:flex}.transfer p{opacity:.75;margin:0;line-height:1.4}.transfer .pcopy{align-self:flex-start;min-height:38px}.transfer.linked :is(.tweb,.pcopy),.transfer:not(.linked) .tlinked{display:none}@media (width<=900px) and (orientation:landscape),(height<=540px){.apbox{border:none;border-radius:0;width:100vw;height:100dvh}.aptabs{padding:max(4px, var(--sa-t)) 8px 4px max(8px, var(--sa-l))}.aphead{padding:max(4px, var(--sa-t)) max(10px, var(--sa-r)) 4px 10px}.lk{grid-template-columns:88px minmax(0,1fr) minmax(280px,1.2fr)}.lk-cls .portrait{height:38px}.lk-view{flex:1 0 auto}.lk-hero{min-height:130px}.lk-hero .portrait{height:30vh}.lk-stage{gap:8px;padding:10px}.lk-foot{min-height:52px;padding-bottom:max(6px, var(--sa-b))}}@media (width<=720px) and (orientation:portrait){.apanel{place-items:stretch stretch}.apbox{border:none;border-radius:0;grid-template:"head""body"minmax(0,1fr)"tabs"/minmax(0,1fr);width:100%;height:100%}.aphead{padding:max(8px, var(--sa-t)) max(12px, var(--sa-r)) 8px max(12px, var(--sa-l));justify-content:flex-start;gap:10px}.aphead .apx{order:-1}.aphead .apdust{margin-left:auto}.aptabs{padding:6px max(8px, var(--sa-r)) max(8px, var(--sa-b)) max(8px, var(--sa-l));background:#0000004d;border-top:1px solid #ffffff1a;gap:4px}.aptabs button{flex-direction:column;flex:1;justify-content:center;gap:1px;min-height:54px;padding:4px;font-size:12px}.aptabs button.on{box-shadow:inset 0 3px 0 var(--gold)}.aptabs .micon{width:28px;height:28px}.apbox.locker .apbody{overflow-y:auto}.lk{flex-direction:column;height:auto;min-height:100%;display:flex}.lk-classes{border-right:none;flex-direction:row;gap:6px;padding:8px 10px;overflow-x:auto}.lk-cls{flex:1 0 72px}.lk-cls .portrait{height:42px}.lk-stage{padding:0 10px;overflow:visible}.lk-view{gap:8px}.lk-hero{flex:none;height:25vh;min-height:0}.lk-hero .portrait{height:21vh}.lk-try{gap:8px;min-height:0;padding:6px 8px}.lk-try .tv{width:40px;height:40px}.lk-try b{font-size:14px}.lk-try em{font-size:11.5px}.namecard{flex-wrap:wrap;gap:0 8px;padding:8px 10px}.namecard b{font-size:15px}.lk-acts{gap:6px}.lk-acts button{flex:1;min-height:44px}.lk-side{border-left:none;flex:1}.lk-list{padding:10px;overflow:visible}.lk-side.picking .lk-slots{display:flex}.lk-slots{scrollbar-width:none;flex-direction:row;gap:6px;margin:0 -10px 10px;padding:0 10px 4px;overflow-x:auto}.lk-h,.lk-slot b,.lk-slot i,.lk-ih .back{display:none}.lk-slot{border-radius:22px;flex:none;min-height:44px;padding:10px 14px;display:block}.lk-slot span{opacity:1;font-size:13px}.lk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lk-foot{z-index:2;background:#120709;min-height:48px;padding:6px 12px;position:sticky;bottom:0}.lk-foot .primary{flex:1;min-height:44px;padding:8px}.pg{padding:12px 12px 20px}.pg-head{gap:12px;padding:12px}.pg-name{font-size:20px}.ring.big{width:66px;height:66px}.ring.big b{font-size:24px}.pg-mastery,.pg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lvt{flex-basis:96px}}body[data-theme=cosmic] #ui [data-bnr]{--shade:#0c0628cc;--shade2:#0c06284d}body[data-theme=cosmic] .apbox{background:linear-gradient(#24145a,#0c0824);border-color:#5ff0ff73}body[data-theme=cosmic] .aptabs button.on{box-shadow:inset 0 -3px 0 var(--teal)}body[data-theme=cosmic] .aphead .aplv,body[data-theme=cosmic] .namecard span{color:var(--teal)}body[data-theme=cosmic] .apdust b{color:#ffd84a}body[data-theme=cosmic] .ring{--ring:#5ff0ff}body[data-theme=cosmic] .ring:before{background:#150c3a}body[data-theme=cosmic] .bar i{background:linear-gradient(90deg,#5ff0ff,#b44cff)}body[data-theme=cosmic] .lk-slot:hover,body[data-theme=cosmic] .lk-slot.on,body[data-theme=cosmic] .lvt.next{border-color:var(--teal)}body[data-theme=cosmic] .lvt.next{box-shadow:0 0 16px #5ff0ff59}body[data-theme=cosmic] .tile.tried{outline-color:var(--teal)}body[data-theme=cosmic] .lk-foot .later,body[data-theme=cosmic] .vtitle,body[data-theme=cosmic] .who .ttl b{color:var(--teal)}body[data-theme=cosmic] .ach.got{border-color:#5ff0ff73}body[data-theme=cosmic] .ach i{color:#ffd84a}@media (width<=720px) and (orientation:portrait){body[data-theme=cosmic] .lk-foot{background:#110a30}body[data-theme=cosmic] .aptabs button.on{box-shadow:inset 0 3px 0 var(--teal)}}.pg-quests{flex-direction:column;gap:10px;display:flex}.qstart{background:#00000040;border:1px solid #ffb34759;border-radius:12px;padding:10px 14px}.qstart>b{font-size:13px}.qstart>b i{color:var(--gold);margin-left:6px;font-style:normal}.qstart ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.qstart li{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:26px;font-size:13px;display:grid}.qstart li i{color:var(--gold);text-align:right;font-size:11.5px;font-style:normal}.qstart .qc{border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid}.qstart li.done{opacity:.55}.qstart li.done>span:nth-child(2){text-decoration:line-through}.qstart li.done .qc{color:#10240f;background:#7dffb0;border-color:#7dffb0}.qgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quest{background:#00000040;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:relative}.quest.weekly{border-color:#ffb34773}.quest .qk{letter-spacing:.14em;text-transform:uppercase;opacity:.65;font-size:10.5px;font-weight:900}.quest .qt{min-height:2.5em;font-size:14px;line-height:1.25}.quest .qbar{align-items:center;gap:8px;display:flex}.quest .qbar .bar{flex:1}.quest .qbar>i{white-space:nowrap;font-size:12px;font-style:normal;font-weight:800}.quest .qpay{color:var(--gold);align-items:center;gap:4px;font-size:12px;display:flex}.quest .qpay .micon{width:18px;height:18px}.quest .qfoot{align-items:center;gap:8px;min-height:34px;margin-top:auto;display:flex}.quest .qrr{min-height:34px;padding:4px 12px;font-size:12px}.quest .qfoot em{color:#7dffb0;letter-spacing:.08em;border:2px solid #7dffb0;border-radius:6px;padding:1px 8px;font-size:12px;font-style:normal;font-weight:900;transform:rotate(-6deg)}.quest .qcd{opacity:.75;font-size:11.5px;font-style:normal}.quest.done .qt,.quest.done .qbar,.quest.done .qpay{opacity:.55}.quest.done .bar i{background:#7dffb0}.qdots{gap:5px;display:flex}.qdots i{border:2px solid var(--accent);opacity:.5;border-radius:50%;width:12px;height:12px}.qdots i.on{background:var(--accent);opacity:1}.qnote{opacity:.7;margin:0;font-size:12px}.qnote .qcd{font-style:normal}.rquests{flex-direction:column;gap:5px;padding-top:2px;animation:.4s ease-out 1.8s both rline;display:flex}.rquests .rqh{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:11px}.rq{grid-template-columns:minmax(0,1fr) 54px 46px;align-items:center;gap:2px 8px;font-size:12.5px;display:grid;position:relative}.rq .rqt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rq .bar{height:6px}.rq .rqn{text-align:right;font-size:12px}.rq .stamp{color:#7dffb0;letter-spacing:.06em;background:#000000bf;border:2px solid #7dffb0;border-radius:5px;padding:0 5px;font-size:11px;font-style:normal;font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) both rstamp;position:absolute;top:-3px;right:-4px}.rq .rqpay{color:var(--gold);grid-column:1/-1;margin-top:-2px;font-size:11px;font-style:normal}.rq.done .bar i{background:#7dffb0}@media (width<=900px) and (orientation:landscape),(height<=540px){.qgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px) and (orientation:portrait){.qgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quest{padding:9px 10px}.quest .qt{font-size:13px}.qstart ul{grid-template-columns:minmax(0,1fr)}.qstart li{min-height:30px}.quest .qrr{flex:1;min-height:44px}}body[data-theme=cosmic] .qstart,body[data-theme=cosmic] .quest.weekly{border-color:#5ff0ff66}body[data-theme=cosmic] .qstart>b i,body[data-theme=cosmic] .qstart li i,body[data-theme=cosmic] .quest .qpay,body[data-theme=cosmic] .rq .rqpay{color:#ffd84a}.pnext{align-items:center;gap:6px;margin-top:6px;display:flex}.pnh{letter-spacing:.16em;text-transform:uppercase;opacity:.7;flex:none;padding:0 4px;font-size:10.5px}.pn{min-width:0;height:42px;color:var(--paper);text-align:left;background:#00000080;border:1px solid #ffffff29;border-radius:12px;flex:1 1 0;align-items:center;gap:7px;padding:0 12px 0 8px;display:flex;box-shadow:0 4px 14px #0000004d}.pn:hover{border-color:var(--gold)}.pn span{flex-direction:column;min-width:0;line-height:1.2;display:flex}.pn span i,.pn span b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pn span i{color:var(--gold);font-size:10.5px;font-style:normal;font-weight:800}.pn span b{font-size:13px}.pn .micon{flex:none;width:22px;height:22px}.pgi{text-align:center;width:22px;color:var(--gold);flex:none;font-size:15px;font-style:normal}.pgi.pgh,.heart.on,.sd-goal.on{color:#ff5f8a}#ui:has(>.profile:not(.hidden))>.screen.lobby{border-top:calc(max(12px, var(--sa-t)) + 118px) solid transparent;background-origin:border-box;padding-top:6px}@media (pointer:coarse){#ui:has(>.profile:not(.hidden))>.screen.lobby{border-top-width:calc(max(12px, var(--sa-t)) + 164px)}}@media (width<=640px){.pnext{scrollbar-width:none;overflow-x:auto}.pnh{display:none}.pn{flex:none;max-width:72vw}}.sh-body{flex-direction:column;gap:10px;max-width:1000px;margin:0 auto;padding:14px 20px 26px;display:flex}.sh-sec{flex-direction:column;gap:8px;display:flex}.sh-sec h4{letter-spacing:.16em;text-transform:uppercase;opacity:.8;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;display:flex}.sh-sec h4 .micon{width:26px;height:26px}.sh-sec h4 .qcd,.sh-sec h5 i{letter-spacing:.04em;text-transform:none;opacity:.8;margin-left:auto;font-size:11.5px;font-style:normal}.sh-sec h5{align-items:baseline;gap:8px;margin:10px 2px 0;font-size:14px;display:flex}.sh-sec h5 i{opacity:.55}.sh-sub,.sh-foot{opacity:.7;margin:0;font-size:12.5px}.sh-foot{text-align:center;margin-top:8px}.sh-deals{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sh-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.sh-bundles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.stile{display:flex;position:relative}.stile>.tile,.stile>.btile{flex:1;min-width:0}.stile .tile{min-height:150px;padding-top:10px}.stile.deal .tile{background:linear-gradient(#ffb3471f,#00000040);min-height:176px}.stile.deal .tv{width:76px;height:76px}.tile.owned{opacity:.72}.tile .cost,.btile .cost{color:var(--gold);opacity:1;align-items:center;gap:3px;margin-top:auto;font-size:13px;font-weight:900;display:flex}.tile .cost .micon,.btile .cost .micon{width:18px;height:18px}.cost s{color:var(--paper);opacity:.55;margin-right:3px;font-size:11px;font-weight:700}.tile .own,.btile .own{color:#7dffb0;opacity:1;margin-top:auto;font-size:12px;font-weight:900}.stile .off{color:#fff;background:#ff5f8a;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:900;position:absolute;top:6px;left:6px}.heart{z-index:1;color:#ffffff59;background:0 0;border:none;border-radius:50%;width:34px;height:34px;padding:0;font-size:17px;line-height:34px;position:absolute;top:3px;right:3px}.heart:hover{color:#ff9ab5}.heart.on{text-shadow:0 0 10px #ff5f8acc}.btile{min-height:104px;color:var(--paper);text-align:left;background:#00000040;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:12px;padding:10px 40px 10px 12px;display:flex}.btile:hover{transform:translateY(-2px)}.btile.tried,.sd-part.tried{outline:2px solid var(--gold);outline-offset:2px}.bparts{flex:none;gap:2px;display:flex}.bparts .tv{place-items:center;width:50px;height:50px;display:grid}.bparts .tv.got{opacity:.4}.bparts .tv .swatch{width:34px;height:34px}.binfo{flex-direction:column;gap:3px;min-width:0;padding-left:8px;display:flex}.binfo b{font-family:var(--serif);font-size:16px}.binfo .bn{opacity:.7;font-size:11.5px}.stile.big .btile{background:linear-gradient(110deg,#ff6a2a38,#0000004d 60%);border-color:#ffb34773;gap:18px;min-height:150px;padding:16px 48px 16px 18px}.stile.big .bparts .tv{width:84px;height:84px}.stile.big .bparts .tv .swatch{width:54px;height:54px}.stile.big .binfo b{font-size:24px}.bblurb{opacity:.85;font-size:13.5px}.stile.big .cost{font-size:22px}.stile.big .cost .micon{width:26px;height:26px}.sd-scrim{z-index:3;background:#00000073;grid-area:body}.sdrawer{z-index:4;touch-action:pan-y;background:#14080b;border-left:1px solid #ffffff1f;flex-direction:column;grid-area:body;justify-self:end;gap:10px;width:min(420px,100%);min-height:0;padding:14px 16px 18px;animation:.2s ease-out sdin;display:flex;overflow-y:auto;box-shadow:-18px 0 50px #0009}@keyframes sdin{0%{opacity:0;transform:translate(40px)}}.sd-top{justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 -2px;display:flex}.sd-top .apx{width:38px;height:38px}.sd-stage{flex-direction:column;gap:8px;display:flex}.sd-stage .lk-hero{flex:none;height:min(270px,30vh);min-height:0}.sd-stage .lk-hero .portrait{height:min(250px,30vh)}.sd-cls{gap:6px;display:flex}.sd-cls button{background:#00000040;border:1px solid #ffffff1f;border-radius:10px;flex:1;height:50px;padding:3px}.sd-cls button.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sd-cls .portrait{height:100%}.sd-info{flex-direction:column;gap:3px;display:flex}.sd-k{letter-spacing:.14em;text-transform:uppercase;opacity:.65;font-size:11px}.sd-name{font-family:var(--serif);font-size:24px;line-height:1.1}.sd-info .rar{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:900}.sd-info p{opacity:.82;margin:4px 0 0;font-size:13px;line-height:1.4}.sd-parts{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.sd-part{min-height:96px;color:var(--paper);background:#00000040;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.sd-part .tv{place-items:center;width:46px;height:46px;display:grid}.sd-part .tv .swatch{width:34px;height:34px}.sd-part b{text-align:center;font-size:11.5px;line-height:1.15}.sd-part i{opacity:.7;font-size:10.5px;font-style:normal}.sd-part.got i{color:#7dffb0;opacity:1}.sd-act{z-index:1;background:#14080b;flex-wrap:wrap;align-items:center;gap:8px;margin:auto -16px -18px;padding:10px 16px 18px;font-weight:800;display:flex;position:sticky;bottom:-18px;box-shadow:0 -10px 16px #00000040}.sd-act .buyw{flex:100%;display:flex}.buy{flex:1;justify-content:center;align-items:center;gap:6px;min-height:52px;font-size:18px;display:flex}.buy .micon{width:24px;height:24px}.buy:disabled,.buy.poor{opacity:.6;cursor:default;filter:saturate(.4);transform:none}.buy.confirm{animation:.9s ease-in-out infinite armed}@keyframes armed{50%{filter:brightness(1.25);transform:scale(1.03)}}.buy.wait{filter:none;opacity:.85}.spin{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.lk-foot .buyw{display:flex}.lk-foot .buy{min-height:0;padding:10px 26px;font-size:17px}.sd-goal{min-height:40px}.sd-hint{opacity:.7;flex:100%;margin:0;font-size:12px;font-weight:700}.sd-act .ok{color:#7dffb0}.sd-done{background:#7dffb014;border:1px solid #7dffb066;border-radius:12px;flex-wrap:wrap;flex:1;align-items:center;gap:8px;padding:10px 12px;animation:.3s ease-out both rline;display:flex}.sd-done b{color:#7dffb0}.sd-done .primary{margin-left:auto;padding:8px 20px;font-size:16px}.sd-done .later{color:var(--gold);flex:100%;font-size:12px;font-style:normal}.spack{border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);background:linear-gradient(110deg, color-mix(in srgb, var(--gold) 14%, transparent), #0000004d 65%);border-radius:14px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"info parts""act parts";gap:10px 18px;padding:14px 16px;display:grid}.pk-info{flex-direction:column;grid-area:info;gap:4px;display:flex}.pk-info b{font-family:var(--serif);font-size:22px;line-height:1.1}.spack .sd-parts{grid-area:parts;align-content:start}.pk-act{flex-wrap:wrap;grid-area:act;align-items:center;gap:6px 12px;margin-top:auto;font-weight:800;display:flex}.pk-act .buy{flex:0 auto;min-height:46px;padding:8px 28px;font-size:17px}.pk-act .ok{color:#7dffb0}.pk-note{opacity:.7;flex:100%;font-size:12px;font-style:normal;font-weight:600}.stix{border:1px dashed color-mix(in srgb, var(--gold) 65%, transparent);background:linear-gradient(110deg, color-mix(in srgb, var(--gold) 10%, transparent), #0000004d 65%);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sh-hist ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sh-hist li{background:#00000040;border-radius:10px;align-items:baseline;gap:10px;padding:8px 12px;font-size:13px;display:flex}.sh-hist time{opacity:.7;min-width:6.5em}.sh-hist b{flex:1}.sh-hist li span{font-weight:800}.sh-hist li i{letter-spacing:.08em;text-transform:uppercase;color:#ff9a8a;font-size:11px;font-style:normal;font-weight:900}.sh-hist li.rev b,.sh-hist li.rev span{opacity:.6;text-decoration:line-through}@media (width<=720px) and (orientation:portrait){.spack{grid-template-columns:minmax(0,1fr);grid-template-areas:"info""parts""act";padding:12px}.spack .sd-parts{grid-template-columns:repeat(3,minmax(0,1fr))}}.spend{z-index:6;width:22px;height:22px;color:var(--gold);pointer-events:none;margin:-11px 0 0 -11px;font-style:normal;animation:.75s cubic-bezier(.5,0,.4,1) both spendfly;position:absolute}.spend .micon{width:22px;height:22px;display:block}@keyframes spendfly{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:translate(calc(var(--dx) * .4), calc(var(--dy) * .6 - 10px)) scale(1.15)}to{transform:translate(var(--dx), calc(var(--dy) + 26px)) scale(.45);opacity:0}}.apdust.spending b{animation:.8s ease-out spent}@keyframes spent{0%{color:#fff;text-shadow:0 0 14px}30%{transform:scale(1.1)}to{transform:none}}.apdust b{display:inline-block}@media (width<=900px) and (orientation:landscape),(height<=540px){.sh-deals{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sdrawer{width:min(380px,60%)}.sd-stage .lk-hero{height:150px}.sd-stage .lk-hero .portrait{height:130px}.sd-cls button{height:38px}.sd-act{box-shadow:none;position:static}}@media (width<=720px) and (orientation:portrait){.sh-body{padding:10px 10px 20px}.sh-deals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sh-bundles{grid-template-columns:minmax(0,1fr)}.stile .tile{min-height:138px}.stile.big .btile{flex-direction:column;align-items:flex-start;padding:14px 44px 14px 14px}.stile.big .bparts .tv{width:64px;height:64px}.sdrawer{width:100%;max-height:90%;padding:12px 12px max(12px, var(--sa-b));border-top:1px solid #ffffff24;border-left:none;border-radius:18px 18px 0 0;place-self:end stretch;animation-name:sdup;box-shadow:0 -18px 50px #0009}@keyframes sdup{0%{opacity:0;transform:translateY(60px)}}.sd-stage .lk-hero{height:24vh}.sd-stage .lk-hero .portrait{height:20vh}.sd-act{bottom:calc(-1 * max(12px, var(--sa-b)));margin:auto -12px calc(-1 * max(12px, var(--sa-b)));padding:8px 12px max(12px, var(--sa-b))}.buy{min-height:48px}}body[data-theme=cosmic] .sdrawer,body[data-theme=cosmic] .sd-act{background:#150c3a}body[data-theme=cosmic] .stile.deal .tile{background:linear-gradient(#ff5fd229,#00000040)}body[data-theme=cosmic] .stile.big .btile{background:linear-gradient(110deg,#5ff0ff33,#b44cff2e 45%,#0000004d);border-color:#5ff0ff80}body[data-theme=cosmic] .tile .cost,body[data-theme=cosmic] .btile .cost,body[data-theme=cosmic] .spend,body[data-theme=cosmic] .pgi{color:#ffd84a}body[data-theme=cosmic] .pn span i{color:var(--teal)}body[data-theme=cosmic] .btile.tried,body[data-theme=cosmic] .sd-part.tried{outline-color:var(--teal)}body[data-theme=cosmic] .pn{background:#0c0628b8;border-color:#5ff0ff40}body[data-theme=cosmic] .pn:hover{border-color:var(--teal)}body[data-theme=cosmic] .sd-goal.on{color:#ff5f8a;border-color:#ff5f8a99}.callout .stampi{vertical-align:-.2em;width:1.15em;height:1.15em;margin-right:.2em}.callout .stampi+.stampi{margin-left:-.35em}.rival .name .stampi{vertical-align:middle;width:18px;height:18px;margin:-3px 4px -3px 0}.rival .rteam .name .stampi+.stampi{margin-left:-6px}.netpanel{left:max(12px, var(--sa-l));bottom:calc(max(12px, var(--sa-b)) + 48px);color:var(--paper);pointer-events:none;z-index:40;background:#0000009e;border-radius:8px;margin:0;padding:6px 9px;font:600 11px/1.4 ui-monospace,Menlo,Consolas,monospace;position:absolute}.settings .panel,.sfxboard,.apbody,.lk-stage,.lk-list{overscroll-behavior-x:none;overflow-x:hidden}@media (width<=720px) and (orientation:portrait){.apbox.locker .apbody{overflow:hidden}.lk{height:100%;min-height:0}.lk-classes,.lk-stage{flex:none}.lk-side{flex-direction:column;min-height:0;display:flex}.lk-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.lk-foot{position:static}}@media (width<=720px) and (orientation:portrait) and (height<=700px){.lk-hero{height:19vh}}.lk-view:empty,.lk-acts:empty,.lk-foot:empty{display:none}