@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-devanagari-500-normal-Ddzk8H1G.woff2) format("woff2"),url(/assets/baloo-2-devanagari-500-normal-BGpOhOmM.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-vietnamese-500-normal-Cj5RGu3k.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-500-normal-ClyrcyJC.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-ext-500-normal-Ba7mhTsk.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-500-normal-D1XZow3C.woff) format("woff");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:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-500-normal-CmLZ27r7.woff2) format("woff2"),url(/assets/baloo-2-latin-500-normal-BSdEhq8m.woff) format("woff");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:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-devanagari-700-normal-D37Te3iF.woff2) format("woff2"),url(/assets/baloo-2-devanagari-700-normal-CEIF4sJg.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff) format("woff");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:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff");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:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-devanagari-800-normal-BURIY0wZ.woff2) format("woff2"),url(/assets/baloo-2-devanagari-800-normal-YLp1oUqR.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2) format("woff2"),url(/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff) format("woff");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:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff");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}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--p0: #2aa7ff;--p1: #ff4040;--p2: #ffd400;--p3: #3ae83a;--neutral: #cfc4ae;--ink: #35240f;--cream: #fff6e3}html,body{height:100%;overflow:hidden;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;background:#0a3d54;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#labels,#fx-layer,#edge-arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:none}#hud button{pointer-events:auto}#screens{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}#screens .screen{pointer-events:auto}.count-pill{position:absolute;left:0;top:0;padding:2px 10px 3px;border-radius:999px;font-weight:800;color:#fff;background:#141a22d1;border:2.5px solid var(--neutral);font-size:17px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 3px 8px #00000059;will-change:transform;white-space:nowrap}.count-pill.p0{border-color:var(--p0)}.count-pill.p1{border-color:var(--p1)}.count-pill.p2{border-color:var(--p2)}.count-pill.p3{border-color:var(--p3)}.island-pill .cap{font-size:9px;margin-left:5px;letter-spacing:.5px;color:#ffd76a;vertical-align:2px}.island-pill.full{border-style:double}.ship-pill{font-size:13px;padding:0 8px 1px;opacity:.95;border-width:2px}.count-pill.bump .num,.ship-pill.bump{display:inline-block;animation:bump .28s ease}@keyframes bump{40%{transform:scale(1.45)}to{transform:scale(1)}}.count-pill.attacked{animation:shake .35s infinite;border-color:#ff3030!important}@keyframes shake{0%,to{margin-left:0}25%{margin-left:-3px}75%{margin-left:3px}}#topbar{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 14px}#topbar .brand{font-weight:800;font-size:22px;color:#ffe37a;-webkit-text-stroke:1.2px #5b2e0e;letter-spacing:1px;text-shadow:0 2px 0 #5b2e0e}#topbar .brand span{color:#7fe8ff}.tb-btns{display:flex;gap:8px}.hud-btn{width:46px;height:46px;border-radius:14px;border:3px solid #5b2e0e;background:linear-gradient(#ffe37a,#ffb347);font-size:20px;cursor:pointer;box-shadow:0 4px #5b2e0e;transition:transform .08s}.hud-btn:active{transform:translateY(3px);box-shadow:0 1px #5b2e0e}#notes{position:absolute;top:calc(env(safe-area-inset-top,0px) + 64px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:5}.note{--c: #fff;background:#121820e0;border:2.5px solid var(--c);color:#fff;font-weight:700;font-size:15px;padding:6px 16px;border-radius:999px;box-shadow:0 4px 14px #0006;animation:notein .3s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}.note .ic{margin-right:6px}.note.out{transition:opacity .5s,transform .5s;opacity:0;transform:translateY(-12px)}@keyframes notein{0%{transform:scale(.6) translateY(-10px);opacity:0}}#strength{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);left:50%;transform:translate(-50%);width:min(420px,72vw);height:22px;border-radius:999px;border:3px solid rgba(0,0,0,.55);overflow:hidden;background:#00000059;box-shadow:0 4px 10px #0000004d}#strength .segs{display:flex;height:100%}#strength .seg{transition:width .6s ease;display:flex;align-items:center;justify-content:center;min-width:0}#strength .seg span{font-size:12px;font-weight:800;color:#000000a6;overflow:hidden}#hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 42px);left:50%;transform:translate(-50%);color:var(--cream);font-size:14px;font-weight:600;background:#121820a6;padding:5px 14px;border-radius:999px;transition:opacity 1s;text-align:center;max-width:90vw}#hint.fade{opacity:0}#charge-meter{position:absolute;left:0;top:0;display:none;flex-direction:column;align-items:center;justify-content:center;will-change:transform;z-index:6}#charge-meter .ring{width:58px;height:58px;border-radius:50%;padding:5px;mask:radial-gradient(circle,transparent 54%,black 56%);-webkit-mask:radial-gradient(circle,transparent 54%,black 56%)}#charge-meter .pct{position:absolute;font-weight:800;font-size:16px;color:#fff;text-align:center;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.7)}#charge-meter .pct small{display:block;font-size:10px;color:#ffe37a}.edge-arrow{--c: #fff;position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;will-change:transform}.edge-arrow .tri{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--c);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.edge-arrow .n{font-size:12px;font-weight:800;color:#fff;background:#121820d9;border:2px solid var(--c);border-radius:999px;padding:0 7px;margin-top:2px}.edge-arrow.attacked{animation:blink .5s infinite}@keyframes blink{50%{opacity:.25}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.screen.menu{justify-content:space-between;gap:0;background:linear-gradient(#062230c7,#06223000 30%),linear-gradient(#06223000 55%,#062230d1 88%)}.screen.menu.solid{background:radial-gradient(ellipse at 50% -20%,rgba(127,232,255,.25),transparent 60%),linear-gradient(#0d5b7e,#0a3d54 55%,#083245)}.menu-top{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:max(10px,env(safe-area-inset-top,0px))}.menu-mid{flex:1}.menu-mid.center{flex:0;display:flex;flex-direction:column;align-items:center;gap:18px}.menu-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}.howto-btn{font-family:inherit;font-size:14.5px;font-weight:800;color:#5b2e0e;background:linear-gradient(#ffe9ad,#ffc95e);border:none;border-radius:999px;padding:7px 20px 7px 9px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:inset 0 2px #fff9,0 4px #8a5a1e,0 8px 14px #00000059;transition:transform .12s cubic-bezier(.2,1.6,.4,1)}.howto-btn .q{width:26px;height:26px;border-radius:50%;background:#5b2e0e;color:#ffe9ad;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.howto-btn:hover{transform:translateY(-2px) scale(1.05)}.howto-btn:active{transform:translateY(2px);box-shadow:inset 0 2px #fff9,0 1px #8a5a1e}.howto{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;border:3px solid #5b2e0e;box-shadow:0 10px 30px #00000080;background:#0a1a24f0;align-items:center;text-align:center}.howto.hidden{display:none}.howto .big-btn{margin-top:8px;min-width:150px}.made-by{color:#ffe37a;font-weight:800;font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.screen.dim{background:#061621b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logo{animation:bob 3.4s ease-in-out infinite}.logo-text{font-size:clamp(64px,15vw,108px);font-weight:800;line-height:1;letter-spacing:2px;color:#ffe37a;-webkit-text-stroke:3px #5b2e0e;paint-order:stroke;text-shadow:0 6px 0 #5b2e0e,0 14px 28px rgba(0,0,0,.45)}.logo-text span{color:#7fe8ff}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-10px) rotate(1.2deg)}}.tagline{color:var(--cream);font-weight:700;font-size:clamp(15px,2.4vw,19px);opacity:.92}.set-sail{font-weight:800;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#fff6e3d9;text-shadow:0 2px 6px rgba(0,0,0,.7)}.diff-cards{display:flex;gap:12px;flex-wrap:nowrap;justify-content:center;max-width:100vw;padding:0 8px}@media (max-width: 480px){.diff-cards{gap:8px}.diff-card{width:min(31vw,136px);padding:10px 4px 9px;border-radius:18px}.diff-card .dn{font-size:20px}.diff-card .dd{font-size:11px}.diff-card .skulls{font-size:17px}}.diff-card{--top: #7be26b;--bot: #2eab3c;--edge: #1c7a2b;position:relative;width:136px;padding:13px 8px 11px;border-radius:22px;border:none;background:linear-gradient(var(--top),var(--bot));cursor:pointer;box-shadow:inset 0 3px #ffffff73,inset 0 -4px #0000002e,0 6px 0 var(--edge),0 14px 22px #0006;transition:transform .12s cubic-bezier(.2,1.6,.4,1);font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden}.diff-card:before{content:"";position:absolute;inset:3px 8px auto 8px;height:34%;border-radius:18px 18px 40% 40%;background:linear-gradient(#ffffff61,#fff0);pointer-events:none}.dc-easy{--top: #7be26b;--bot: #2eab3c;--edge: #1c7a2b}.dc-medium{--top: #ffd35c;--bot: #f59d1b;--edge: #b56a08}.dc-hard{--top: #ff8a70;--bot: #e63946;--edge: #a11f2b}.diff-card:hover{transform:translateY(-5px) scale(1.04) rotate(-1deg)}.diff-card:active{transform:translateY(3px);box-shadow:inset 0 3px #ffffff73,inset 0 -4px #0000002e,0 1px 0 var(--edge)}.diff-card .skulls{font-size:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.diff-card .dn{font-size:25px;font-weight:800;color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.22);text-shadow:0 2px 0 rgba(0,0,0,.25);line-height:1.05}.diff-card .dd{font-size:12.5px;font-weight:700;color:#ffffffe0;text-shadow:0 1px 0 rgba(0,0,0,.2)}.howto{max-width:470px;display:flex;flex-direction:column;gap:5px;background:#0000004d;border-radius:16px;padding:14px 18px;color:var(--cream);font-size:13.5px;font-weight:500;line-height:1.45}.howto b{color:#ffe37a}.credits{color:#fff6e38c;font-size:12px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px}.loadbar{width:min(340px,70vw);height:18px;border-radius:999px;border:3px solid rgba(0,0,0,.5);background:#00000059;overflow:hidden}.loadbar>div{height:100%;background:linear-gradient(#7fe8ff,#29b6d8);border-radius:999px;transition:width .2s}.loadtxt{color:var(--cream);font-weight:700;font-size:14px}.panel{background:linear-gradient(#fff2cf,#ffe3ac);border:4px solid #5b2e0e;border-radius:24px;box-shadow:0 8px #5b2e0e,0 18px 40px #00000073;padding:26px 34px 28px;display:flex;flex-direction:column;gap:14px;align-items:center;animation:notein .35s cubic-bezier(.2,1.6,.4,1);max-width:90vw}.panel h2{font-size:34px;font-weight:800;color:var(--ink)}.panel.win h2{color:#0d8a5f}.panel.lose h2{color:#b02a2a}.endline{font-weight:600;color:#7a5a33}.stats{display:flex;gap:22px;margin:4px 0 6px}.stats div{display:flex;flex-direction:column;align-items:center}.stats b{font-size:22px;color:var(--ink)}.stats span{font-size:11.5px;font-weight:600;color:#7a5a33}.big-btn{font-family:inherit;font-size:19px;font-weight:800;color:var(--ink);padding:10px 34px;border-radius:999px;border:3.5px solid #5b2e0e;background:linear-gradient(#8ef0c1,#35d68e);cursor:pointer;box-shadow:0 5px #5b2e0e;transition:transform .08s;min-width:220px}.big-btn:active{transform:translateY(3px);box-shadow:0 1px #5b2e0e}.big-btn.ghost{background:linear-gradient(#fff,#e8ddc4)}