@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Bungee&display=swap";:root{color:#173d47;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fff9e9;--ink: #173d47;--coral: #ed755f;--gold: #f1b84b;--sea: #74cbd2;--deep: #196d79;--glass: rgba(246, 255, 249, .78);-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#164f59}body{touch-action:none}button{border:0;color:inherit;font:inherit}#game{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,430px,calc(100dvh * .58));height:100%;height:100dvh;transform:translate(-50%);overflow:hidden;background:#74cbd2;box-shadow:0 0 90px #052d346b;isolation:isolate;touch-action:none}#ocean-canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.075;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.hud{position:fixed;z-index:10;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.brand{filter:drop-shadow(0 2px 0 rgba(20,78,88,.12))}.brand-title{font-family:"DM Serif Display",Georgia,serif;color:var(--paper);font-size:24px;line-height:.9;letter-spacing:.03em;text-shadow:0 2px 0 rgba(18,85,96,.38)}.brand-sub{margin-top:7px;color:#ffffffe0;font-size:9px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 2px rgba(13,80,89,.35)}.resources{display:grid;gap:6px;justify-items:end}.resource{display:flex;min-width:94px;align-items:center;justify-content:space-between;gap:9px;padding:7px 10px 7px 8px;border:1px solid rgba(255,255,255,.55);border-radius:18px 7px 18px 18px;background:#fffbe6db;box-shadow:0 4px 12px #145e6924;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a4c55;font-size:13px;font-weight:850}.resource-icon{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#ffd873;font-size:13px}.resource:nth-child(2) .resource-icon{background:#e6f5f1}.sea-status{position:fixed;z-index:10;top:max(106px,calc(env(safe-area-inset-top) + 92px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;color:#effffcf0;font-size:10px;font-weight:850;letter-spacing:.09em;text-shadow:0 1px 3px rgba(8,68,76,.5);text-transform:uppercase;pointer-events:none}.status-dot{width:6px;height:6px;border-radius:50%;background:#d9f596;box-shadow:0 0 0 3px #d9f59633}.status-dot.connecting{background:#ffe6a1;animation:pulse 1.2s ease-in-out infinite}.status-dot.offline{background:#ffb09c}.rank-ribbon{position:fixed;z-index:9;top:max(133px,calc(env(safe-area-inset-top) + 119px));left:50%;transform:translate(-50%);padding:5px 12px;border:1px solid rgba(255,255,255,.34);border-radius:5px 14px;background:#1b6c755c;color:#ffffffe0;font-family:"DM Serif Display",Georgia,serif;font-size:12px;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.controls{position:fixed;z-index:12;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;display:flex;align-items:flex-end;justify-content:space-between;min-height:82px;padding:9px 10px 12px;border:1px solid rgba(255,255,255,.44);border-radius:30px;background:linear-gradient(180deg,#f7fff97a,#eaf9f252);box-shadow:0 12px 34px #09434b3d,inset 0 1px #ffffff80;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);pointer-events:none}.control-stack{display:flex;align-items:flex-end;gap:9px}.round-button{position:relative;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(255,255,255,.74);border-radius:18px;background:#fffcefe6;box-shadow:0 4px 13px #0e4a512e,inset 0 1px #fff;font-size:22px;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;transition:transform .1s ease,box-shadow .1s ease}.round-button:active{transform:scale(.91);box-shadow:0 2px 7px #0e4a5129}.round-button.has-upgrade:after{content:"";position:absolute;top:3px;right:3px;width:10px;height:10px;border:2px solid var(--paper);border-radius:50%;background:var(--coral)}.mode-button{width:62px;height:62px;border-radius:21px;background:linear-gradient(180deg,#ffd06b,#f2b546);color:#173f48}.button-label{position:absolute;right:0;bottom:-13px;left:0;color:#f5fffcf5;font-size:8px;font-weight:850;letter-spacing:.1em;text-align:center;text-shadow:0 1px 3px rgba(8,59,66,.8);text-transform:uppercase}.drag-hint{position:fixed;z-index:8;bottom:max(112px,calc(env(safe-area-inset-bottom) + 102px));left:50%;width:max-content;max-width:78vw;transform:translate(-50%);color:#edfffcde;font-size:10px;font-weight:750;letter-spacing:.06em;text-align:center;text-shadow:0 1px 4px rgba(6,54,61,.7);pointer-events:none;transition:opacity .3s ease}.joystick{position:fixed;z-index:11;display:none;width:116px;height:116px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.42);border-radius:50%;background:#e3fcf61f;box-shadow:inset 0 0 0 12px #e3fcf60b;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.joystick.visible{display:block}.joystick:before,.joystick:after{content:"";position:absolute;background:#ffffff2e}.joystick:before{top:12px;bottom:12px;left:50%;width:1px}.joystick:after{top:50%;right:12px;left:12px;height:1px}.joystick-thumb{position:absolute;top:50%;left:50%;width:42px;height:42px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.72);border-radius:50%;background:#fff9e2d1;box-shadow:0 5px 14px #104e5840}.emote-tray{position:fixed;z-index:20;right:15px;bottom:max(105px,calc(env(safe-area-inset-bottom) + 95px));display:grid;grid-template-columns:repeat(2,51px);gap:7px;padding:9px;transform:translateY(12px) scale(.92);border:1px solid rgba(255,255,255,.6);border-radius:28px 28px 8px;background:#fff9e5e6;box-shadow:0 12px 28px #0b454d38;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);transition:.16s ease}.emote-tray.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.emote-choice{display:grid;width:51px;height:47px;place-items:center;border-radius:17px;background:#67c4c724;font-size:24px}.sheet-backdrop{position:fixed;inset:0;z-index:29;background:#083d4542;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .22s ease}.sheet-backdrop.open{opacity:1;pointer-events:auto}.upgrade-sheet{position:fixed;z-index:30;right:8px;bottom:8px;left:8px;max-height:min(610px,calc(100% - 68px));padding:18px 16px max(17px,env(safe-area-inset-bottom));transform:translateY(calc(100% + 20px));overflow-y:auto;border:1px solid rgba(255,255,255,.78);border-radius:30px 30px 22px 22px;background:#fff8e8;box-shadow:0 -16px 60px #0d464c42;transition:transform .28s cubic-bezier(.2,.88,.28,1)}.upgrade-sheet.open{transform:translateY(0)}.sheet-handle{width:42px;height:4px;margin:-7px auto 13px;border-radius:2px;background:#bad5ce}.sheet-heading{display:flex;align-items:end;justify-content:space-between;padding:0 2px 13px}.sheet-kicker{color:#6d948e;font-size:9px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.sheet-title{margin:2px 0 0;color:#193f47;font-family:"DM Serif Display",Georgia,serif;font-size:29px;font-weight:400}.close-button{width:35px;height:35px;border-radius:50%;background:#e8eee3;color:#406b6d;font-size:16px}.upgrade-list{display:grid;gap:9px}.upgrade-card{display:grid;grid-template-columns:47px 1fr auto;gap:11px;align-items:center;min-height:76px;padding:10px 10px 10px 12px;border:1px solid #e4ddc9;border-radius:20px 11px 20px 20px;background:#ffffff94}.upgrade-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:17px;background:#daf0e9;font-size:23px}.upgrade-card:nth-child(2) .upgrade-icon{background:#e4e9f8}.upgrade-card:nth-child(3) .upgrade-icon{background:#f7e9c7}.upgrade-card:nth-child(4) .upgrade-icon{background:#f2e2e6}.upgrade-name{color:#214950;font-family:"DM Serif Display",Georgia,serif;font-size:17px}.upgrade-detail{margin-top:2px;color:#708b87;font-size:9px;font-weight:750;line-height:1.25}.level-pips{display:flex;gap:3px;margin-top:6px}.level-pip{width:12px;height:3px;border-radius:2px;background:#dce2d7}.level-pip.filled{background:#58aaa2}.buy-button{min-width:65px;padding:10px 8px;border-radius:13px 7px 13px 13px;background:#2f7f83;box-shadow:0 3px #1f6065;color:#fff;font-size:10px;font-weight:850}.buy-button:disabled{background:#cad6cd;box-shadow:0 3px #acbbb2;color:#7a948c}.voyage-note{margin:13px 2px 1px;padding:10px 12px;border-radius:13px;background:#edf3e8;color:#68807b;font-size:10px;line-height:1.42}.toast-layer{position:fixed;z-index:26;top:max(143px,calc(env(safe-area-inset-top) + 129px));right:14px;left:14px;display:grid;justify-items:center;gap:7px;pointer-events:none}.toast{max-width:290px;padding:9px 14px;transform:translateY(-6px);border:1px solid rgba(255,255,255,.7);border-radius:17px 7px 17px 17px;background:#fff9e5eb;box-shadow:0 8px 24px #0d484f2e;color:#27565c;font-size:11px;font-weight:750;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in 3.4s ease forwards}.welcome{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#4faebb2e,#1569785c),radial-gradient(circle at 50% 20%,transparent 0 20%,rgba(12,75,85,.18) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .45s ease,visibility .45s ease}.welcome.gone{visibility:hidden;opacity:0}.welcome-card{width:min(330px,92vw);padding:30px 24px 24px;border:1px solid rgba(255,255,255,.72);border-radius:35px 12px 35px 35px;background:#fff8e3f0;box-shadow:0 22px 70px #0a444c52;text-align:center}.welcome-mark{display:grid;width:68px;height:68px;margin:-64px auto 18px;place-items:center;transform:rotate(-4deg);border:3px solid #fff8e3;border-radius:48% 52% 44% 56%;background:var(--coral);box-shadow:0 6px #20646838;font-size:34px}.welcome h1{margin:0;color:#173f47;font-family:"DM Serif Display",Georgia,serif;font-size:43px;font-weight:400;line-height:.96}.welcome h1 em{display:block;color:#5b9794;font-size:20px;font-weight:400}.welcome p{margin:17px auto 18px;color:#698682;font-size:12px;line-height:1.55}.name-field{width:100%;padding:13px 15px;border:1px solid #d8d8c7;outline:none;border-radius:15px 7px 15px 15px;background:#fff9;color:#244b51;font:750 14px Nunito,sans-serif;text-align:center;-webkit-user-select:text;user-select:text}.name-field:focus{border-color:#65aaa6;box-shadow:0 0 0 3px #65aaa621}.set-sail{width:100%;margin-top:9px;padding:14px;border-radius:16px 8px 16px 16px;background:var(--coral);box-shadow:0 4px #bc584b;color:#fff;font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.welcome-foot{margin-top:14px;color:#88a09a;font-size:9px;font-weight:750;letter-spacing:.08em}.brand{filter:drop-shadow(3px 3px 0 rgba(8,47,55,.6))}.brand-title{color:#fff2c2;font-family:Bungee,Impact,sans-serif;font-size:29px;line-height:.82;letter-spacing:.02em;text-shadow:2px 2px 0 #163f49}.brand-sub{margin-top:8px;color:#bde8dd;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:.16em;text-shadow:1px 1px 0 #16414a}.resources{gap:4px}.resource{min-width:93px;height:36px;gap:7px;padding:4px 8px 4px 6px;border:2px solid #163f49;border-radius:0;background:#f6e9bb;box-shadow:3px 3px #0a363eb8;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);color:#173f49;-webkit-backdrop-filter:none;backdrop-filter:none}.resource-icon{width:24px;height:24px;border:1px solid #173f49;border-radius:0;background:#eab247}.resource-icon svg{width:18px;fill:#173f49}.pearl-icon{background:#8bd0cb!important}.pearl-icon i{width:11px;height:11px;border:2px solid #173f49;border-radius:50%;background:#e8fff2;box-shadow:inset -2px -2px #7cafad}.resource-copy{display:grid;justify-items:end;line-height:.84}.resource-copy b{font-family:Bungee,Impact,sans-serif;font-size:12px}.resource-copy small{margin-top:3px;font-size:7px;font-weight:900;letter-spacing:.12em}.sea-status{top:max(96px,calc(env(safe-area-inset-top) + 82px));gap:6px;padding:4px 9px;border:1px solid rgba(190,232,221,.45);background:#0f424ca8;color:#d5f5e9;font-size:9px;font-weight:800;letter-spacing:.12em;text-shadow:1px 1px 0 #153f47;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.status-dot{width:6px;height:6px;border-radius:0;transform:rotate(45deg);box-shadow:none}.rank-ribbon{top:max(126px,calc(env(safe-area-inset-top) + 112px));padding:4px 9px;border:1px solid rgba(255,238,180,.5);border-radius:0;background:#113c46b8;color:#ffeaa9;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:800;letter-spacing:.12em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.quest-track{position:fixed;z-index:9;top:max(155px,calc(env(safe-area-inset-top) + 141px));left:12px;display:flex;max-width:calc(100% - 24px);border:2px solid #173f49;background:#f7eabaf0;box-shadow:3px 3px #0b373f9e;color:#173f49;font-size:9px;font-weight:800;letter-spacing:.08em;pointer-events:none;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.quest-code{padding:6px 7px;background:#e97058;color:#fff7d8;font-family:Bungee,sans-serif;font-size:8px}#quest-copy{overflow:hidden;padding:6px 9px;text-overflow:ellipsis;white-space:nowrap}.interact-button{position:fixed;z-index:18;right:28px;bottom:max(120px,calc(env(safe-area-inset-bottom) + 110px));left:28px;display:none;align-items:stretch;padding:0;border:2px solid #153d47;background:#fff0b8;box-shadow:4px 4px #0c373fa8;color:#143e48;font-size:11px;font-weight:900;letter-spacing:.09em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);pointer-events:auto}.interact-button.visible{display:flex}.interact-key{padding:9px 11px;background:#e96f57;color:#fff5d0;font-family:Bungee,sans-serif;font-size:9px}#interact-name{flex:1;padding:9px}.controls{right:9px;bottom:max(9px,env(safe-area-inset-bottom));left:9px;min-height:88px;padding:11px 12px 13px;border:2px solid #143d46;border-radius:0;background:#184851e0;box-shadow:4px 4px #052a30a3,inset 0 1px #cdefdf59;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.round-button{width:54px;height:54px;border:2px solid #113b45;border-radius:0;background:#f7eaba;box-shadow:3px 3px #0c3540;color:#163e48;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);-webkit-backdrop-filter:none;backdrop-filter:none}.round-button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.round-button:active{transform:translate(3px,3px);box-shadow:0 0 #0c3540}.round-button.has-upgrade:after{top:3px;right:3px;width:8px;height:8px;border:1px solid #173f49;border-radius:0;background:#ef7659}.mode-button{width:61px;height:61px;border-radius:0;background:#efb643}.button-label{bottom:-15px;color:#effff2;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:900;letter-spacing:.12em}.drag-hint{bottom:max(116px,calc(env(safe-area-inset-bottom) + 106px));color:#e8fff4;font-size:9px;font-weight:800;letter-spacing:.1em;text-shadow:2px 2px 0 #17414a}.emote-tray{right:13px;bottom:max(108px,calc(env(safe-area-inset-bottom) + 98px));grid-template-columns:repeat(2,86px);gap:5px;padding:8px;border:2px solid #153e48;border-radius:0;background:#f7eabb;box-shadow:4px 4px #082e36b8;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);-webkit-backdrop-filter:none;backdrop-filter:none}.tray-title{grid-column:1 / -1;padding:2px 3px 5px;border-bottom:1px solid #b29f6c;color:#17414a;font-family:Bungee,sans-serif;font-size:8px;letter-spacing:.05em}.emote-choice{width:86px;height:34px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:4px 7px;border:1px solid #173f49;border-radius:0;background:#d6e3c5;color:#173f49;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:900;letter-spacing:.06em}.pose{position:relative;width:15px;height:22px;flex:0 0 15px}.pose:before{content:"";position:absolute;top:0;left:5px;width:7px;height:7px;border:1px solid #173f49;border-radius:50%;background:#e97057}.pose:after{content:"";position:absolute;top:8px;left:7px;width:3px;height:11px;background:#173f49;box-shadow:-4px 10px 0 -1px #173f49,4px 10px 0 -1px #173f49}.pose-wave{transform:rotate(-8deg);border-right:2px solid #173f49}.pose-cheer{border-top:2px solid #173f49;border-radius:50% 50% 0 0}.pose-point{border-right:7px solid #173f49;border-right-width:7px;clip-path:polygon(0 0,100% 38%,0 52%)}.pose-dance{transform:rotate(16deg);border-left:2px solid #173f49;border-radius:50%}.sheet-backdrop,.npc-backdrop{background:#04232a9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-sheet{right:7px;bottom:7px;left:7px;padding:18px 14px max(17px,env(safe-area-inset-bottom));border:2px solid #0f3540;border-radius:0;background:#153f49;box-shadow:5px -5px #041f2573;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.sheet-handle{width:52px;height:3px;border-radius:0;background:#6fa7a2}.sheet-kicker{color:#7fb5ae;font-size:9px;font-weight:800}.sheet-title{color:#fff0b6;font-family:Bungee,Impact,sans-serif;font-size:22px}.close-button{border:1px solid #0f3440;border-radius:0;background:#e76e58;color:#fff3c5;font-family:Bungee,sans-serif;font-size:11px;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.upgrade-card{min-height:73px;padding:9px;border:1px solid #6f9b94;border-radius:0;background:#214f57;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.upgrade-icon,.upgrade-card:nth-child(n) .upgrade-icon{width:44px;height:44px;border:1px solid #0e3641;border-radius:0;background:#e6b74d;color:#153f49;font-family:Bungee,sans-serif;font-size:8px}.upgrade-name{color:#fff0b8;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.upgrade-detail{color:#a9d0c6;font-size:10px;font-weight:600}.level-pip{width:14px;height:3px;border-radius:0;background:#416b6d}.level-pip.filled{background:#eeb94b}.buy-button{border:1px solid #0e3540;border-radius:0;background:#e86e56;box-shadow:2px 2px #0d3540;color:#fff4cb;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:900;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.buy-button:disabled{background:#49696a;box-shadow:2px 2px #0d3540;color:#8eaaa4}.voyage-note{border:1px solid #597f7d;border-radius:0;background:#1b4952;color:#9fc9c1;font-size:10px;letter-spacing:.02em}.toast{border:2px solid #143e47;border-radius:0;background:#f7eabb;box-shadow:3px 3px #072b32b3;color:#183f48;font-size:11px;font-weight:800;letter-spacing:.04em;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.welcome{padding:20px;background:linear-gradient(#0a323b6b,#062830b8),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px)}.welcome-card{width:min(342px,94vw);padding:23px 20px 20px;border:3px solid #102f39;border-radius:0;background:#173f49;box-shadow:7px 7px #041d239e;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.welcome-code{color:#7db1aa;font-size:9px;font-weight:900;letter-spacing:.16em}.welcome h1{margin:10px 0 4px;color:#ffeaa7;font-family:Bungee,Impact,sans-serif;font-size:58px;font-weight:400;line-height:.9;letter-spacing:.06em;text-shadow:4px 4px 0 #0b2e37}.welcome-rule{display:flex;align-items:center;gap:8px;color:#ee7459;font-size:9px;letter-spacing:.12em}.welcome-rule span{flex:1;height:1px;background:#567a78}.welcome p{max-width:260px;margin:16px auto 18px;color:#bad9d0;font-size:13px;font-weight:600;line-height:1.35}.input-label{display:block;margin:0 0 4px;color:#78aaa5;font-size:8px;font-weight:900;letter-spacing:.14em;text-align:left}.name-field{padding:12px;border:2px solid #0e303a;border-radius:0;background:#f5e9bc;color:#173f49;font:800 14px Barlow Condensed,sans-serif;letter-spacing:.08em;text-align:left;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.name-field:focus{border-color:#e97057;box-shadow:0 0 0 2px #ecb546}.set-sail{margin-top:8px;padding:13px;border:2px solid #0e303a;border-radius:0;background:#eb7057;box-shadow:3px 3px #0a2e37;color:#fff3c4;font-family:Bungee,sans-serif;font-size:12px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.welcome-foot{color:#759d98;font-size:8px;font-weight:900;letter-spacing:.1em}.npc-backdrop{position:fixed;inset:0;z-index:34;opacity:0;pointer-events:none;transition:opacity .16s ease}.npc-backdrop.open{opacity:1;pointer-events:auto}.npc-panel{position:fixed;z-index:35;right:10px;bottom:max(15px,env(safe-area-inset-bottom));left:10px;padding:13px;transform:translateY(calc(100% + 30px));border:2px solid #0d303a;background:#163f49;box-shadow:5px 5px #041e24a6;color:#c0ddd5;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:transform .22s cubic-bezier(.2,.9,.2,1)}.npc-panel.open{transform:translateY(0)}.npc-panel-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #4a7774;color:#78aaa5;font-size:9px;font-weight:900;letter-spacing:.16em}.npc-header{display:flex;align-items:center;gap:12px;padding:12px 0 8px}.npc-portrait{position:relative;width:64px;height:64px;overflow:hidden;border:2px solid #0d303a;background:#e7b446;box-shadow:3px 3px #092c35;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.npc-portrait span{position:absolute;top:15px;left:21px;width:23px;height:23px;border:2px solid #173f49;border-radius:50%;background:#df9a76}.npc-portrait i{position:absolute;right:12px;bottom:-9px;left:12px;height:34px;border:2px solid #173f49;border-radius:50% 50% 0 0;background:#e97058}.npc-name{color:#fff0b6;font-family:Bungee,sans-serif;font-size:24px;line-height:1}.npc-id{margin-top:5px;color:#729f9b;font-size:8px;font-weight:900;letter-spacing:.13em}.npc-copy{min-height:52px;margin:5px 0 12px;padding:10px;border-left:3px solid #eb7057;background:#204e56;color:#cae4db;font-size:13px;font-weight:600;line-height:1.35}.npc-actions{display:grid;gap:6px}.npc-action{padding:10px;border:1px solid #0d303a;background:#f2e7b8;box-shadow:2px 2px #092d36;color:#153f49;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:900;letter-spacing:.08em;text-align:left;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.npc-action.primary{background:#e97057;color:#fff3c4}.npc-action:disabled{background:#456a6b;color:#84a4a0}@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}@keyframes toast-in{8%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-7px)}}@media(orientation:landscape){#game{width:min(430px,calc(100dvh * .58))}}@media(max-height:690px){.rank-ribbon{display:none}.drag-hint{bottom:103px}.round-button{width:49px;height:49px}.mode-button{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}