.ui-root{pointer-events:none;z-index:10;position:absolute;inset:0}.ui-root>*{pointer-events:none}.ui-root button,.ui-root input,.ui-root .panel{pointer-events:auto}input{font:inherit;letter-spacing:.08em;color:var(--ink);border:3px solid var(--ink);background:#fff;outline:none;padding:6px 10px;font-size:22px;box-shadow:inset 3px 3px #0000001f}input:focus{background:#fffbe6}button.big{padding:8px 20px;font-size:24px}button.small{box-shadow:3px 3px 0 var(--ink);padding:3px 10px;font-size:15px}button:disabled{opacity:.45;cursor:not-allowed}button.on{background:#9cff4a}.screen{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{background:var(--paper);color:var(--ink);border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background-image:radial-gradient(#0d0b1617 1.4px,#0000 1.6px);background-size:9px 9px;max-width:min(980px,100%);max-height:calc(100vh - 32px);padding:22px 26px;position:relative;overflow:auto}.msg{color:#c81e3a;letter-spacing:0;min-height:1.2em;font-family:system-ui,sans-serif;font-weight:600}.chip{background:var(--pc,#fff);color:var(--ink);border:2px solid var(--ink);padding:0 5px;font-size:14px;display:inline-block}.lobby .panel.lobby-panel{width:1220px;max-width:min(1220px,100%);padding:0;overflow-x:hidden;transform:none}.lobby-head{flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px 20px 12px;display:flex}.room-chip{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--p2);background:#fff;align-items:center;gap:12px;padding:2px 8px 4px 12px;display:flex;transform:rotate(-1.2deg)}.room-chip .copy{transform:none}.kicker{letter-spacing:.1em;opacity:.7;font-size:15px}.code-big{letter-spacing:.16em;color:var(--p2);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:46px;line-height:1}.lobby-title{text-align:center;flex:1;min-width:220px}.lobby-title h1{color:var(--p3);-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink), 7px 7px 0 var(--p1);margin:0;font-size:clamp(30px,4vw,48px);font-weight:400;line-height:.95;transform:rotate(-1.5deg)}.lobby-title p{letter-spacing:0;opacity:.75;margin:4px 0 0;font-family:system-ui,sans-serif;font-size:13.5px}h2{margin:0 0 8px;font-size:24px}.host{background:var(--p3);border:2px solid var(--ink);padding:0 4px;font-size:13px}.deck-wrap{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:#07070c;position:relative}.deck-canvas{aspect-ratio:21/6.4;cursor:pointer;width:100%;display:block}.deck-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.deck-tag{white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.tag-plate{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-left:10px solid var(--pc);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:6px;padding:1px 8px 0 5px;font-size:clamp(13px,1.5vw,19px);display:flex}.tag-slot{background:var(--pc);border:2px solid var(--ink);padding:0 4px;font-size:.8em;line-height:1.15}.tag-you{background:var(--ink);color:var(--paper);padding:0 4px;font-size:.72em}.tag-plate .host{font-size:.72em}.tag-cls{color:var(--cc);-webkit-text-stroke:.6px var(--ink);text-shadow:2px 2px 0 var(--ink);font-size:clamp(12px,1.25vw,16px)}.tag-ready{color:var(--ink);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#9cff4a;padding:0 6px;font-size:clamp(14px,1.6vw,20px);position:absolute;top:-34px;right:-26px;transform:rotate(9deg)}.tag-ready.pop{animation:.28s cubic-bezier(.2,1.8,.4,1) tag-pop}@keyframes tag-pop{0%{transform:rotate(9deg)scale(.2)}to{transform:rotate(9deg)scale(1)}}.tag-open{letter-spacing:0;color:#c9c2ad;text-align:center;font-family:system-ui,sans-serif;font-size:12.5px;line-height:1.3}.tag-open b{letter-spacing:.14em;color:var(--p2);font-family:Bangers,Impact,sans-serif;font-size:20px;font-weight:400;display:block}.deck-hint{letter-spacing:0;color:#a9a294;pointer-events:none;margin:0;font-family:system-ui,sans-serif;font-size:12.5px;position:absolute;top:8px;left:12px}.picker{padding:30px 20px 16px;position:relative}.ribbon{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--p1);margin:0;padding:3px 16px 1px;font-size:clamp(24px,3vw,32px);font-weight:400;position:absolute;top:-24px;left:20px;transform:rotate(-2deg)}.chars{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (max-width:700px){.chars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.char-card{text-align:left;color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);letter-spacing:.04em;background:#fff;flex-direction:column;min-width:0;padding:0;font-size:16px;transition:transform .15s cubic-bezier(.2,1.5,.4,1),box-shadow .15s;display:flex;position:relative;transform:none}.char-card:hover,.char-card:focus-visible{z-index:3;background:#fffbe6;transform:translateY(-3px)}.char-card.selected{box-shadow:10px 10px 0 var(--pc);background:color-mix(in srgb, var(--cc) 14%, #fff);transform:rotate(-1.2deg)translateY(-6px)}.char-card.selected:hover,.char-card.selected:focus-visible{z-index:3}.cc-stripe{background:repeating-linear-gradient(-45deg, var(--cc) 0 12px, var(--ccd) 12px 18px);border-bottom:3px solid var(--ink);height:12px}.cc-portrait{border-bottom:3px solid var(--ink);background:var(--ccd);aspect-ratio:16/10;position:relative;overflow:hidden}.cc-portrait img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;display:block}.cc-taken{gap:3px;display:flex;position:absolute;bottom:4px;left:4px}.cc-taken span{background:var(--pc);border:2px solid var(--ink);padding:0 4px;font-size:13px;line-height:1.2}.cc-ident{flex-direction:column;gap:2px;min-width:0;padding:6px 10px 10px;display:flex}.cc-role{letter-spacing:.08em;background:var(--ink);color:var(--paper);align-self:flex-start;padding:0 6px;font-size:13px}.cc-name{color:var(--cc);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:clamp(30px,3vw,40px);line-height:.95}.cc-line{letter-spacing:0;opacity:.8;font-family:system-ui,sans-serif;font-size:13px;line-height:1.3}.cc-rig{letter-spacing:.06em;opacity:.6;font-size:15px}.cc-detail{z-index:5;text-align:left;border:4px solid var(--ink);width:400px;max-width:90vw;box-shadow:8px 8px 0 var(--ink), 0 0 0 2px var(--cc) inset;opacity:0;visibility:hidden;pointer-events:none;background:#fff;transition:opacity .12s,transform .16s cubic-bezier(.2,1.5,.4,1),visibility 0s .16s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,8px)rotate(-.6deg)}.chars .char-card:first-child .cc-detail{left:0;transform:translateY(8px)rotate(-.6deg)}.chars .char-card:last-child .cc-detail{left:auto;right:0;transform:translateY(8px)rotate(-.6deg)}.char-card:hover .cc-detail,.char-card:focus-visible .cc-detail{opacity:1;visibility:visible;transition:opacity .12s,transform .16s cubic-bezier(.2,1.5,.4,1),visibility;transform:translate(-50%)rotate(-.6deg)}.chars .char-card:first-child:hover .cc-detail,.chars .char-card:first-child:focus-visible .cc-detail,.chars .char-card:last-child:hover .cc-detail,.chars .char-card:last-child:focus-visible .cc-detail{transform:translate(0)rotate(-.6deg)}.cc-detail:after{content:"";border:12px solid #0000;border-top-color:var(--ink);border-bottom:0;margin-left:-12px;position:absolute;top:100%;left:50%}.chars .char-card:first-child .cc-detail:after{left:60px}.chars .char-card:last-child .cc-detail:after{left:auto;right:48px}.cc-dhead{background:repeating-linear-gradient(-45deg, var(--cc) 0 12px, var(--ccd) 12px 18px);border-bottom:3px solid var(--ink);align-items:baseline;gap:10px;padding:6px 12px 2px;display:flex}.cc-dname{color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:30px;line-height:1}.cc-dhead .cc-rig{color:#fff;opacity:1;text-shadow:2px 2px 0 var(--ink)}.cc-blurb{letter-spacing:0;margin:0;padding:8px 12px 0;font-family:system-ui,sans-serif;font-size:12.5px;line-height:1.35}.cc-stats{border-bottom:3px solid var(--ink);padding:4px 12px 8px}.cc-bars{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3px 8px;margin:6px 0 0;display:grid}.cc-bars dt{letter-spacing:.08em;font-size:14px}.cc-bars dd{gap:2px;margin:0;display:flex}.cc-bars i{border:2px solid var(--ink);background:#e9e4d2;flex:1;height:10px}.cc-bars i.on{background:var(--cc)}.cc-bars span{letter-spacing:0;opacity:.65;text-align:right;font:11.5px ui-monospace,Consolas,monospace}.cc-extra{letter-spacing:0;opacity:.7;margin-top:2px;font-family:system-ui,sans-serif;font-size:11.5px;display:block}.cc-sig{background:color-mix(in srgb, var(--cc) 16%, #fff);border-bottom:3px solid var(--ink);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.cc-sig .icon{width:46px;height:46px;display:block}.cc-sig b{letter-spacing:.1em;color:#c81e3a;font-size:12px;font-weight:400;display:block}.cc-sig strong{font-size:21px;font-weight:400;line-height:1;display:block}.cc-sig em{letter-spacing:0;opacity:.7;font-family:system-ui,sans-serif;font-size:11.5px;font-style:normal;display:block}.cc-moves{flex-direction:column;flex:1;gap:4px;padding:6px 10px 8px;display:flex}.cc-moves p{grid-template-columns:42px minmax(0,1fr);gap:1px 8px;margin:0;display:grid}.cc-key{grid-row:1/span 2;align-self:start;width:42px;height:42px;margin-bottom:7px;position:relative}.cc-key svg{width:42px;height:42px;display:block}.cc-moves kbd{white-space:nowrap;letter-spacing:.06em;text-align:center;border:2px solid var(--ink);background:#fff;border-bottom-width:3px;padding:0 4px;font-family:inherit;font-size:10px;line-height:1.25;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.cc-moves strong{font-size:17px;font-weight:400;line-height:1.05}.cc-moves span{letter-spacing:0;font-family:system-ui,sans-serif;font-size:12.4px;line-height:1.3}.cc-moves strong small{letter-spacing:0;opacity:.6;margin-left:8px;font:11px ui-monospace,Consolas,monospace}.cc-moves p.cc-ult{color:var(--paper);border-top:3px solid var(--ink);background:var(--ink);background-image:radial-gradient(color-mix(in srgb, var(--cc) 45%, transparent) 1.3px, transparent 1.6px);background-size:7px 7px;flex:1;align-content:start;margin:4px -10px -8px;padding:10px 10px 11px}.cc-ult kbd{background:var(--p3);color:var(--ink);border-color:var(--p3);box-shadow:0 0 0 2px var(--ink), 0 0 12px color-mix(in srgb, var(--p3) 70%, transparent)}.cc-ult strong{color:var(--p3);flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:20px;display:flex}.cc-ult em{letter-spacing:.1em;color:#fff;background:var(--p1);border:2px solid var(--paper);padding:0 5px;font-size:13px;font-style:normal;transform:rotate(-3deg)}.cc-ult small{letter-spacing:0;color:#c9c2ad;font:11px ui-monospace,Consolas,monospace}.cc-ult span{color:#e9e2c8}@media (hover:none){.cc-detail{display:none}.char-card.selected{grid-column:1/-1}.char-card.selected .cc-detail{opacity:1;visibility:visible;pointer-events:auto;width:auto;max-width:none;box-shadow:none;border-width:3px 0 0;display:block;position:static;transform:none}.char-card.selected .cc-detail:after,.char-card.selected .cc-dname{display:none}}.cc-flag{z-index:1;letter-spacing:.06em;background:var(--pc);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:1px 8px 0;font-size:17px;position:absolute;top:-14px;right:-10px;transform:rotate(5deg)}.char-card:not(.selected) .cc-flag{display:none}@media (max-height:960px) and (min-width:701px){.deck-canvas{aspect-ratio:auto;height:clamp(190px,100vh - 540px,372px)}.cc-portrait{aspect-ratio:16/8}}@media (max-height:820px) and (min-width:701px) and (hover:hover){.cc-detail{grid-template-columns:5fr 6fr;grid-template-areas:"h h""b m""t m""g m";align-items:start;width:740px;display:grid}.cc-dhead{grid-area:h}.cc-blurb{grid-area:b}.cc-stats{border-bottom:0;grid-area:t}.cc-sig{border-top:3px solid var(--ink);border-bottom:0;grid-area:g;align-self:end}.cc-moves{border-left:3px solid var(--ink);grid-area:m;align-self:stretch}}.map-pick{padding:34px 20px 18px;position:relative}.maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:700px){.maps{grid-template-columns:1fr;gap:10px}}.map-card{text-align:left;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;align-items:start;gap:2px 12px;min-width:0;padding:10px 14px 10px 10px;display:grid;position:relative;transform:none}.map-card b{grid-column:2;font-size:24px;font-weight:400}.map-card>span:not(.mc-thumb){letter-spacing:0;color:#4a4552;grid-column:2;font-family:system-ui,sans-serif;font-size:13px}.map-card em{border:3px solid var(--ink);background:var(--paper);grid-area:1/3/span 2;align-self:center;padding:2px 8px;font-size:16px;font-style:normal}.mc-thumb{aspect-ratio:16/9;border:3px solid var(--ink);background:#07070c;grid-area:1/1/span 2;width:clamp(120px,15vw,176px);display:block;overflow:hidden}.map-card[data-map="1"] .mc-thumb{background:#070a08}.mc-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s,transform .4s;display:block}.map-card.has-thumb .mc-thumb img{opacity:1}.map-card.on .mc-thumb img,.map-card:not(:disabled):hover .mc-thumb img{transform:scale(1.06)}.map-card[data-map="1"] em{background:#c6ff3a}.map-card.on{box-shadow:9px 9px 0 var(--p3);background:#fffbe6;transform:rotate(-1deg)translateY(-3px)}.map-card[data-map="1"].on{background:#f1ffd8;box-shadow:9px 9px #6aa82a}.map-card:disabled{cursor:default;opacity:1}.map-card:disabled:not(.on){filter:grayscale(.7);opacity:.6}.map-card:not(:disabled):hover{background:#fffbe6}@media (max-width:700px){.map-card{grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr}.map-card b{font-size:20px}.map-card em{grid-area:3/2;justify-self:start;margin-top:4px;font-size:14px}.mc-thumb{grid-row:1/span 3;width:104px}}.lobby-foot{z-index:6;background:var(--paper);border-top:3px solid var(--ink);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:12px 20px 14px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px #0d0b161f}.lobby-foot .hint{letter-spacing:0;margin-right:auto;font-family:system-ui,sans-serif;font-size:14px}.lobby-foot .start{background:var(--p1);color:#fff;-webkit-text-stroke:1px var(--ink)}@media (max-width:700px){.deck-canvas{aspect-ratio:4/3}.lobby-title{flex-basis:100%;order:3}.room-chip{margin-right:auto}.tag-cls,.tag-you,.tag-plate .host,.tag-open span,.deck-hint{display:none}.tag-plate{border-width:2px 2px 2px 6px;gap:3px;padding:0 4px;font-size:12px}.tag-slot{display:none}.tag-ready{border-width:2px;padding:0 3px;font-size:11px;top:-22px;right:-8px}.tag-open b{font-size:13px}}@media (prefers-reduced-motion:reduce){.char-card{transition:none}.tag-ready.pop{animation:none}}.build-guide{z-index:20;pointer-events:auto;background:#07070c99;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.build-guide.show{display:flex}.bg-panel{width:min(1120px,100%);max-width:min(1120px,100%);padding:0;animation:.16s ease-out lu-pop}.bg-head{flex-wrap:wrap;align-items:center;gap:6px 18px;padding:14px 20px 10px;display:flex}.bg-head h1{color:var(--p3);-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink), 7px 7px 0 var(--p2);margin:0;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:.9;transform:rotate(-1.5deg)}.bg-head p{letter-spacing:0;opacity:.75;flex:1;min-width:220px;margin:0;font-family:system-ui,sans-serif;font-size:13.5px}.bg-close kbd{border:2px solid var(--ink);background:#fff;border-bottom-width:3px;margin-left:4px;padding:0 4px;font-family:inherit;font-size:11px}.bg-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:4px 20px 14px;display:grid}.bg-tab{border:4px solid var(--ink);border-bottom:10px solid var(--cc);box-shadow:4px 4px 0 var(--ink);background:#fff;flex-direction:column;align-items:flex-start;padding:4px 12px;font-size:clamp(22px,2.4vw,30px);line-height:1;display:flex;transform:none}.bg-tab span{letter-spacing:.08em;opacity:.6;font-size:12px}.bg-tab.on{background:color-mix(in srgb, var(--cc) 22%, #fff);box-shadow:7px 7px 0 var(--ink);transform:rotate(-1deg)translateY(-3px)}.bg-tab:not(.on):hover{background:#fffbe6}.bg-body{border-top:4px solid var(--ink);background:color-mix(in srgb, var(--cc) 10%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:14px 20px 18px;display:grid}.bg-build{border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;flex-direction:column;min-width:0;display:flex}.bg-build header{background:repeating-linear-gradient(-45deg, var(--cc) 0 12px, var(--ccd) 12px 18px);border-bottom:3px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 12px 3px;display:flex}.bg-build h3{color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);margin:0;font-size:32px;font-weight:400;line-height:1}.bg-tag{letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:0 6px;font-size:13px}.bg-pitch{letter-spacing:0;margin:8px 12px 2px;font-family:system-ui,sans-serif;font-size:13.5px;line-height:1.35}.bg-build h4{letter-spacing:.1em;border-bottom:2px solid var(--ink);margin:8px 12px 4px;font-size:15px;font-weight:400}.bg-build h4 small{opacity:.6;font-size:13px}.bg-build ul{gap:4px;margin:0;padding:0 12px;list-style:none;display:grid}.bg-evos li{grid-template-columns:34px minmax(0,1fr) auto 28px auto 34px minmax(0,1fr);align-items:center;gap:5px;display:grid}.bg-evos svg{width:34px;height:34px;display:block}.bg-evos li>svg:nth-of-type(2){width:28px;height:28px}.bg-wname{letter-spacing:0;font-family:system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.15}.bg-wname em{letter-spacing:.08em;background:var(--p3);border:2px solid var(--ink);width:max-content;margin-top:1px;padding:0 4px;font-family:Bangers,Impact,sans-serif;font-size:11px;font-style:normal;font-weight:400;display:block}.bg-plus,.bg-arrow{font-size:18px;line-height:1}.bg-evos b{color:#b88a00;-webkit-text-stroke:.4px var(--ink);font-size:17px;font-weight:400;line-height:1}.bg-passives{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-passives li{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px;display:grid}.bg-passives svg{width:32px;height:32px;display:block}.bg-passives b{font-size:16px;font-weight:400;line-height:1.05;display:block}.bg-passives b i{background:var(--p2);border:2px solid var(--ink);vertical-align:2px;margin-left:5px;padding:0 3px;font-size:12px;font-style:normal}.bg-passives small{letter-spacing:0;opacity:.75;font-family:system-ui,sans-serif;font-size:11.5px;line-height:1.2;display:block}.bg-passives small em{letter-spacing:.08em;border:1.5px solid var(--ink);background:#9cff4a;padding:0 3px;font-family:Bangers,Impact,sans-serif;font-size:11px;font-style:normal}.bg-order,.bg-tip{letter-spacing:0;margin:8px 12px 0;font-family:system-ui,sans-serif;font-size:13px;line-height:1.35}.bg-order b,.bg-tip b{letter-spacing:.08em;margin-right:6px;font-family:Bangers,Impact,sans-serif;font-size:14px;font-weight:400}.bg-tip{border-top:3px solid var(--ink);background:color-mix(in srgb, var(--cc) 16%, #fff);margin:auto 0 0;padding:7px 12px 9px}.bg-order{margin-bottom:10px}.bg-rules{border-top:4px solid var(--ink);padding:12px 20px 18px}.bg-rules h2{letter-spacing:.1em;margin:0 0 8px;font-size:22px;font-weight:400}.bg-rules dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0;display:grid}.bg-rules dt{color:var(--p1);-webkit-text-stroke:.5px var(--ink);font-size:17px}.bg-rules dd{letter-spacing:0;margin:0 0 4px;font-family:system-ui,sans-serif;font-size:12.5px;line-height:1.35}@media (max-width:900px){.bg-body{grid-template-columns:1fr}.bg-rules dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.bg-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px 12px}.bg-head,.bg-body,.bg-rules{padding-left:16px;padding-right:16px}.bg-evos li{grid-template-columns:30px minmax(0,1fr) 28px 30px}.bg-evos li>.bg-plus,.bg-evos li>.bg-arrow{display:none}.bg-evos li>b{grid-column:2/-1;font-size:15px}.bg-rules dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bg-panel{animation:none}}.hud{color:var(--paper);position:absolute;inset:0}.hud-top{flex-direction:column;align-items:center;gap:4px;width:clamp(220px,100vw - 640px,720px);display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.xp{border:3px solid var(--ink);width:100%;height:20px;box-shadow:4px 4px 0 var(--ink);background:#15131f;position:relative}.xp-fill{background:linear-gradient(90deg,#4dfff0,#b6ff3b);width:0;height:100%;transition:width .15s}.lvl{color:#fff;-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px 0 var(--ink);font-size:20px;position:absolute;top:-3px;right:6px}.timer{color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);font-size:46px;line-height:1}.boss{text-align:center;width:100%;display:none}.boss-name{color:var(--p1);-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:26px}.boss-bar{border:3px solid var(--ink);height:16px;box-shadow:4px 4px 0 var(--ink);background:#15131f}.boss-fill{background:repeating-linear-gradient(-45deg,#ff3b3b 0 10px,#c81e3a 10px 20px);height:100%}.quest-track{--qc:#ffd23a;border:3px solid var(--ink);width:min(420px,100%);box-shadow:4px 4px 0 var(--ink);background:#15131fd9;margin-top:2px;padding:4px 8px 6px;display:none;transform:rotate(-.6deg)}.qt-head{align-items:baseline;gap:8px;display:flex}.qt-name{color:var(--qc);-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px 0 var(--ink);font-size:22px;font-weight:400}.qt-reward{background:var(--qc);color:var(--ink);border:2px solid var(--ink);padding:0 6px;font-size:14px}.qt-reward:empty{display:none}.qt-time{color:#fff;-webkit-text-stroke:1px var(--ink);margin-left:auto;font-size:22px}.quest-track.hurry .qt-time{color:#ff3b3b;animation:.5s steps(2,end) infinite qt-blink}@keyframes qt-blink{50%{opacity:.4}}.qt-goal{letter-spacing:0;color:var(--paper);margin:1px 0 4px;font-family:system-ui,sans-serif;font-size:13px}.qt-bar{border:2px solid var(--ink);background:#2a2734;height:10px}.qt-fill{background:var(--qc);width:0;height:100%;transition:width .2s}.netstat{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none;background:#15131fd9;gap:8px;padding:1px 7px 2px;font-family:system-ui,sans-serif;font-size:12px;display:flex;position:absolute;top:298px;right:16px}.netstat b{color:#fff6d8;font-weight:600}.netstat b[data-q=ok]{color:#4dff6a}.netstat b[data-q=meh]{color:#ffd23a}.netstat b[data-q=bad]{color:#ff5a4d}.party{flex-direction:column;gap:10px;width:300px;display:flex;position:absolute;top:12px;left:12px}.pcard{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-left:12px solid var(--pc);box-shadow:5px 5px 0 var(--ink);padding:6px 8px 7px}.pcard.me{transform:rotate(-.8deg)}.pcard.hp-down{background:#ffd2d2}.pc-top{align-items:center;gap:6px;font-size:20px;display:flex}.pc-top small{opacity:.6;font-size:13px}.pc-top .pchar{color:var(--cc);-webkit-text-stroke:.4px var(--ink);margin-left:auto;font-size:15px}.hpbar{border:3px solid var(--ink);background:#2a2734;height:24px;margin-top:4px;position:relative;overflow:hidden}.hptrail{background:#fff6d8;width:100%;position:absolute;top:0;bottom:0;left:0}.hpfill{background:#4dff6a;width:100%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 3px #fff6}.hpshield{width:0;height:6px;box-shadow:0 2px 0 var(--ink);z-index:1;background:#4dfff0;position:absolute;top:0;left:0}.hpshield.plating{background:#ff8a1e}.hpbar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(var(--blk,25%) - 2px), var(--ink) calc(var(--blk,25%) - 2px) var(--blk,25%));pointer-events:none;position:absolute;inset:0}.pcard.hp-mid .hpfill{background:#ffd23a}.pcard.hp-low .hpfill{background:#ff3b3b;animation:.36s step-end infinite hp-blink}.pcard.hp-down .hpfill{background:repeating-linear-gradient(-45deg, var(--pc) 0 8px, #fff6d8 8px 16px)}@keyframes hp-blink{50%{background:#fff}}.hpbar span{z-index:1;text-align:center;color:#fff;-webkit-text-stroke:.8px var(--ink);text-shadow:1px 1px 0 var(--ink);font-size:17px;line-height:18px;position:absolute;inset:0}.pstats{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;display:grid}.ps{background:var(--ink);color:var(--paper);text-align:center;padding:1px 5px 2px}.ps span{letter-spacing:1px;opacity:.65;font-size:10px;display:block}.ps b{font-size:18px;font-weight:400;line-height:1.1;display:block}.ploadout{gap:5px;min-height:0;margin-top:6px;display:flex}.ploadout span{align-items:center;gap:2px;display:flex}.ploadout .icon{width:28px;height:28px}.ploadout i{opacity:.7;font-size:12px;font-style:normal}@media (max-height:760px){.party{transform-origin:0 0;transform:scale(.86)}}.skillbar{transform-origin:bottom;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (max-width:1240px){.skillbar{transform:translate(-50%)scale(.85)}}@media (max-width:1060px){.skillbar{transform:translate(-50%)scale(.72)}}@media (max-width:860px){.skillbar{transform:translate(-50%)scale(.58)}}.abilities{gap:12px;display:flex}.ab{pointer-events:auto;background:var(--ink);width:88px;height:88px;color:var(--ink);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);position:relative;overflow:hidden}.ab .ico{position:absolute;inset:-3px}.ab .ico svg{width:100%;height:100%;display:block}.ab .key{z-index:2;background:var(--ink);color:#fff6d8;border-radius:3px;padding:2px 4px 1px;font-size:13px;line-height:1;position:absolute;top:3px;left:3px}.ab .lbl{z-index:2;text-align:center;color:#fff6d8;background:#0d0b16cc;padding:2px 0 3px;font-size:15px;line-height:1;position:absolute;bottom:0;left:0;right:0}.ab .cd{z-index:1;background:#0d0b16b3;height:0;position:absolute;top:0;left:0;right:0}.ab .num{z-index:3;color:#fff6d8;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);pointer-events:none;justify-content:center;align-items:center;font-size:44px;display:flex;position:absolute;inset:0}.ab .num:empty{display:none}:is(.ab:has(.num:not(:empty)) .key,.ab:has(.num:not(:empty)) .lbl){visibility:hidden}.ab.ult.active{box-shadow:0 0 0 4px #7ff6ff, 5px 5px 0 var(--ink);animation:.5s ease-in-out infinite alternate ult-live}.ab.ult.active .cd{opacity:.35}.ab .chg{letter-spacing:1px;z-index:2;color:#ffd60a;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:13px;position:absolute;top:2px;right:4px}.ab.dash.active{box-shadow:0 0 0 4px #ffd23a, 5px 5px 0 var(--ink);animation:.5s ease-in-out infinite alternate ult-live}@keyframes ult-live{0%{transform:scale(1)}to{transform:scale(1.08)rotate(-2deg)}}.loadout{align-items:flex-end;gap:7px;display:flex}.slot{pointer-events:auto;box-sizing:border-box;background:var(--paper);width:64px;height:72px;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:4px 3px 3px;display:flex;position:relative}.slot .icon{width:46px;height:46px;display:block}@property --cd{syntax:"<number>";inherits:false;initial-value:0}.slot .wcd{pointer-events:none;background:conic-gradient(#0d0b1699 calc(var(--cd) * 360deg), transparent 0);transition:--cd 80ms linear;position:absolute;inset:0}.slot.passive{background:#d9f2ff}.slot.bonus{background:#eadcff}.slot.relic{background:#ffe9a8}.slot.relic .relic-gem{color:#c38bff;-webkit-text-stroke:1px var(--ink);font-size:36px;line-height:46px;display:block}.slot.evo{background:var(--p3);transform:rotate(-3deg)}.slot.sig:after{content:"★";color:#ffd60a;-webkit-text-stroke:1px var(--ink);font-size:16px;position:absolute;top:-10px;right:-8px}.slot.empty{box-shadow:none;background:#fff6d814;border:3px dashed #fff6d873}.slot.empty.active{border-color:#ffd60a99}.slot-gap{width:10px}.pips{letter-spacing:1px;font-size:11px;line-height:1}.skill-tip{z-index:30;pointer-events:none;opacity:0;background:var(--paper);width:max-content;max-width:300px;color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:6px 10px 8px;transition:opacity .12s;position:fixed}.skill-tip.show{opacity:1}.skill-tip b{font-size:20px;font-weight:400;line-height:1.05;display:block}.skill-tip small{letter-spacing:.08em;opacity:.65;font-size:11px;display:block}.skill-tip p{letter-spacing:0;margin:4px 0 0;font-family:system-ui,sans-serif;font-size:13px;line-height:1.3}.skill-tip p:empty{display:none}.mission-banner{opacity:0;background:var(--p3);color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:center;pointer-events:none;padding:6px 18px 8px;transition:opacity .25s,transform .25s cubic-bezier(.2,1.6,.4,1);position:absolute;top:112px;left:50%;transform:translate(-50%)rotate(-1.5deg)scale(.6)}.mission-banner.show{opacity:1;transform:translate(-50%)rotate(-1.5deg)scale(1)}.mission-banner b{font-size:34px;font-weight:400;line-height:1;display:block}.mission-banner span{letter-spacing:0;font-family:system-ui,sans-serif;font-size:13px}.downed-banner{background:var(--p1);color:#fff;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);-webkit-text-stroke:.6px var(--ink);white-space:nowrap;padding:8px 16px;font-size:22px;position:absolute;bottom:130px;left:50%;transform:translate(-50%)rotate(-1deg)}.minimap{border:4px solid var(--ink);width:266px;height:266px;box-shadow:6px 6px 0 var(--ink);background:#16141f;padding:0;position:absolute;top:18px;right:16px;transform:rotate(.8deg)}.minimap canvas{width:260px;height:260px;margin:-1px;display:block}.mm-label{background:var(--p2);color:var(--ink);border:3px solid var(--ink);z-index:1;padding:0 6px;font-size:14px;position:absolute;top:-14px;left:-6px;transform:rotate(-4deg)}@media (max-width:760px){.minimap{transform-origin:100% 0;transform:scale(.7)}.netstat{top:218px}}.devbar{opacity:.85;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:236px;display:flex;position:absolute;top:338px;right:12px}.levelup{pointer-events:auto;z-index:20;background:radial-gradient(#0d0b1659 1.6px,#0000 1.8px) 0 0/7px 7px,#07070c73;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.lu-panel{flex-direction:column;gap:12px;width:min(1180px,100%);animation:.2s ease-out lu-pop;display:flex}@keyframes lu-pop{0%{opacity:0;transform:scale(.8)rotate(-2deg)}to{opacity:1;transform:none}}.lu-head{justify-content:center;align-items:center;gap:20px;display:flex}.lu-title{color:#4dfff0;-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px 0 var(--ink);font-size:64px;line-height:1;transform:rotate(-2deg)}.lu-timer{background:var(--paper);width:78px;height:78px;color:var(--ink);border:5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex}.lu-timer.hurry{background:var(--p1);color:#fff;-webkit-text-stroke:1px var(--ink);animation:.5s infinite lu-shake}@keyframes lu-shake{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)scale(1.06)}}.lu-sub{text-align:center;letter-spacing:0;color:#fff;text-shadow:1px 1px 0 var(--ink);font-family:system-ui,sans-serif;font-size:15px}.lu-sub .more{color:var(--p3);font-weight:700}.lu-cards{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:10px;display:grid}.lu-slot{flex-direction:column;align-items:stretch;gap:12px;display:flex}.lu-card{--lc:#cfd6e4;text-align:center;background:linear-gradient(180deg, var(--lc) 0 168px, var(--paper) 168px);min-height:380px;box-shadow:8px 8px 0 var(--ink);flex-direction:column;align-items:center;padding:0 0 16px;font-size:16px;display:flex;position:relative;overflow:visible;transform:none}.lu-card.tier-1{--lc:#cfd6e4}.lu-card.tier-2{--lc:#7dff6a}.lu-card.tier-3{--lc:#22d8ff}.lu-card.tier-4{--lc:#b07aff}.lu-card.tier-5{--lc:#ff8a1a}.lu-card.tier-evo{--lc:#ffd60a;background:radial-gradient(#ff3b3b59 1.6px,#0000 1.9px) 0 0/8px 8px,linear-gradient(#ffd60a 0 168px,#fff3b0 168px)}.lu-card.tier-heal{--lc:#ff8a9a}.lu-card.tier-bonus{--lc:#c38bff}.lu-card.tier-relic{--lc:#ffc94a}.lu-card .lu-tag.relic{color:var(--ink);background:#ffc94a}.relic-icon{color:#fff6d8;border:4px solid var(--ink);width:120px;height:120px;box-shadow:5px 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink);background:#c38bff;border-radius:50%;place-items:center;margin:0 auto;font-size:72px;display:grid;transform:rotate(-3deg)}.lu-card.active{box-shadow:9px 9px 0 var(--ink);border:7px solid;border-image:repeating-linear-gradient(-45deg,#ffd60a 0 9px,#0d0b16 9px 18px) 7}.lu-tag{z-index:1;letter-spacing:1px;border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#22d8ff;padding:2px 10px;font-size:18px;position:absolute;top:-15px;right:-12px;transform:rotate(4deg)}.lu-card.active .lu-tag{color:#fff;-webkit-text-stroke:.5px var(--ink);background:#ff3b3b;font-size:20px}.lu-card.tier-heal .lu-tag{background:#ff8a9a}.lu-card .lu-tag.bonus{background:#c38bff}.lu-card .lu-tag.sig,.lu-card.active .lu-tag.sig{color:var(--ink);-webkit-text-stroke:0;background:#ffd60a}.lu-warn{color:#fff;border:3px solid var(--ink);-webkit-text-stroke:.4px var(--ink);background:#ff3b3b;margin:-4px 0 8px;padding:1px 10px;font-size:16px;animation:.6s ease-in-out infinite alternate lu-dot;transform:rotate(-2deg)}.lu-stats{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 10px;display:flex}.lu-stats .st{background:var(--ink);min-width:72px;color:var(--paper);border:2px solid var(--ink);padding:2px 8px 3px}.lu-stats .st span{opacity:.7;letter-spacing:1px;font-size:12px;display:block}.lu-stats .st b{font-size:20px;font-weight:400}.lu-stats .st s{color:#e9e4d2;opacity:.6;margin-right:4px;font-size:14px}.lu-stats .st.up{background:#1e3a1a}.lu-stats .st.up b{color:#9cff4a}.lu-path{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:10px;display:flex}.lu-path .icon{width:34px;height:34px}.lu-path i{font-size:20px;font-style:normal}.lu-path span{display:inline-flex;position:relative}.lu-path span.have:after{content:"✓";text-align:center;width:16px;height:16px;color:var(--ink);border:2px solid var(--ink);background:#9cff4a;border-radius:50%;font-size:12px;line-height:15px;position:absolute;bottom:-6px;right:-5px}.lu-path em{opacity:.75;flex-basis:100%;font-size:14px;font-style:normal}.lu-path.now em{opacity:1;color:#c81e3a;font-size:16px}.lu-slot:nth-child(2) .lu-card{transform:rotate(.8deg)}.lu-card:hover{filter:brightness(1.06);transform:translateY(-6px)rotate(-1deg)}.lu-band{border-bottom:4px solid var(--ink);background:radial-gradient(#0d0b1629 1.4px,#0000 1.7px) 0 0/7px 7px;justify-content:center;align-items:center;width:100%;height:168px;display:flex}.lu-band .icon{width:128px;height:128px;filter:drop-shadow(5px 5px 0 var(--ink));transition:transform .12s;transform:rotate(-3deg)}.lu-card:hover .lu-band .icon{transform:rotate(3deg)scale(1.07)}.lu-reroll{align-self:center}.lu-key{background:var(--ink);width:38px;height:38px;color:var(--paper);z-index:1;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:-16px;left:-14px}.lu-kind{opacity:.7;margin-top:12px;font-size:17px}.lu-name{margin:2px 12px 8px;font-size:40px;line-height:1}.lu-dots{justify-content:center;gap:7px;margin-bottom:10px;display:flex}.lu-dots i{border:3px solid var(--ink);background:0 0;border-radius:50%;width:18px;height:18px}.lu-dots i.on{background:var(--ink)}.lu-dots i.new{background:var(--lc);box-shadow:0 0 0 3px var(--paper), 0 0 0 6px var(--ink);animation:.7s ease-in-out infinite alternate lu-dot}@keyframes lu-dot{0%{transform:scale(.85)}to{transform:scale(1.15)}}.lu-dots.evo b{color:#c81e3a;letter-spacing:1px;font-size:20px;font-weight:400}.lu-text{padding:0 18px}.lu-card p{letter-spacing:0;margin:0;font-family:system-ui,sans-serif;font-size:15px;line-height:1.35}.lu-card .evo-hint{opacity:.6;margin-top:8px;font-size:14px}.lu-card .evo-hint.yours{opacity:1;color:#1e7a2a;font-weight:700}.lu-hint{text-align:center;letter-spacing:0;color:#e9e4d2;margin-top:4px;font-family:system-ui,sans-serif;font-size:12.5px}.lu-waiting{text-align:center;color:#9cff4a;-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink);padding:30px 0;font-size:46px}.lu-waiting small{color:#fff;-webkit-text-stroke:.6px var(--ink);font-size:20px;display:block}.lu-crew{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lu-member{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-left:10px solid var(--pc);box-shadow:3px 3px 0 var(--ink);padding:2px 10px;font-size:16px}.lu-member.done{background:#c9f7a8}.lu-member.picking{animation:1s infinite lu-blink}@keyframes lu-blink{50%{background:#fff}}@media (max-width:760px){.lu-cards{grid-template-columns:1fr}.lu-card{background:linear-gradient(180deg, var(--lc) 0 84px, var(--paper) 84px);min-height:0}.lu-band{height:84px}.lu-band .icon{width:64px;height:64px}.lu-name{font-size:28px}.lu-card p{display:none}.lu-title{font-size:44px}}@media (max-height:760px) and (min-width:761px){.lu-card{background:linear-gradient(180deg, var(--lc) 0 140px, var(--paper) 140px);min-height:330px}.lu-card.tier-evo{background:radial-gradient(#ff3b3b59 1.6px,#0000 1.9px) 0 0/8px 8px,linear-gradient(#ffd60a 0 140px,#fff3b0 140px)}.lu-band{height:140px}.lu-band .icon{width:108px;height:108px}.lu-title{font-size:52px}}.end{pointer-events:auto;background:#07070c73}.end-panel{width:min(860px,96vw);max-height:94vh;position:relative;overflow:auto;transform:rotate(-.5deg)}.end-panel h1{-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);margin:0;font-size:64px;line-height:1}.end-panel h1.won{color:var(--p3);text-shadow:6px 6px 0 #ff3b3b, 10px 10px 0 var(--ink);font-size:clamp(56px,9vw,96px)}.end-panel h1.lost{color:var(--p1)}.end.won .end-head{text-align:center}.end.won h1.won{animation:.32s cubic-bezier(.5,0,.8,.4) .2s backwards end-stamp}@keyframes end-stamp{0%{opacity:0;transform:scale(3.2)rotate(8deg)}80%{opacity:1;transform:scale(.94)rotate(-2deg)}to{transform:none}}.end-rays{pointer-events:none;background:repeating-conic-gradient(#ffd60a52 0deg 9deg,#fff6d814 9deg 18deg);width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;animation:40s linear infinite end-spin;position:absolute;top:50%;left:50%}@keyframes end-spin{to{transform:rotate(360deg)}}.end-confetti{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.end-confetti i{border:2px solid var(--ink);width:12px;height:18px;transform:rotate(var(--rot));animation:3s linear infinite end-fall;position:absolute;top:-20px}@keyframes end-fall{0%{translate:0 -20px;rotate:0deg}to{translate:40px 110vh;rotate:720deg}}.end-trophies{gap:10px;margin:12px 0 6px;display:flex}.trophy{text-align:center;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);opacity:.45;background:#fff;flex:1;padding:6px 8px}.trophy b{font-size:17px;font-weight:400;display:block}.trophy span{border:2px solid var(--ink);background:#ddd;margin-top:2px;padding:0 6px;font-size:13px;display:inline-block}.trophy.got{opacity:1;background:var(--tc);transform:rotate(-1.5deg)}.trophy.got:nth-child(2){transform:rotate(1.5deg)}.trophy.got span{background:#fff6d8;transform:rotate(-4deg)}.trophy.quests{opacity:1;flex:.7}.trophy.quests b{font-size:28px;line-height:1}.end-crew{grid-template-columns:1fr 1fr;gap:12px;display:grid}.end-crew.solo{grid-template-columns:1fr}.crew-card{border:3px solid var(--ink);border-left:12px solid var(--pc);box-shadow:5px 5px 0 var(--ink);background:#fff;padding:8px 10px}.cr-head{align-items:baseline;gap:8px;font-size:24px;display:flex}.cr-head small{color:var(--cc);-webkit-text-stroke:.5px var(--ink);font-size:14px}.cr-awards{flex-wrap:wrap;gap:6px;min-height:22px;margin:4px 0;display:flex}.award{background:var(--p3);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:0 6px;font-size:14px;transform:rotate(-2deg)}.award:nth-child(2n){background:#4dfff0;transform:rotate(2deg)}.cr-nums{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cr-nums span{opacity:.65;font-size:12px;display:block}.cr-nums b{font-size:22px;font-weight:400}.cr-kit{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.cr-kit .kit{border:2px solid var(--ink);background:#fff6d8;place-items:center;width:34px;height:34px;display:grid}.cr-kit .kit.evo{background:#ffd60a}.cr-kit .kit svg{width:30px;height:30px}@media (max-width:640px){.end-crew{grid-template-columns:1fr}.end-trophies{flex-wrap:wrap}}.end-panel .sub{letter-spacing:0;font-family:system-ui,sans-serif}.end-stats{gap:12px;margin:10px 0 14px;display:flex}.end-stats div{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;flex:1;padding:6px 10px}.end-stats span{opacity:.7;font-size:14px;display:block}.end-stats b{font-size:32px;font-weight:400}.end-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.end-actions .hint{letter-spacing:0;margin-right:auto;font-family:system-ui,sans-serif}.volumes{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.volumes label{flex-direction:column;flex:1;gap:2px;min-width:120px;font-size:15px;display:flex}.volumes input[type=range]{box-shadow:none;accent-color:var(--p1);background:0 0;border:none;width:100%;padding:0}.lu-reroll.off{opacity:.45;cursor:not-allowed}.lu-cards.deal .lu-slot{animation:.18s ease-out backwards lu-deal}.lu-cards.deal .lu-slot:nth-child(2){animation-delay:80ms}.lu-cards.deal .lu-slot:nth-child(3){animation-delay:.16s}@keyframes lu-deal{0%{opacity:0;transform:translateY(-30px)rotate(-6deg)}to{opacity:1;transform:none}}.end-panel .tally{animation:.15s steps(2,end) backwards tally-in}@keyframes tally-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.boss-intro{pointer-events:none;z-index:15;--bi-tint:#c814288c;--bi-a:#ffd60a;--bi-b:#0d0b16;--bi-burst:#ff3b3b;--bi-warn:#ffd60a;--bi-shadow:#c81e3a;display:none;position:absolute;inset:0;overflow:hidden}.boss-intro[data-boss=walker]{--bi-tint:#46780a99;--bi-a:#9cff4a;--bi-b:#22301a;--bi-burst:#6fae1e;--bi-warn:#eaff9a;--bi-shadow:#2f5a0c}.boss-intro[data-boss=overseer]{--bi-tint:#641ebea6;--bi-a:#c38bff;--bi-b:#1b1030;--bi-burst:#8b3bff;--bi-warn:#ff4fd8;--bi-shadow:#4a148c}.boss-intro[data-zone=butcher]{--bi-tint:#780a0e9e;--bi-a:#e6dcc4;--bi-b:#2a0a0c;--bi-burst:#a8262b;--bi-warn:#fff6d8;--bi-shadow:#5a1218}.boss-intro[data-zone=abomination]{--bi-tint:#6e46329e;--bi-a:#c6ff3a;--bi-b:#2a1a16;--bi-burst:#c49a8e;--bi-warn:#eaff9a;--bi-shadow:#5a3a30}.boss-intro[data-zone=broodmother]{--bi-tint:#285a14a8;--bi-a:#c6ff3a;--bi-b:#121a0c;--bi-burst:#6aa82a;--bi-warn:#f0ff8a;--bi-shadow:#2a4a12}.boss-intro.show{animation:.5s ease-in 3.6s forwards bi-out;display:block}@keyframes bi-out{to{opacity:0}}.bi-tint{background:radial-gradient(ellipse at center, transparent 45%, var(--bi-tint) 100%);opacity:0;position:absolute;inset:0}.boss-intro.show .bi-tint{animation:.9s ease-in-out 4 bi-pulse}@keyframes bi-pulse{0%,to{opacity:.15}50%{opacity:1}}.bi-bar{border:4px solid var(--ink);background:repeating-linear-gradient(-45deg, var(--bi-a) 0 22px, var(--bi-b) 22px 44px);height:46px;box-shadow:0 6px 0 var(--ink);position:absolute;left:-5%;right:-5%;overflow:hidden}.bi-bar.top{top:0;transform:translateY(-120%)rotate(-1.5deg)}.bi-bar.bottom{box-shadow:0 -6px 0 var(--ink);bottom:0;transform:translateY(120%)rotate(-1.5deg)}.boss-intro.show .bi-bar.top{animation:.35s cubic-bezier(.2,1.5,.4,1) forwards bi-bar-top}.boss-intro.show .bi-bar.bottom{animation:.35s cubic-bezier(.2,1.5,.4,1) forwards bi-bar-bottom}@keyframes bi-bar-top{to{transform:translateY(14px)rotate(-1.5deg)}}@keyframes bi-bar-bottom{to{transform:translateY(-14px)rotate(-1.5deg)}}.bi-marquee{white-space:nowrap;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);letter-spacing:3px;padding-left:0;font-size:26px;line-height:38px}.boss-intro.show .bi-marquee{animation:6s linear infinite bi-scroll}.boss-intro.show .bi-marquee.rev{animation-direction:reverse}@keyframes bi-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.bi-center{text-align:center;width:min(900px,94vw);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.bi-burst-wrap{filter:drop-shadow(4px 0 0 var(--ink)) drop-shadow(-4px 0 0 var(--ink)) drop-shadow(0 4px 0 var(--ink)) drop-shadow(0 -4px 0 var(--ink)) drop-shadow(9px 9px 0 var(--ink));position:absolute;inset:0}.bi-burst{background:var(--bi-burst);clip-path:polygon(50% 0%,57% 18%,72% 6%,72% 24%,92% 16%,84% 34%,100% 40%,86% 52%,98% 66%,80% 68%,86% 88%,66% 78%,58% 100%,48% 82%,34% 96%,32% 76%,12% 86%,18% 66%,0% 58%,16% 46%,4% 30%,24% 28%,20% 8%,38% 18%);border:0;width:min(760px,92vw);height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.boss-intro.show .bi-burst{animation:.4s cubic-bezier(.2,1.6,.4,1) 50ms forwards bi-burst,.18s steps(2,end) .5s infinite bi-wobble}@keyframes bi-burst{to{transform:translate(-50%,-50%)scale(1)}}@keyframes bi-wobble{50%{transform:translate(-50%,-50%)scale(1.03)rotate(1deg)}}.bi-warn{color:var(--bi-warn);-webkit-text-stroke:4px var(--ink);text-shadow:8px 8px 0 var(--ink);opacity:0;font-size:clamp(64px,12vw,140px);line-height:1;position:relative;transform:scale(2.4)rotate(-6deg)}.boss-intro.show .bi-warn{animation:.35s cubic-bezier(.2,1.6,.4,1) .15s forwards bi-pop,.12s linear .5s 10 bi-shake}@keyframes bi-pop{to{opacity:1;transform:scale(1)rotate(-4deg)}}@keyframes bi-shake{0%,to{translate:0}25%{translate:-4px 2px}75%{translate:4px -2px}}.bi-kicker{background:var(--ink);color:#fff6d8;letter-spacing:4px;opacity:0;margin-top:6px;padding:2px 14px;font-size:clamp(18px,2.4vw,26px);display:inline-block;position:relative;transform:translateY(10px)}.boss-intro.show .bi-kicker{animation:.25s ease-out .7s forwards bi-rise}@keyframes bi-rise{to{opacity:1;transform:none}}.bi-name{color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:7px 7px 0 var(--bi-shadow), 11px 11px 0 var(--ink);opacity:0;margin-top:10px;font-size:clamp(48px,8vw,96px);line-height:1;position:relative;transform:scale(3)rotate(4deg)}.boss-intro.show .bi-name{animation:.22s cubic-bezier(.5,0,.8,.4) 1.2s forwards bi-stamp}@keyframes bi-stamp{80%{opacity:1;transform:scale(.94)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}.bi-deco{position:absolute;inset:0}.bi-deco i{opacity:0;display:block;position:absolute}.boss-intro[data-boss=shredder] .bi-deco i{border:5px solid var(--ink);transform-origin:0;background:#fff6d8;width:120%;height:22px;left:-10%;transform:rotate(-24deg)scaleX(0);box-shadow:6px 6px #c81e3a}.boss-intro[data-boss=shredder] .bi-deco i:first-child{top:26%}.boss-intro[data-boss=shredder] .bi-deco i:nth-child(2){top:40%}.boss-intro[data-boss=shredder] .bi-deco i:nth-child(3){top:54%}.boss-intro.show[data-boss=shredder] .bi-deco i{animation:.16s ease-out forwards bi-slash,.4s ease-in .9s forwards bi-out}.boss-intro.show[data-boss=shredder] .bi-deco i:nth-child(2){animation-delay:80ms,.95s}.boss-intro.show[data-boss=shredder] .bi-deco i:nth-child(3){animation-delay:.16s,1s}@keyframes bi-slash{0%{opacity:1;transform:rotate(-24deg)scaleX(0)}to{opacity:1;transform:rotate(-24deg)scaleX(1)}}.boss-intro[data-boss=walker] .bi-deco i:first-child{border:8px dashed var(--bi-a);width:520px;height:520px;box-shadow:0 0 0 6px var(--ink), inset 0 0 0 6px var(--ink);border-radius:50%;margin:-260px 0 0 -260px;top:42%;left:50%;transform:scale(2.2)rotate(0)}.boss-intro[data-boss=walker] .bi-deco i:nth-child(2){background:var(--bi-a);border:3px solid var(--ink);width:10px;margin-left:-5px;top:4%;bottom:4%;left:50%}.boss-intro[data-boss=walker] .bi-deco i:nth-child(3){background:var(--bi-a);border:3px solid var(--ink);height:10px;margin-top:-5px;top:42%;left:8%;right:8%}.boss-intro.show[data-boss=walker] .bi-deco i:first-child{animation:.9s cubic-bezier(.3,1.4,.5,1) forwards bi-lock,.5s ease-in 3s forwards bi-out}.boss-intro.show[data-boss=walker] .bi-deco i:nth-child(2),.boss-intro.show[data-boss=walker] .bi-deco i:nth-child(3){opacity:0;animation:.2s ease-out .7s forwards bi-rise,.5s ease-in 3s forwards bi-out}@keyframes bi-lock{0%{opacity:0;transform:scale(2.2)rotate(-90deg)}to{opacity:.85;transform:scale(1)rotate(0)}}.boss-intro.show[data-boss=walker] .bi-center{animation:.25s ease-out bi-stomp,.25s ease-out .6s bi-stomp,.3s ease-out 1.2s bi-stomp}@keyframes bi-stomp{0%{translate:0}20%{translate:0 18px}50%{translate:0 -6px}to{translate:0}}.boss-intro[data-boss=overseer] .bi-deco i:first-child{background:repeating-linear-gradient(0deg,#c38bff29 0 2px,#0000 2px 6px);inset:0}.boss-intro.show[data-boss=overseer] .bi-deco i:first-child{animation:.3s ease-out forwards bi-rise}.boss-intro.show[data-boss=overseer] .bi-name{animation:.22s cubic-bezier(.5,0,.8,.4) 1.2s forwards bi-stamp,.5s steps(2,end) 1.45s 5 bi-glitch}@keyframes bi-glitch{0%{text-shadow:7px 7px 0 var(--bi-shadow), 11px 11px 0 var(--ink);translate:0}25%{text-shadow:-6px 0 0 #4dfff0, 6px 0 0 #ff4fd8, 11px 11px 0 var(--ink);translate:4px}50%{text-shadow:7px 7px 0 var(--bi-shadow), 11px 11px 0 var(--ink);translate:-3px 1px}75%{text-shadow:6px 0 0 #4dfff0, -6px 0 0 #ff4fd8, 11px 11px 0 var(--ink);translate:0 -2px}}.bi-tip{color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);letter-spacing:0;opacity:0;background:#fff6d8;margin-top:14px;padding:6px 14px;font-family:system-ui,sans-serif;font-size:clamp(13px,1.6vw,17px);font-weight:700;display:inline-block;position:relative;transform:rotate(1deg)translateY(10px)}.boss-intro.show .bi-tip{animation:.3s ease-out 1.6s forwards bi-rise}.pause{z-index:20;pointer-events:auto;background:#07070c8c}.pause-panel{width:min(560px,100%);animation:.16s ease-out lu-pop;transform:rotate(-.6deg)}.pause-head{align-items:center;gap:14px;display:flex}.pause-head h1{color:var(--p3);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink), 9px 9px 0 var(--p2);margin:0;font-size:64px;font-weight:400;line-height:.9}.pause.coop .pause-head h1{color:var(--p2);text-shadow:5px 5px 0 var(--ink), 9px 9px 0 var(--p1)}.room-tag{letter-spacing:.12em;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--p2);background:#fff;margin-left:auto;padding:0 8px;font-size:18px;transform:rotate(2deg)}.room-tag:empty{display:none}.pause-sub{letter-spacing:0;margin:12px 0 14px;font-family:system-ui,sans-serif;font-weight:600}.pause-actions{flex-direction:column;gap:10px;display:flex}.pause-actions button{text-align:left;align-items:baseline;gap:10px;display:flex}.pause-actions button small{opacity:.65;font-size:15px}.pause-actions .resume{background:#9cff4a}.pause-actions .armed{background:var(--p1);color:#fff;-webkit-text-stroke:1px var(--ink);animation:.12s linear 3 armed-shake}@keyframes armed-shake{50%{transform:rotate(1deg)translate(2px)}}.pause-panel kbd,.vote-prompt kbd{letter-spacing:.06em;border:2px solid var(--ink);color:var(--ink);-webkit-text-stroke:0;background:#fff;border-bottom-width:3px;padding:0 5px;font-family:inherit;font-size:13px;line-height:1.3}.pause-actions kbd{margin-left:auto}.pause-panel h2{letter-spacing:.1em;border-bottom:3px solid var(--ink);margin:18px 0 0;font-size:20px;font-weight:400}.pause-panel .volumes{margin-top:8px}.pause-panel .quality{margin-top:10px}.pause-keys{letter-spacing:0;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:6px 10px;margin-top:10px;font-family:system-ui,sans-serif;font-size:13px;display:grid}.pause-keys kbd{justify-self:start}@media (max-width:520px){.pause-keys{grid-template-columns:auto 1fr}.pause-head h1{font-size:48px}}.vote-prompt{z-index:25;background:var(--paper);width:min(320px,100vw - 32px);color:var(--ink);border:4px solid var(--ink);border-top:12px solid var(--p3);box-shadow:7px 7px 0 var(--ink);pointer-events:auto;padding:8px 12px 10px;animation:.2s cubic-bezier(.2,1.5,.4,1) vp-in;position:absolute;top:50%;right:16px;transform:rotate(.8deg)}@keyframes vp-in{0%{opacity:0;transform:translate(60px)rotate(6deg)}}.vote-prompt.passed{border-top-color:#9cff4a}.vote-prompt.failed,.vote-prompt.timeout,.vote-prompt.cancelled,.vote-prompt.denied{border-top-color:var(--p1)}.vp-head{letter-spacing:.06em;font-size:26px;line-height:1}.vote-prompt.passed .vp-head{color:#2c9b00}.vp-body{letter-spacing:0;margin:4px 0 6px;font-family:system-ui,sans-serif;font-size:13.5px;font-weight:600}.vp-tally{flex-wrap:wrap;gap:5px;display:flex}.vp-chip{border:2px solid var(--ink);border-left:7px solid var(--pc);background:#fff;padding:0 6px;font-size:14px}.vp-chip.yes{background:#c9f7a8}.vp-chip.no{background:#ffd2d2;text-decoration:line-through}.vp-chip.wait{background:#e9e4d2;border-left-width:2px;animation:1s infinite lu-blink}.vp-need{margin-top:6px;font-size:16px}.vp-need b{font-size:20px;font-weight:400}.vp-actions{gap:8px;margin-top:8px;display:flex}.vp-actions button{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.vp-yes{background:#9cff4a}.vp-mine{letter-spacing:0;opacity:.75;margin-top:8px;font-family:system-ui,sans-serif;font-size:13px}.menu.title{pointer-events:auto;--mx:0;--my:0;grid-template-rows:auto minmax(0,1fr) auto;justify-content:stretch;align-items:stretch;padding:0;display:grid;overflow:hidden auto}.title>*{z-index:2;position:relative}.title .title-sky,.title .scrap-rain{z-index:0;position:fixed;inset:0}.title-sky{pointer-events:none;background:radial-gradient(55% 60% at 72% 58%,#ff3b3b38,#0000 70%),linear-gradient(#07070ce6 0%,#07070c8c 42%,#07070cf0 100%);overflow:hidden}.title-sky:after{content:"";background-image:radial-gradient(#ffd60a29 1.3px,#0000 1.7px);background-size:10px 10px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(48% 55% at 72% 58%,#000,#0000 75%);mask-image:radial-gradient(48% 55% at 72% 58%,#000,#0000 75%)}.title-rays{background:repeating-conic-gradient(#ffd60a13 0 5deg, transparent 5deg 13deg);width:220vmax;height:220vmax;translate:calc(var(--mx) * -18px) calc(var(--my) * 12px);margin:-110vmax 0 0 -110vmax;animation:140s linear infinite rays-spin;position:absolute;top:58%;left:72%;-webkit-mask-image:radial-gradient(circle,#000 4%,#0000 32%);mask-image:radial-gradient(circle,#000 4%,#0000 32%)}@keyframes rays-spin{to{transform:rotate(360deg)}}.scrap-rain{pointer-events:none;width:100%;height:100%;display:block}.title-bar{align-items:flex-start;gap:16px;padding:18px 24px 0;display:flex}.issue{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--p1);flex-direction:column;padding:2px 10px 3px;line-height:1;display:flex;transform:rotate(-2deg)}.issue b{color:var(--p1);-webkit-text-stroke:1px var(--ink);font-size:26px;font-weight:400}.issue span{letter-spacing:.1em;font-size:12px}.storm{letter-spacing:.16em;color:var(--ink);background:repeating-linear-gradient(-45deg, var(--p3) 0 14px, #e8c200 14px 28px);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:10px;margin:6px auto 0;padding:3px 14px 1px;font-size:15px;display:flex;transform:rotate(.6deg)}.storm i{background:var(--p1);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;animation:1.1s steps(2,jump-none) infinite storm-blink}@keyframes storm-blink{50%{background:#3a0d12}}.icon-btn{place-items:center;width:50px;height:50px;margin-left:auto;padding:7px;display:grid;transform:rotate(2deg)}.icon-btn svg{color:#a9b0bb;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,1.6,.4,1)}.icon-btn:hover svg,.settings-open .icon-btn svg{color:var(--ink);transform:rotate(90deg)}.settings-open .icon-btn{background:var(--p3)}.title-main{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:center;gap:0 2vw;min-height:0;padding:0 max(24px,4vw);display:grid}.title-left{flex-direction:column;gap:14px;padding:8px 0 12px;display:flex}.title-logo{white-space:nowrap;letter-spacing:.01em;transform-origin:0 100%;transform:rotate(-4deg);translate:calc(var(--mx) * -6px) calc(var(--my) * 4px);margin:0 0 0 -4px;font-size:clamp(64px,min(9.2vw,16vh),150px);font-weight:400;line-height:.82}.title-logo span{--rot:0deg;--dy:0px;color:var(--p3);pointer-events:auto;cursor:default;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;text-shadow:1px 1px 0 var(--ink), 2px 2px 0 var(--ink), 3px 3px 0 var(--ink), 4px 4px 0 var(--ink), 5px 5px 0 var(--ink), 6px 6px 0 var(--ink), 7px 7px 0 var(--ink), 9px 10px 0 #00000073;transform:translateY(var(--dy)) rotate(var(--rot));transition:transform .25s cubic-bezier(.2,1.8,.4,1);display:inline-block}.title-logo span:nth-child(n+6){color:var(--p1)}.title-logo span:nth-child(2){--rot:-2deg}.title-logo span:nth-child(4){--rot:3deg;--dy:-.03em}.title-logo span:nth-child(6){--rot:5deg;--dy:.03em}.title-logo span:nth-child(7){--rot:10deg;--dy:.08em}.title-logo span:nth-child(8){--rot:-9deg;--dy:.15em}.title-logo span:nth-child(9){--rot:17deg;--dy:.27em}.title-logo span:hover{transform:translateY(calc(var(--dy) - .12em)) rotate(calc(var(--rot) * -1))}.title-genre{transform-origin:0;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--p1);transform:rotate(-4deg);translate:calc(var(--mx) * -4px) calc(var(--my) * 3px);align-self:flex-start;align-items:stretch;margin:-2px 0 0 6px;font-size:clamp(22px,min(2.6vw,4.4vh),38px);line-height:1;display:flex}.title-genre>*{align-items:center;padding:6px 12px 3px;font-style:normal;font-weight:400;display:flex}.title-genre b{background:var(--p2);color:var(--ink);border-right:4px solid var(--ink)}.title-genre span{background:var(--ink);color:var(--paper);letter-spacing:.22em;background-image:radial-gradient(#fff6d81a 1.2px,#0000 1.5px);background-size:7px 7px;padding-right:calc(12px - .22em)}.title-cap{max-width:100%;box-shadow:5px 5px 0 var(--ink);align-self:flex-start;align-items:stretch;margin:6px 0 2px;display:flex;transform:rotate(-1deg)}.cap-chip{background:var(--ink);color:var(--p3);letter-spacing:.14em;border:3px solid var(--ink);writing-mode:horizontal-tb;place-items:center;padding:0 9px;font-size:13px;display:grid}.cap-text{background:var(--p3);min-width:min(430px,60vw);color:var(--ink);border:3px solid var(--ink);letter-spacing:.05em;border-left:none;min-height:1.3em;margin:0;padding:5px 12px 3px;font-size:clamp(17px,1.6vw,22px)}.cap-text .cur{vertical-align:-.08em;background:var(--ink);width:.45em;height:.85em;margin-left:2px;animation:.8s steps(2,jump-none) infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.launch-card{background:var(--paper);color:var(--ink);border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background-image:radial-gradient(#0d0b1617 1.4px,#0000 1.6px);background-size:9px 9px;padding:16px 20px 6px;position:relative;transform:rotate(-.7deg)}.launch-card:before{content:"";border:5px solid var(--ink);background:repeating-linear-gradient(-45deg, var(--p3) 0 12px, var(--ink) 12px 24px);border-bottom-width:3px;height:12px;position:absolute;top:-5px;left:-5px;right:-5px}.launch-card.shake,.code-cells.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) card-shake}@keyframes card-shake{10%,90%{translate:-2px}20%,80%{translate:4px}30%,50%,70%{translate:-7px}40%,60%{translate:7px}}.callsign{align-items:center;gap:12px;margin:10px 0 14px;display:flex}.lc-label{letter-spacing:.14em;background:var(--ink);color:var(--paper);padding:1px 8px 0;font-size:15px;transform:rotate(-2deg)}.tag-input{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tag-input .name{letter-spacing:.12em;text-transform:uppercase;background:radial-gradient(circle at 16px 50%, var(--ink) 4.5px, #5f6672 5px, #5f6672 6.5px, transparent 7px), linear-gradient(180deg, #eef1f5, #b8bfc9);min-width:0;box-shadow:inset 0 -3px 0 #0000002e, 3px 3px 0 var(--ink);text-shadow:0 1px #ffffffb3;border-radius:14px;flex:1;padding:5px 14px 3px 34px;font-size:26px}.tag-input .name:focus{background:radial-gradient(circle at 16px 50%, var(--ink) 4.5px, #5f6672 5px, #5f6672 6.5px, transparent 7px), linear-gradient(180deg, #fff, #d4dae2)}.tag-input .name.rolled{animation:.3s cubic-bezier(.2,1.8,.4,1) tag-roll}@keyframes tag-roll{0%{transform:rotate(-4deg)scale(.9)}}.dice{background:var(--p2);flex:none;width:46px;height:46px;padding:4px;transform:rotate(-4deg)}.dice svg{width:100%;height:100%;display:block}.dice:hover svg{animation:.4s cubic-bezier(.2,1.4,.4,1) dice-spin}@keyframes dice-spin{0%{transform:rotate(-180deg)scale(.7)}}.launch-split{grid-template-columns:minmax(0,1fr) auto minmax(0,1.12fr);align-items:stretch;gap:0 14px;display:grid}.launch-split h2{letter-spacing:.05em;margin:0;font-size:28px;font-weight:400;line-height:1}.launch-split p{letter-spacing:0;opacity:.75;margin:3px 0 10px;font-family:system-ui,sans-serif;font-size:12.5px;line-height:1.35}.lc-host,.lc-join{flex-direction:column;min-width:0;display:flex}.lc-host p,.lc-join p{flex:1}.lc-host h2{color:var(--p1);-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px 0 var(--ink)}.lc-join h2{color:var(--p2);-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px 0 var(--ink)}.lc-or{place-items:center;width:20px;display:grid;position:relative}.lc-or:before{content:"";border-left:3px dashed #0d0b1659;position:absolute;top:4px;bottom:4px;left:50%}.lc-or span{background:var(--ink);color:var(--paper);padding:4px 5px 2px;font-size:15px;position:relative;transform:rotate(-8deg)}.title .create{background:var(--p1);color:#fff;-webkit-text-stroke:1.2px var(--ink);width:100%;box-shadow:6px 6px 0 var(--ink);justify-content:center;align-items:center;gap:12px;padding:8px 14px 6px;font-size:30px;transition:transform .12s,box-shadow .12s;display:flex;transform:rotate(-1.5deg)}.title .create .go{-webkit-text-stroke:0;color:var(--p3);filter:drop-shadow(2px 2px 0 var(--ink));font-size:.7em;transition:translate .15s}.title .create:hover:not(:disabled){background:var(--p1) repeating-linear-gradient(-45deg, transparent 0 14px, #ffffff24 14px 28px);box-shadow:8px 8px 0 var(--ink);background-size:40px 40px;animation:.6s linear infinite stripes;transform:rotate(-1.5deg)translate(-2px,-2px)}.title .create:hover:not(:disabled) .go{translate:5px}@keyframes stripes{to{background-position:40px 0}}.title .create:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:rotate(-1.5deg)translate(4px,4px)}.join-line{align-items:stretch;gap:10px;display:flex}.code-cells{cursor:text;flex:1;gap:5px;min-width:0;display:flex;position:relative}.code-cells .code{opacity:0;caret-color:#0000;z-index:1;cursor:text;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.cell{border:3px solid var(--ink);min-width:0;max-width:46px;height:52px;color:var(--ink);background:#fff;flex:1;place-items:center;padding-top:3px;font-size:32px;line-height:1;display:grid;box-shadow:inset 0 -4px #0d0b161a}.cell:nth-child(odd){transform:rotate(-1.5deg)}.cell:nth-child(2n){transform:rotate(1.2deg)}.cell:not(:empty){animation:.2s cubic-bezier(.2,1.8,.4,1) cell-pop}@keyframes cell-pop{0%{scale:.6}}.cell.caret{box-shadow:inset 0 -5px 0 var(--p2);background:#fffbe6}.cell.caret:after{content:"";background:var(--ink);width:3px;height:30px;animation:.8s steps(2,jump-none) infinite caret}.code-cells.full .cell{background:color-mix(in srgb, var(--p2) 30%, #fff)}.title .join{flex:none;padding:6px 14px 4px;font-size:26px;transform:rotate(1.5deg)}.title .join.armed:not(:disabled){background:var(--p2);animation:1.1s ease-in-out infinite armed-pulse}@keyframes armed-pulse{50%{box-shadow:4px 4px 0 var(--ink), 0 0 0 5px color-mix(in srgb, var(--p2) 45%, transparent)}}.invited .lc-join h2:after{content:"INVITE LOADED";vertical-align:4px;-webkit-text-stroke:0;text-shadow:none;color:var(--ink);background:var(--p3);border:2px solid var(--ink);margin-left:8px;padding:0 4px;font-size:13px}.title button.big.pending{opacity:1;color:#0000;-webkit-text-stroke:0;position:relative}.title button.big.pending .go{opacity:0}.title button.big.pending:after{content:"";border:5px dashed var(--ink);border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.9s linear infinite rays-spin;position:absolute;top:50%;left:50%}.title .msg{letter-spacing:0;min-height:30px;color:var(--ink);align-items:center;margin:8px 0 6px;font-family:system-ui,sans-serif;font-size:13.5px;font-weight:600;display:flex}.title .msg:empty:before{content:"Enter joins if a code is typed in, otherwise it creates a room.";opacity:.45;font-size:12px;font-weight:400}.title .msg.err{color:#fff}.title .msg.err,.title .msg.status{align-self:flex-start}.title .msg.err{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#c81e3a;padding:3px 10px;transform:rotate(-.8deg)}.title .msg.status{background:var(--ink);color:var(--p3);letter-spacing:.1em;padding:3px 10px;font-family:Bangers,Impact,sans-serif;font-size:17px;font-weight:400}.title-right{align-self:stretch;align-items:center;min-width:0;display:flex}.crew-stage{width:100%;height:min(100%,78vh);min-height:320px;position:relative}.crew-stage:before{content:"";aspect-ratio:1;width:min(84%,74vh);translate:-50% -50%;transform:translate(calc(var(--mx) * 10px), calc(var(--my) * -6px));background:radial-gradient(circle,#ff3b3b80 0 46%,#ff3b3b1f 46.3% 62%,#0000 62.3%),radial-gradient(#ffd60a4d 2px,#0000 2.5px) 0 0/12px 12px;border-radius:50%;outline:4px solid #0000;position:absolute;top:48%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 71%);mask-image:radial-gradient(circle,#000 55%,#0000 71%)}.title-crew-canvas{pointer-events:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.crew-stage.pointing .title-crew-canvas{cursor:pointer}.crew-plates{pointer-events:none;position:absolute;inset:0}.crew-plate{will-change:transform;flex-direction:column;align-items:center;transition:filter .15s;display:flex;position:absolute;top:0;left:0}.crew-plate b{color:var(--cc);-webkit-text-stroke:1.2px var(--ink);text-shadow:3px 3px 0 var(--ink);background:var(--ink);border:3px solid var(--paper);padding:3px 10px 0;font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1;transition:transform .18s cubic-bezier(.2,1.8,.4,1);transform:rotate(-3deg)}.crew-plate span{letter-spacing:.14em;color:var(--ink);background:var(--paper);border:2px solid var(--ink);margin-top:-3px;padding:0 6px;font-size:13px;transform:rotate(2deg)}.crew-plate.lit b{border-color:var(--cc);transform:rotate(-3deg)scale(1.15)}.crew-bubble{pointer-events:none;z-index:3;width:max-content;max-width:240px;color:var(--ink);border:3px solid var(--ink);letter-spacing:.04em;box-shadow:4px 4px 0 var(--ink);transform-origin:50% calc(100% + 22px);opacity:0;background:#fff;border-radius:22px;padding:8px 14px 6px;font-size:20px;line-height:1.1;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 22px))scale(0)}.crew-bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%);background:#fff;width:24px;height:20px;position:absolute;bottom:-19px;left:calc(50% - 14px);transform:skew(-20deg)}.crew-bubble.show{animation:2.8s cubic-bezier(.2,1.6,.4,1) forwards bubble-pop}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 22px))scale(.3)rotate(-8deg)}8%{opacity:1;transform:translate(-50%,calc(-100% - 22px))scale(1)rotate(-2deg)}88%{opacity:1;transform:translate(-50%,calc(-100% - 22px))scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,calc(-100% - 22px))scale(.85)rotate(-2deg)}}.crew-hint{letter-spacing:.08em;color:var(--paper);pointer-events:none;text-shadow:2px 2px 0 var(--ink);margin:0;font-size:18px;animation:2.4s ease-in-out infinite hint-bob;position:absolute;top:10%;right:6%;transform:rotate(6deg)}.crew-hint:after{content:" ↙";color:var(--p3)}@keyframes hint-bob{50%{translate:0 6px}}.poked .crew-hint{opacity:0;transition:opacity .4s}.title-keys{letter-spacing:0;color:#c9c2ad;background:linear-gradient(#0000,#07070cd9 45%);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;padding:10px 24px 14px;font-family:system-ui,sans-serif;font-size:13px;display:flex}.title-keys span{align-items:center;gap:6px;display:flex}.title-keys kbd{letter-spacing:.08em;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-bottom-width:4px;border-radius:4px;padding:1px 6px 0;font-family:Bangers,Impact,sans-serif;font-size:14px;box-shadow:0 0 0 1px #fff6d840}.title-keys em{color:var(--p3);font-style:normal}.settings-pop{background:var(--paper);width:min(360px,100vw - 32px);color:var(--ink);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform-origin:100% 0;opacity:0;visibility:hidden;pointer-events:auto;padding:12px 16px 14px;transition:scale .18s cubic-bezier(.2,1.6,.4,1),opacity .12s,visibility 0s .18s;top:78px;right:24px;scale:.6;z-index:6!important;position:absolute!important}.settings-open .settings-pop{opacity:1;visibility:visible;transition:scale .18s cubic-bezier(.2,1.6,.4,1),opacity .12s;scale:1}.settings-pop h3{letter-spacing:.1em;border-bottom:3px solid var(--ink);margin:0 0 8px;font-size:22px;font-weight:400}.settings-pop .volumes{margin-top:10px}.intro .title-logo span{animation:.62s cubic-bezier(.3,1.5,.5,1) both letter-drop;animation-delay:calc(.15s + var(--i) * 65ms)}@keyframes letter-drop{0%{transform:translateY(-120vh) rotate(calc(var(--rot) + 40deg))}70%{transform:translateY(calc(var(--dy) + .05em)) rotate(var(--rot)) scaleY(.82)}to{transform:translateY(var(--dy)) rotate(var(--rot))}}.intro .title-bar{animation:.45s cubic-bezier(.2,1.4,.4,1) .1s both slide-down}@keyframes slide-down{0%{translate:0 -90px}}.intro .title-genre{animation:.32s cubic-bezier(.3,1.6,.5,1) .85s both stamp-in}@keyframes stamp-in{0%{opacity:0;scale:2.4}60%{opacity:1}}.intro .title-cap{animation:.4s cubic-bezier(.2,1.6,.4,1) 1.05s both cap-in}@keyframes cap-in{0%{opacity:0;transform:rotate(-6deg)translate(-40px)}}.intro .launch-card{animation:.55s cubic-bezier(.2,1.3,.4,1) .95s both card-in}@keyframes card-in{0%{opacity:0;transform:rotate(4deg)translateY(110%)}}.intro .title-keys{animation:.6s 1.4s both fade-in}.intro .crew-stage:before{animation:.7s cubic-bezier(.2,1.4,.4,1) .2s both sun-in}@keyframes sun-in{0%{opacity:0;scale:.2}}.intro .crew-plates,.intro .crew-hint{animation:.4s 1.6s both fade-in}@keyframes fade-in{0%{opacity:0}}@media (max-height:760px) and (min-width:981px){.title-cap{margin:0}.launch-split p{display:none}.callsign{margin:8px 0 10px}}@media (max-width:1180px){.storm{font-size:12px}}@media (max-width:980px){.title-main{grid-template-columns:minmax(0,1fr);padding:0 16px}.title-left{display:contents}.title-logo{order:1;margin-top:22px;font-size:clamp(54px,14.5vw,120px)}.title-genre{order:1;margin-top:4px}.title-cap{order:2}.title-right{order:3}.crew-stage{height:clamp(250px,42vh,420px);min-height:0}.launch-card{order:4;margin-bottom:18px}.title-rays,.title-sky:after{left:50%}.storm{display:none}.crew-hint{top:4%}}@media (max-width:620px){.launch-split{grid-template-columns:minmax(0,1fr);gap:12px}.lc-or{width:auto;height:18px}.lc-or:before{border-top:3px dashed #0d0b1659;border-left:0;inset:50% 0 auto}.title-keys{display:none}.launch-card{padding:16px 14px 4px}.title-bar{padding:14px 16px 0}.cap-text{min-width:0}.callsign{flex-wrap:wrap;gap:6px}.tag-input{flex-basis:100%}.title .msg:empty:before{content:none}}@media (prefers-reduced-motion:reduce){.title-rays,.crew-hint,.storm i{animation:none}.intro .title-logo span,.intro .title-genre,.intro .launch-card,.intro .title-cap,.intro .title-bar{animation-duration:10ms;animation-delay:0s}}