:root{color:#e7f7fb;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e7f7fb;--muted:#8aa0aa;--panel:#0d202ae0;--panel-solid:#0d202a;--line:#274653;--aqua:#63d8ff;--gold:#ffd166;--danger:#ff6f91;background:#07131b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:#07131b;min-height:100%}body{background:radial-gradient(circle at 16% 8%,#236e8442,#0000 30rem),radial-gradient(circle at 85% 60%,#57356c2b,#0000 36rem),#07131b;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--aqua)}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.035em}h1{margin-bottom:.65rem;font-size:clamp(2rem,7vw,4.6rem);line-height:.98}h2{margin-bottom:.8rem}.eyebrow{color:var(--aqua);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.7rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:500}.muted{color:var(--muted)}.home-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:max(3rem,8vh) 0 5rem}.hero{max-width:760px;margin-bottom:4rem}.brand-mark{border:1px solid var(--line);width:3.25rem;height:3.25rem;color:var(--gold);border-radius:50%;place-items:center;margin-bottom:2.5rem;display:grid;box-shadow:0 0 3rem #63d8ff26}.hero-copy{color:#b8cad1;max-width:600px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.home-panels{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:1rem;display:grid}.panel,.game-drawer,.event-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.25rem;box-shadow:0 1rem 4rem #0003}.panel{padding:clamp(1.4rem,4vw,2.25rem)}.panel--compact{margin-top:3rem}.form-stack{gap:1.2rem;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field-grid label:last-child{grid-column:1/-1}.field-summary{color:var(--muted);margin:-.45rem 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem;line-height:1.5}.form-stack label,.role-choice legend{color:#bed0d7;gap:.45rem;font-size:.88rem;font-weight:600;display:grid}.form-stack .inline-check,.inline-check{align-items:center;gap:.55rem;display:flex}.inline-check input{width:1rem;min-height:1rem;accent-color:var(--aqua)}.custom-rules{border:1px solid var(--line);background:#05141b85;border-radius:.8rem;padding:.9rem}.custom-rules summary{color:var(--gold);cursor:pointer;font-weight:700}.custom-rules>.field-grid,.rule-toggle-row,.specialist-whitelist{margin-top:1rem}.rule-toggle-row,.specialist-whitelist{flex-wrap:wrap;gap:.65rem 1rem;display:flex}.specialist-whitelist{border-color:var(--line);padding:.8rem}input,select{width:100%;min-height:3rem;color:var(--ink);background:#091922;border:1px solid #31515e;border-radius:.65rem;outline:none;padding:.72rem .85rem}input:focus,select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #63d8ff1f}.button{border:1px solid var(--aqua);color:#041116;background:var(--aqua);cursor:pointer;border-radius:.7rem;min-height:3rem;padding:.75rem 1.15rem;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .65rem 2rem #63d8ff33}.button:disabled{cursor:not-allowed;opacity:.48}.button--quiet{color:var(--aqua);background:0 0}.form-error{color:#ff9ab0;margin:0}.center-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.join-panel,.lobby-panel{width:min(620px,100%)}.back-link{color:var(--muted);justify-self:start;font-size:.85rem;text-decoration:none}.role-choice{border:0;gap:1.5rem;margin:0;padding:0;display:flex}.role-choice legend{margin-bottom:.7rem}.role-choice label{flex-direction:row;align-items:center;gap:.45rem;display:flex}.role-choice input{width:auto;min-height:auto}.share-row{grid-template-columns:1fr auto;gap:.6rem;margin:1.5rem 0;display:grid}.seat-list{gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.seat-list li{border-bottom:1px solid #274653b3;grid-template-columns:5rem 1fr auto;align-items:center;gap:.8rem;padding:.8rem 0;display:grid}.seat-list span,.seat-list small{color:var(--muted)}.status-message,.loading-message{color:var(--gold);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.game-shell{width:min(1600px,100%);margin:0 auto;padding:clamp(.45rem,1.2vw,1rem)}.game-header{justify-content:space-between;align-items:center;gap:.8rem;padding:.25rem .25rem .65rem;display:flex}.game-header h1{margin:0;font-size:clamp(1.35rem,2.6vw,2.2rem)}.tick-card{border-left:1px solid var(--line);text-align:right;min-width:8.5rem;padding:.35rem .75rem;display:grid}.tick-card span{color:var(--muted);text-transform:uppercase;font-size:.72rem}.tick-card strong{color:var(--gold);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.map-panel{background:#07131b;border:1px solid #2a5362;border-radius:.65rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 5rem #00000057,inset 0 0 4rem #49a2b814}.map-viewport{isolation:isolate;position:relative;overflow:hidden}.map-viewport:after{z-index:1;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 7rem #000000b3,inset 0 0 1.2rem #030c11d1}.game-map{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;overscroll-behavior:contain;width:100%;height:clamp(560px,76dvh,920px);display:block}.game-map:active{cursor:grabbing}.ocean-grid-line{fill:none;stroke:#20404c;stroke-width:.8px;vector-effect:non-scaling-stroke}.current-line{fill:none;opacity:.34;stroke:#41606b;stroke-dasharray:1.1 1.8;stroke-linecap:round;stroke-width:1.15px;vector-effect:non-scaling-stroke}.current-line--faint{opacity:.2}.tactical-base{cursor:default}.tactical-base--owned{cursor:grab}.tactical-base--owned:active{cursor:grabbing}.route-snap-outline{fill:#cbf6ff14;pointer-events:none;stroke:#f4fcff;stroke-width:2.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #82e8fff2)}.entity-selection-outline{fill:none;pointer-events:none;stroke:#ffd166;stroke-dasharray:2.5 2;stroke-width:1.8px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #ffd166d9)}.shield-gauge{fill:none;pointer-events:none;stroke-width:2.2px;vector-effect:non-scaling-stroke}.shield-gauge--track{opacity:.2}.shield-gauge--charge{opacity:.95;stroke-linecap:round;stroke-width:2.6px;filter:brightness(1.35)drop-shadow(0 0 2px #d2f8ffb8)}.base-name-label,.base-soldier-count,.neutral-count,.sub-count-label{text-anchor:middle;paint-order:stroke;stroke:#06151c;stroke-linejoin:round;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.base-name-label{fill:#a8c0c9;letter-spacing:.08em;stroke-width:.7px;font-size:1.05px;font-weight:650}.base-soldier-count{fill:#fff;stroke-width:.55px;font-size:1.05px;font-weight:750}.neutral-count{fill:#effaff;stroke-width:.65px;font-size:.9px;font-weight:750}.queen-badge{pointer-events:none}.sub-marker{cursor:pointer}.sub-marker--selected>g:first-child>path:first-child{stroke:#ffd166;stroke-width:.65px}.sub-count-label{fill:#f9fdff;stroke-width:.6px;font-size:.9px;font-weight:800}.route-line{opacity:.72;stroke-linecap:round}.route-line--sub{opacity:.48;stroke-width:1.05px}.route-line--order{opacity:.76;stroke-dasharray:5 4;stroke-width:1.25px}.route-line--drag{opacity:.9;stroke-dasharray:3 3;stroke-width:1.35px}.route-travel-estimate{pointer-events:none}.route-travel-estimate rect{fill:#031118eb;stroke:#cdf4ffdb;stroke-width:1px}.route-travel-estimate text{fill:#f4fcff;text-anchor:middle;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:750}.entity-card{z-index:5;color:#edf8fb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04141cf0;border:1px solid #7dc4d680;border-radius:.65rem;width:min(19rem,100% - 1.3rem);max-height:calc(100% - 1.3rem);padding:.85rem;position:absolute;top:.65rem;right:.65rem;overflow:auto;box-shadow:0 .8rem 2.5rem #0000007a}.entity-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.entity-card-header .eyebrow{margin-bottom:.2rem}.entity-card-header h2{margin:0;font-size:1rem;line-height:1.25}.entity-card-header button{color:#c8e2e9;background:#051b24e6;border:1px solid #8ac0cf57;border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;padding:0;font-size:1.2rem;line-height:1;display:grid}.entity-card-owner{color:#8eb4c0;margin:.35rem 0 .75rem;font-size:.72rem}.entity-card-section{border-top:1px solid #69a4b433;padding-top:.7rem}.entity-card-section+.entity-card-section{margin-top:.7rem}.entity-card-section h3{color:#a9c9d2;letter-spacing:.11em;text-transform:uppercase;margin:0 0 .55rem;font-size:.68rem}.entity-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0;display:grid}.entity-stat-grid div{min-width:0}.entity-stat-grid dt,.specialist-section>span{color:#789da9;text-transform:uppercase;font-size:.62rem}.entity-stat-grid dd{color:#fff;margin:.12rem 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.specialist-section{margin-top:.65rem}.specialist-token-list{flex-wrap:wrap;gap:.35rem;margin-top:.3rem;display:flex}.specialist-token{color:#f7fbfc;text-transform:capitalize;background:#d2edf31a;border:1px solid #ebf7fa66;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.68rem;display:inline-flex}.specialist-token i{color:#ffd166;font-size:.86rem;font-style:normal}.specialist-token--captured{filter:grayscale();opacity:.55}.entity-gift-button{border:1px solid var(--gold);width:100%;color:var(--gold);cursor:pointer;background:#ffd16612;border-radius:.55rem;margin-top:.8rem;padding:.65rem}.entity-hire-section{gap:.5rem;display:grid}.entity-hire-section select{min-height:2.3rem}.entity-hire-section button{border:1px solid var(--aqua);min-height:2.3rem;color:var(--aqua);cursor:pointer;background:0 0;border-radius:.5rem}.specialist-empty{color:#789da9;font-size:.7rem}.map-instructions{z-index:3;color:#dceff4c7;text-align:center;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041219ad;border:1px solid #71a0af42;border-radius:999px;max-width:calc(100% - 1rem);padding:.4rem .65rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.64rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.map-controls{z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#041219d6;border:1px solid #4a7988bf;border-radius:.45rem;align-items:center;min-height:2.15rem;display:flex;position:absolute;bottom:.6rem;left:10.6rem;overflow:hidden;box-shadow:0 .5rem 1.5rem #00000047}.time-dial{z-index:4;color:#eefbff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#031017eb;border:1px solid #68afc2b8;border-radius:.75rem;align-items:center;gap:.55rem;padding:.42rem .5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex;position:absolute;bottom:.55rem;left:.55rem;box-shadow:0 .7rem 2rem #0000006b}.orders-button{z-index:4;min-height:2.15rem;color:var(--ink);cursor:pointer;background:#031017eb;border:1px solid #68afc2b8;border-radius:.45rem;padding:.35rem .65rem;position:absolute;bottom:3.2rem;left:10.6rem}.orders-button span{color:#06151c;background:var(--aqua);border-radius:50%;place-items:center;min-width:1.3rem;min-height:1.3rem;margin-left:.3rem;font-size:.7rem;font-weight:800;display:inline-grid}.perspective-picker{color:var(--muted);gap:.2rem;font-size:.66rem;display:grid}.perspective-picker select{min-height:2.25rem}.time-dial__wheel{background:radial-gradient(circle at center, #0a1c25 0 47%, transparent 49%), repeating-conic-gradient(from -2deg, #8eb6c1 0 1deg, transparent 1deg 15deg), radial-gradient(circle, #193944, #071820);cursor:ns-resize;touch-action:none;border:1px solid #b3e6f29e;border-radius:50%;place-items:center;width:3.8rem;height:3.8rem;display:grid;position:relative}.time-dial__wheel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.time-dial__wheel i{background:var(--gold);width:.16rem;height:1.35rem;transform:rotate(var(--dial-angle));transform-origin:50% 1.72rem;border-radius:999px;position:absolute;top:.18rem;left:calc(50% - .08rem);box-shadow:0 0 .4rem #ffd166c7}.time-dial__wheel strong{z-index:1;font-size:.72rem}.time-dial__readout{gap:.28rem;min-width:4.7rem;display:grid}.time-dial__readout>span{color:#b8d1d8;white-space:nowrap;font-size:.58rem}.time-dial__readout>div{display:flex}.time-dial button{color:#effbff;cursor:pointer;background:#0a222cd1;border:1px solid #4a79889e;min-width:1.5rem;min-height:1.5rem;padding:0 .3rem}.time-dial .time-dial__present{min-width:2.2rem;font-size:.58rem}.map-controls button{color:#e8f8fc;cursor:pointer;background:0 0;border:0;border-right:1px solid #4a79888c;min-width:2.15rem;min-height:2.15rem;padding:0 .6rem}.map-controls button:hover,.map-controls button:focus-visible{color:#07131b;background:var(--aqua);outline:none}.map-controls output{color:#afcbd4;text-align:center;min-width:3.1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.66rem}.map-controls .map-center-button{border-left:1px solid #4a79888c;border-right:0;min-width:auto;font-size:.68rem}.map-legend{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041219d6;border:1px solid #274653cc;border-radius:.45rem;flex-wrap:wrap;gap:.55rem 1rem;max-width:calc(100% - 1.4rem);padding:.55rem .7rem;font-size:.68rem;display:flex;position:absolute;bottom:.7rem;right:.7rem}.map-legend span{align-items:center;gap:.35rem;display:flex}.map-legend i{border-radius:50%;width:.55rem;height:.55rem}.map-legend .eliminated{opacity:.45;text-decoration:line-through}.game-drawer{grid-template-columns:1fr auto;gap:1rem;margin-top:1rem;padding:1.25rem;display:grid}.game-drawer h2{margin-bottom:.35rem;font-size:1.15rem}.order-list{gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.order-list li{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:.7rem;padding:.55rem 0;display:grid}.order-list li.order--invalid{color:var(--danger);background:#ff6f9112;border-color:#ff6f9199}.order-list small{color:var(--danger);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.order-list button{color:var(--danger);cursor:pointer;background:0 0;border:0}.tick-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:.55rem;display:flex}.event-panel{margin-top:1rem;padding:1.25rem}.event-panel ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.event-panel li{color:#b8cad1;grid-template-columns:2rem 1fr;gap:.5rem;font-size:.82rem;display:grid}.event-panel li span{color:var(--aqua);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01070abd;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.launch-modal{background:#0b1d26;border:1px solid #376372;border-radius:1.2rem;width:min(560px,100%);padding:1.4rem;box-shadow:0 2rem 6rem #000}.launch-modal h2{font-size:1.25rem}.cargo-readout{grid-template-columns:3rem auto 1fr 3rem;align-items:baseline;gap:.7rem;margin:1.2rem 0;display:grid}.cargo-readout button{border:1px solid var(--line);width:3rem;height:3rem;color:var(--aqua);background:#07131b;border-radius:50%;font-size:1.5rem}.cargo-readout strong{color:var(--gold);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:2.5rem}.cargo-slider{min-height:auto;accent-color:var(--aqua);padding:0}.specialist-choice{border:1px solid var(--line);border-radius:.7rem;align-items:center;gap:.7rem;margin:1rem 0;padding:.75rem;display:flex}.specialist-choice input{width:auto;min-height:auto}.modal-actions{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem;display:grid}@media (width>=800px){.modal-backdrop{place-items:center}}@media (width<=760px){.home-shell{padding-top:2rem}.home-panels,.game-drawer,.event-panel ol,.field-grid{grid-template-columns:1fr}.field-grid label:last-child{grid-column:auto}.panel--compact{margin-top:0}.game-header{align-items:center}.game-header .eyebrow{margin-bottom:.35rem;font-size:.62rem}.tick-card{min-width:7rem}.map-panel{border-inline:0;border-radius:0;margin-inline:-.45rem}.game-map{height:max(520px,100dvh - 6.6rem)}.map-instructions{text-overflow:ellipsis;width:calc(100% - .8rem);padding-inline:.45rem;font-size:.56rem;top:.4rem;overflow:hidden}.map-controls{bottom:4.7rem;left:.45rem}.orders-button{bottom:7.35rem;left:.45rem}.time-dial{gap:.35rem;padding:.32rem .38rem;bottom:.4rem;left:.4rem}.time-dial__wheel{width:3.25rem;height:3.25rem}.time-dial__wheel i{transform-origin:50% 1.46rem;height:1.12rem}.map-legend{gap:.35rem .6rem;max-width:calc(100% - 11.75rem);padding:.45rem .55rem;font-size:.62rem;bottom:.45rem;right:.45rem}.seat-list li{grid-template-columns:4.5rem 1fr}.seat-list small{grid-column:2}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}