:root{color-scheme:light;--font-display: "Pirata One", "IM Fell English SC", serif;--font-heading: "IM Fell English SC", "Cinzel", serif;--font-body: "IM Fell English", "Spectral", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-hand: "Special Elite", "IM Fell English", serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-paper-base: #efe1c2;--color-paper-base-rgb: 239 225 194;--color-paper-soft: #f6ecd6;--color-paper-soft-rgb: 246 236 214;--color-paper-panel: #e4cfaa;--color-paper-panel-rgb: 228 207 170;--color-paper-edge: #b69561;--color-paper-edge-rgb: 182 149 97;--color-paper-weathered: #d4be94;--color-paper-weathered-rgb: 212 190 148;--color-ink-base: #2d2215;--color-ink-base-rgb: 45 34 21;--color-ink-muted: #5f4a30;--color-ink-muted-rgb: 95 74 48;--color-ink-soft: #887052;--color-ink-soft-rgb: 136 112 82;--color-ink-inverse: #f8f3e4;--color-ink-inverse-rgb: 248 243 228;--color-accent-gold: #c3a063;--color-accent-gold-rgb: 195 160 99;--color-accent-gold-bright: #dfc183;--color-accent-gold-bright-rgb: 223 193 131;--color-accent-wood: #5d3d27;--color-accent-wood-rgb: 93 61 39;--color-accent-wood-dark: #3f2a1b;--color-accent-wood-dark-rgb: 63 42 27;--color-sea-mist: #b7c8cb;--color-sea-mist-rgb: 183 200 203;--color-sea-calm: #7b9aa4;--color-sea-calm-rgb: 123 154 164;--color-sea-deep: #536d77;--color-sea-deep-rgb: 83 109 119;--color-sea-storm: #3f535d;--color-sea-storm-rgb: 63 83 93;--color-status-danger: #9f3529;--color-status-danger-rgb: 159 53 41;--color-status-danger-soft: #c76859;--color-status-danger-soft-rgb: 199 104 89;--color-status-success: #426b4f;--color-status-success-rgb: 66 107 79;--color-status-info: #3f6679;--color-status-info-rgb: 63 102 121;--color-status-warning: #aa7c31;--color-status-warning-rgb: 170 124 49;--color-combat-blood: #7d261e;--color-combat-blood-rgb: 125 38 30;--color-combat-ally-frame: #5f80a8;--color-combat-ally-frame-rgb: 95 128 168;--color-combat-enemy-frame: #ad6862;--color-combat-enemy-frame-rgb: 173 104 98;--color-combat-ally-fill: #dce9fb;--color-combat-ally-fill-rgb: 220 233 251;--color-combat-enemy-fill: #ffe2df;--color-combat-enemy-fill-rgb: 255 226 223}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-height:100dvh}body{overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;color:rgb(var(--color-ink-base-rgb));font-family:var(--font-body);background:radial-gradient(circle at 18% 16%,rgb(var(--color-sea-mist-rgb) / .4),transparent 45%),radial-gradient(circle at 85% 82%,rgb(var(--color-accent-gold-rgb) / .2),transparent 42%),linear-gradient(155deg,rgb(var(--color-sea-storm-rgb)),rgb(var(--color-sea-deep-rgb)) 45%,rgb(var(--color-sea-calm-rgb)))}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.font-display{font-family:var(--font-display)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-hand{font-family:var(--font-hand)}.font-mono{font-family:var(--font-mono)}.theme-panel{background:rgb(var(--color-paper-base-rgb) / .96);border:1px solid rgb(var(--color-paper-edge-rgb) / .75);box-shadow:0 26px 62px rgb(var(--color-accent-wood-dark-rgb) / .35)}.theme-panel-soft{background:rgb(var(--color-paper-soft-rgb) / .95);border:1px solid rgb(var(--color-paper-edge-rgb) / .56)}.theme-panel-dark{background:rgb(var(--color-accent-wood-dark-rgb) / .86);border:1px solid rgb(var(--color-accent-gold-rgb) / .55);color:rgb(var(--color-ink-inverse-rgb))}.theme-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:rgb(var(--color-ink-soft-rgb))}.theme-scroll::-webkit-scrollbar,.paper-scroll::-webkit-scrollbar{width:8px}.theme-scroll::-webkit-scrollbar-track,.paper-scroll::-webkit-scrollbar-track{background:rgb(var(--color-paper-panel-rgb) / .48)}.theme-scroll::-webkit-scrollbar-thumb,.paper-scroll::-webkit-scrollbar-thumb{background:rgb(var(--color-accent-gold-rgb));border-radius:4px}.mainmenu-backdrop{background-image:radial-gradient(circle at 14% 18%,rgb(var(--color-accent-gold-rgb) / .3),transparent 45%),radial-gradient(circle at 84% 75%,rgb(var(--color-sea-mist-rgb) / .26),transparent 42%),linear-gradient(140deg,rgb(var(--color-sea-storm-rgb)),rgb(var(--color-sea-deep-rgb)) 42%,rgb(var(--color-sea-calm-rgb)))}.launch-backdrop{background-image:radial-gradient(circle at 22% 20%,rgb(var(--color-accent-gold-rgb) / .26),transparent 45%),linear-gradient(155deg,rgb(var(--color-sea-storm-rgb)),rgb(var(--color-sea-deep-rgb)) 43%,rgb(var(--color-sea-calm-rgb)))}.mainmenu-grid-pattern{background-image:linear-gradient(to right,rgb(var(--color-paper-soft-rgb) / .1) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--color-paper-soft-rgb) / .1) 1px,transparent 1px);background-size:36px 36px}@keyframes mainmenuCompassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes launchWaveDrift{0%{transform:translate(-15%)}to{transform:translate(15%)}}@keyframes launchPanelGlow{0%,to{box-shadow:0 25px 65px rgb(var(--color-accent-wood-dark-rgb) / .5)}50%{box-shadow:0 32px 72px rgb(var(--color-accent-gold-rgb) / .4)}}@keyframes launchWheelBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mainmenu-compass-spin{animation:mainmenuCompassSpin 18s linear infinite}.launch-overlay-wave{background-image:radial-gradient(circle at 20% 50%,rgb(var(--color-sea-mist-rgb) / .35),transparent 45%),radial-gradient(circle at 80% 30%,rgb(var(--color-accent-gold-bright-rgb) / .24),transparent 40%);animation:launchWaveDrift 10s ease-in-out infinite alternate}.launch-overlay-wave-alt{animation-duration:14s;animation-direction:alternate-reverse}.launch-panel-glow{animation:launchPanelGlow 2.4s ease-in-out infinite}.launch-wheel-bob{animation:launchWheelBob 1.8s ease-in-out infinite}@keyframes boardingShake{0%{transform:translate(0) rotate(0)}20%{transform:translate(-2px) rotate(-1deg)}40%{transform:translate(3px) rotate(1.2deg)}60%{transform:translate(-2px) rotate(-.8deg)}80%{transform:translate(2px) rotate(.8deg)}to{transform:translate(0) rotate(0)}}@keyframes boardingHitFlash{0%{box-shadow:0 0 rgb(var(--color-status-danger-rgb) / 0)}40%{box-shadow:0 0 0 2px rgb(var(--color-status-danger-rgb) / .7),0 0 18px rgb(var(--color-status-danger-rgb) / .42)}to{box-shadow:0 0 rgb(var(--color-status-danger-rgb) / 0)}}@keyframes boardingFloatDamage{0%{opacity:0;transform:translateY(8px) scale(.86)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-14px) scale(1.05)}}@keyframes screenBloodPulse{0%{opacity:0}35%{opacity:.38}to{opacity:0}}.boarding-shake{animation:boardingShake .32s ease}.boarding-hit-flash{animation:boardingHitFlash .68s ease}.boarding-float-damage{animation:boardingFloatDamage .92s ease-out}.screen-blood-pulse{background:radial-gradient(circle at 50% 52%,rgb(var(--color-combat-blood-rgb) / .09),rgb(var(--color-combat-blood-rgb) / .35) 58%,rgb(var(--color-combat-blood-rgb) / .48)),linear-gradient(180deg,rgb(var(--color-combat-blood-rgb) / .21),rgb(var(--color-combat-blood-rgb) / .08));animation:screenBloodPulse .56s ease-out}@keyframes boardingAttackUp{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-18px) scale(1.03)}55%{transform:translateY(-28px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes boardingAttackDown{0%{transform:translateY(0) scale(1)}35%{transform:translateY(18px) scale(1.03)}55%{transform:translateY(28px) scale(1.04)}to{transform:translateY(0) scale(1)}}.boarding-attack-up{animation:boardingAttackUp .9s cubic-bezier(.2,.72,.2,1)}.boarding-attack-down{animation:boardingAttackDown .9s cubic-bezier(.2,.72,.2,1)}.encounter-dim-layer{pointer-events:none;background-blend-mode:multiply}@keyframes encounterCardPulse{0%{box-shadow:0 0 rgb(var(--color-accent-gold-rgb) / 0)}55%{box-shadow:0 0 0 2px rgb(var(--color-accent-gold-rgb) / .6),0 0 22px rgb(var(--color-accent-gold-rgb) / .35)}to{box-shadow:0 0 rgb(var(--color-accent-gold-rgb) / 0)}}.encounter-card-selected{animation:encounterCardPulse 1.2s ease-out}.encounter-slot-valid{box-shadow:0 0 0 2px rgb(var(--color-accent-gold-rgb) / .46) inset}.boarding-placement-slot{transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.boarding-placement-slot:hover:enabled{transform:translateY(-1px);box-shadow:0 8px 18px rgb(var(--color-accent-wood-dark-rgb) / .2)}.boarding-cycle-caption{letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes cinematicSmokeDrift1{0%{transform:translate(-10%,-5%) scale(1.1);opacity:.7}50%{transform:translate(5%,3%) scale(1.25);opacity:.55}to{transform:translate(-10%,-5%) scale(1.1);opacity:.7}}@keyframes cinematicSmokeDrift2{0%{transform:translate(8%,4%) scale(1.15);opacity:.6}50%{transform:translate(-6%,-8%) scale(1.3);opacity:.45}to{transform:translate(8%,4%) scale(1.15);opacity:.6}}@keyframes cinematicSmokeDrift3{0%{transform:translate(-3%,6%) scale(1.2);opacity:.5}50%{transform:translate(7%,-4%) scale(1.35);opacity:.35}to{transform:translate(-3%,6%) scale(1.2);opacity:.5}}@keyframes cinematicSmokeDrift4{0%{transform:translate(4%,-6%) scale(1.05);opacity:.65}50%{transform:translate(-8%,5%) scale(1.2);opacity:.5}to{transform:translate(4%,-6%) scale(1.05);opacity:.65}}@keyframes cinematicSmokeDissolve{0%{opacity:1}to{opacity:0}}.cinematic-smoke-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;filter:blur(60px)}.cinematic-smoke-1{background:radial-gradient(ellipse at 30% 40%,rgb(var(--color-sea-mist-rgb) / .9) 0%,rgb(var(--color-sea-calm-rgb) / .6) 50%,transparent 75%);animation:cinematicSmokeDrift1 6s ease-in-out infinite}.cinematic-smoke-2{background:radial-gradient(ellipse at 70% 60%,rgb(var(--color-paper-weathered-rgb) / .7) 0%,rgb(var(--color-sea-mist-rgb) / .5) 50%,transparent 70%);animation:cinematicSmokeDrift2 8s ease-in-out infinite}.cinematic-smoke-3{background:radial-gradient(ellipse at 50% 30%,rgb(var(--color-accent-gold-rgb) / .3) 0%,rgb(var(--color-sea-calm-rgb) / .5) 55%,transparent 80%);animation:cinematicSmokeDrift3 7s ease-in-out infinite}.cinematic-smoke-4{background:radial-gradient(ellipse at 40% 70%,rgb(var(--color-sea-deep-rgb) / .8) 0%,rgb(var(--color-paper-weathered-rgb) / .4) 45%,transparent 70%);animation:cinematicSmokeDrift4 9s ease-in-out infinite}.cinematic-smoke-dissolve{animation:cinematicSmokeDissolve 2.2s ease-in forwards}@keyframes cinematicCaptionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cinematic-caption-enter{animation:cinematicCaptionEnter .6s ease-out}@keyframes hudSlideFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes hudSlideFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes hudSlideFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes hudSlideFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.hud-reveal-top{animation:hudSlideFromTop .6s cubic-bezier(.22,1,.36,1) both}.hud-reveal-left{animation:hudSlideFromLeft .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}.hud-reveal-right{animation:hudSlideFromRight .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s}.hud-reveal-bottom{animation:hudSlideFromBottom .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.45s}