@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1d2b53;--ink-soft:#5b6b94;--sky-1:#6fdcff;--sky-2:#3aa7ff;--sky-3:#2a6fff;--card:#fff;--card-2:#f2f8ff;--line:#d6e6ff;--sun:#ffc93c;--sun-deep:#ff9f1c;--sun-shadow:#d9720b;--mint:#2fd47a;--mint-deep:#19a95c;--berry:#ff4d6d;--berry-deep:#d62850;--grape:#8a5cff;--coin:#fc3;--ok:#2fd47a;--danger:#ff4d6d;--radius:18px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--font-ui:"Nunito Variable", Nunito, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fredoka Variable", Fredoka, "Nunito Variable", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;background:#1a7fe0;margin:0;font-size:15px;line-height:1.35}body{position:fixed;inset:0;overflow:hidden}#root{position:fixed;inset:0}button{font:inherit;color:inherit}.icon{vertical-align:middle;flex:none;display:inline-block}.dim{color:var(--ink-soft)}.small{font-size:12.5px}.note{color:var(--ink-soft);text-align:center;margin:6px 0;font-weight:700}.error{color:#a1123a;text-align:center;background:#ffe1e8;border:2px solid #ffb3c4;border-radius:12px;margin:6px 0;padding:8px 12px;font-weight:700}.ok{color:var(--mint-deep)}.pill{background:var(--card-2);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:900;display:inline-flex}.pill-you{background:var(--sun);color:#5a3500}.btn{background:var(--card);min-height:46px;color:var(--sky-3);font-weight:900;font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;transition:transform 90ms,box-shadow 90ms,filter .12s;display:inline-flex;box-shadow:0 4px #b9d3ff,0 8px 18px #143c8c2e}.btn:active{transform:translateY(3px);box-shadow:0 1px #b9d3ff,0 3px 8px #143c8c2e}.btn:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--grape);outline-offset:2px}.btn:disabled,.btn.off{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, #ffe066, var(--sun) 45%, var(--sun-deep));color:#5a2d00;box-shadow:0 5px 0 var(--sun-shadow), 0 10px 20px #d9720b59}.btn-primary:active{box-shadow:0 2px 0 var(--sun-shadow), 0 4px 10px #d9720b59}.btn-danger{background:linear-gradient(180deg, #ff7a92, var(--berry));color:#fff;box-shadow:0 5px 0 var(--berry-deep), 0 10px 20px #d628504d}.btn-big{width:100%;min-height:58px;font-size:20px}.btn-small{border-radius:12px;min-height:38px;padding:4px 12px;font-size:14px;box-shadow:0 3px #b9d3ff}.btn-icon{min-width:46px;padding:0}.btn-icon.btn-small{min-width:38px}.seg{background:var(--card-2);border:2px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{min-height:44px;color:var(--ink-soft);font-weight:900;font-family:var(--font-display);cursor:pointer;touch-action:manipulation;text-transform:capitalize;background:0 0;border:0;border-radius:11px;flex:1}.seg button.on{background:linear-gradient(180deg, #ffe066, var(--sun-deep));color:#5a2d00;box-shadow:0 3px 0 var(--sun-shadow)}.screen{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);background:#2b9bff url(./sea-DGg9Kx2P.webp) 50%/cover no-repeat;position:fixed;inset:0}.scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;overflow-y:auto}.splash{cursor:pointer;background:#2b9bff url(./scene-D7-UBHVl.webp) 50%/cover no-repeat;place-items:center;display:grid}.splash-inner{flex-direction:column;align-items:center;gap:20px;animation:.7s cubic-bezier(.2,1.4,.4,1) both rise;display:flex}.splash-tap{color:#fff;font-family:var(--font-display);background:#103c8c8c;border-radius:999px;margin:0;padding:10px 22px;font-size:18px;font-weight:700;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 3px #fff9}@media (max-aspect-ratio:3/4){.splash{background-image:url(./poster-DOPh4BQZ.webp);background-position:top;place-items:end center}.splash .logo-art{display:none}.splash-inner{margin-bottom:9vh}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.9)}}@keyframes pulse{50%{opacity:.7}}@keyframes bob{50%{transform:translateY(-4px)}}.logo-art{filter:drop-shadow(0 6px 10px #0a286e59);-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;height:auto;animation:3s ease-in-out infinite bob;display:block}.menu{justify-content:center;display:flex}.menu-col{flex-direction:column;align-items:stretch;gap:14px;width:min(420px,100%);margin:auto 0;display:flex}.menu-col>.logo-art{align-self:center;margin-bottom:4px}.menu-col>.note{color:#fff;background:#103c8c99;border-radius:12px;padding:8px 12px}.menu-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{color:var(--ink);flex-direction:column;gap:6px;font-weight:800;display:flex}.menu-col>.field{color:#fff}.menu-col>.field>span{background:#103c8c99;border-radius:999px;align-self:flex-start;padding:2px 12px}.field input[type=text],.field input[type=password],.field input:not([type]){border:3px solid var(--line);min-height:50px;color:var(--ink);font:inherit;text-shadow:none;background:#fff;border-radius:14px;padding:0 14px;font-size:18px;font-weight:800}.field input[type=range]{width:100%;min-height:36px;accent-color:var(--sun-deep)}.code-input{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-size:26px!important}.panel-screen{justify-content:center;display:flex}.panel,.modal{background:var(--card);border:4px solid #fff;border-radius:24px;flex-direction:column;gap:12px;width:min(560px,100%);margin:auto 0;padding:18px;display:flex;box-shadow:0 8px #9cc4ff,0 24px 50px #143c8c4d}.panel h2,.modal h2{font-family:var(--font-display);color:var(--sky-3);margin:0;font-size:26px;font-weight:700}.panel h3{font-family:var(--font-display);color:var(--ink);margin:6px 0 0;font-size:17px}.panel-head{align-items:center;gap:10px;display:flex}.panel-head h2{flex:1}.look{flex-direction:column;gap:8px;display:flex}.look-row{flex-wrap:wrap;gap:10px;display:flex}.swatch,.flagbtn{cursor:pointer;color:#fff;border:4px solid #fff;border-radius:16px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 3px #143c8c40}.flagbtn{background:var(--sky-2)}.swatch.on,.flagbtn.on{border-color:var(--sun);transform:scale(1.08)}.swatch:disabled,.flagbtn:disabled{opacity:.25}.toggle{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;display:flex}.toggle input{width:26px;height:26px;accent-color:var(--mint);flex:none;margin-top:2px}.toggle span{flex-direction:column;display:flex}.toggle small{color:var(--ink-soft)}.howto-steps{flex-direction:column;gap:10px;margin:0;padding-left:22px;font-size:16px;display:flex}.codex{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.codex-item{background:var(--card-2);border-radius:16px;align-items:center;gap:10px;padding:8px;display:flex}.codex-item img{object-fit:contain;flex:none}.codex-item p{margin:2px 0 0;font-size:14px}.room-code{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.room-code .code{letter-spacing:.22em;border:3px dashed var(--sun-deep);color:#8a4b00;cursor:pointer;background:#fff8e1;border-radius:14px;min-height:54px;padding:6px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:32px;font-weight:900}.seats{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seat{background:var(--card-2);border-radius:16px;align-items:center;gap:10px;min-height:54px;padding:6px 10px;display:flex}.seat.empty{border:3px dashed var(--line);background:0 0}.seat-flag{color:#fff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.seat-name{text-overflow:ellipsis;flex:1;min-width:0;font-weight:900;overflow:hidden}.seat-state{align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.host-tools{flex-direction:column;gap:10px;display:flex}.badge{color:#fff;border-radius:10px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 -3px #0000002e}.hpbar{vertical-align:middle;background:#1d2b5333;border-radius:999px;width:64px;height:9px;display:inline-block;overflow:hidden}.hpbar.wide{width:100%;height:12px}.hpbar>span{border-radius:999px;height:100%;transition:width .2s;display:block}.stars{letter-spacing:-1px;gap:1px;font-size:13px;line-height:1;display:inline-flex}.stars span{color:#1d2b5338}.stars span.on{color:var(--sun-deep);text-shadow:0 1px #b85e00}.coin{background:radial-gradient(circle at 35% 30%, #fff6b0 0 18%, var(--coin) 40%, #e09400 100%);vertical-align:middle;border-radius:50%;width:20px;height:20px;display:inline-block;box-shadow:inset 0 -2px #c27a00,0 1px #00000026}.coin.small{width:14px;height:14px}.net{background:var(--mint);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 3px #fff}.net-reconnecting,.net-connecting{background:var(--sun-deep)}.net-closed{background:var(--danger)}.game{touch-action:none;-webkit-user-select:none;user-select:none;background:#1a7fe0;position:fixed;inset:0;overflow:hidden}.world{position:absolute;inset:0}.hud{pointer-events:none;font-family:var(--font-display);position:absolute;inset:0}.hud button,.hud .modal-wrap,.hud .results-wrap{pointer-events:auto}.hud:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(#0000 62%,#ff285080 100%);transition:opacity .25s;position:absolute;inset:0}.hud.alarm:after{opacity:1}.loading{color:#fff;text-shadow:0 2px #0003;place-content:center;justify-items:center;gap:8px;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.loading .icon{animation:1.2s ease-in-out infinite bob}.hud-top{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 10px) 0 calc(var(--safe-l) + 10px);position:absolute;top:0;left:0;right:0}.topbar{background:#fffffff0;border-radius:22px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:0 4px #143c8c40,0 10px 24px #0a28642e}.tb-menu{min-width:44px;min-height:44px;box-shadow:none;background:var(--card-2)}.tb-gold{font-variant-numeric:tabular-nums;color:#7a4300;background:#fff4cc;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:22px;display:inline-flex}.tb-gold b{min-width:2.2ch;font-weight:700}.tb-gold small{color:#b06a00;font-size:12px;font-weight:700}.tb-hp{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.heart{color:var(--berry);text-shadow:0 2px 0 var(--berry-deep);font-size:22px;line-height:1}.tb-timer{color:var(--ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:16px;font-weight:700;display:inline-flex}.toasts{flex-direction:column;align-items:center;gap:6px;margin-top:8px;display:flex}.toast{color:var(--ink);text-align:center;background:#fff;border-radius:999px;max-width:92vw;padding:8px 16px;font-size:15px;font-weight:700;animation:.26s cubic-bezier(.2,1.6,.4,1) both pop;box-shadow:0 4px #143c8c33}.toast-error{color:#a1123a;background:#ffe1e8}.toast-good{color:#0d7a3e;background:#dcffe9}.toast-warn{color:#8a4b00;background:#fff1c9}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.world-layer{position:absolute;inset:0;overflow:hidden}.anchor{will-change:transform;position:absolute;top:0;left:0}.bubble{min-height:40px;color:var(--ink);font-family:var(--font-display);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#fff;border:3px solid #fff;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:15px;font-weight:700;transition:transform .12s;display:inline-flex;box-shadow:0 4px #143c8c4d}.bubble:active{transform:scale(.94)}.bubble.castle,.bubble.tower{color:#156b2a;min-height:38px;box-shadow:0 4px 0 var(--mint-deep);background:linear-gradient(#e3ffd9,#b9f5a3);border-color:#fff;border-radius:14px;flex-direction:column;gap:0;padding:2px 10px;font-size:14px}.bubble.tower{border-radius:50%;justify-content:center;width:44px;min-height:44px;padding:0;line-height:1}.bubble.tower .t-cost{font-size:11px}.bubble.tower .hpbar{width:36px;position:absolute;bottom:-9px}.bubble.tower.empty{color:#7a4300;box-shadow:0 4px 0 var(--sun-shadow);background:linear-gradient(#fff6d6,#ffe08a);animation:1.4s ease-in-out infinite glow-sun}@keyframes glow-sun{50%{box-shadow:0 4px 0 var(--sun-shadow), 0 0 0 7px #ffc93c73}}.bubble.poor{filter:grayscale(.7);opacity:.85}.bubble.max{color:var(--ink-soft);background:#fff;box-shadow:0 3px #143c8c33}.bubble .hpbar{width:46px;height:6px;margin-top:2px}.bubble.enemy{border-color:var(--team,#fff);flex-direction:row;min-height:44px;padding:2px 8px 2px 3px;font-size:13px}.bubble.enemy .b-name{text-overflow:ellipsis;max-width:6em;overflow:hidden}.bubble.enemy .hpbar{width:40px}.bubble.enemy.targeted{box-shadow:0 4px 0 var(--berry-deep), 0 0 0 4px #ff4d6d59;background:#fff0f3;animation:1.1s ease-in-out infinite glow-berry}@keyframes glow-berry{50%{box-shadow:0 4px 0 var(--berry-deep), 0 0 0 8px #ff4d6d40}}.bubble.enemy.pick{box-shadow:0 4px #6b3fe0,0 0 0 5px #8a5cff80}.b-target{background:var(--berry);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.bubble.enemy.fallen{opacity:.6;filter:grayscale()}.b-fallen{color:var(--ink-soft)}.floaters{position:absolute;inset:0;overflow:hidden}.floater{font-family:var(--font-display);color:#ffe066;-webkit-text-stroke:1.5px #a35a00;text-shadow:0 3px #00000040;font-size:22px;font-weight:700;animation:1.3s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.hud-bottom{padding:0 calc(var(--safe-r) + 10px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 10px);position:absolute;bottom:0;left:0;right:0}.dock{background:#fffffff0;border-radius:26px;flex-direction:column;gap:6px;max-width:560px;margin:0 auto;padding:8px;display:flex;box-shadow:inset 0 -2px #fff9,0 10px 30px #0a28644d}.dock-info{min-height:30px;color:var(--ink);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.dock-info .dim{font-family:var(--font-ui);text-align:right;font-weight:700}.dock-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ship-btn-wrap{min-width:0;position:relative}.ship-btn{cursor:pointer;touch-action:manipulation;color:#fff;width:100%;min-height:112px;font-family:var(--font-display);border:0;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;padding:4px 4px 8px;transition:transform 90ms,box-shadow 90ms;display:flex;position:relative;overflow:hidden}.dinghy .ship-btn{background:linear-gradient(#7ef0c0,#22c48a);box-shadow:0 5px #13916a}.warship .ship-btn{background:linear-gradient(#8cc8ff,#3a86ff);box-shadow:0 5px #2357c9}.galleon .ship-btn{background:linear-gradient(#c7a6ff,#8a5cff);box-shadow:0 5px #5f35c9}.ship-btn:active{transform:translateY(4px);box-shadow:0 1px #0000004d}.ship-btn.poor{filter:saturate(.35)brightness(.95)}.sb-pic{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px #00000026);width:74px;height:74px;margin-bottom:-10px}.sb-name{text-shadow:0 2px #0003;font-size:15px;font-weight:700}.sb-cost{color:#7a4300;background:#ffffffe6;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:14px;font-weight:700;display:inline-flex}.ship-btn .stars{position:absolute;top:7px;left:9px}.ship-btn .stars span{color:#ffffff73}.ship-btn .stars span.on{color:#fff27a;text-shadow:0 1px #0000004d}.sb-cd{transform-origin:bottom;transform:scaleY(var(--cd,0));background:#ffffff8c;position:absolute;inset:0}.up-btn{background:var(--mint);color:#fff;min-width:48px;min-height:40px;font-family:var(--font-display);cursor:pointer;box-shadow:0 3px 0 var(--mint-deep);touch-action:manipulation;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:1px;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:-10px;right:-4px}.up-btn:before{content:"";position:absolute;inset:-8px}.up-btn.poor{background:#a6b3c9;box-shadow:0 3px #7c8aa3}.up-btn.max{background:var(--sun);color:#6b3a00;box-shadow:0 3px 0 var(--sun-shadow)}.select-banner,.reconnect-banner,.spectator-banner{left:50%;top:calc(var(--safe-t) + 120px);max-width:calc(100vw - 20px);color:var(--ink);font-family:var(--font-ui);border:3px solid var(--grape);pointer-events:auto;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 10px 8px 16px;font-size:14px;font-weight:700;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px #6b3fe0,0 10px 24px #0a286440}.reconnect-banner{border-color:var(--sun-deep);box-shadow:0 4px 0 var(--sun-shadow);top:calc(var(--safe-t) + 170px)}.spectator-banner{border-color:var(--ink-soft);box-shadow:0 4px #143c8c4d}.tutorial{border:4px solid var(--sun);width:min(320px,100vw - 40px);box-shadow:0 6px 0 var(--sun-shadow), 0 16px 30px #0a28644d;font-family:var(--font-ui);pointer-events:auto;background:#fff;border-radius:20px;flex-direction:column;gap:2px;padding:10px 12px;font-size:15px;animation:.3s cubic-bezier(.2,1.6,.4,1) both pop;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tutorial b{font-family:var(--font-display);color:#b35a00;font-size:18px}.tutorial span{font-size:14px}.tutorial.at-dock{bottom:calc(var(--safe-b) + 196px)}.tutorial.at-top{top:calc(var(--safe-t) + 150px)}.tutorial.at-middle{top:30%}.tut-skip{background:var(--sun);color:#5a2d00;min-height:36px;font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;align-self:flex-end;padding:0 14px;font-weight:700}.countdown{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown span{font-family:var(--font-display);color:#fff;-webkit-text-stroke:5px var(--sky-3);text-shadow:0 8px #143c8c59;font-size:120px;font-weight:700;animation:.9s cubic-bezier(.2,1.5,.4,1) both count}@keyframes count{0%{opacity:0;transform:scale(2.2)}70%{opacity:1;transform:scale(1)}}.modal-wrap,.results-wrap{padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 16px);-webkit-backdrop-filter:blur(3px);font-family:var(--font-ui);background:#143c8c59;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.modal{width:min(380px,100%)}.results{background:#fff;border:5px solid #fff;border-radius:28px;flex-direction:column;gap:12px;width:min(420px,100%);padding:20px;animation:.5s cubic-bezier(.2,1.4,.4,1) both rise;display:flex;box-shadow:0 10px #9cc4ff,0 30px 60px #0a286466}.results.win{box-shadow:0 10px 0 var(--sun-shadow), 0 30px 60px #0a286466;background:linear-gradient(#fff8d6,#fff 40%)}.results-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.results-head h2{font-family:var(--font-display);color:var(--sky-3);margin:0;font-size:40px;font-weight:700}.results.win .results-head h2,.results.win .results-head .icon{color:var(--sun-deep)}.results-head p{margin:0}.ranking{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ranking li{background:var(--card-2);border-radius:14px;align-items:center;gap:8px;min-height:46px;padding:4px 10px;font-weight:800;display:flex}.ranking li.me{box-shadow:0 0 0 3px var(--sun) inset;background:#fff4cc}.rank{text-align:center;width:26px;font-family:var(--font-display);color:var(--sky-3);font-size:20px}.r-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.r-stat{color:var(--ink-soft);align-items:center;gap:3px;font-size:14px;display:inline-flex}.results-actions{flex-direction:column;gap:10px;display:flex}.fps{right:calc(var(--safe-r) + 10px);top:calc(var(--safe-t) + 72px);background:#ffffffd9;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute}@media (orientation:landscape) and (max-height:520px){.hud-bottom{left:auto;top:calc(var(--safe-t) + 74px);width:calc(176px + var(--safe-r));padding:0 calc(var(--safe-r) + 8px) calc(var(--safe-b) + 8px) 0}.dock{border-radius:22px;height:100%;padding:8px 8px 6px}.dock-row{flex:1;grid-template-columns:1fr;grid-auto-rows:1fr;gap:10px}.ship-btn{flex-direction:row;justify-content:flex-start;gap:2px;height:100%;min-height:0;padding:2px 6px}.ship-btn .stars{top:auto;bottom:4px;left:8px}.sb-pic{width:46px;height:46px;margin:0}.sb-name{font-size:13px}.sb-cost{font-size:12px;position:absolute;bottom:4px;right:6px}.up-btn{min-width:44px;min-height:40px;font-size:12px;top:-6px;right:-6px}.dock-info{display:none}.dock-info:has(.queue-strip){padding:0 2px;display:flex}.dock-info:has(.queue-strip)>span:first-child{display:none}.tutorial.at-dock{bottom:calc(var(--safe-b) + 16px);left:calc(50% - 88px)}.select-banner,.reconnect-banner,.spectator-banner{top:calc(var(--safe-t) + 80px);left:calc(50% - 88px)}.menu-col{grid-template-columns:1fr 1fr;align-items:center;column-gap:20px;width:min(720px,100%);display:grid}.menu-col>.logo-art{grid-row:span 6}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sloop .ship-btn{background:linear-gradient(#ffa3b1,#ff4d6d);box-shadow:0 5px #c9304e}.fireship .ship-btn{background:linear-gradient(#ffc078,#ff7a2f);box-shadow:0 5px #c95316}.tender .ship-btn{background:linear-gradient(#8ff2e8,#14b8a6);box-shadow:0 5px #0e8a7d}.ketch .ship-btn{background:linear-gradient(#f7cf7f,#d68910);box-shadow:0 5px #a3650a}.junk .ship-btn{background:linear-gradient(#ffa8e2,#e64fb7);box-shadow:0 5px #b02f8a}.ironclad .ship-btn{background:linear-gradient(#c3cddc,#64748b);box-shadow:0 5px #475569}.bubble.tower.built.market{color:#7a4300;box-shadow:0 4px 0 var(--sun-shadow);background:linear-gradient(#fff6d6,#ffd166)}.bubble.tower.built.mortar{color:#7a2e00;background:linear-gradient(#ffe0cc,#ffab7a);box-shadow:0 4px #d9622b}.bubble.tower.built.yard{color:#0e6b62;background:linear-gradient(#d9fff6,#8ff2e8);box-shadow:0 4px #0e8a7d}.bubble.tower.open{outline-offset:2px;outline:4px solid #fff}.build-picker{z-index:30;left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 10px);max-width:560px;max-height:calc(100% - var(--safe-t) - 90px);background:#fffffff7;border-radius:26px;flex-direction:column;gap:8px;margin:0 auto;padding:10px;animation:.26s cubic-bezier(.2,1.4,.4,1) both rise;display:flex;position:absolute;overflow-y:auto;box-shadow:0 10px 30px #0a286459}.bp-head{font-family:var(--font-display);justify-content:space-between;align-items:center;padding:0 6px;font-weight:700;display:flex}.build-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.build-btn{min-height:104px;color:var(--ink);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff,#e8f2ff);border:0;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex;box-shadow:0 4px #b9d3ff}.build-btn:active{transform:translateY(3px);box-shadow:0 1px #b9d3ff}.build-btn.poor{filter:saturate(.4);opacity:.8}.build-btn.cannon{color:#156b2a}.build-btn.market{color:#8a5300}.build-btn.mortar{color:#a3400f}.build-btn.yard{color:#0e6b62}.bb-name{font-size:15px;font-weight:700}.bb-blurb{font-family:var(--font-ui);color:var(--ink-soft);text-align:center;font-size:12px;line-height:1.2}.rank-card{width:100%;color:var(--ink);text-align:left;font:inherit;box-shadow:0 4px 0 var(--sun-shadow), 0 8px 18px #143c8c2e;background:linear-gradient(#fffbe6,#ffeaa3);border:3px solid #fff;border-radius:20px;align-items:center;gap:12px;padding:10px 14px;display:flex}button.rank-card{cursor:pointer;touch-action:manipulation}.rank-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rank-text b{font-family:var(--font-display);font-size:18px}.rank-text small{color:var(--ink-soft);font-weight:700}.rank-badge{background:radial-gradient(circle at 35% 30%, #fff27a, var(--sun-deep));color:#6b3700;width:44px;height:44px;font-family:var(--font-display);box-shadow:0 3px 0 var(--sun-shadow);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:700;display:inline-grid}.rank-badge.small{width:32px;height:32px;font-size:15px}.rank-badge.tiny{vertical-align:middle;width:24px;height:24px;box-shadow:none;border-width:2px;margin-right:6px;font-size:12px}.xp-bar{background:#143c8c1f;border-radius:999px;height:12px;display:block;overflow:hidden}.xp-bar.small{height:8px}.xp-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), #a3f7c4);height:100%;transition:width .9s cubic-bezier(.2,.9,.3,1);display:block}.xp-panel{background:var(--card-2);border-radius:18px;flex-direction:column;gap:6px;margin:0;padding:10px 12px;display:flex}.xp-head{justify-content:space-between;align-items:center;display:flex}.xp-gain{font-family:var(--font-display);color:var(--mint-deep);font-size:22px;font-weight:700}.xp-rank{color:var(--sun-shadow);align-items:center;gap:4px;font-weight:900;display:inline-flex}.xp-lines{margin:0;padding:0;font-size:13px;list-style:none}.xp-lines li{justify-content:space-between;display:flex}.xp-next{margin:0;font-size:13px}.rank-up{color:#6b3700;background:linear-gradient(90deg,#fff27a,#ffd166);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;animation:.6s cubic-bezier(.2,1.4,.4,1) both rise;display:flex}.fleet-slots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fleet-slot{border:3px dashed var(--line);background:var(--card-2);min-height:96px;color:var(--ink);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:6px;font-weight:700;display:flex}.fleet-slot.on{border:3px solid var(--sun-deep);background:#fff8d6}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ship-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.ship-card{background:var(--card-2);min-height:112px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border:3px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;display:flex;position:relative}.ship-card b{font-family:var(--font-display)}.ship-card.focus{border-color:var(--sky-2)}.ship-card.in{background:#e3ffd9}.ship-card.locked img{filter:grayscale()brightness(1.15)opacity(.55)}.sc-cost{color:#7a4300;font-size:12px;font-weight:800}.sc-lock,.sc-in{border-radius:999px;align-items:center;gap:2px;padding:1px 6px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:6px;right:6px}.sc-lock{background:var(--ink);color:#fff}.sc-in{background:var(--mint);color:#fff}.ship-info{background:var(--card-2);border-radius:18px;padding:10px 12px}.ship-info h3{margin:0 0 4px}.ship-info p{margin:4px 0}.stat-bars{gap:4px;display:grid}.stat{grid-template-columns:84px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:800;display:grid}.stat .bar{background:#143c8c1a;border-radius:999px;height:10px;overflow:hidden}.stat .bar span{border-radius:inherit;background:linear-gradient(90deg, var(--sky-2), var(--sky-1));height:100%;display:block}.building-list{gap:6px;display:grid}.building-item{background:var(--card-2);border-radius:14px;grid-template-columns:1fr auto;gap:0 8px;padding:8px 12px;font-size:14px;display:grid}.building-item .dim{grid-column:1}.building-item>span:last-child{grid-area:1/2/span 2;align-self:center;font-weight:800}.building-item.locked{opacity:.6}.fleet-mini{border:3px solid var(--line);background:var(--card-2);color:var(--sky-3);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border-radius:18px;align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:flex}.fleet-mini span{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.seat-fleet{color:var(--ink-soft);font-size:12px;font-weight:700;display:block}.panel h4{font-family:var(--font-display);margin:4px 0 0;font-size:15px}.look-preview{background:linear-gradient(#d8f3ff,#a8dcff);border-radius:18px;place-items:center;padding:6px;display:grid}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;display:grid}.look-swatch{background:var(--card-2);min-height:72px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border:3px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.look-swatch.on{border-color:var(--sun-deep);background:#fff8d6}.look-swatch.locked{opacity:.5;cursor:default}.look-swatch small{text-align:center;font-size:11px;font-weight:800}.swatch-img{image-rendering:pixelated;border-radius:8px;box-shadow:0 2px #143c8c33}.hull-dot{border:3px solid #fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px #143c8c40}.rank-road{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rank-road li{background:var(--card-2);opacity:.7;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.rank-road li.got{opacity:1;background:#e3ffd9}.rank-road li.next{opacity:1;outline:3px solid var(--sun)}.rank-road li:not(.got) .rank-badge{filter:grayscale(.8)}.road-items{color:var(--ink-soft);font-weight:700;display:block}.account-box{background:var(--card-2);border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex}.account-box h3{margin:0}.btn-link{box-shadow:none;background:0 0;min-height:44px;text-decoration:underline}.codex-item.text{padding:8px 12px}@media (max-height:600px){.menu .rank-card{gap:10px;padding:6px 12px}.menu .rank-badge{width:34px;height:34px;font-size:16px}.menu .rank-text small{display:none}}.prog{background:#143c8c2e;border-radius:999px;width:34px;height:7px;margin-top:2px;display:block;overflow:hidden}.prog.small{width:30px;height:6px;margin:0}.prog>span{border-radius:inherit;background:linear-gradient(90deg, var(--sun-deep), var(--sun));height:100%;transition:width .12s linear;display:block}.bubble.busy{color:var(--ink);background:linear-gradient(#fff,#e8f2ff);animation:none;box-shadow:0 4px #b9d3ff}.bubble.castle.busy .prog{width:46px}.queue-strip{min-width:0;color:var(--ink);align-items:center;gap:4px;display:inline-flex}.qs-items{gap:3px;min-width:0;display:inline-flex;overflow:hidden}.qs-item{background:var(--card-2);white-space:nowrap;border-radius:999px;flex:none;padding:1px 6px;font-size:11px;font-weight:800}.qs-item.now{background:linear-gradient(90deg, #ffe08a calc(var(--p,0) * 100%), var(--card-2) calc(var(--p,0) * 100%));box-shadow:0 0 0 2px var(--sun-deep) inset}.qs-cancel{width:44px;height:30px;color:var(--berry-deep);cursor:pointer;touch-action:manipulation;background:#ffe0e6;border:0;border-radius:999px;flex:none;place-items:center;margin:-6px -4px -6px 0;display:inline-grid}.sb-queued{background:var(--sun-deep);color:#fff;border:2px solid #fff;border-radius:999px;min-width:26px;padding:1px 6px;font-size:13px;font-weight:700;position:absolute;top:30px;right:6px}.up-btn.busy{color:var(--ink);background:#fff;box-shadow:0 3px #b9d3ff}.branch-picker .build-btn{min-height:132px}.bp-note{color:var(--ink-soft);margin:0;padding:0 6px;font-size:12px}.bb-mods{font-family:var(--font-ui);color:var(--mint-deep);text-align:center;font-size:12px;font-weight:800}.bb-lock{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:12px;font-weight:800;display:inline-flex}.build-btn.locked{filter:grayscale();opacity:.6;cursor:default}@media (orientation:landscape) and (max-height:520px){.sb-queued{top:auto;bottom:22px;right:4px}}.menu-row.three{grid-template-columns:repeat(3,1fr);gap:8px}.menu-row.three .btn{flex-direction:column;gap:2px;padding:6px 4px;font-size:14px}.cx-entry{background:var(--card-2);border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex}.cx-entry.locked .cx-head,.cx-entry.locked .cx-stats{filter:grayscale();opacity:.55}.cx-head{align-items:center;gap:10px;display:flex}.cx-head h3{margin:0}.cx-head p{margin:2px 0 4px}.cx-icon{width:64px;height:64px;color:var(--sky-3);background:#fff;border-radius:18px;flex:none;place-items:center;display:grid}.cx-icon.market{color:#8a5300}.cx-icon.mortar{color:#a3400f}.cx-icon.yard{color:#0e6b62}.cx-lock{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:12px;font-weight:800;display:inline-flex}.cx-stats{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.cx-stat{background:#fff;border-radius:10px;flex-direction:column;padding:4px 8px;display:flex}.cx-stat small{color:var(--ink-soft);font-size:11px;font-weight:700}.cx-tree{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:420px){.cx-tree{grid-template-columns:1fr}}.cx-branch{background:#fff;border:3px solid #d9f7e5;border-radius:14px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.cx-branch.locked{border-color:var(--line);filter:grayscale();opacity:.6}.cx-branch p{margin:0;font-size:13px}.cxb-head{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:6px;display:flex}.cxb-levels{gap:4px;margin:0;padding:0;font-size:13px;font-weight:700;list-style:none;display:grid}.cxb-levels small{color:var(--ink-soft);font-weight:600;display:block}.cxb-levels .lvl{background:var(--mint);color:#fff;border-radius:999px;margin-right:4px;padding:0 6px;font-size:11px;display:inline-block}.waking{text-align:center;place-items:center;display:grid}.waking-inner{background:#ffffffeb;border:4px solid #fff;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);padding:20px 18px;animation:.5s cubic-bezier(.2,1.4,.4,1) both rise;display:flex;box-shadow:0 8px #9cc4ff,0 24px 50px #143c8c4d}.waking-inner h2{font-family:var(--font-display);color:var(--sky-3);margin:0}.waking-inner p{color:var(--ink-soft);margin:0;font-weight:700}.waking-ship{width:120px;height:70px;color:var(--sky-3);position:relative}.waking-ship .icon{animation:1.6s ease-in-out infinite bob}.waking-wave{background:linear-gradient(90deg, var(--sky-1), var(--sky-2), var(--sky-1));background-size:200% 100%;border-radius:999px;height:10px;animation:1.6s linear infinite wave-roll;position:absolute;bottom:4px;left:0;right:0}@keyframes wave-roll{to{background-position:-200% 0}}.waking-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.waking-ship .icon,.waking-wave{animation:none}}.modal-wrap.fixed{z-index:30;position:fixed}.boards .seg button{text-transform:none;padding:0 4px;font-size:14px}.board-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.board-row{border:2px solid var(--line);background:var(--card-2);width:100%;min-height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:16px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.board-row.me{border-color:var(--sky-2);background:#e3f1ff}.board-place{text-align:center;width:34px;font-family:var(--font-display);color:var(--ink-soft);flex:none;font-size:20px;font-weight:700}.board-row.top1 .board-place{color:var(--sun-shadow);font-size:24px}.board-row.top2 .board-place{color:#7f8ca8;font-size:22px}.board-row.top3 .board-place{color:#b5651d;font-size:22px}.seat-flag.small{border-radius:9px;width:30px;height:30px}.board-name{flex-direction:column;flex:1;min-width:0;display:flex}.board-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-score{font-family:var(--font-display);flex-direction:column;flex:none;align-items:flex-end;display:flex}.board-score b{font-size:18px}.board-score small,.cc-stats small{color:var(--ink-soft);font-family:var(--font-ui);font-size:12px}.board-you{background:#fff6d6;border:2px solid #ffe08a;border-radius:14px;margin:0;padding:10px 12px;font-weight:700}.boards-msg{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.captain-card .cc-head{align-items:center;gap:12px;display:flex}.captain-card .cc-head>span:nth-child(2){flex:1;min-width:0}.captain-card h2{overflow-wrap:anywhere}.cc-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.cc-stats span{background:var(--card-2);font-family:var(--font-display);border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.cc-stats b{font-size:16px}.cc-stats small{font-size:11px}.captain-card h4{margin:4px 0 0}.cc-fleet{justify-content:space-around;gap:6px;display:flex}.cc-fleet span{flex-direction:column;align-items:center;font-size:12px;font-weight:700;display:flex}.save-nudge{border:2px dashed var(--sky-2);min-height:44px;color:var(--sky-3);font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffffd9;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:800;display:flex}.pw-form{flex-direction:column;gap:8px;display:flex}.btn-grudge{background:linear-gradient(180deg, #ff7a8f, var(--berry-deep));color:#fff;box-shadow:0 5px #a3173b}.grudge-series{background:#ffe8ec;border:2px solid #ffc2cd;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;display:flex}.grudge-series small{color:var(--berry-deep);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.grudge-series div{flex-wrap:wrap;justify-content:center;gap:4px 14px;font-weight:700;display:flex}.grudge-series b{font-family:var(--font-display);color:var(--ink);font-size:20px}.grudge-series .me b{color:var(--berry-deep)}.grudge-wait{background:#ffe8ec;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px;display:flex}.grudge-wait .note,.grudge-called{text-align:center;color:var(--berry-deep);margin:0;font-weight:800}.btn-grudge:active{box-shadow:0 2px #a3173b}.team-tag{color:#fff;min-width:22px;height:22px;font-family:var(--font-display);border:2px solid #ffffffd9;border-radius:8px;flex:none;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.team-btn{color:#fff;min-width:72px;min-height:36px;font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border:2px solid #fff;border-radius:12px;flex:none;padding:0 10px;font-size:14px;font-weight:700;box-shadow:0 2px #0000002e}.team-btn:disabled{cursor:default;opacity:.9}.bubble.ally{border-color:var(--team,#fff);pointer-events:none;opacity:.92;flex-direction:row;min-height:40px;padding:2px 8px 2px 3px;font-size:13px}.bubble.ally .b-name{text-overflow:ellipsis;max-width:6em;overflow:hidden}.bubble.ally .hpbar{width:40px}.castle-card{z-index:25;top:calc(var(--safe-t) + 70px);left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);max-width:380px;max-height:calc(100% - var(--safe-t) - 240px);font-family:var(--font-ui);color:var(--ink);background:#fffffff5;border:3px solid #fff;border-radius:18px;flex-direction:column;gap:4px;margin:0 auto;padding:6px 10px 8px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 10px 30px #0a286459}.castle-card header{color:var(--sky-3);align-items:center;gap:8px;display:flex}.castle-card h3{font-family:var(--font-display);flex:1;align-items:center;gap:6px;margin:0;font-size:18px;display:flex}.castle-card .hpbar{width:100%;height:10px}.cc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.cc-cell{background:var(--card-2);border-radius:10px;flex-direction:column;min-width:0;padding:2px 6px;display:flex}.cc-cell.wide{grid-column:1/-1}.cc-cell small{color:var(--ink-soft);font-size:10px}.cc-cell b{overflow-wrap:anywhere;font-size:13px}.castle-card p{margin:0}.bubble.compact .b-name{display:none}.bubble.compact .hpbar{width:34px}.finale{z-index:40;padding:calc(var(--safe-t) + 90px) 20px 20px;color:#fff;font-family:var(--font-ui);text-align:center;cursor:pointer;touch-action:manipulation;background:radial-gradient(#0000 45%,#0a143273);border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;animation:.5s ease-out both finale-in;display:flex;position:absolute;inset:0}.finale-title{font-family:var(--font-display);color:#ffd23c;text-shadow:0 4px #b4570b,0 8px 22px #00000073;font-size:clamp(34px,9vw,60px);font-weight:700;animation:.6s cubic-bezier(.2,1.6,.4,1) both finale-pop}.finale-line{background:#14285ab3;border-radius:14px;max-width:420px;padding:6px 14px;font-size:17px;font-weight:800}.finale small{opacity:.85;margin-top:auto;font-weight:700}@keyframes finale-in{0%{opacity:0}}@keyframes finale-pop{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.finale,.finale-title{animation:none}}.end-story{background:var(--card-2);border-radius:14px;flex-direction:column;gap:4px;padding:8px 12px;font-size:14px;display:flex}.end-story p{margin:0}.end-how{color:var(--ink);align-items:flex-start;gap:6px;font-weight:700;display:flex}.end-how .icon{color:var(--sky-3);flex:none;margin-top:2px}.end-blow{color:var(--berry-deep);font-weight:700}.end-standings{color:var(--ink-soft);flex-wrap:wrap;gap:2px 12px;display:flex}.end-standings b{color:var(--ink)}.isle-tag-wrap{justify-content:center;display:flex;position:relative}.isle-tag{cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:46px;min-height:46px;padding:3px 4px 4px;transition:transform .12s;display:flex;position:relative}.isle-tag:active{transform:scale(.92)}.it-badge{background:var(--team,#888);color:#fff;width:32px;height:32px;font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 1px 1px #00000059;border:3px solid #fff;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;box-shadow:0 3px #143c8c59}.isle-tag .hpbar{background:#ffffffbf;width:40px;height:6px;box-shadow:0 1px 2px #00000040}.isle-tag.targeted .it-badge{border-color:var(--berry);box-shadow:0 0 0 3px #ff4d6d73, 0 3px 0 var(--berry-deep);animation:1.1s ease-in-out infinite tag-pulse}@keyframes tag-pulse{50%{box-shadow:0 0 0 7px #ff4d6d33, 0 3px 0 var(--berry-deep)}}.isle-tag.pick .it-badge{border-color:var(--grape);box-shadow:0 0 0 4px #8a5cff80}.isle-tag.fallen .it-badge{opacity:.8;background:#8a8f99}.it-target,.it-team{color:#fff;width:17px;height:17px;font-family:var(--font-display);border:2px solid #fff;border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid;position:absolute;top:0}.it-target{background:var(--berry);right:0}.it-team{left:0}.isle-info{z-index:5;border:3px solid var(--team,#fff);min-width:130px;color:var(--ink);font-family:var(--font-ui);white-space:nowrap;pointer-events:none;background:#fffffff7;border-radius:14px;flex-direction:column;align-items:center;padding:6px 10px;animation:.15s ease-out both finale-in;display:flex;position:absolute;bottom:calc(100% + 2px);box-shadow:0 6px 16px #0a28644d}.isle-info b{font-family:var(--font-display);font-size:15px}.isle-info small{color:var(--ink-soft);font-size:12px}.isle-info .ii-target{color:var(--berry-deep);font-weight:800}@media (prefers-reduced-motion:reduce){.isle-tag.targeted .it-badge{animation:none}}.isle-info.below{top:calc(100% + 2px);bottom:auto}.isle-info.start{left:0}.isle-info.end{right:0}