.exp-page{color:#f2e8d3;background:radial-gradient(at 75% 10%,#194a56 0,#0000 45%),#0c2530;min-height:100vh;padding:0 max(24px,50vw - 620px) 24px;font-family:Arial,sans-serif}.exp-page *{box-sizing:border-box}.exp-page button,.exp-page a{touch-action:manipulation}.exp-page button{cursor:pointer;font:inherit}.exp-page button:disabled{opacity:.45;cursor:not-allowed}.exp-page button:focus-visible,.exp-page a:focus-visible,.exp-page canvas:focus-visible{outline-offset:4px;outline:2px solid #edcb80}.exp-header{border-bottom:1px solid #d9bc7625;justify-content:space-between;align-items:center;gap:20px;height:94px;display:flex}.exp-header a{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.exp-back{font-size:13px;color:#a8c6ca!important}.exp-brand{letter-spacing:3px;font-size:13px;font-weight:700}.exp-brand svg{color:#e7c680}.exp-header .music-control{position:static}.exp-eyebrow{letter-spacing:2.5px;color:#d5bc81;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.exp-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;min-height:410px;display:grid}.exp-hero h1{color:#f5ead0;margin:18px 0;font:clamp(44px,6vw,80px)/1.04 Georgia,serif}.exp-hero h1 em{color:#e6c179;font-weight:400}.exp-hero p{color:#adccd0;font-size:17px;line-height:1.6}.exp-season{color:#c8dada;align-items:center;gap:8px;margin:24px 0;font-size:12px;display:flex}.exp-live-dot{background:#75cbbb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #75cbbb88}.exp-hero-art{place-items:center;height:350px;display:grid;position:relative}.exp-hero-art img{object-fit:contain;width:260px;height:260px;image-rendering:pixelated;filter:drop-shadow(0 22px 18px #020e2077);z-index:1;animation:5s ease-in-out infinite exp-bob}.exp-orbit{background:repeating-conic-gradient(#d9bf7918 0deg 1deg,#0000 1deg 15deg);border:1px solid #e9c37627;border-radius:50%;width:320px;height:320px;position:absolute;box-shadow:0 0 0 25px #9ed6d505,0 0 0 50px #9ed6d503}.exp-hero-art>span{color:#a8c9cc;letter-spacing:3px;font-size:9px;line-height:1.8;position:absolute;bottom:8px;right:8px}.exp-lobby-grid{grid-template-columns:1.05fr 1fr;align-items:start;gap:26px;display:grid}.exp-outfit,.exp-board{background:#142e39;border:1px solid #d9bc7630;border-radius:16px;padding:28px}.exp-section-head{color:#d8bd7d;justify-content:space-between;align-items:center;gap:8px;display:flex}.exp-page h2{margin:18px 0 10px;font:30px/1.2 Georgia,serif}.exp-page h3{font:23px Georgia,serif}.exp-outfit>p,.exp-board>p{color:#a4bec4;font-size:13px;line-height:1.6}.exp-ship-list{gap:8px;max-height:300px;margin:22px 0;display:grid;overflow:auto}.exp-ship-list button{text-align:left;color:#e9e4d1;background:#0b2430;border:1px solid #718d9640;border-radius:10px;align-items:center;gap:12px;padding:7px 12px;display:flex}.exp-ship-list button.selected{background:#334746;border-color:#dec184;box-shadow:inset 3px 0 #e7c788}.exp-ship-list img{object-fit:contain;width:65px;height:65px;image-rendering:pixelated}.exp-ship-list b{font-size:13px}.exp-ship-list small{color:#adcad0;text-transform:capitalize;margin-top:5px;font-size:11px;display:block}.exp-rarity{letter-spacing:.8px;margin-left:auto;font-size:10px}.exp-primary,.exp-secondary{border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:14px;text-decoration:none;display:inline-flex;font-weight:700!important}.exp-primary{color:#142b35;background:#e5c587;border:1px solid #ffe4a7}.exp-primary:not(:disabled):hover{background:#f5d89f;box-shadow:0 6px 25px #cdaa5720}.exp-secondary{color:#e0dfca;background:#203c46;border:1px solid #6a85896b}.exp-sail{width:100%;margin-top:14px}.exp-fine{line-height:1.6;color:#8eafb7!important;font-size:11px!important}.exp-how{border-top:1px solid #91a89b29;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0;padding-top:24px;display:grid}.exp-how div{flex-direction:column;gap:8px;display:flex}.exp-how svg{color:#d3b77e;width:20px}.exp-how b{font-size:12px}.exp-how span{color:#99bac1;font-size:11px;line-height:1.5}.exp-page details{color:#a7c2c8;font-size:12px;line-height:1.7}.exp-page summary{cursor:pointer;color:#e4d4ad}.exp-board ol{margin:20px 0;padding:0;list-style:none}.exp-board li{border-top:1px solid #abc6c214;align-items:center;gap:12px;padding:12px 0;display:flex}.exp-board li.is-you{background:#d0b47312}.exp-rank{color:#d5bd7f;width:28px;font-size:12px}.exp-board li img{object-fit:contain;width:44px;height:44px;image-rendering:pixelated}.exp-board li b{overflow-wrap:anywhere;font-size:12px}.exp-board li small{color:#96b8c0;margin-top:5px;font-size:10px;display:block}.exp-board li strong{color:#efd596;font-variant-numeric:tabular-nums;margin-left:auto;font-size:16px}.exp-personal{color:#ebcf96;background:#d7bc8110;border-radius:7px;justify-content:space-between;padding:15px;font-size:12px;display:flex}.exp-empty{text-align:center;color:#9fbfc4;padding:30px 12px}.exp-empty svg{color:#a4b7aa}.exp-empty p{font-size:13px;line-height:1.6}.exp-error{color:#f0d2ac;background:#6147354d;border:1px solid #a98560;border-radius:9px;margin:16px 0;padding:16px;font-size:13px;line-height:1.5}.exp-error button{color:#f6d695;background:0 0;border:0;margin-top:10px;text-decoration:underline;display:block}.exp-results{text-align:center;background:radial-gradient(at top,#465047,#1b343d 65%);border:1px solid #ddbb7466;border-radius:18px;margin-bottom:30px;padding:32px}.exp-results .exp-eyebrow{justify-content:center}.exp-result-score{color:#ffe2a3;margin:22px;font:64px Georgia,serif;display:block}.exp-result-score small{letter-spacing:3px;color:#c2cbbb;margin-top:8px;font:10px Arial,sans-serif;display:block}.exp-breakdown{justify-content:center;gap:42px;display:flex}.exp-breakdown b{color:#f1d298;font-size:20px;display:block}.exp-breakdown span{color:#a7c6c9;margin-top:7px;font-size:11px;display:block}.exp-results p{color:#adc5c6;font-size:12px;line-height:1.7}.exp-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.exp-result-actions a{color:#cdd4c4;padding:12px;font-size:12px}.exp-game-layout{grid-template-columns:minmax(280px,600px) 1fr;gap:60px;max-width:1040px;margin:28px auto;display:grid}.exp-game-layout>.exp-section-head{margin:12px}.exp-play{margin-top:16px}.exp-hud{background:#15343d;border:1px solid #dbc38340;border-radius:10px 10px 0 0;grid-template-columns:1.2fr 1fr .7fr;gap:20px;padding:14px 18px;display:grid}.exp-hud small{letter-spacing:1.5px;color:#adcbc8;margin-bottom:7px;font-size:9px;display:block}.exp-hud strong{color:#f5d99c;font:26px Georgia,serif}.exp-hud meter{width:80px;height:10px;margin-bottom:4px;display:block}.exp-hud b{color:#a8d6c7;font-size:10px}.exp-arena{aspect-ratio:3/4;background:#0a2632;min-height:320px;max-height:calc(100dvh - 300px);margin:auto;position:relative}.exp-arena canvas{touch-action:none;object-fit:contain;width:100%;height:100%;display:block}.exp-pause{text-align:center;pointer-events:none;background:#092736be;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.exp-pause strong{color:#ffe0a4;font:26px Georgia,serif}.exp-pause span{color:#b9d8d6;font-size:12px}.exp-ending{color:#efd28f;text-align:center;background:#1a2d37dc;padding:8px;font-size:10px;position:absolute;bottom:8px;left:8px;right:8px}.exp-controls{background:#122e38;border:1px solid #9ab9b51f;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.exp-controls p{color:#c1d2cd;text-align:center;font-size:12px;line-height:1.8}.exp-controls small{color:#93afb5;font-size:9px}.exp-stick{touch-action:none;-webkit-user-select:none;user-select:none;background:#203e48;border:1px solid #b9c4a855;border-radius:50%;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid}.exp-stick span{color:#ead4a4;pointer-events:none;background:#3b5960;border:1px solid #c3c6a75a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.exp-fire{color:#112d37;-webkit-user-select:none;user-select:none;background:#c9a664;border:3px solid #f2d08e;border-radius:50%;flex-shrink:0;width:84px;height:84px;touch-action:none!important;font-size:12px!important;font-weight:700!important}.exp-fire:active{background:#ffdf9f;box-shadow:0 0 30px #ebbe6060}.exp-quiet{color:#9fbec5;background:0 0;border:0;margin:14px auto;padding:8px;text-decoration:underline;display:block;font-size:12px!important}.exp-sailing-notes{color:#a5c7cd;padding-top:110px}.exp-sailing-notes>svg{color:#dec28b}.exp-sailing-notes h2{color:#eadab7;font-size:38px}.exp-sailing-notes p{max-width:280px;font-size:14px;line-height:1.8}.exp-sailing-notes>div{border-bottom:1px solid #d1b57222;align-items:baseline;gap:12px;padding:15px 0;display:flex}.exp-sailing-notes b{color:#e5c485;font:26px Georgia,serif}.exp-sailing-notes span{font-size:12px}.exp-footer{text-align:center;color:#71959f;letter-spacing:1px;padding:40px 0 12px;font-size:10px}@keyframes exp-bob{50%{transform:translateY(-10px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.exp-hero-art img{animation:none}}@media (max-width:800px){.exp-page{padding:0 16px 20px}.exp-header{gap:10px;height:72px}.exp-brand{letter-spacing:1px;font-size:10px}.exp-brand svg{width:18px}.exp-back{font-size:11px}.exp-hero{gap:0;min-height:320px}.exp-hero-art{height:260px}.exp-hero-art img{width:180px;height:180px}.exp-orbit{width:200px;height:200px}.exp-hero-art>span{display:none}.exp-hero p{font-size:13px}.exp-lobby-grid{grid-template-columns:1fr}.exp-game-layout{grid-template-columns:1fr;max-width:580px;margin:16px auto}.exp-sailing-notes{display:none}.exp-hud{padding:10px 16px}.exp-arena{max-height:calc(100dvh - 285px)}.exp-breakdown{gap:20px}.exp-section-head{font-size:10px}.exp-outfit,.exp-board{padding:22px}.exp-results{padding:24px 14px}}@media (max-width:430px){.exp-hero h1{font-size:39px}.exp-hero-art img{width:145px;height:145px}.exp-orbit{width:150px;height:150px}.exp-brand{display:none!important}.exp-hero{grid-template-columns:1.2fr 1fr}.exp-season{font-size:10px}.exp-eyebrow{letter-spacing:1.5px;font-size:8px}.exp-controls{gap:6px;padding:8px}.exp-stick,.exp-fire{width:70px;height:70px}.exp-controls small{font-size:8px}.exp-page h2{font-size:26px}.exp-breakdown{gap:15px}.exp-breakdown span{font-size:9px}.exp-ship-list button{gap:8px;padding:5px 8px}.exp-rarity{font-size:9px}}fieldset.exp-ship-list{border:0;min-width:0;padding:0}fieldset.exp-stick{min-width:0;margin:0;padding:0}.exp-xp{background:#0e2935;border-inline:1px solid #dbc38340;align-items:center;gap:12px;padding:10px 16px;display:flex}.exp-xp>span{color:#f4d28e;white-space:nowrap;font-size:11px;font-weight:700}.exp-xp small{letter-spacing:1px;color:#adccce;white-space:nowrap;font-size:8px}.exp-xp progress{accent-color:#8adedb;border:0;border-radius:9px;flex:1;min-width:30px;height:6px;overflow:hidden}.exp-xp progress::-webkit-progress-bar{background:#294653}.exp-xp progress::-webkit-progress-value{background:linear-gradient(90deg,#5099b5,#a3f3db)}.exp-build{background:#102c37;border-inline:1px solid #dbc38325;flex-wrap:wrap;gap:7px;padding:12px;display:flex}.exp-build-badge{border:1px solid color-mix(in srgb, var(--upgrade-color) 30%, transparent);color:var(--upgrade-color);background:#0b212d;border-radius:7px;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex}.exp-build-badge i{font:24px Georgia,serif}.exp-build-badge small{letter-spacing:2px;margin-top:3px;font-size:8px;display:block}.exp-build-empty{color:#a2bbc0;padding:3px;font-size:11px}.exp-evolution-badge{color:#ffe0a4;background:linear-gradient(100deg,#593923,#40375e);border:1px solid #e9c482;border-radius:7px;padding:10px;font-size:11px}.exp-upgrade-picker{z-index:3;text-align:center;background:linear-gradient(150deg,#0d2a36f7,#081d2ef7);flex-direction:column;justify-content:center;gap:9px;padding:18px;display:flex;position:absolute;inset:0;overflow:auto;box-shadow:inset 0 0 60px #081822}.exp-upgrade-picker .exp-eyebrow{letter-spacing:2px;justify-content:center;font-size:9px}.exp-upgrade-picker h2{color:#ffe2aa;margin:0;font-size:30px}.exp-upgrade-picker>p{color:#a7c9cf;margin:0;font-size:11px}.exp-upgrade-picker>p>span{color:#ffe2aa;font-variant-numeric:tabular-nums;margin-left:8px}.exp-upgrade-picker>small{color:#8caeb9;font-size:9px;line-height:1.4}.exp-upgrade-options{gap:8px;margin:4px 0;display:grid}.exp-upgrade-options button{text-align:left;color:#e8ecdf;border:1px solid color-mix(in srgb, var(--upgrade-color) 45%, transparent);background:linear-gradient(115deg, color-mix(in srgb, var(--upgrade-color) 10%, #122634), #102532);border-radius:10px;align-items:center;gap:12px;min-width:0;padding:13px 12px;transition:background .15s,border-color .15s;display:flex}.exp-upgrade-options button:hover,.exp-upgrade-options button:focus-visible{background:color-mix(in srgb, var(--upgrade-color) 20%, #122634);border-color:var(--upgrade-color);outline-offset:1px}.exp-upgrade-icon{text-align:center;width:36px;color:var(--upgrade-color);text-shadow:0 0 16px color-mix(in srgb, var(--upgrade-color) 50%, transparent);flex-shrink:0;font:32px Georgia,serif}.exp-upgrade-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.exp-upgrade-copy b{color:var(--upgrade-color);font-size:14px}.exp-upgrade-copy small{letter-spacing:1.2px;color:#d7d9c5;font-size:8px}.exp-upgrade-copy>span{color:#b9d0d2;font-size:11px;line-height:1.4}.exp-upgrade-options kbd{color:#c7d1c4;border:1px solid #789ba84d;border-radius:4px;padding:4px;font:10px Arial,sans-serif}.exp-boss-hud{text-align:center;pointer-events:none;background:#172331e8;border:1px solid #ec927a66;border-radius:8px;padding:9px 15px;position:absolute;top:12px;left:15%;right:15%}.exp-boss-hud small{color:#c89791;letter-spacing:2px;font-size:7px;display:block}.exp-boss-hud b{color:#ffd3b5;margin:4px;font:20px Georgia,serif;display:block}.exp-boss-hud progress{accent-color:#ee8b77;width:100%;height:6px}.exp-combos{margin:24px 0}.exp-combos p{font-size:12px}.exp-combos b{color:#f1c886;font:16px Georgia,serif}.exp-result-build{border-top:1px solid #d6bf7330;margin-top:22px;padding-top:20px}.exp-build-large{background:0 0;border:0;justify-content:center;padding:15px 0}.exp-build-large .exp-build-badge{padding:10px 14px;font-size:12px}.exp-classic{border-top:1px solid #b8c0a62b;margin-top:20px;padding-top:16px}@media (max-height:850px){.exp-upgrade-picker{justify-content:flex-start;gap:5px;padding:10px}.exp-upgrade-picker h2{font-size:22px}.exp-upgrade-options{gap:5px}.exp-upgrade-options button{gap:8px;padding:8px}.exp-upgrade-copy>span{font-size:10px}.exp-upgrade-copy b{font-size:12px}.exp-upgrade-icon{width:25px;font-size:25px}}@media (max-width:430px){.exp-xp{gap:8px;padding-inline:10px}.exp-xp small{font-size:7px}.exp-upgrade-picker{gap:5px;padding:10px}.exp-upgrade-picker h2{font-size:22px}.exp-upgrade-options button{gap:6px;padding:9px 7px}.exp-upgrade-icon{width:24px;font-size:25px}.exp-upgrade-copy>span{font-size:10px}.exp-upgrade-copy b{font-size:12px}.exp-build{gap:5px}.exp-build-badge{padding:5px;font-size:9px}}@media (prefers-reduced-motion:reduce){.exp-upgrade-options button{transition:none}}@media (max-width:800px){.exp-play:has(.exp-xp) .exp-arena{max-height:calc(100dvh - 360px)}}.exp-help{border-top:1px solid #31525b;margin-top:24px}.exp-help h3{color:#ead4a3;margin:24px 0 14px;font:22px Georgia,serif}.exp-help details{border-bottom:1px solid #294650;padding:14px 0}.exp-help summary{cursor:pointer;color:#e0d0a7;font-size:14px;line-height:1.6}.exp-help summary:focus-visible{outline-offset:5px;outline:2px solid #ecc674}.exp-help p{color:#a8c1c9;margin:12px 0;font-size:13px;line-height:1.8}.exp-help .exp-combos{margin:0}.exp-score-guide{gap:10px;margin:16px 0;font-size:13px;line-height:1.6;display:grid}.exp-score-guide div{grid-template-columns:85px minmax(0,1fr);gap:10px;display:grid}.exp-score-guide dt{color:#e2c891}.exp-score-guide dd{color:#a8c1c9;margin:0}.exp-next-step{background:#102d36;border:1px solid #345561;border-radius:10px;max-width:620px;margin:18px auto;padding:16px;line-height:1.75}.exp-result-actions{flex-wrap:wrap}