@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(./PixelifySans-400-700-latin-Cbhn5ptY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(./PixelifySans-400-700-latin-ext-CsF3XSp0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./IBMPlexMono-400-latin-DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./IBMPlexMono-500-latin-DSY6xOcd.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(./IBMPlexMono-600-latin-BgSNZQsw.woff2) format("woff2")}:root{--gold: #ffd34d;--gold-dark: #b8860b;--ink: #0c1018;--panel: rgba(12, 16, 24, .86);--line: #3a4a66;--red: #ff5a47;--blue: #4da3ff;--ivory: #f3efe4;--muted: #a9b7c1;--teal: #2fe6c8;--display: "Pixelify Sans", "Segoe UI", system-ui, sans-serif;--ui: "IBM Plex Mono", ui-monospace, Consolas, monospace;--s: max(.62px, min(1vw / 19.2, 1vh / 10.8))}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0e14;color:var(--ivory);font-family:var(--ui);overscroll-behavior:none}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}#sitelock{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#0b0e14;color:#f3ead2;font:16px/1.4 system-ui,sans-serif;text-align:center}#sitelock b{font-size:24px;letter-spacing:.04em}button{font-family:inherit;color:inherit}.hide{display:none!important}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#loading{position:absolute;inset:0;background:#0b0e14;display:grid;place-items:center;z-index:20}.ld-box{width:min(420px,80vw);text-align:center}#ld-logo{width:min(360px,70vw);display:block;margin:0 auto 18px;filter:drop-shadow(0 6px 14px #000c)}#ld-text{font-family:var(--display);font-size:18px;letter-spacing:6px;color:var(--gold);margin-bottom:14px}#ld-track{height:8px;background:#1a2130;border:1px solid var(--line)}#ld-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold-dark),var(--gold));transition:width .2s}.ld-err{color:var(--red);text-align:center;max-width:70vw}#hud{position:absolute;inset:0;pointer-events:none;color:var(--ivory);font-size:calc(13 * var(--s));text-shadow:0 1px 3px #000}#bt{position:absolute;top:calc(10 * var(--s));left:50%;transform:translate(-50%);display:flex;align-items:stretch;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--gold);min-width:calc(420 * var(--s))}.bt-side{flex:1;display:flex;align-items:center;padding:0 calc(16 * var(--s));font-weight:600;letter-spacing:2px;font-size:max(11px,calc(13 * var(--s)));white-space:nowrap}.bt-l{justify-content:flex-end;color:var(--ivory)}.bt-r{justify-content:flex-start;color:var(--ivory)}#bt.teams .bt-l{color:var(--red)}#bt.teams .bt-r{color:var(--blue)}.bt-mid{text-align:center;padding:calc(4 * var(--s)) calc(20 * var(--s));border-left:1px solid var(--line);border-right:1px solid var(--line);background:#ffd34d0f}#bt-time{font-family:var(--display);font-size:calc(30 * var(--s));line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}#bt-mode{font-size:max(11px,calc(9 * var(--s)));letter-spacing:4px;color:var(--muted);margin-top:2px}#objective{position:absolute;top:calc(82 * var(--s));left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);padding:calc(6 * var(--s)) calc(16 * var(--s));text-align:center;min-width:calc(300 * var(--s))}#objective.warn{border-color:var(--red);background:#78141499}#obj-title{font-weight:600;letter-spacing:2px;font-size:max(11px,calc(12 * var(--s)));display:flex;gap:10px;justify-content:center}.cp{position:relative;display:inline-block;min-width:calc(54 * var(--s));padding:2px 8px;border:1px solid var(--line);background:#ffffff10;overflow:hidden}.cp b{position:relative;z-index:1}.cp i{position:absolute;left:0;top:0;bottom:0;background:#fff3}.cp.red{border-color:var(--red)}.cp.red i{background:#ff5a478c}.cp.blue{border-color:var(--blue)}.cp.blue i{background:#4da3ff8c}.cp.cont{border-color:var(--gold);animation:blink .5s infinite alternate}#obj-sub{color:var(--muted);font-size:max(11px,calc(10 * var(--s)))}#mapwrap{position:absolute;top:calc(14 * var(--s));left:calc(14 * var(--s));width:calc(200 * var(--s))}#minimap{width:100%;height:auto;border:3px solid #5a4630;border-radius:3px;box-shadow:0 4px 14px #0008;image-rendering:pixelated}#map-name{text-align:center;font-size:max(11px,calc(9 * var(--s)));letter-spacing:3px;color:var(--gold);margin-top:4px}#wx{margin-top:calc(6 * var(--s));background:var(--panel);border:1px solid var(--line);border-left:3px solid #9fb8d8;padding:calc(3 * var(--s)) calc(8 * var(--s));font-size:max(11px,calc(10 * var(--s)));letter-spacing:1px;color:var(--ivory);line-height:1.35}#wx-next{color:var(--muted)}#wx-next:empty{display:none}#wx.storm{border-left-color:#cfe0ff}#wx.gale{border-left-color:#fff;animation:wxpulse 1.6s ease-in-out infinite}@keyframes wxpulse{50%{box-shadow:0 0 12px #cfe0ff66}}#feed{position:absolute;top:calc(14 * var(--s));right:calc(14 * var(--s));display:flex;flex-direction:column;gap:4px;align-items:flex-end}.fe{background:var(--panel);border:1px solid var(--line);padding:3px 10px;font-size:calc(11 * var(--s));letter-spacing:1px}.fe.me{border-color:var(--gold);color:var(--gold)}.fe.victim{border-color:var(--red);color:var(--red)}#banner{position:absolute;top:28%;left:50%;transform:translate(-50%);font-family:var(--display);font-size:calc(46 * var(--s));letter-spacing:6px;color:var(--gold);background:var(--panel);padding:calc(6 * var(--s)) calc(40 * var(--s));border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);white-space:nowrap;animation:pop .35s ease-out}#banner.bk-bad{color:var(--red);border-color:var(--red)}#banner small{display:block;font-size:.42em;letter-spacing:4px;color:var(--teal);margin-top:2px;text-align:center}.fe.bank{border-color:var(--gold-dark);color:#ffe38a}#banner.bk-storm{color:#cfe0ff;border-color:#cfe0ff}#banner.bk-level{color:var(--teal);border-color:var(--teal);font-size:calc(34 * var(--s))}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}60%{transform:translate(-50%) scale(1.08);opacity:1}to{transform:translate(-50%) scale(1)}}#center{position:absolute;left:50%;top:50%;width:calc(200 * var(--s));height:calc(200 * var(--s));transform:translate(-50%,-50%)}#arcs{width:100%;height:100%;opacity:.55;transition:opacity .2s}#center.aiming #arcs{opacity:.95}.seg{fill:#fff3;stroke:#0008;stroke-width:1}.seg.on{fill:var(--gold)}.seg.next{fill:#fff6}#arc-l.active .seg.on,#arc-r.active .seg.on{fill:#fff;filter:drop-shadow(0 0 4px var(--gold))}#reticle{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008}#center.aiming #reticle{width:14px;height:14px;margin:-7px;border-color:var(--gold)}#reticle.hit{border-color:#fff;box-shadow:0 0 0 3px var(--gold),0 0 12px var(--gold);transform:scale(1.5)}#reticle{transition:transform .08s,box-shadow .08s}#aimlabel{position:absolute;left:50%;top:66%;transform:translate(-50%);display:flex;gap:10px;font-size:calc(11 * var(--s));letter-spacing:2px;color:var(--gold);background:var(--panel);padding:3px 10px;border:1px solid var(--line);white-space:nowrap}#sails{position:absolute;left:50%;bottom:calc(24 * var(--s));transform:translate(-50%);display:flex;align-items:center;gap:5px}#sails .pip{width:calc(22 * var(--s));height:calc(8 * var(--s));background:#fff2;border:1px solid #0008;transform:skew(-15deg)}#sails .pip.on{background:var(--gold)}#sail-name{margin-left:8px;font-size:max(11px,calc(10 * var(--s)));letter-spacing:3px;color:var(--muted)}#bl{position:absolute;left:calc(18 * var(--s));bottom:calc(18 * var(--s));display:flex;align-items:flex-end;gap:calc(10 * var(--s))}#portrait{position:relative;width:calc(84 * var(--s));height:calc(84 * var(--s));border:2px solid var(--gold);background:radial-gradient(circle at 50% 30%,#2b3550,#0c1018);overflow:visible}#portrait img{width:100%;height:100%;object-fit:cover;display:block}#level-badge{position:absolute;right:-8px;bottom:-8px;width:calc(28 * var(--s));height:calc(28 * var(--s));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--gold);color:var(--ink);font-weight:700;display:grid;place-items:center;font-size:max(11px,calc(14 * var(--s)));text-shadow:none}#hpwrap{min-width:calc(260 * var(--s))}#hpnum{font-family:var(--display);font-size:calc(30 * var(--s));line-height:1;color:#fff}#planks{display:flex;gap:3px;margin:6px 0}.plank{flex:1;height:calc(14 * var(--s));background:#ffffff1c;border:1px solid #0008;transform:skew(-10deg)}.plank.on{background:linear-gradient(#7ef37a,#38b34a)}.plank.on.low{background:linear-gradient(#ff8a70,#e8453a)}#hpwrap.shield .plank.on{box-shadow:0 0 6px var(--blue)}#xpbar{height:5px;background:#ffffff1c;border:1px solid #0006}#xpfill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));transition:width .3s}#shipname{font-size:max(11px,calc(10 * var(--s)));letter-spacing:2px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#br{position:absolute;right:calc(18 * var(--s));bottom:calc(18 * var(--s));display:flex;gap:calc(8 * var(--s));align-items:flex-end}.tile{position:relative;width:calc(66 * var(--s));height:calc(74 * var(--s));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#1a2233;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:0 6px}.tile:before{content:"";position:absolute;inset:2px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#141b29,#0c1018);z-index:-1}.tile{background:var(--line)}.tile.ready{background:var(--gold)}.tile.ready:before{background:linear-gradient(#2a2410,#14110a)}.tile .key{font-size:max(11px,calc(9 * var(--s)));letter-spacing:1px;color:var(--gold);font-weight:600}.tile .nm{font-size:max(11px,calc(8 * var(--s)));letter-spacing:1px;color:var(--ivory);line-height:1.1}.tile .cd{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:calc(22 * var(--s));color:#fff;background:conic-gradient(rgba(0,0,0,.72) calc(var(--f, 0) * 100%),transparent 0)}.tile.ready .cd{background:none}.tile.ult{width:calc(78 * var(--s));height:calc(88 * var(--s))}.tile.ult .lock{position:absolute;inset:0;display:grid;place-items:center;font-size:max(12px,calc(22 * var(--s)));background:#0000008c}.tile.ult:not(.locked) .lock{display:none}.tile.ult.ready{animation:ultglow 1s infinite alternate}@keyframes ultglow{0%{filter:drop-shadow(0 0 4px var(--gold))}to{filter:drop-shadow(0 0 16px var(--gold))}}.tile.aim{background:#2b3550}#ultready{position:absolute;left:50%;bottom:calc(82 * var(--s));transform:translate(-50%);font-family:var(--display);color:var(--gold);font-size:calc(20 * var(--s));letter-spacing:3px;animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:.5}to{opacity:1}}#statusrow{position:absolute;left:calc(18 * var(--s));bottom:calc(112 * var(--s));font-size:calc(14 * var(--s));letter-spacing:2px}#purse{position:absolute;left:calc(18 * var(--s));bottom:calc(136 * var(--s));font-family:var(--display);color:var(--gold);text-shadow:0 2px 4px #000;display:flex;flex-direction:column;gap:2px;pointer-events:none}#purse .pu-hold{display:flex;align-items:center;gap:calc(6 * var(--s));font-size:calc(26 * var(--s));letter-spacing:2px;transform-origin:left center;transition:transform .15s ease-out}#purse #pu-hold-lbl{font-size:max(11px,calc(11 * var(--s)));letter-spacing:3px;color:var(--muted);align-self:flex-end;margin-bottom:calc(4 * var(--s))}#purse.pop .pu-hold{transform:scale(1.2)}#purse.empty .pu-hold{opacity:.45}#purse.rich .pu-hold b{color:#ffe38a;animation:richpulse .9s ease-in-out infinite}#purse.rich #pu-hold-lbl{color:var(--red)}#purse .pu-bank{display:flex;gap:calc(8 * var(--s));font-size:max(12px,calc(13 * var(--s)));letter-spacing:2px;color:var(--ivory)}#purse .pu-bank b{color:var(--teal)}#purse:not(.plunder) .pu-bank{display:none}@keyframes richpulse{50%{text-shadow:0 0 18px #ffb82e,0 2px 4px #000}}.coin{display:inline-block;width:.82em;height:.82em;border-radius:50%;vertical-align:-.1em;margin-right:.2em;background:radial-gradient(circle at 35% 35%,#fff2b8,var(--gold) 45%,#b8860b);box-shadow:inset 0 0 0 1px #8a6510}#bankbar{position:absolute;left:50%;bottom:calc(118 * var(--s));transform:translate(-50%);width:calc(260 * var(--s));text-align:center;font-family:var(--display);letter-spacing:4px;color:var(--gold);text-shadow:0 2px 4px #000;pointer-events:none}#bb-lbl{font-size:calc(15 * var(--s));margin-bottom:calc(5 * var(--s))}#bankbar .bb-track{height:calc(10 * var(--s));background:#0009;border:1px solid var(--gold)}#bb-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),#ffe38a)}#bankbar.fire #bb-lbl{color:var(--red);animation:nudge .25s 2}#bankbar.fire .bb-track{border-color:var(--red)}@keyframes nudge{25%{transform:translate(-6px)}75%{transform:translate(6px)}}#strikewarn{position:absolute;left:50%;top:38%;transform:translate(-50%);font-family:var(--display);font-size:calc(24 * var(--s));letter-spacing:4px;color:#e8f0ff;text-shadow:0 0 14px #9fc2ff,0 2px 4px #000;white-space:nowrap;pointer-events:none;animation:blink .18s infinite alternate}#harborptr{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column-reverse;align-items:center;gap:3px;pointer-events:none;font-family:var(--display);font-size:max(12px,calc(15 * var(--s)));letter-spacing:2px;color:var(--gold);text-shadow:0 2px 3px #000;white-space:nowrap}#harborptr i{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--gold);filter:drop-shadow(0 2px 2px #000)}#harborptr.edge{transform:translate(-50%,-50%);flex-direction:column}#harborptr.rich{color:#ffe38a;animation:blink .6s infinite alternate}#actionptr{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column-reverse;align-items:center;gap:3px;pointer-events:none;font-family:var(--display);font-size:max(12px,calc(14 * var(--s)));letter-spacing:2px;color:#ffd9c2;text-shadow:0 2px 3px #000;white-space:nowrap}#actionptr i{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid currentColor;filter:drop-shadow(0 2px 2px #000)}#actionptr.edge{transform:translate(-50%,-50%);flex-direction:column}#actionptr.hide{display:none}#actionptr.fight,#actionptr.enemy{color:#ff8a66}#actionptr.prize{color:#ff5a3c;animation:blink .5s infinite alternate}#actionptr.loot,#actionptr.galleon{color:var(--gold)}#escort{position:absolute;left:50%;top:calc(92 * var(--s));transform:translate(-50%);width:calc(360 * var(--s));display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--s));font-family:var(--mono);letter-spacing:2px;color:var(--ivory);text-shadow:0 1px 0 #000}#esc-role{font-family:var(--display);font-size:max(12px,calc(18 * var(--s)));color:var(--gold)}#escort:not(.attack) #esc-role{color:#9fd3ff}#esc-track{position:relative;width:100%;height:calc(10 * var(--s));background:#0c1018bf;border:1px solid var(--gold)}#esc-fill{height:100%;background:var(--gold);transition:width .2s linear}#escort.contested #esc-fill{background:#ff5a47}#escort.moving #esc-fill{box-shadow:0 0 8px var(--gold)}#esc-track i{position:absolute;top:-3px;width:calc(6 * var(--s));height:calc(16 * var(--s));margin-left:calc(-3 * var(--s));background:var(--ivory);border:1px solid #0c1018}#esc-track i.cp1{left:33.33%}#esc-track i.cp2{left:66.67%}#esc-track i.cp3{left:100%}#esc-track i.done{background:var(--gold)}#esc-state{font-size:max(11px,calc(11 * var(--s)));color:var(--muted)}#plates{position:absolute;inset:0;overflow:hidden;pointer-events:none}.plate{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-100%);will-change:transform,left,top}.plate .pn{font-family:var(--mono);font-size:max(10px,calc(13 * var(--s)));letter-spacing:1px;color:#cfe0ff;text-shadow:0 1px 0 #000,0 0 4px #000;white-space:nowrap}.plate.enemy .pn{color:#ffb4a8}.plate .phb{width:max(44px,calc(72 * var(--s)));height:max(4px,calc(6 * var(--s)));background:#0c1018cc;border:1px solid #0c1018}.plate .phf{height:100%;background:#4da3ff}.plate.enemy .phf{background:#ff5a47}.plate.bounty .pn{color:var(--gold)}.plate.bounty .pn:before{content:"☠ "}.plate.shield .phf{background:#9fd3ff}#hud.nohud #plates{visibility:hidden}#dmgdir{position:absolute;left:50%;top:50%;width:calc(420 * var(--s));height:calc(420 * var(--s));transform-origin:50% 50%;transition:opacity .12s;pointer-events:none}#dmgdir i{position:absolute;left:50%;top:0;width:calc(70 * var(--s));height:calc(26 * var(--s));margin-left:calc(-35 * var(--s));background:linear-gradient(to top,transparent,rgba(255,90,71,.92));clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 6px rgba(255,90,71,.8))}#reticle.ready{box-shadow:0 0 0 2px #ffd34de6,0 0 10px #ffd34d99}#vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(220,40,30,.75) 100%);transition:opacity .08s}#speedlines{position:absolute;inset:0;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 3deg,rgba(255,255,255,.18) 3deg 3.6deg);mask:radial-gradient(circle at 50% 50%,transparent 30%,#000 75%);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 30%,#000 75%)}#respawn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#0a142859,#050810bf)}.rs-title{font-family:var(--display);font-size:calc(56 * var(--s));letter-spacing:8px;color:var(--red)}.rs-by{font-size:calc(18 * var(--s));letter-spacing:2px;color:var(--gold);margin-top:8px;text-shadow:0 2px 4px #000}.rs-by:empty{display:none}.rs-sub{font-size:calc(16 * var(--s));letter-spacing:3px;color:var(--ivory);margin-top:10px}#ultpanel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:calc(30 * var(--s));background:radial-gradient(circle at 50% 50%,rgba(255,211,77,.28),rgba(120,40,160,.35) 60%,transparent 80%)}#ult-img{width:calc(260 * var(--s));height:calc(260 * var(--s));filter:drop-shadow(0 0 30px var(--gold));animation:pop .4s ease-out}#ult-text{font-family:var(--display);font-size:calc(64 * var(--s));letter-spacing:6px;color:#fff;text-shadow:0 0 20px var(--gold),0 4px 0 #6a1b9a;animation:pop .35s ease-out;max-width:40vw}#score{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--gold);padding:calc(14 * var(--s)) calc(22 * var(--s));min-width:calc(520 * var(--s))}.sc-title{font-family:var(--display);letter-spacing:5px;color:var(--gold);font-size:calc(20 * var(--s));margin-bottom:8px}#score table{width:100%;border-collapse:collapse;font-size:calc(12 * var(--s))}#score th{text-align:right;color:var(--muted);font-weight:500;letter-spacing:1px;padding:4px 8px;border-bottom:1px solid var(--line)}#score th:first-child{text-align:left}#score td{text-align:right;padding:4px 8px;font-variant-numeric:tabular-nums}#score td:first-child{text-align:left}#score td .cls{color:var(--muted);font-size:.85em;margin-left:6px}#score tr.me td{color:var(--gold)}#score tr.red td:first-child{border-left:3px solid var(--red)}#score tr.blue td:first-child{border-left:3px solid var(--blue)}#tip{position:absolute;left:50%;top:calc(140 * var(--s));transform:translate(-50%);background:var(--panel);border:1px solid var(--gold);padding:calc(8 * var(--s)) calc(18 * var(--s));max-width:60vw;text-align:center;font-size:max(12px,calc(13 * var(--s)));letter-spacing:.5px;animation:pop .3s ease-out}#debug{position:absolute;left:calc(14 * var(--s));top:calc(260 * var(--s));font-size:11px;color:var(--teal);background:#0008;padding:4px 8px}#touch{position:absolute;inset:0;pointer-events:none}#tz-left,#tz-right{position:absolute;top:18%;bottom:0;width:50%;pointer-events:auto;touch-action:none}#tz-left{left:0}#tz-right{right:0}#t-stick{position:absolute;width:120px;height:120px;margin:-60px;border-radius:50%;border:2px solid rgba(255,211,77,.6);background:#0c101859;display:none;pointer-events:none}#t-stick.on{display:block}#t-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:#ffd34dd9}#t-buttons{position:absolute;right:calc(18 * var(--s));bottom:calc(120 * var(--s));display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.tbtn{pointer-events:auto;touch-action:none;width:72px;height:72px;border-radius:50%;border:2px solid var(--gold);background:#0c1018b3;color:var(--gold);font-family:var(--display);font-size:15px;letter-spacing:1px;user-select:none;-webkit-user-select:none}.tbtn.big{width:104px;height:104px;font-size:20px;background:#781e14bf;color:#fff;border-color:var(--red)}.tbtn.small{width:52px;height:52px;font-size:16px}.tbtn.down{filter:brightness(1.5);transform:scale(.95)}#t-sails{position:absolute;left:calc(18 * var(--s));bottom:calc(130 * var(--s));display:flex;flex-direction:column;gap:8px;pointer-events:none}#t-pause{position:absolute;right:calc(18 * var(--s));top:calc(14 * var(--s))}body.touch #br .tile{pointer-events:auto;touch-action:none}body.touch #br,body.touch #bl{z-index:6}#touch{z-index:5}#hud.nohud>*:not(#touch){visibility:hidden}#helm{position:absolute;left:50%;bottom:calc(150 * var(--s));transform:translate(-50%);background:var(--panel);border:1px solid var(--gold);color:var(--gold);padding:calc(8 * var(--s)) calc(20 * var(--s));letter-spacing:3px;font-size:max(12px,calc(13 * var(--s)));animation:blink 1.2s infinite alternate}#spectate{position:absolute;left:50%;top:calc(150 * var(--s));transform:translate(-50%);font-family:var(--display);color:var(--ivory);font-size:calc(22 * var(--s));letter-spacing:4px;text-shadow:0 2px 6px #000}body.touch #tile-aim{display:none}body.touch #feed{top:calc(14 * var(--s) + 62px)}body.touch #br{right:calc(14 * var(--s));bottom:auto;top:50%;transform:translateY(-50%) translateY(calc(-70 * var(--s)));flex-direction:column-reverse;align-items:center;gap:8px}body.touch #br .tile{width:58px;height:64px;padding:0 4px}body.touch #br .tile.ult{width:64px;height:70px}body.touch #br .tile .key{display:none}body.touch #br .tile .nm{font-size:11px;line-height:1.05}body.touch #br .tile .cd{font-size:20px}body.touch #bl{right:calc(18 * var(--s))}body.touch #hpwrap{min-width:0}body.touch #sails{bottom:calc(118 * var(--s))}body.touch #ultready{bottom:calc(146 * var(--s))}body.touch #purse{bottom:auto;top:min(38%,calc(50% - 100px))}body.touch #sail-name,body.touch #bt-mode{display:none}body.touch #bankbar{bottom:auto;top:31%;width:150px}body.touch #strikewarn{top:44%;font-size:14px;letter-spacing:1px}@media(orientation:landscape){body.touch #mapwrap{width:96px;top:8px;left:8px}body.touch #wx-next{display:none}body.touch #purse{top:150px;left:10px;bottom:auto}body.touch #statusrow{top:186px;left:10px;bottom:auto}body.touch #t-sails{left:10px;bottom:76px;flex-direction:row}body.touch #bl{left:10px;right:auto;bottom:10px}body.touch #hpwrap{min-width:0;width:min(180px,26vw)}body.touch #portrait{width:48px;height:48px}body.touch #sails{bottom:12px}body.touch #center{width:104px;height:104px}body.touch #banner{top:112px;font-size:22px;padding:4px 18px}body.touch #bankbar{top:112px;bottom:auto}body.touch #bt-mode,body.touch #map-name{display:none}body.touch #shipname{max-width:min(180px,26vw)}body.touch #tip{top:auto;bottom:34px;max-width:max(150px,min(34vw,calc(100vw - 500px)));font-size:12px;padding:5px 10px}body.touch #sail-name{display:none}body.touch #t-pause{top:8px;right:10px}body.touch #feed{top:8px;right:70px}body.touch #t-buttons{right:10px;bottom:10px;flex-direction:row-reverse;align-items:flex-end;gap:8px}body.touch #t-fire{order:1}body.touch #t-aim{order:2}body.touch #t-swap{order:3}body.touch #br{top:auto;bottom:124px;right:10px;transform:none;flex-direction:row;align-items:flex-end;gap:6px}body.touch #br .tile{width:54px;height:58px}body.touch #br .tile.ult{width:58px;height:62px}body.touch #ultready{bottom:192px;left:auto;right:10px;transform:none;font-size:14px}body.touch #strikewarn{top:42%}}@media(max-aspect-ratio:1/1){#bt{min-width:0;top:calc(6 * var(--s))}.bt-side{padding:0 calc(8 * var(--s));font-size:max(11px,calc(10 * var(--s)))}#mapwrap{width:calc(120 * var(--s));top:calc(84 * var(--s))}#banner{top:22%}.bt-side span{max-width:30vw;overflow:hidden;text-overflow:ellipsis;display:inline-block}#objective{top:calc(200 * var(--s));min-width:0}#feed{top:calc(60 * var(--s))}body.touch #objective,body.touch #escort{top:52px;left:92px;right:auto;transform:none;width:calc(100vw - 237px);min-width:0;box-sizing:border-box}body.touch #t-buttons{display:grid;grid-template-columns:72px 104px;grid-template-rows:52px 72px;gap:8px;align-items:end;justify-items:center;right:10px;bottom:87px}body.touch #t-fire{grid-column:2;grid-row:1 / span 2}body.touch #t-aim{grid-column:1;grid-row:2}body.touch #t-swap{grid-column:1;grid-row:1}body.touch #br{top:auto;bottom:227px;transform:none}body.touch #sails{left:72px;right:auto;transform:none;bottom:90px}body.touch #ultready{bottom:auto;top:calc(50% + 72px)}}@media(max-aspect-ratio:1/1)and (max-height:620px){body.touch #wx{display:none}body.touch #t-buttons{bottom:78px;grid-template-rows:46px 72px}body.touch .fe{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}}#bt:before,#bt:after,#score:before,#score:after{content:"";position:absolute;top:-7px;width:11px;height:11px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 6px #ffd34d66}#bt:before,#score:before{left:-6px}#bt:after,#score:after{right:-6px}#bt{position:absolute}#bt .bt-mid:before{content:"";position:absolute;left:50%;top:-8px;width:14px;height:14px;margin-left:-7px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.bt-mid{position:relative}#portrait:before{content:"";position:absolute;inset:-5px;border:1px solid #ffd34d55;pointer-events:none}#gl-lost{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;max-width:calc(100vw - 32px);white-space:normal}#hud{--px: 2px;--ink: #1c0f06;--cream: #fff3d6;--goldt: #ffd84a;--inkt: #3a2412;--tsh: 0 calc(-1 * var(--px)) var(--ink), var(--px) 0 var(--ink), 0 var(--px) var(--ink), calc(-1 * var(--px)) 0 var(--ink), var(--px) var(--px) var(--ink), calc(-1 * var(--px)) var(--px) var(--ink), var(--px) calc(-1 * var(--px)) var(--ink), calc(-1 * var(--px)) calc(-1 * var(--px)) var(--ink);--plank: var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));font-family:var(--display);color:var(--cream);text-shadow:var(--tsh);image-rendering:pixelated}@media(min-width:1700px)and (min-height:940px){#hud{--px: 3px}}#hud *{letter-spacing:.02em}#bt,#objective,#wx,.fe,#banner,#aimlabel,#helm{background:var(--plank);border:var(--px) solid var(--ink);box-shadow:inset 0 var(--px) 0 #ffeec82e,0 calc(3 * var(--px)) 0 #1c0f0699}#bt:before,#bt:after,#score:before,#score:after,#bt .bt-mid:before{display:none}#bt{border-top:var(--px) solid var(--ink)}.bt-side{font-weight:700}.bt-mid{background:var(--tx-wood-red) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));border-left:var(--px) solid var(--ink);border-right:var(--px) solid var(--ink)}#bt-time{color:var(--goldt);text-shadow:var(--tsh),0 calc(3 * var(--px)) #7a3d10,0 calc(4 * var(--px)) var(--ink)}#bt-mode{color:var(--cream);letter-spacing:.04em}#bt.teams .bt-l{color:#ff7a64}#bt.teams .bt-r{color:#7fbaff}#objective.warn{background:var(--tx-wood-red) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));border-color:var(--ink)}#obj-sub{color:var(--goldt)}.cp{border:var(--px) solid var(--ink);background:#00000059}.cp.red{outline:var(--px) solid #d6453a}.cp.blue{outline:var(--px) solid #2f7fe0}.cp.cont{outline:var(--px) solid var(--goldt)}#minimap{border:calc(5 * var(--px)) solid transparent;border-image:var(--tx-frame) 6 / calc(5 * var(--px)) round;border-radius:0;box-shadow:0 calc(3 * var(--px)) 0 #1c0f0699}#map-name{color:var(--goldt);font-weight:700;letter-spacing:.06em}#wx{box-shadow:inset calc(2 * var(--px)) 0 0 #9fb8d8,inset 0 var(--px) 0 #ffeec82e,0 calc(3 * var(--px)) 0 #1c0f0699;border-left-width:var(--px);border-left-color:var(--ink)}#wx.storm{box-shadow:inset calc(2 * var(--px)) 0 0 #cfe0ff,0 calc(3 * var(--px)) 0 #1c0f0699}#wx.gale{box-shadow:inset calc(2 * var(--px)) 0 0 #fff,0 calc(3 * var(--px)) 0 #1c0f0699}#wx-next{color:#d9c9a8}.fe{font-size:calc(12 * var(--s))}.fe.me{color:var(--goldt);border-color:var(--ink);outline:var(--px) solid var(--goldt)}.fe.victim{color:#ff7a64;border-color:var(--ink)}.fe.bank{color:#ffe38a;border-color:var(--ink)}#banner{border-top:var(--px) solid var(--ink);border-bottom:var(--px) solid var(--ink);color:var(--goldt);text-shadow:var(--tsh),0 calc(3 * var(--px)) #7a3d10,0 calc(4 * var(--px)) var(--ink);letter-spacing:.05em}#banner.bk-bad{color:#ff6a52;border-color:var(--ink);text-shadow:var(--tsh),0 calc(3 * var(--px)) #5a140c,0 calc(4 * var(--px)) var(--ink)}#banner.bk-storm{color:#d8e8ff;border-color:var(--ink);text-shadow:var(--tsh),0 calc(3 * var(--px)) #34465e,0 calc(4 * var(--px)) var(--ink)}#banner.bk-level{color:#6ff0d6;border-color:var(--ink);text-shadow:var(--tsh),0 calc(3 * var(--px)) #0e5a4c,0 calc(4 * var(--px)) var(--ink)}#banner small{color:var(--cream);letter-spacing:.04em;text-shadow:var(--tsh)}#aimlabel,#helm{color:var(--goldt)}#ultready{color:var(--goldt);text-shadow:var(--tsh),0 calc(3 * var(--px)) #7a3d10}#statusrow,#spectate{text-shadow:var(--tsh)}#statusrow{display:flex;gap:calc(6 * var(--px));align-items:center}#statusrow span{display:inline-flex;align-items:center;gap:calc(2 * var(--px));font-weight:700}#hud .px-ico{display:inline-block;flex:none;width:calc(12 * var(--px));height:calc(12 * var(--px));background:var(--ico) center / 100% 100% no-repeat;image-rendering:pixelated}#sails .pip{transform:none;border:var(--px) solid var(--ink);background:#2b180c;box-shadow:inset 0 var(--px) 0 #ffffff1f}#sails .pip.on{background:linear-gradient(#ffe68a 0 30%,#e8a72a 30% 75%,#b8721a 75%)}#sail-name{color:var(--cream);letter-spacing:.06em}#portrait{border:calc(3 * var(--px)) solid #5b371e;outline:var(--px) solid var(--ink);background:#2b180c;box-shadow:inset 0 0 0 var(--px) var(--ink),0 calc(3 * var(--px)) 0 #1c0f0699}#portrait:before{display:none}#level-badge{clip-path:none;border:var(--px) solid var(--ink);background:var(--tx-iron) 0 0 / calc(8 * var(--px)) calc(8 * var(--px));box-shadow:inset 0 var(--px) 0 #ffffff59;color:var(--goldt);text-shadow:var(--tsh)}#hpnum{color:var(--cream);text-shadow:var(--tsh),0 calc(2 * var(--px)) var(--ink)}.plank{transform:none;border:var(--px) solid var(--ink);background:#2b180c;box-shadow:inset 0 var(--px) 0 #ffffff1a}.plank.on{background:linear-gradient(#b8f59a 0 28%,#58c042 28% 74%,#2f8a28 74%)}.plank.on.low{background:linear-gradient(#ffb09a 0 28%,#e8453a 28% 74%,#a02418 74%)}#hpwrap.shield .plank.on{box-shadow:inset 0 0 0 var(--px) #9fd3ff}#xpbar{height:calc(4 * var(--px));border:var(--px) solid var(--ink);background:#2b180c}#xpfill{background:linear-gradient(#ffe68a 0 40%,#e8a72a 40%)}#shipname{color:#e8d9b8;letter-spacing:.03em}.tile{clip-path:none;background:var(--plank);border:var(--px) solid var(--ink);box-shadow:inset 0 var(--px) 0 #ffeec82e,0 calc(3 * var(--px)) 0 #1c0f0699}.tile:before{display:none}.tile.ready{background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));outline:calc(2 * var(--px)) solid var(--goldt);outline-offset:var(--px)}.tile .key{display:inline-block;padding:0 calc(2 * var(--px));border:var(--px) solid var(--ink);background:#2b180c;color:var(--goldt);font-weight:700}.tile .nm{color:var(--cream)}.tile .cd{background:linear-gradient(to bottom,rgba(10,5,2,.72) calc(var(--f, 0) * 100%),transparent 0);color:var(--cream);text-shadow:var(--tsh)}.tile.ult.ready{animation:ultglow2 1s infinite alternate}@keyframes ultglow2{0%{outline-color:var(--goldt)}to{outline-color:#fff6c8;filter:brightness(1.15)}}.tile.ult .lock{font-size:max(11px,calc(12 * var(--s)));font-weight:700;color:var(--goldt);text-shadow:var(--tsh);align-items:end;padding-bottom:calc(2 * var(--px));background:#0a050299 var(--ico-lock) center 35% / calc(14 * var(--px)) no-repeat}.tile.aim{background:var(--tx-cloth-blue) 0 0 / calc(8 * var(--px)) calc(8 * var(--px))}#purse,#purse *{text-shadow:var(--tsh)}#purse #pu-hold-lbl{color:#e8d9b8}#purse .pu-bank{color:var(--cream)}#purse .pu-bank b{color:#6ff0d6}#bankbar{text-shadow:var(--tsh)}#bankbar .bb-track{height:calc(6 * var(--px));border:var(--px) solid var(--ink);background:#2b180c}#bb-fill{background:linear-gradient(#ffe68a 0 30%,#e8a72a 30% 75%,#b8721a 75%)}#bankbar.fire .bb-track{outline:var(--px) solid #ff6a52}#harborptr,#actionptr{text-shadow:var(--tsh)}#harborptr i,#actionptr i{filter:drop-shadow(0 var(--px) 0 var(--ink))}#escort{font-family:var(--display);text-shadow:var(--tsh)}#esc-role{color:var(--goldt)}#esc-track{border:var(--px) solid var(--ink);background:#2b180c;height:calc(6 * var(--px))}#esc-fill{background:linear-gradient(#ffe68a 0 30%,#e8a72a 30% 75%,#b8721a 75%)}#esc-track i{border:var(--px) solid var(--ink)}#esc-state{color:#e8d9b8}.plate .pn{font-family:var(--display);font-weight:700;text-shadow:0 var(--px) var(--ink),var(--px) 0 var(--ink),0 calc(-1 * var(--px)) var(--ink),calc(-1 * var(--px)) 0 var(--ink)}.plate .phb{border:var(--px) solid var(--ink);background:#2b180c}.rs-title{color:#ff6a52;text-shadow:var(--tsh),0 calc(3 * var(--px)) #5a140c,0 calc(5 * var(--px)) var(--ink)}.rs-by{color:var(--goldt);text-shadow:var(--tsh)}.rs-sub{text-shadow:var(--tsh)}#score{background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));border:calc(6 * var(--px)) solid transparent;border-image:var(--tx-frame) 6 / calc(6 * var(--px)) round;background-clip:padding-box;box-shadow:0 calc(5 * var(--px)) 0 #1c0f068c}.sc-title{color:var(--goldt);text-shadow:var(--tsh),0 calc(3 * var(--px)) #7a3d10;letter-spacing:.05em}#score table{background:var(--tx-parch) 0 0 / calc(32 * var(--px)) calc(32 * var(--px));border:var(--px) solid var(--ink);color:var(--inkt);text-shadow:none}#score th{color:#6e4a24;border-bottom:var(--px) solid rgba(58,36,18,.6)}#score td .cls{color:#7a5a38}#score tr.me td{color:var(--inkt);background:#e8a72a61;font-weight:700}#tip{background:var(--tx-parch) 0 0 / calc(32 * var(--px)) calc(32 * var(--px));border:var(--px) solid var(--ink);color:var(--inkt);text-shadow:none;box-shadow:0 calc(3 * var(--px)) 0 #1c0f0699;line-height:1.35}.tbtn{border-radius:0;border:var(--px) solid var(--ink);background:var(--plank);color:var(--goldt);font-family:var(--display);text-shadow:var(--tsh);box-shadow:inset 0 var(--px) 0 #ffeec833,0 calc(3 * var(--px)) 0 #1c0f0699}.tbtn.big{background:var(--tx-wood-red) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));color:var(--cream);border-color:var(--ink)}#t-stick{border:calc(2 * var(--px)) solid rgba(28,15,6,.75);background:#2b180c59}#t-knob{background:var(--tx-iron) 0 0 / calc(8 * var(--px)) calc(8 * var(--px));border:var(--px) solid var(--ink)}#menu{--px: 2px;--ink: #1c0f06;--cream: #fff3d6;--goldt: #ffd84a;--inkt: #3a2412;--tsh: 0 calc(-1 * var(--px)) var(--ink), var(--px) 0 var(--ink), 0 var(--px) var(--ink), calc(-1 * var(--px)) 0 var(--ink), var(--px) var(--px) var(--ink), calc(-1 * var(--px)) var(--px) var(--ink), var(--px) calc(-1 * var(--px)) var(--ink), calc(-1 * var(--px)) calc(-1 * var(--px)) var(--ink), 0 calc(2 * var(--px)) var(--ink);position:absolute;inset:0;z-index:10;overflow:hidden;font-family:var(--display);color:var(--cream);image-rendering:pixelated;-webkit-tap-highlight-color:transparent}@media(min-width:1700px)and (min-height:940px){#menu{--px: 3px}}#menu button{font-family:var(--display);cursor:pointer}#menu img{image-rendering:auto}#menu img.chart{image-rendering:pixelated}#menu.padnav :focus,#menu :focus-visible{outline:calc(2 * var(--px)) solid #fff6c8;outline-offset:calc(2 * var(--px))}#menu.padnav .m-cap:focus .sign,#menu.padnav .m-cta:focus .board,#menu.padnav .m-flag:focus .cloth{filter:brightness(1.2)}#menu .bg{position:absolute;inset:0;background:var(--menu-bg) center / cover no-repeat;animation:kb 40s ease-in-out infinite alternate;transition:opacity .9s}#menu.live .bg{opacity:0}#menu .bg.dim{filter:brightness(.45) saturate(.85);animation:none}#menu.live .bg.dim{opacity:0}#menu .veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,8,2,.28) 0%,transparent 22%,transparent 62%,rgba(20,8,2,.45) 100%)}#menu .veil.dim{background:#0e06026b}#menu .bg.pause{background:#0a050280;animation:none}@keyframes kb{0%{transform:scale(1)}to{transform:scale(1.06) translate(-1%,-1%)}}.vx-t{color:var(--cream);text-shadow:var(--tsh);letter-spacing:.02em}.vx-gold{color:var(--goldt);text-shadow:var(--tsh),0 calc(3 * var(--px)) #7a3d10,0 calc(4 * var(--px)) var(--ink);letter-spacing:.03em}.vx-red{color:#ff6a52;text-shadow:var(--tsh),0 calc(3 * var(--px)) #5a140c,0 calc(4 * var(--px)) var(--ink)}.px-ico{display:inline-block;flex:none;width:calc(16 * var(--px));height:calc(16 * var(--px));background:var(--ico) center / 100% 100% no-repeat;image-rendering:pixelated}.px-ico.big{width:calc(24 * var(--px));height:calc(24 * var(--px))}.px-ico.huge{width:calc(32 * var(--px));height:calc(32 * var(--px))}.px-ico.sm{width:calc(12 * var(--px));height:calc(12 * var(--px))}.vx-board{position:relative;border:calc(6 * var(--px)) solid transparent;border-image:var(--tx-frame) 6 / calc(6 * var(--px)) round;background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px)) repeat padding-box;box-shadow:0 calc(5 * var(--px)) 0 #1c0f068c;image-rendering:pixelated}.vx-board.dark{background-image:var(--tx-wood-dark)}.parch{background:var(--tx-parch) 0 0 / calc(32 * var(--px)) calc(32 * var(--px));color:var(--inkt);text-shadow:none;border:var(--px) solid var(--ink);box-shadow:inset 0 var(--px) 0 #ffffff80,inset 0 calc(-2 * var(--px)) 0 #5a371440,0 calc(2 * var(--px)) 0 #1c0f0673;image-rendering:pixelated}.vx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(4 * var(--px));min-height:max(44px,calc(22 * var(--px)));padding:0 calc(9 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec859,inset 0 calc(-2 * var(--px)) 0 #1c0f0659,0 calc(3 * var(--px)) 0 var(--ink);color:var(--cream);text-shadow:var(--tsh);font-size:max(15px,calc(20 * var(--s)));font-weight:700;letter-spacing:.03em;transition:transform .06s,filter .1s,box-shadow .06s;image-rendering:pixelated}.vx-btn:hover{filter:brightness(1.1);transform:translateY(calc(-1 * var(--px)))}.vx-btn:active{transform:translateY(calc(2 * var(--px)));box-shadow:inset 0 var(--px) 0 #ffeec84d,inset 0 calc(-2 * var(--px)) 0 #1c0f0659,0 var(--px) 0 var(--ink)}.vx-btn.gold{color:var(--goldt);text-shadow:var(--tsh),0 calc(3 * var(--px)) #7a3d10;background-image:var(--tx-wood-red)}.vx-btn.dark{background-image:var(--tx-wood-dark)}.vx-btn.small{min-height:max(36px,calc(16 * var(--px)));font-size:max(13px,calc(16 * var(--s)));padding:0 calc(6 * var(--px))}.vx-btn.sel{outline:calc(2 * var(--px)) solid var(--goldt);outline-offset:var(--px)}.vx-btn:disabled{filter:saturate(.4) brightness(.8);transform:none;cursor:default}.vx-btn.sel:disabled{filter:saturate(.7)}.is-sel{outline:calc(2 * var(--px)) solid var(--goldt);outline-offset:var(--px);transform:translateY(calc(-2 * var(--px)))}.vx-title{position:absolute;left:50%;top:0;transform:translate(-50%,-62%);padding:calc(3 * var(--px)) calc(12 * var(--px));white-space:nowrap;border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec840,0 calc(3 * var(--px)) 0 var(--ink);font-size:max(18px,calc(30 * var(--s)));font-weight:700;z-index:2}.vx-title:before,.vx-title:after{content:"";position:absolute;bottom:100%;width:calc(3 * var(--px));height:calc(10 * var(--px));background:var(--tx-rope) 0 0 / calc(4 * var(--px)) calc(6 * var(--px))}.vx-title:before{left:18%}.vx-title:after{right:18%}.vx-bar{position:relative;height:calc(7 * var(--px));border:var(--px) solid var(--ink);background:#2b180c;box-shadow:inset 0 var(--px) 0 #00000080}.vx-bar i{display:block;height:100%;background:linear-gradient(#ffe68a 0 30%,#e8a72a 30% 75%,#b8721a 75%);box-shadow:inset calc(-1 * var(--px)) 0 0 #1c0f0680}.vx-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(9 * var(--px)),rgba(28,15,6,.55) calc(9 * var(--px)) calc(10 * var(--px)));pointer-events:none}.vx-bar.green i{background:linear-gradient(#b8f59a 0 30%,#58c042 30% 75%,#2f8a28 75%)}.m-logo{position:absolute;left:50%;top:calc(8 * var(--s));transform:translate(-50%);width:calc(430 * var(--s));min-width:200px;filter:drop-shadow(0 calc(4 * var(--px)) 0 rgba(28,15,6,.55));pointer-events:none}.m-top{position:absolute;right:calc(24 * var(--s));top:calc(20 * var(--s));display:flex;gap:calc(6 * var(--px));align-items:flex-start}.chip{display:flex;align-items:center;gap:calc(4 * var(--px));min-height:48px;padding:calc(4 * var(--px)) calc(8 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec838,0 calc(3 * var(--px)) 0 var(--ink);color:var(--cream);text-shadow:var(--tsh);font-size:max(15px,calc(28 * var(--s)));font-weight:700}.chip:hover{filter:brightness(1.12)}.chip .who{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2 * var(--px));min-width:calc(80 * var(--px))}.chip .who small{font-size:max(12px,calc(18 * var(--s)));color:var(--goldt)}.chip .who .vx-bar{width:100%;height:calc(5 * var(--px))}@media(min-height:521px)and (min-aspect-ratio:4/5)and (max-width:1400px){.chip .who{min-width:0}.chip .who>span:first-child{display:none}}.m-cap{position:absolute;left:calc(34 * var(--s));top:calc(150 * var(--s));width:calc(330 * var(--s));min-width:150px;height:calc(540 * var(--s));background:none;border:0;padding:0}.m-cap .post{position:absolute;left:0;top:0;bottom:0;width:calc(10 * var(--px));background:var(--tx-post) 0 0 / calc(24 * var(--px)) calc(48 * var(--px));border:var(--px) solid var(--ink);box-shadow:calc(3 * var(--px)) 0 0 #1c0f0673}.m-cap .beam{position:absolute;left:0;right:4%;top:calc(8 * var(--px));height:calc(9 * var(--px));background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));border:var(--px) solid var(--ink);box-shadow:0 calc(3 * var(--px)) 0 #1c0f0680}.m-cap .rope{position:absolute;top:calc(17 * var(--px));width:calc(3 * var(--px));height:calc(24 * var(--px));background:var(--tx-rope) 0 0 / calc(4 * var(--px)) calc(6 * var(--px))}.m-cap .rope.l{left:30%}.m-cap .rope.r{right:18%}.m-cap .sign{position:absolute;left:16%;right:6%;top:calc(40 * var(--px));display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--px));padding:calc(4 * var(--px));transform-origin:50% 0;animation:swing 5s ease-in-out infinite alternate}.m-cap .sign img{width:100%;aspect-ratio:1;object-fit:cover;border:var(--px) solid var(--ink);box-shadow:0 0 0 var(--px) #8b5a2b,0 0 0 calc(2 * var(--px)) var(--ink);background:#2b180c}.m-cap .nameplate{width:100%;text-align:center;padding:calc(2 * var(--px)) 0;font-size:max(15px,calc(32 * var(--s)));font-weight:700;border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-cap .hint{font-size:max(12px,calc(20 * var(--s)));color:var(--goldt);text-shadow:var(--tsh)}.m-cap:hover .sign{filter:brightness(1.1)}@keyframes swing{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}.m-right{position:absolute;right:calc(34 * var(--s));top:calc(150 * var(--s));width:calc(420 * var(--s));min-width:170px;display:flex;flex-direction:column;align-items:stretch;gap:calc(14 * var(--px))}.m-flag{position:relative;display:block;background:none;border:0;padding:0 0 0 calc(12 * var(--px));text-align:left}.m-flag .pole{position:absolute;left:0;top:calc(-6 * var(--px));bottom:calc(-8 * var(--px));width:calc(5 * var(--px));background:var(--tx-post) 0 0 / calc(24 * var(--px)) calc(48 * var(--px));border:var(--px) solid var(--ink)}.m-flag .pole:before{content:"";position:absolute;left:50%;top:calc(-5 * var(--px));width:calc(7 * var(--px));height:calc(5 * var(--px));transform:translate(-50%);background:#e0b14f;border:var(--px) solid var(--ink)}.m-flag .cloth{position:relative;display:flex;align-items:center;gap:calc(5 * var(--px));padding:calc(7 * var(--px)) calc(16 * var(--px)) calc(9 * var(--px)) calc(8 * var(--px));background:var(--tx-cloth-black) 0 0 / calc(8 * var(--px)) calc(8 * var(--px));clip-path:polygon(0 0,97% 0,100% 12%,96% 26%,100% 40%,96% 54%,100% 68%,96% 82%,100% 96%,0 100%);box-shadow:inset 0 calc(-3 * var(--px)) 0 #00000073;transform-origin:0 50%;animation:flutter 3.2s ease-in-out infinite alternate}.m-flag .cloth b{display:block;font-size:max(16px,calc(34 * var(--s)));line-height:1.05}.m-flag .cloth small{display:block;font-size:max(12px,calc(21 * var(--s)));color:var(--goldt);text-shadow:var(--tsh);margin-top:calc(2 * var(--px))}.m-flag:hover .cloth{filter:brightness(1.35)}@keyframes flutter{0%{transform:skewY(-1deg)}to{transform:skewY(1deg)}}.m-cta{position:relative;z-index:0;background:none;border:0;padding:0 0 calc(22 * var(--px));display:block}.m-cta .board{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--px));padding:calc(10 * var(--px)) calc(8 * var(--px))}.m-cta b{font-size:max(24px,calc(68 * var(--s)));line-height:1}.m-cta small{display:block;font-size:max(12px,calc(21 * var(--s)));margin-top:calc(3 * var(--px))}.m-cta .post{position:absolute;left:50%;bottom:0;width:calc(10 * var(--px));height:calc(24 * var(--px));transform:translate(-50%);background:var(--tx-post) 0 0 / calc(24 * var(--px)) calc(48 * var(--px));border:var(--px) solid var(--ink);z-index:-1}.m-cta .post:after{content:"";position:absolute;left:calc(-2 * var(--px));right:calc(-2 * var(--px));top:calc(7 * var(--px));height:calc(6 * var(--px));background:var(--tx-rope-h) 0 0 / calc(6 * var(--px)) calc(4 * var(--px));border:var(--px) solid var(--ink)}.m-cta:hover .board{filter:brightness(1.1)}.m-cta:active .board{transform:translateY(calc(2 * var(--px)))}.m-cta .wheel{animation:spin 9s linear infinite}.m-cta:hover .wheel{animation-duration:2.5s}@keyframes spin{to{transform:rotate(360deg)}}.m-dock{position:absolute;left:50%;bottom:calc(40 * var(--s));transform:translate(-50%);display:flex;gap:calc(10 * var(--px));align-items:flex-end}.m-dock:before{content:"";position:absolute;left:calc(-30 * var(--px));right:calc(-30 * var(--px));bottom:calc(-12 * var(--px));height:calc(10 * var(--px));background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));border:var(--px) solid var(--ink);box-shadow:0 calc(4 * var(--px)) 0 #1c0f0699}.crate{position:relative;width:calc(184 * var(--s));min-width:78px;height:calc(172 * var(--s));min-height:74px;padding:0;display:flex;justify-content:center;align-items:flex-start}.crate.vx-board{border-width:calc(5 * var(--px));border-image-width:calc(5 * var(--px))}.crate .banner{position:relative;margin-top:calc(-2 * var(--px));width:78%;height:88%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3 * var(--px));padding-bottom:calc(6 * var(--px));background:var(--tx-cloth-blue) 0 0 / calc(8 * var(--px)) calc(8 * var(--px));clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);box-shadow:inset calc(2 * var(--px)) 0 0 #ffffff1f,inset calc(-2 * var(--px)) 0 0 #00000040}.crate .banner:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(3 * var(--px));background:var(--tx-iron) 0 0 / calc(8 * var(--px)) calc(8 * var(--px))}.crate .banner b{font-size:max(12px,calc(25 * var(--s)));font-weight:700}.crate.red .banner{background-image:var(--tx-cloth-red)}.crate.green .banner{background-image:var(--tx-cloth-green)}.crate.purple .banner{background-image:var(--tx-cloth-purple)}.crate:hover{transform:translateY(calc(-2 * var(--px)))}.crate:hover .banner{filter:brightness(1.2)}.crate:active{transform:translateY(var(--px))}.crate .lang{font-size:max(18px,calc(42 * var(--s)));font-weight:700;line-height:1}.m-foot{position:absolute;left:calc(20 * var(--s));right:calc(20 * var(--s));bottom:calc(6 * var(--s));display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:max(12px,calc(18 * var(--s)));color:var(--cream);text-shadow:var(--tsh);pointer-events:none}.m-foot>*{pointer-events:auto}button.link{background:none;border:0;padding:0;color:var(--goldt);text-shadow:var(--tsh);font-size:inherit;text-decoration:underline;text-decoration-thickness:var(--px);text-underline-offset:calc(2 * var(--px))}button.link:hover{color:#fff}.sheet{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:min(760px,92vw);max-height:86vh;display:flex;flex-direction:column}.sheet.wide{width:min(1040px,94vw)}.sheet.narrow{width:min(400px,90vw)}.sheet>.vx-board{padding:calc(14 * var(--px)) calc(12 * var(--px)) calc(10 * var(--px));max-height:86vh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b5a2b #2b180c}.sheet h3{margin:calc(8 * var(--px)) 0 calc(4 * var(--px));font-size:max(15px,calc(22 * var(--s)));font-weight:700;display:flex;align-items:center;gap:calc(4 * var(--px))}.sheet h3:first-child{margin-top:0}.row{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:calc(6 * var(--px));margin-top:calc(8 * var(--px))}.sheet>.vx-board>.row:last-of-type,.cap-info>.vx-board>.row:last-of-type{position:sticky;bottom:calc(-10 * var(--px));z-index:1;margin:calc(8 * var(--px)) calc(-12 * var(--px)) calc(-10 * var(--px));padding:calc(5 * var(--px)) calc(12 * var(--px)) calc(6 * var(--px));background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:0 calc(-2 * var(--px)) 0 #1c0f0673}.cap-info>.vx-board>.row:last-of-type{flex-wrap:nowrap;bottom:calc(-8 * var(--px));margin:calc(4 * var(--px)) calc(-8 * var(--px)) calc(-8 * var(--px));padding:calc(5 * var(--px)) calc(8 * var(--px)) calc(6 * var(--px))}.sheet>.vx-board,.cap-info>.vx-board{scroll-padding-bottom:calc(36 * var(--px))}.row.center{justify-content:center}.col{display:flex;flex-direction:column;gap:calc(6 * var(--px))}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc(170 * var(--s))),1fr));gap:calc(6 * var(--px))}.tiles.maps{grid-template-columns:repeat(auto-fill,minmax(max(260px,calc(340 * var(--s))),1fr))}.tiles.maps .tile-b{display:grid;grid-template-columns:44% 1fr;grid-template-rows:auto 1fr;column-gap:calc(5 * var(--px));row-gap:calc(3 * var(--px));align-items:start}.tiles.maps .chart{grid-row:1 / span 2}.tiles.bots{grid-template-columns:repeat(4,1fr)}.tile-b{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:calc(3 * var(--px));text-align:left;padding:calc(5 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec833,0 calc(3 * var(--px)) 0 var(--ink);color:var(--cream);transition:transform .06s,filter .1s}.tile-b:hover{filter:brightness(1.12);transform:translateY(calc(-1 * var(--px)))}.tile-b .hd{display:flex;align-items:center;gap:calc(4 * var(--px))}.tile-b b{font-size:max(13px,calc(18 * var(--s)));font-weight:700;text-shadow:var(--tsh);line-height:1.1;min-width:0;overflow-wrap:anywhere;hyphens:auto}.tile-b .parch{padding:calc(3 * var(--px)) calc(4 * var(--px));font-size:max(12px,calc(14 * var(--s)));line-height:1.3;flex:1}.tile-b.sel{outline:calc(2 * var(--px)) solid var(--goldt);outline-offset:var(--px);background-image:var(--tx-wood-red)}.tile-b .chart{width:100%;aspect-ratio:8 / 5;object-fit:cover;border:var(--px) solid var(--ink);image-rendering:pixelated;background:#d8c08a}.tiles.bots .tile-b{align-items:center;text-align:center;padding:calc(4 * var(--px)) calc(3 * var(--px))}.skulls{display:flex;gap:calc(1 * var(--px));justify-content:center}#menu .stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,8,2,.45) 0 16%,transparent 30%,transparent 62%,rgba(20,8,2,.45) 76%);pointer-events:none}.cap-list{position:absolute;left:calc(20 * var(--s));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:calc(5 * var(--px))}.cap{position:relative;display:flex;align-items:center;gap:calc(4 * var(--px));width:calc(290 * var(--s));min-width:170px;padding:calc(3 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec833,0 calc(3 * var(--px)) 0 var(--ink);color:var(--cream);text-align:left;transition:transform .06s}.cap img{width:calc(58 * var(--s));min-width:34px;aspect-ratio:1;object-fit:cover;border:var(--px) solid var(--ink)}.cap span{font-size:max(13px,calc(22 * var(--s)));font-weight:700;text-shadow:var(--tsh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap:hover{filter:brightness(1.12);transform:translate(calc(2 * var(--px)))}.cap.sel{outline:calc(2 * var(--px)) solid var(--goldt);outline-offset:var(--px);background-image:var(--tx-wood-red);transform:translate(calc(4 * var(--px)))}.cap-info{position:absolute;right:calc(20 * var(--s));top:52%;transform:translateY(-50%);width:calc(560 * var(--s));min-width:390px;max-height:88vh;display:flex;flex-direction:column}.cap-info>.vx-board{padding:calc(12 * var(--px)) calc(8 * var(--px)) calc(8 * var(--px));overflow:auto;display:flex;flex-direction:column;gap:calc(6 * var(--px));scrollbar-width:thin;scrollbar-color:#8b5a2b #2b180c}.cap-head{display:flex;gap:calc(5 * var(--px));align-items:center}.cap-head img{width:calc(84 * var(--s));min-width:56px;aspect-ratio:1;object-fit:cover;border:var(--px) solid var(--ink);box-shadow:0 0 0 var(--px) #8b5a2b,0 0 0 calc(2 * var(--px)) var(--ink)}.cap-head h1{margin:0;font-size:max(22px,calc(36 * var(--s)));line-height:1;font-weight:700}.cap-head .role{font-size:max(12px,calc(14 * var(--s)));color:var(--goldt);text-shadow:var(--tsh)}.cap-head .captain{font-size:max(12px,calc(15 * var(--s)));text-shadow:var(--tsh);margin-top:calc(2 * var(--px))}.stats{display:grid;grid-template-columns:auto 1fr;gap:calc(3 * var(--px)) calc(5 * var(--px));align-items:center;padding:calc(4 * var(--px)) calc(5 * var(--px));font-size:max(12px,calc(14 * var(--s)))}.abil{display:flex;flex-direction:column;gap:calc(2 * var(--px));padding:calc(3 * var(--px)) calc(4 * var(--px));font-size:max(12px,calc(14 * var(--s)))}.ab{display:flex;gap:calc(4 * var(--px));align-items:baseline}.ab b{min-width:5.5em;color:#7a3d10}.ab.ult b{color:#a0251a}.cosm{display:flex;flex-direction:column;gap:calc(3 * var(--px))}.cosm>div{display:flex;flex-wrap:wrap;gap:calc(3 * var(--px));align-items:center}.cosm>div>span{width:100%;font-size:max(12px,calc(15 * var(--s)));text-shadow:var(--tsh)}.tag{display:inline-flex;align-items:center;gap:calc(2 * var(--px));min-height:34px;padding:0 calc(5 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec84d,0 calc(2 * var(--px)) 0 var(--ink);color:var(--cream);text-shadow:var(--tsh);font-size:max(12px,calc(14 * var(--s)));font-weight:700}.tag:hover{filter:brightness(1.12)}.tag.sel{outline:calc(2 * var(--px)) solid var(--goldt);outline-offset:var(--px)}.tag.lock{background-image:var(--tx-wood-dark);color:#cdb99a}.tag.lock i{font-style:normal;display:inline-flex;align-items:center;gap:var(--px);color:#cdb99a}.tag.lock.buy{color:var(--cream)}.tag.lock.buy i{color:var(--goldt)}.prof-head{display:flex;align-items:center;gap:calc(6 * var(--px));flex-wrap:wrap}.badge{display:grid;place-items:center;width:calc(26 * var(--px));height:calc(26 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-iron) 0 0 / calc(8 * var(--px)) calc(8 * var(--px));box-shadow:inset 0 var(--px) 0 #ffffff4d,0 calc(2 * var(--px)) 0 var(--ink);font-size:max(16px,calc(24 * var(--s)));font-weight:700;color:var(--goldt);text-shadow:var(--tsh)}.namebox{display:flex;align-items:center;gap:calc(3 * var(--px));padding:calc(2 * var(--px)) calc(4 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec84d,0 calc(3 * var(--px)) 0 var(--ink)}.namebox .vx-text{width:11em;font-weight:700}.prof-head .xp{flex:1;min-width:160px;display:flex;flex-direction:column;gap:calc(2 * var(--px));font-size:max(12px,calc(14 * var(--s)));text-shadow:var(--tsh)}.crates4{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(5 * var(--px));margin-top:calc(6 * var(--px))}.crates4>div{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--px));padding:calc(4 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec833,0 calc(3 * var(--px)) 0 var(--ink);text-align:center}.crates4 span{font-size:max(11px,calc(13 * var(--s)));text-shadow:var(--tsh)}.crates4 b{font-size:max(20px,calc(32 * var(--s)));line-height:1}.heroes{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(4 * var(--px))}.hero{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--px));padding:calc(3 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));text-align:center}.hero img{width:100%;aspect-ratio:1;object-fit:cover;border:var(--px) solid var(--ink)}.hero b{font-size:max(11px,calc(14 * var(--s)));text-shadow:var(--tsh)}.hero span{font-size:max(11px,calc(12 * var(--s)));color:var(--goldt);text-shadow:var(--tsh)}.opts{display:flex;flex-direction:column;gap:calc(3 * var(--px));padding:calc(4 * var(--px)) calc(6 * var(--px))}.opt{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--px));min-height:40px;font-size:max(13px,calc(16 * var(--s)))}.opt+.opt{border-top:var(--px) dashed rgba(90,55,20,.35)}.opt>span{flex:1}.opt .note{display:block;font-size:.8em;opacity:.75;font-weight:400}.vx-range{-webkit-appearance:none;appearance:none;width:48%;height:calc(7 * var(--px));margin:0;border:var(--px) solid var(--ink);background:linear-gradient(90deg,#e8a72a 0 var(--f, 50%),#3a2412 var(--f, 50%));box-shadow:inset 0 var(--px) 0 #ffffff40;cursor:pointer}.vx-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(9 * var(--px));height:calc(15 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-iron) 0 0 / calc(8 * var(--px)) calc(8 * var(--px));box-shadow:inset 0 var(--px) 0 #ffffff73,0 var(--px) 0 var(--ink)}.vx-range::-moz-range-thumb{width:calc(8 * var(--px));height:calc(14 * var(--px));border:var(--px) solid var(--ink);border-radius:0;background:var(--tx-iron) 0 0 / calc(8 * var(--px)) calc(8 * var(--px));box-shadow:inset 0 var(--px) 0 #ffffff73}.vx-range::-moz-range-track{background:transparent}.vx-check{-webkit-appearance:none;appearance:none;flex:none;width:calc(14 * var(--px));height:calc(14 * var(--px));margin:0;border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));box-shadow:inset 0 var(--px) 0 #ffeec840,0 var(--px) 0 var(--ink);cursor:pointer}.vx-check:checked{background:var(--ico-check) center / 100% 100% no-repeat,var(--tx-wood-red) 0 0 / calc(48 * var(--px)) calc(24 * var(--px))}.segs{display:flex;gap:calc(2 * var(--px));flex-wrap:wrap;justify-content:flex-end}.vx-text{width:52%;min-height:36px;padding:0 calc(4 * var(--px));border:var(--px) solid var(--ink);background:#fff8e6;color:var(--inkt);font-family:var(--display);font-size:max(13px,calc(15 * var(--s)));box-shadow:inset 0 var(--px) 0 #5a37144d}.controls{margin:calc(6 * var(--px)) 0 0;padding:calc(4 * var(--px)) calc(6 * var(--px));font-size:max(12px,calc(13 * var(--s)));line-height:1.45}.version{margin:calc(4 * var(--px)) 0 0;font-size:11px;text-align:right;color:#cdb99a;text-shadow:var(--tsh)}.lobby{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:calc(4 * var(--px));margin-top:calc(6 * var(--px));min-height:calc(40 * var(--px))}.lp{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--px));padding:calc(3 * var(--px));border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));font-size:max(11px,calc(13 * var(--s)));text-shadow:var(--tsh)}.lp img{width:calc(40 * var(--px));aspect-ratio:1;object-fit:cover;border:var(--px) solid var(--ink)}.lp.red{outline:calc(2 * var(--px)) solid #d6453a}.lp.blue{outline:calc(2 * var(--px)) solid #2f7fe0}.lobby-status{min-height:1.5em;margin-top:calc(6 * var(--px));padding:calc(3 * var(--px)) calc(5 * var(--px));font-size:max(12px,calc(15 * var(--s)))}.lobby-status:empty{display:none}.res-head{text-align:center}.res-head h1{margin:0;font-size:max(36px,calc(76 * var(--s)));line-height:1.05;font-weight:700}.res-head .sub{font-size:max(13px,calc(17 * var(--s)));margin-top:calc(3 * var(--px));text-shadow:var(--tsh)}.standings{width:100%;border-collapse:collapse;margin-top:calc(6 * var(--px));font-size:max(12px,calc(14 * var(--s)))}.standings-wrap{padding:calc(3 * var(--px)) calc(5 * var(--px));margin-top:calc(6 * var(--px))}.standings th{font-weight:400;text-align:right;padding:calc(1 * var(--px)) calc(3 * var(--px));border-bottom:var(--px) solid rgba(58,36,18,.6);color:#6e4a24}.standings td{text-align:right;padding:calc(1.5 * var(--px)) calc(3 * var(--px));font-variant-numeric:tabular-nums}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left;width:100%}.standings th:first-child,.standings td:first-child{text-align:left;width:1.6em}.standings td span{color:#7a5a38;margin-left:calc(3 * var(--px))}.standings tr.me td{background:#e8a72a61;font-weight:700}.standings tr.red td:first-child{box-shadow:inset calc(2 * var(--px)) 0 #c23a2c}.standings tr.blue td:first-child{box-shadow:inset calc(2 * var(--px)) 0 #2f67c9}.reward{display:flex;justify-content:center;align-items:center;gap:calc(6 * var(--px));margin-top:calc(6 * var(--px));font-size:max(16px,calc(24 * var(--s)));font-weight:700}.reward span{display:inline-flex;align-items:center;gap:calc(2 * var(--px))}.next{display:flex;align-items:center;gap:calc(5 * var(--px));margin-top:calc(6 * var(--px));font-size:max(12px,calc(14 * var(--s)));text-shadow:var(--tsh)}.next span{flex:none;max-width:55%}.next .vx-bar{flex:1}.next b{color:var(--goldt);white-space:nowrap}.gains{display:flex;flex-direction:column;gap:calc(2 * var(--px));margin-top:calc(5 * var(--px));padding:calc(3 * var(--px)) calc(5 * var(--px));font-size:max(12px,calc(14 * var(--s)))}.gains .gain{display:flex;align-items:center;gap:calc(3 * var(--px));flex-wrap:wrap}.gains .gain.gold{color:#7a4a00;font-weight:700}.bounties{display:flex;flex-direction:column;gap:calc(4 * var(--px));padding:calc(4 * var(--px)) calc(5 * var(--px))}.bounty-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:calc(2 * var(--px)) calc(5 * var(--px));font-size:max(13px,calc(16 * var(--s)))}.bounty-row .bt{grid-column:1 / -1;display:flex;align-items:center;gap:calc(3 * var(--px))}.bounty-row .bt span{flex:1}.bounty-row .bt b{display:inline-flex;align-items:center;gap:calc(2 * var(--px));white-space:nowrap}.bounty-row small{font-variant-numeric:tabular-nums;font-size:max(12px,calc(14 * var(--s)))}.bounty-row.done{opacity:.65}.bounty-row .vx-btn.small{min-height:44px;min-width:44px;padding:0 calc(4 * var(--px))}.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(3 * var(--px));margin-top:calc(4 * var(--px))}.streak .day{display:flex;flex-direction:column;align-items:center;gap:calc(1 * var(--px));padding:calc(3 * var(--px)) 0;border:var(--px) solid var(--ink);background:var(--tx-wood-dark) 0 0 / calc(48 * var(--px)) calc(24 * var(--px));color:var(--cream);text-shadow:var(--tsh);font-size:max(11px,calc(13 * var(--s)));opacity:.6}.streak .day small{font-size:max(11px,calc(12 * var(--s)))}.streak .day.got{opacity:1;background-image:var(--tx-wood-red)}.streak .day.next{opacity:1;outline:calc(2 * var(--px)) solid var(--goldt)}.chip.bounty{font-size:max(14px,calc(24 * var(--s)))}@media(max-height:520px)and (min-aspect-ratio:4/5){#menu .crates4{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}.crates4>div{flex-direction:row;justify-content:center;gap:6px;padding:3px 4px}.crates4>div .px-ico{width:22px;height:22px}.crates4 b{font-size:18px}.crates4 span{font-size:11px}.res-head h1{font-size:34px}.res-head .sub{font-size:12px;margin-top:0}.reward{margin-top:4px;font-size:18px}.gains,.next{margin-top:4px}.streak .day .px-ico{display:none}.streak .day{gap:0}.sheet h3{margin:4px 0 2px;font-size:14px}.bounties+.note{margin:4px 0 0;font-size:12px}.bounties{gap:4px;padding:4px 6px}.bounty-row{grid-template-columns:minmax(0,1fr) minmax(70px,22%) auto 44px;gap:6px}.bounty-row .bt{grid-column:auto;min-width:0}.bounty-row .bt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streak{margin-top:2px}.streak .day{padding:2px 0}.streak .day .px-ico{width:20px;height:20px}}.cap.locked img{filter:grayscale(1) brightness(.55)}.cap.locked span{display:inline-flex;align-items:center;gap:calc(2 * var(--px));color:#d8c8a8;font-weight:400}.cap.locked span b{font-weight:400}.cap.locked .short{display:none}@media(max-aspect-ratio:4/5),(max-width:560px),(max-height:520px){.cap.locked .full{display:none}.cap.locked .short{display:inline}}.consent{position:absolute;left:50%;bottom:calc(40 * var(--s) + 24px);transform:translate(-50%);display:flex;align-items:center;gap:calc(4 * var(--px));max-width:min(760px,calc(100vw - 32px));padding:calc(3 * var(--px)) calc(6 * var(--px));font-size:max(12px,calc(15 * var(--s)));z-index:5}.consent span{flex:1}.consent .vx-btn.small{min-height:40px;flex:none}#ld-track{height:12px;background:#2b180c;border:2px solid #1c0f06;box-shadow:0 3px #1c0f06}#ld-bar{background:linear-gradient(#ffe68a 0 30%,#e8a72a 30% 75%,#b8721a 75%)}#ld-text{color:#ffd84a;text-shadow:0 -2px #1c0f06,2px 0 #1c0f06,0 2px #1c0f06,-2px 0 #1c0f06,0 4px #1c0f06;letter-spacing:.08em}@media(max-width:900px),(max-height:520px){.heroes{grid-template-columns:repeat(3,1fr)}.crates4{grid-template-columns:repeat(2,1fr)}}@media(max-aspect-ratio:4/5){#menu{--u: min(1vw, calc((100vh - 452px) / 78))}.chip.bounty{position:fixed;top:10px;right:10px;flex-direction:column;gap:0;min-height:48px;padding:2px 6px;font-size:14px}@media(max-height:620px){.chip.bounty{right:auto;left:8px;top:4px;min-height:40px;font-size:12px}}.m-logo{width:calc(62 * var(--u));min-width:0;top:10px}.m-top{left:10px;right:10px;top:calc(34 * var(--u) + 16px);justify-content:center}.m-cap{left:10px;top:calc(34 * var(--u) + 100px);width:calc(44 * var(--u));height:auto;min-width:0}.m-cap .post,.m-cap .beam,.m-cap .rope{display:none}.m-cap .sign{position:relative;left:0;right:0;top:0;animation:none;padding:var(--px)}.m-cap .nameplate{font-size:clamp(11px,calc(4.4 * var(--u)),15px);letter-spacing:0}.m-right{right:10px;top:calc(34 * var(--u) + 100px);width:calc(100vw - 44 * var(--u) - 30px);min-width:0;gap:14px}.m-flag .cloth b{font-size:16px}.m-cta{position:fixed;left:10px;right:10px;bottom:172px;padding-bottom:0}.m-cta .board{padding:6px 8px}.m-cta .px-ico.huge{width:52px;height:52px}.m-cta .post{display:none}.m-cta b{font-size:30px}.m-dock{left:10px;right:10px;transform:none;bottom:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.m-dock:before{left:-10px;right:-10px}.crate{width:auto;min-width:0;height:112px}.crate .banner{width:92%}.crate .banner b{font-size:11px;letter-spacing:0}.crate .lang{font-size:22px}.m-foot{bottom:6px;left:10px;right:10px;justify-content:center}.m-foot .hint-keys{display:none}.cap-list{display:grid;grid-template-columns:repeat(3,1fr);inset:auto 10px 10px;transform:none;gap:6px}.cap{width:auto;min-width:0}.cap span{font-size:11px}.cap img{width:30px;min-width:30px}.cap.sel{transform:none}.cap-info{left:10px;right:10px;width:auto;min-width:0;top:30px;bottom:calc(136px + 22vh);transform:none;max-height:none}.cap-info>.vx-board{flex:1;min-height:0}.sheet,.sheet.wide,.sheet.narrow{width:94vw;top:50%}.tiles.bots{grid-template-columns:repeat(2,1fr)}}@supports (height: 100dvh){@media(max-aspect-ratio:4/5){#menu{--u: min(1vw, calc((100dvh - 452px) / 78))}}}@media(max-height:520px)and (min-aspect-ratio:4/5){.m-logo{width:min(26vw,230px);min-width:0;top:4px}.m-top{top:6px;right:8px;gap:6px}.chip{min-height:36px;font-size:13px;padding:2px 6px;gap:4px}.chip .px-ico{width:22px;height:22px}.chip .who{min-width:84px}@media(max-width:760px){.chip .who{min-width:0}.chip .who>span:first-child{display:none}}.chip .who small{font-size:11px}.chip .who .vx-bar{display:none}.m-cap{left:8px;top:50px;width:132px;min-width:0;height:auto}.m-cap .post,.m-cap .beam,.m-cap .rope{display:none}.m-cap .sign{position:relative;left:0;right:0;top:0;animation:none;padding:4px;gap:4px}.m-cap .nameplate{font-size:13px}.m-cap .hint{font-size:11px}.m-right{top:58px;right:8px;width:min(30vw,240px);min-width:0;gap:8px}.m-flag{padding-left:14px}.m-flag .cloth{padding:5px 14px 7px 6px;gap:6px}.m-flag .cloth .px-ico{width:28px;height:28px}.m-flag .cloth b{font-size:14px}.m-flag .cloth small{font-size:11px}.m-cta{padding-bottom:0}.m-cta .post{display:none}.m-cta .board{padding:6px;gap:8px}.m-cta .px-ico{width:40px;height:40px}.m-cta b{font-size:22px}.m-cta small{font-size:11px}.m-dock{bottom:22px;gap:8px}.m-dock:before{bottom:-10px;height:8px}.crate{width:84px;min-width:0;height:70px;min-height:0}.crate .banner{width:86%;gap:2px}.crate .banner .px-ico{width:26px;height:26px}.crate .banner b{font-size:11px;letter-spacing:0}.crate .lang{font-size:18px}.m-foot{bottom:0}.cap-info{top:50%;max-height:94vh;min-width:330px}.cap-info>.vx-title{display:none}.cap-list{gap:4px}.cap{min-width:150px;padding:2px}.sheet>.vx-board{max-height:90vh}.sheet{top:52%}.vx-title{font-size:16px}}@media(pointer:coarse){.vx-btn,.vx-btn.small,.tile-b,.cap,.tag,.chip,.vx-text{min-height:44px}.opt{min-height:48px}.vx-check{width:28px;height:28px}.vx-range{height:40px;border:0;box-shadow:none;background:linear-gradient(90deg,#e8a72a 0 var(--f, 50%),#3a2412 var(--f, 50%)) center / calc(100% - 4px) 12px no-repeat,linear-gradient(#1c0f06,#1c0f06) center / 100% 16px no-repeat}.vx-range::-webkit-slider-thumb{width:22px;height:30px}button.link{min-height:44px;padding:0 8px}.m-foot{bottom:0}}.row .vx-btn{flex:0 1 auto;min-width:0;white-space:nowrap}.res-row{flex-wrap:nowrap}@media(max-width:560px){.res-row .vx-btn:not(.gold) .lbl{display:none}.res-row .vx-btn:not(.gold){flex:none;width:48px;padding:0}.res-row .vx-btn.gold{flex:1 1 auto}}
