:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#050b1a;--night-top:#15284d;--glass:#11233f;--glass-dark:#08132a;--well:#040914;--gold:#c99a45;--gold-light:#f3d58a;--cream:#f6eedb;--dim:#b4c1d9;--moon:#a9c8ff;--error:#ffab9e;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--gutter:clamp(1rem, 4vw, 2.5rem);--page:75rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--night);min-height:100vh;color:var(--cream);font:1rem/1.6 var(--sans);background-image:linear-gradient(#050b1abf,#050b1ae0),url(/sprites/hud/night_sky.webp);background-size:auto,32rem;margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--serif);color:var(--gold-light);text-wrap:balance;margin:0;font-weight:700;line-height:1.2}p{margin:0}a{color:var(--gold-light);text-underline-offset:.2em}a:hover{color:var(--cream)}:focus-visible{outline:3px solid var(--moon);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}[tabindex="-1"]:focus{outline:none}.skip-link{z-index:10;background:var(--gold-light);color:var(--night);border-radius:.5rem;padding:.75rem 1rem;font-weight:700;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.masthead{max-width:var(--page);padding:.75rem var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-inline:auto;display:flex}.brand{color:var(--gold-light);font:700 1.375rem/1.2 var(--serif);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand img{width:3rem;height:3rem}.sections-nav ul{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:0;padding:0;list-style:none;display:flex}.sections-nav a{min-height:2.75rem;color:var(--cream);border-radius:999px;align-items:center;padding:.25rem .75rem;text-decoration:none;display:inline-flex}.sections-nav a:hover{text-decoration:underline}.sections-nav .nav-cta{border:1px solid var(--gold);color:var(--gold-light)}.lang-nav ul{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.lang-nav a{min-height:2.75rem;color:var(--dim);border:1px solid #0000;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.lang-nav a:hover{color:var(--cream);text-decoration:underline}.lang-nav a[aria-current=page]{border-color:var(--gold);color:var(--gold-light)}.hero{isolation:isolate;position:relative}.hero-art{aspect-ratio:1586/992;position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:50% 35%;width:100%;height:100%}.hero-art:after{content:"";background:linear-gradient(to bottom, #050b1a59, transparent 20%, transparent 55%, var(--night));position:absolute;inset:0}.hero-panels{max-width:var(--page);padding:0 var(--gutter);gap:1.25rem;margin:-3rem auto 0;display:grid;position:relative}.panel{background:linear-gradient(#15284df2,#050b1af5);border:1px solid #c99a45b3;border-radius:.75rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:inset 0 0 0 1px #f3d58a1f,0 1.25rem 2.5rem #00000073}.intro h1{letter-spacing:.01em;text-shadow:0 2px #00000080;font-size:clamp(2.5rem,7vw,4.25rem)}.tagline{font:italic 1.25rem/1.4 var(--serif);color:var(--cream);margin-top:.5rem}.intro p+p{margin-top:1rem}.facts{color:var(--dim);border-top:1px solid #c99a4573;flex-wrap:wrap;gap:.75rem 2rem;margin:1.5rem 0 0;padding:1.25rem 0 0;list-style:none;display:flex}.facts strong{font:700 2rem/1.1 var(--serif);color:var(--gold-light);display:block}@media (width>=60rem){.hero{align-items:end;min-height:clamp(38rem,90svh,56rem);display:grid}.hero-art{z-index:-1;aspect-ratio:auto;position:absolute;inset:0}.hero-panels{grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);align-items:end;width:100%;margin-top:0;padding-block:10rem 3rem}.intro{max-width:38rem}}.sign-in h2{font-size:1.75rem}.hint{color:var(--dim);margin-top:.5rem}.notice{border-left:4px solid var(--gold);background:var(--well);margin-top:1rem;padding:.75rem 1rem}.sign-in form{gap:1.25rem;margin-top:1.5rem;display:grid}.sign-in form .hint{margin:0}.modes{border:1px solid var(--gold);background:var(--well);border-radius:1.75rem;grid-template-columns:1fr 1fr;gap:.25rem;min-width:0;margin:0;padding:.25rem;display:grid;position:relative}.modes input{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.modes label{min-height:2.75rem;color:var(--dim);font:700 1rem/1.2 var(--serif);text-align:center;cursor:pointer;border-radius:1.5rem;justify-content:center;align-items:center;padding:.375rem .75rem;display:flex}.modes label:hover{color:var(--cream)}.modes input:checked+label{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-light);background:linear-gradient(#1d3a68,#081328)}.modes input:focus-visible+label{outline:3px solid var(--moon);outline-offset:2px}.field-rule{color:var(--dim);margin:-.125rem 0 .5rem;font-size:.9375rem}.signed-in{margin-top:1rem}.account{color:var(--cream);overflow-wrap:anywhere}.actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.25rem;display:flex}.text-button{min-height:2.75rem;color:var(--gold-light);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.25rem .5rem;text-decoration:underline}.text-button:hover{color:var(--cream)}.field label{margin-bottom:.375rem;font-weight:700;display:block}.field input{border:1px solid var(--gold);background:var(--well);width:100%;min-height:3rem;color:var(--cream);font:inherit;border-radius:.5rem;padding:.625rem .875rem;font-size:max(1rem,16px);display:block}.field input:focus{outline:3px solid var(--moon);outline-offset:2px}.field input[aria-invalid=true]{border:2px solid var(--error)}.field-error{color:var(--error);margin-top:.375rem;font-weight:700}.field-error:empty{display:none}.check{align-items:center;gap:.625rem;display:flex}.check input{width:1.5rem;height:1.5rem;accent-color:var(--gold);margin:0}.form-status{margin-top:1.25rem}.form-status.refusal{color:var(--error);font-weight:700}.form-status:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.button{border:1px solid var(--gold);min-height:3rem;color:var(--cream);font:700 1.125rem/1.2 var(--serif);letter-spacing:.02em;cursor:pointer;background:linear-gradient(#1d3a68,#081328);border-radius:999px;justify-content:center;align-items:center;padding:.625rem 1.75rem;text-decoration:none;display:inline-flex}.button:hover{color:var(--cream);background:linear-gradient(#2a5191,#0c1d40);box-shadow:0 0 1.25rem #a9c8ff59}.button:active{background:linear-gradient(#2f5a9a,#13306a)}@media (prefers-reduced-motion:no-preference){.button{transition:box-shadow .2s,background .2s}}.section{max-width:var(--page);padding:clamp(3rem, 8vw, 5.5rem) var(--gutter) 0;margin-inline:auto}.section h2{font-size:clamp(1.75rem,4vw,2.5rem)}.section h2:after{content:"";background:linear-gradient(to right, var(--gold), transparent);width:min(14rem,60%);height:1px;margin-top:.875rem;display:block}.section-lead{max-width:48rem;margin-top:1.25rem;font-size:1.0625rem}.section-note{color:var(--dim);margin-top:1.25rem}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.card{background:linear-gradient(#11233fe6,#08132aeb);border:1px solid #c99a4580;border-radius:.75rem;padding:1.5rem}.card h3{font-size:1.25rem}.card p{margin-top:.5rem}.building{align-items:flex-start;gap:1rem;display:flex}.sprite{aspect-ratio:1;flex:none;display:block;position:relative;overflow:hidden}.sprite img{top:calc(var(--row,0) * -100%);left:calc(var(--col,0) * -100%);width:calc(var(--cols) * 100%);height:calc(var(--rows) * 100%);max-width:none;position:absolute}.medallion{--cols:7;--rows:1;width:5rem}.medallion-workshop{--col:2}.medallion-market{--col:3}.medallion-tavern{--col:4}.medallion-shipyard{--col:5}.medallion-arsenal{--col:6}.ships{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.ship{text-align:center;background:radial-gradient(circle at 50% 30%,#2a519173,#0000 65%),linear-gradient(#11233fe6,#08132aeb);border:1px solid #c99a4580;border-radius:.75rem;padding:1rem 1rem 1.25rem}.ship h3{margin-top:.5rem;font-size:1.125rem}.ship-tier{color:var(--gold-light);letter-spacing:.06em;text-transform:uppercase;font-size:.875rem;font-weight:700}.ship p:last-child{color:var(--dim);margin-top:.375rem;font-size:.9375rem}.ship-picture{--cols:6;--rows:2;width:min(100%,10rem);margin-inline:auto}.ship-herald{--col:1}.ship-salamander{--col:2}.ship-peregrine{--col:3}.ship-lion{--col:4}.ship-eagle{--col:5}.ship-sovereign{--row:1}.call{text-align:center}.call h2:after{background:linear-gradient(to right, transparent, var(--gold), transparent);margin-inline:auto}.call p{margin:1.25rem auto 1.75rem;font-size:1.125rem}.footer{max-width:var(--page);padding:1.5rem var(--gutter) 2rem;color:var(--dim);border-top:1px solid #c99a4573;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin:clamp(3rem,8vw,5.5rem) auto 0;font-size:.9375rem;display:flex}@media (forced-colors:active){.button,.sections-nav .nav-cta,.field input{border:2px solid buttontext}.field input[aria-invalid=true]{border-style:dashed}.modes input:checked+label{border:2px solid highlight}}