:root{color:#edf1f7;font-synthesis:none;--paper:#172638;--edge:#3a5064;--ink:#edf1f7;--muted:#b4c2d1;--gold:#ffd36b;--mint:#79e3cf;--danger:#ffb4aa;--cell:50px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1522;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:var(--gold);color:#192333;cursor:pointer;border:1px solid #e8ba53;border-radius:7px;min-height:44px;padding:.65rem 1rem;font-weight:750;line-height:1.25}button:hover:not(:disabled){background:#ffe49c;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{color:var(--ink);background:#263d53;border-color:#69829b}button.quiet,.text-link{color:var(--mint);background:0 0;border-color:#0000}button.text-link{text-align:left;padding:0 .2rem;text-decoration:underline}a{color:var(--mint)}:focus-visible{outline-offset:4px;outline:3px solid #9ce9ff}input,select,textarea{width:100%;min-height:44px;color:var(--ink);background:#0c1b2b;border:1px solid #6c8197;border-radius:5px;padding:.65rem .75rem}input[type=checkbox],input[type=radio]{vertical-align:middle;width:22px;min-height:22px;accent-color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,3rem);line-height:1.13}h2{margin-bottom:0;font-size:1.2rem;line-height:1.3}h3{margin-bottom:.5rem;font-size:1.05rem}p{margin-bottom:1rem}small,.muted{color:var(--muted)}hr{border:0;border-top:1px solid var(--edge);margin:1.5rem 0}em{color:var(--gold);font-style:normal}fieldset{min-width:0}form{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}form>.field{flex:180px}form>button{flex:none}.field{flex-direction:column;gap:.35rem;margin-bottom:.25rem;display:flex}.field>span{color:var(--muted);font-size:.85rem;font-weight:650}details>summary{cursor:pointer;min-height:44px;padding:.7rem 0;font-weight:650}details[open]>summary{margin-bottom:.5rem}.stack{flex-direction:column;gap:.7rem;display:flex}.inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.skip-link{z-index:10;background:var(--gold);color:#112235;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.app{flex-direction:column;min-height:100dvh;display:flex}.masthead{border-bottom:1px solid var(--edge);background:#101e2f;justify-content:space-between;align-items:center;gap:1rem;min-height:88px;padding:1rem clamp(1rem,4vw,4rem);display:flex}.brand{color:var(--ink);text-align:left;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:1rem;padding:0;display:flex}.brand:hover:not(:disabled){background:0 0}.brand>span:last-child{font-size:.9rem}.brand small{letter-spacing:.3em;color:var(--gold);font-size:.65rem;display:block}.brand-mark{letter-spacing:-.06em;font-size:2rem;font-style:italic}.brand-mark>span{color:var(--gold)}.masthead-right{align-items:center;gap:1rem;display:flex}.connection{color:var(--mint);font-size:.8rem}.connection:before{content:"●";padding-right:.5rem}.disconnected{color:var(--gold)}.practice-strip{color:#d5e4a9;text-align:center;letter-spacing:.07em;background:#263124;border-bottom:1px solid #576238;padding:.4rem 1rem;font-size:.74rem}.announcements{width:100%;max-width:1440px;min-height:28px;color:var(--mint);margin:auto;padding:.7rem clamp(1rem,3vw,3rem) 0;font-size:.9rem}.announcements:empty{padding:0}.error{border-left:4px solid var(--danger);color:#ffe3df;background:#392a30;margin:.5rem 0;padding:.8rem 1rem}main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,3rem) 3rem}footer{border-top:1px solid var(--edge);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1.5rem clamp(1rem,4vw,4rem);font-size:.8rem;display:flex}.login{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(2rem,7vw,7rem);min-height:65vh;display:grid}.hero{padding:2rem 0}.hero h1{max-width:800px;font-size:clamp(2.5rem,5vw,4.6rem)}.hero>p:last-child{color:var(--muted);max-width:540px;font-size:1.1rem}.eyebrow{color:var(--mint);letter-spacing:.18em;margin-bottom:.75rem;font-size:.72rem;font-weight:800}.two-column{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.panel{background:var(--paper);border:1px solid var(--edge);border-radius:10px;margin-bottom:1.15rem;padding:1.3rem;box-shadow:0 4px #06121e}.panel-heading{border-bottom:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.panel>:last-child{margin-bottom:0}.campaign-card{text-align:left;width:100%;color:var(--ink);background:#20374d;border:1px solid #526f87;justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0;padding:1rem;display:flex}.campaign-card span{color:var(--mint);font-size:.85rem}.campaign-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 0 1.5rem;display:flex}.stats{flex-wrap:wrap;gap:.65rem;display:flex}.stat{background:#203247;border-radius:5px;flex-direction:column;min-width:90px;padding:.65rem .85rem;display:flex}.stat>span{color:var(--muted);font-size:.73rem}.stat strong{color:var(--gold);font-size:1.15rem}.tabs{border-bottom:1px solid var(--edge);gap:.25rem;margin-bottom:1rem;display:flex;overflow:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:.9rem 1.2rem}.tabs button.selected{border-bottom-color:var(--gold);color:var(--gold);background:#172638}.game-controls{border:0;margin:0;padding:0}.coordination{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.coordination-options{margin-bottom:1rem}.phase-tag{color:#caf1e7;text-transform:capitalize;background:#24483f;border:1px solid #4d8170;border-radius:4px;padding:.2rem .55rem;font-size:.76rem;display:inline-block}.invitation{flex:280px;align-items:center;gap:.6rem;display:flex}.invitation input{font-size:.8rem}.crew-list{padding:0;list-style:none}.crew-list li{border-bottom:1px solid var(--edge);padding:.7rem 0}.pirate-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:1rem 0;display:grid}.skill-grid>div{background:#22374b;border-radius:4px;flex-direction:column;padding:.4rem;font-size:.75rem;display:flex}.skill-grid strong{color:var(--mint);font-size:1.1rem}.meter{background:#3b2a38;border:1px solid #627989;border-radius:4px;height:26px;margin:.5rem 0;position:relative;overflow:hidden}.meter>span{background:#376b61;height:100%;position:absolute;left:0}.meter>b{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:.85rem;display:block;position:relative}.inventory{padding:0;font-size:.9rem;list-style:none}.inventory li{border-bottom:1px solid #30485c;padding:.45rem 0}.inventory small{display:block}.requirements{color:var(--gold);padding-left:1.3rem}.locale-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.locale-card{text-align:left;color:var(--ink);background:#22384e;border:1px solid #56748d;border-radius:6px;padding:1rem}.locale-card strong,.locale-card span{display:block}.locale-card span{color:var(--muted);margin:.25rem 0;font-size:.8rem}.battle-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;display:grid}.board-scroll{border:1px solid var(--edge);overscroll-behavior:contain;scrollbar-color:#647a8d #101e2f;background:#0b1825;border-radius:6px;max-height:72vh;padding:6px;overflow:auto}.ground-grid,.space-grid{gap:2px;width:max-content;display:grid}.ground-grid button,.space-grid button{width:var(--cell);height:var(--cell);min-height:var(--cell);color:var(--ink);background:#263c4e;border:1px solid #456075;border-radius:3px;padding:2px;font-size:.7rem;font-weight:650;position:relative;overflow:hidden}.ground-grid button span,.space-grid button span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ground-grid button small,.space-grid button small{font-size:.6rem;display:block}.ground-grid button.wall{background:#09121b;border-color:#172638}.ground-grid button.blocked{background:repeating-linear-gradient(45deg,#253443,#253443 5px,#142434 5px 10px)}.ground-grid button.cover{border-style:dashed;border-color:#afc7de}.ground-grid button.trap{background:#583945}.ground-grid button.pirate,.space-grid button.pirate{border-color:var(--mint);background:#285e58}.ground-grid button.enemy,.space-grid button.enemy{background:#663d42;border-color:#ef9f9f}.ground-grid button.reachable{box-shadow:inset 0 0 0 2px #a1cc78}.ground-grid button.selected,.space-grid button.selected{outline:3px solid var(--gold);outline-offset:-3px}.ground-grid button.active{box-shadow:inset 0 -4px var(--gold)}.space-grid{background:radial-gradient(#193950,#0b1725)}.space-grid button{background:0 0}.space-grid button.asteroid{background:#504e4c;border-color:#9d9b90;border-radius:35%}.space-grid button.jump{border-color:var(--gold);color:var(--gold)}.action-card{text-align:left;width:100%;color:var(--ink);background:#243d53;border:1px solid #627f97;margin-bottom:.5rem;padding:.8rem;display:block}.action-card strong,.action-card small{display:block}.action-card small{padding-top:.3rem;font-size:.77rem;font-weight:400}.action-card:hover:not(:disabled){background:#36546c}.selected-pirate{border-left:3px solid var(--mint);margin:1rem 0;padding-left:.7rem}.dice-row{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.die{color:#fff;background:#285d59;border:2px solid #cbffff;border-radius:5px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:1.15rem;font-weight:800;display:inline-flex}.die.opposing{background:#743c46;border-color:#ffb4aa}.history{padding:0;list-style:none}.history li{border-bottom:1px solid var(--edge);padding:.7rem 0}.history span{color:var(--mint);font-size:.75rem;display:block}.rule{border-bottom:1px solid var(--edge);padding:1rem 0}dialog{border:2px solid var(--gold);max-width:min(580px,100vw - 2rem);max-height:85vh;color:var(--ink);z-index:20;background:#172638;border-radius:10px;margin:0;padding:1.5rem;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #000a}dialog h2{margin-bottom:1rem}dialog>button:last-child{margin-top:1rem}@media (min-width:1500px){:root{--cell:56px}}@media (max-width:1000px){.battle-layout{grid-template-columns:minmax(0,1fr)}.battle-layout>aside{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.board-scroll{max-height:60vh}.login{gap:2rem}.masthead{padding:1rem 1.5rem}}@media (max-width:680px){:root{--cell:46px}.login,.two-column{grid-template-columns:1fr}.login{min-height:0}.hero{padding:.7rem 0 1rem}.hero h1{font-size:2.6rem}.hero>p:last-child{font-size:1rem}.masthead{min-height:70px;padding:.8rem 1rem}.brand>span:last-child{display:none}.brand-mark{font-size:1.8rem}.masthead-right{gap:.4rem}.connection{font-size:.7rem}main{padding-top:.75rem}.panel{padding:1rem}.campaign-heading{gap:.75rem}.stats{width:100%}.stat{flex:1;min-width:0}.tabs{z-index:3;background:#0c1522;position:sticky;top:0}.tabs button{padding:.8rem .85rem}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer span{font-size:.65rem;display:block}.battle-layout>aside{display:block}form>button{width:100%}.board-scroll{max-height:55vh}.coordination button{font-size:.82rem}.invitation{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:hover:not(:disabled){transform:none}}.ground-grid button.terrain-X{background:repeating-linear-gradient(45deg,#253443,#253443 5px,#142434 5px 10px)}.ground-grid button.terrain-C{border:2px dashed #afc7de}.ground-grid button.terrain-T{background:#583945}.ground-grid button.terrain-D{border-color:#80cced}.ground-grid button.chosen{outline:3px solid var(--gold);outline-offset:-3px}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--edge);padding:.55rem}caption{color:var(--muted);text-align:left;padding:.5rem 0}.chit{align-items:center;gap:.6rem;margin:.7rem 0;display:flex}.equipment-row,.class-choice,.result-panel article{border-top:1px solid var(--edge);padding:.9rem 0}.result-panel{background:var(--paper);border:1px solid var(--edge);border-radius:7px;margin:1rem 0;padding:1rem}.race-option{border:1px solid var(--edge);border-radius:7px;padding:1rem}button.die{min-width:44px;height:44px}select[multiple]{min-height:110px}.inventory li>span{color:var(--muted);font-size:.8rem;display:block}.game-art{max-width:100%;height:auto;display:block}.portrait{object-fit:contain;background:#0e1b2a;border-radius:6px;width:100%;height:240px;margin:0 0 1rem}.ship-art{object-fit:contain;width:100%;height:270px;margin:1rem 0}.item-art{object-fit:contain;width:100%;height:230px}.skill-icon{object-fit:contain;width:30px;height:30px;margin-bottom:.35rem}.sound-settings{font-size:.8rem;position:relative}.sound-settings[open]{background:var(--paper);border:1px solid var(--edge);z-index:10;border-radius:8px;max-width:300px;padding:1rem;position:absolute;top:1rem;right:1rem}.proposal-details{flex-wrap:wrap;gap:1rem;display:flex}.proposal-details dd{color:var(--gold);margin:0;font-weight:700}.die.discarded{opacity:.55;border-style:dashed}