@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf4ef;background:#061c27;font-synthesis:none;--mint:#bbf4d0;--muted:#92acb4;--line:rgba(179,220,221,.17)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}#world,.vignette{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(3,20,29,.6),transparent 52%),linear-gradient(0deg,rgba(3,19,28,.9),transparent 23%,transparent 70%,rgba(3,19,28,.58))}.topbar{position:fixed;inset:0 0 auto;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);z-index:3;background:linear-gradient(#071c2755,transparent)}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:24px;letter-spacing:5px;font-weight:700}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:4px;margin-top:3px;color:#a7bcc3}.brand-mark{display:grid;place-items:center;width:37px;height:43px;border:1px solid var(--mint);color:var(--mint);font-family:Barlow Condensed,sans-serif;font-size:32px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.nav-center,.eyebrow,.intro-meta,.panel-heading,.scene-label,.conditions,.camera-hint,.target-readout,.tactical-hint{font-size:10px;letter-spacing:1.6px}.nav-center{color:#b2c8cd;display:flex;align-items:center;gap:12px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #bcf5d766}.divider{color:#52717b;margin:0 10px}.header-actions{display:flex;align-items:center;gap:24px}.plain-button,.icon-button,.view-button,.quiet-button{background:none;border:0;color:#dce8e7}.plain-button{font-size:12px}.plain-button span{margin-left:16px;color:var(--mint)}.icon-button{font-size:22px;width:36px;height:36px}.muted{opacity:.4}.avatar{background:#c4dfd61a;border:1px solid #b8d4cc44;border-radius:50%;width:34px;height:34px;color:#e4ede7;font-size:11px}.intro{position:fixed;left:6%;top:22%;z-index:2}.eyebrow{color:var(--mint);display:flex;align-items:center;gap:12px;font-weight:600}.eyebrow>span{display:inline-block;height:1px;width:27px;background:var(--mint)}h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(62px,6.5vw,110px);line-height:.98;letter-spacing:-1.7px;text-transform:uppercase;font-weight:600;margin:27px 0}h1 em{font-style:normal;color:var(--mint)}.intro p{color:#b7c9cd;font-size:14px;line-height:1.8;margin:0 0 28px}.intro-actions{display:flex;flex-direction:column;gap:10px;width:280px}.primary,.secondary{border:1px solid var(--mint);min-height:49px;padding:14px 19px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--mint);color:#08272a}.primary:hover:not(:disabled){background:#ddffe8;transform:translateY(-1px)}.secondary{background:#0a27367a;color:#d2e2e5;border-color:#91b0b64a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.secondary:hover{background:#1a3c4c}.intro-meta{display:flex;gap:25px;margin-top:25px;color:#9ab2ba;font-size:8px}.intro-meta>span:first-child{display:flex;gap:8px;align-items:center}.briefing{position:fixed;right:4%;top:30%;width:240px;background:#08233135;padding:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:1px solid var(--line)}.briefing .eyebrow{font-size:8px;letter-spacing:2px}.briefing-title{font-size:25px;line-height:1.25;font-family:Barlow Condensed,sans-serif;letter-spacing:.5px;margin-top:18px}.briefing-line{height:1px;background:var(--line);margin:20px 0}.briefing-item{display:flex;gap:15px;margin:22px 0}.briefing-item b{font-size:10px;color:var(--mint);font-weight:400}.briefing-item span{font-size:11px}.briefing-item small{display:block;color:#91abb4;font-size:9px;margin-top:6px;line-height:1.6}.scene-label{position:fixed;left:48%;bottom:16%;color:#e0eae7;pointer-events:none;font-size:9px}.scene-label small{display:block;color:#a4bbc3;font-size:8px;margin:8px 0 0 12px;letter-spacing:1px}.scene-label .live-dot{margin-right:8px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:80px;padding:0 48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:3;background:#061c2744;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-controls{display:flex;align-items:center;gap:6px}.view-button{padding:11px 16px;font-size:10px;color:#9cb4bd;border:1px solid transparent}.view-button.active{background:#bdebc911;color:var(--mint);border-color:#bdebc933}.camera-hint{font-size:9px;color:#93acb5;letter-spacing:.5px}.camera-hint i{margin:0 14px}.conditions{font-size:9px;color:#9bb8be}.conditions i{color:var(--mint);font-size:20px;margin-left:15px}.match-heading{position:fixed;top:133px;left:42px;max-width:50%;text-shadow:0 2px 20px #03121c}.match-heading h2{font-family:Barlow Condensed,sans-serif;font-size:38px;margin:10px 0 5px;font-weight:500}.match-heading p{font-size:11px;color:#b8cbd0;line-height:1.7}.fleet-panel{position:fixed;left:42px;top:290px;width:230px;padding:18px;background:#071d2bc9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;color:#a8c4c8;font-size:9px;margin-bottom:20px;letter-spacing:1.7px}.panel-heading>span:last-child{color:var(--mint)}.fleet-row{display:flex;align-items:center;width:100%;gap:9px;border:0;border-bottom:1px solid var(--line);padding:16px 0;background:transparent;color:#d8e7e6;text-align:left;opacity:1!important}.fleet-row.selected{color:var(--mint)}.fleet-row>span:nth-child(2){font-size:10px;flex:1}.fleet-row small{display:block;font-size:7px;letter-spacing:.8px;color:#7e9ca7;margin-top:5px}.ship-silhouette{font-size:14px;letter-spacing:-3px;margin-right:4px;color:#779eae}.ship-health{display:flex;gap:2px}.ship-health i{width:3px;height:9px;background:#a9d4c8}.ship-health .damaged{background:#f18665}.sunk{opacity:.45!important}.quiet-button{font-size:9px;color:#7f9ea9;margin-top:18px;padding:0}.tactical{position:fixed;right:36px;top:145px;width:325px;border:1px solid var(--line);background:#061e2cde;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:23px}.map{display:grid;grid-template-columns:15px repeat(10,1fr);gap:3px}.grid-label{display:grid;place-items:center;font-size:7px;color:#7898a4;height:17px}.cell{aspect-ratio:1;border:1px solid #78a4b625;background:#39617814;color:#b8f1d5;padding:0;display:grid;place-items:center;min-width:0;font-size:17px;border-radius:1px;opacity:1!important}.cell:hover:not(:disabled){background:#bbf4d030;border-color:var(--mint)}.cell.occupied{background:#91b8b650;border-color:#9ac2c377}.cell.active-ship{background:#bbf4d080;border-color:var(--mint)}.cell.hit{background:#c870463b;color:#ff9d78;border-color:#e78b6466}.cell.miss{color:#99b9c8;font-size:24px;background:#567c861c}.cell.chosen{color:var(--mint);border-color:var(--mint);background:#bbf4d028}.target-readout{display:flex;align-items:center;justify-content:space-between;padding:22px 0 16px;margin-top:10px;font-size:8px;color:#7da0ae}.target-readout b{font-family:Barlow Condensed,sans-serif;font-size:23px;font-weight:400;color:var(--mint)}.fire-button{width:100%}.tactical-hint{text-align:center;font-size:8px;color:#819eaa;letter-spacing:.3px;margin:13px 0 0}#placementTools{display:flex;gap:10px;margin:15px 0 0}.small-button{border:1px solid var(--line);background:#1a3543;color:#c1d4d6;padding:7px 10px;font-size:9px;flex:1}.event-log{position:fixed;bottom:105px;left:42px;font-size:10px;line-height:1.9;color:#b4ced0}.event-log>div:first-child{color:var(--mint)}.event-log>div:nth-child(3){opacity:.45}.playing .scene-label{left:45%;bottom:22%}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#02131cd4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modal{position:relative;background:#0b2634;border:1px solid #63878e55;box-shadow:0 40px 120px #0009;width:min(100%,470px);padding:42px;max-height:90dvh;overflow:auto}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;color:#93b3be;font-size:26px}.modal h2{font-family:Barlow Condensed,sans-serif;font-size:42px;line-height:1.05;font-weight:500;margin:20px 0}.modal p{color:#98b3bf;font-size:12px;line-height:1.8;margin-bottom:24px}.modal .primary,.modal .secondary{width:100%;margin-top:13px}.modal label{font-size:11px;color:#afc5ce}.modal input,.modal select{width:100%;padding:15px;border:1px solid #55778288;background:#061b28;color:#e1eee9;margin-top:10px;outline:none}.modal input:focus{border-color:var(--mint)}.or{font-size:9px;letter-spacing:1px;color:#72929f;text-align:center;margin:28px 0 12px}.rank-row{display:flex;gap:18px;font-size:12px;padding:15px 0;border-bottom:1px solid var(--line)}.rank-row b{color:#6e98a4}.rank-row span{flex:1}.rank-row strong{color:var(--mint);font-size:11px}#toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);background:#c5f3d8;color:#102d32;box-shadow:0 8px 35px #0005;padding:13px 22px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%)}.loading{position:fixed;inset:0;background:#061c27;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:30;color:#9dbdbf;font-size:12px}@media(min-width:1600px){.intro{top:25%}.briefing{right:6%}}@media(max-width:1100px){.topbar{padding:0 25px;height:85px}.nav-center{display:none}.briefing{right:3%;width:210px}.intro{left:5%}.bottom-bar{padding:0 25px}.conditions{display:none}.fleet-panel{left:22px;width:200px;top:260px;padding:14px}.match-heading{left:24px;top:110px}.tactical{right:22px;top:115px;width:295px;padding:18px}.event-log{left:24px}.playing .scene-label{display:none}}@media(max-width:700px){.topbar{height:74px;padding:0 20px}.brand{font-size:20px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:3px}.brand-mark{width:28px;height:34px;font-size:26px}.header-actions{gap:10px}.plain-button{font-size:10px}.plain-button span{display:none}.avatar{width:29px;height:29px}.intro{left:24px;top:18%;right:24px}.intro .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:64px;margin:23px 0}.intro p{font-size:12px}.intro-actions{width:255px}.briefing{display:none}.scene-label{left:auto;right:22px;bottom:18%;font-size:7px}.scene-label small{font-size:6px}.bottom-bar{height:68px;padding:0 14px;padding-bottom:env(safe-area-inset-bottom)}.view-button{font-size:9px;padding:10px}.camera-hint{display:none}.intro-meta{font-size:7px;gap:15px}.vignette{background:linear-gradient(90deg,#041a28bb,transparent),linear-gradient(0deg,#041a28aa,transparent 50%)}.match-heading{top:92px;left:20px;max-width:calc(100% - 40px)}.match-heading h2{font-size:28px;margin:7px 0}.match-heading .eyebrow{font-size:8px}.match-heading p{font-size:9px;margin:4px 0;max-width:340px}.fleet-panel{top:198px;left:15px;width:122px;padding:11px}.panel-heading{font-size:7px;letter-spacing:.7px;margin-bottom:9px}.fleet-row{gap:5px;padding:10px 0;flex-wrap:wrap}.ship-silhouette{display:none}.fleet-row>span:nth-child(2){font-size:9px;min-width:85px}.fleet-row small{font-size:6px;margin-top:3px}.ship-health i{height:4px;width:10px}.quiet-button{font-size:8px;line-height:1.5}.tactical{top:auto;bottom:85px;right:15px;width:min(62vw,285px);padding:13px}.map{gap:2px;grid-template-columns:10px repeat(10,1fr)}.grid-label{font-size:6px;height:12px}.cell{font-size:12px}.target-readout{padding:7px 0;margin-top:7px;font-size:6px}.target-readout b{font-size:20px}.fire-button{min-height:40px;padding:10px 12px;font-size:11px}.tactical-hint{font-size:7px}.event-log{left:15px;bottom:91px;max-width:30%;font-size:8px;line-height:1.6}.event-log>div{margin-top:8px}.modal{padding:30px}.modal h2{font-size:36px}#placementTools{gap:5px;margin-top:8px}.small-button{font-size:8px;padding:7px 3px}}@media(max-height:720px)and (min-width:701px){.topbar{height:75px}.intro{top:19%}h1{font-size:70px;margin:20px 0}.intro p{margin-bottom:20px}.briefing{top:23%}.bottom-bar{height:60px}.tactical{top:93px;width:278px;padding:15px}.match-heading{top:97px}.fleet-panel{top:232px}.fleet-row{padding:10px 0}.event-log{bottom:77px}.target-readout{padding:12px 0}.panel-heading{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.cinematic .fleet-panel,.cinematic .tactical,.cinematic .event-log{opacity:0;pointer-events:none}.fleet-panel,.tactical{transition:opacity .2s}.cinematic .match-heading{opacity:.65}.cell{line-height:1;min-height:0}.cell.miss{font-size:16px}.hangar{position:fixed;inset:0;z-index:8;background:#081c28;display:grid;grid-template-columns:190px minmax(0,1fr) 300px;grid-template-rows:105px minmax(0,1fr);color:#e2eeee}.hangar-header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:25px 35px;border-bottom:1px solid var(--line);z-index:2}.hangar-header h2{font:500 28px Barlow Condensed,sans-serif;margin:6px 0 0}.hangar-header .eyebrow{font-size:8px}.hangar-header .secondary{font-size:11px}.hangar-nav{padding:26px 12px;border-right:1px solid var(--line);z-index:2}.hangar-nav button{display:block;width:100%;text-align:left;padding:18px 14px;background:transparent;border:1px solid transparent;color:#92adb9;font-size:12px;margin-bottom:7px}.hangar-nav small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:7px}.hangar-nav button.active{background:#bbf4d012;border-color:#bbf4d044;color:var(--mint)}.hangar-viewport{position:relative;min-width:0;overflow:hidden}.hangar-watermark{position:absolute;top:24px;left:28px;font-size:9px;letter-spacing:3px;color:#527683;pointer-events:none;z-index:1}#shipCanvas{position:absolute;inset:0}#shipCanvas canvas{display:block;touch-action:none}.hangar-caption{position:absolute;left:28px;right:28px;bottom:72px;pointer-events:none;text-shadow:0 2px 12px #081c28}.hangar-caption>span{color:var(--mint);font-size:9px;letter-spacing:2px}.hangar-caption h1{font-size:clamp(32px,4vw,65px);margin:10px 0;letter-spacing:.4px}.hangar-caption p{font-size:11px;color:#9ab7c3;line-height:1.7;max-width:380px}.hangar-camera{position:absolute;bottom:18px;left:24px;right:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hangar-camera .small-button{flex:initial;padding:10px 13px}.hangar-camera span{font-size:8px;color:#73929e}.hangar-camera [aria-pressed=true]{border-color:var(--mint);color:var(--mint)}.hangar-custom{padding:28px 23px;background:#0c2634;border-left:1px solid var(--line);overflow-y:auto}.hangar-custom .eyebrow{font-size:8px;letter-spacing:1.7px}.hangar-custom h3{font:500 25px Barlow Condensed,sans-serif;margin:12px 0 24px}.color-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b2c9ce;margin:15px 0}.color-label input{background:transparent;border:1px solid #557482;padding:2px;width:43px;height:28px;cursor:pointer}.paint-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.paint-swatches button{height:25px;border:2px solid transparent;background:var(--paint);border-radius:50%}.paint-swatches .active{border-color:#eefff3;outline:1px solid #89cdb9;outline-offset:2px}.hangar-rule{height:1px;background:var(--line);margin:26px 0}.hangar-help{font-size:10px;color:#819eac;line-height:1.7;margin:13px 0}.sticker-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sticker-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:65px;background:#071c28;border:1px solid var(--line);color:#8daab7;gap:5px}.sticker-options b{font-size:25px;line-height:1;font-weight:400}.sticker-options span{font-size:8px}.sticker-options .active{border-color:var(--mint);color:var(--mint);background:#bbf4d00b}.hangar-save{margin-top:27px}.hangar-save>span{font-size:9px;color:var(--mint);display:block;margin-bottom:11px}.hangar-save .primary{width:100%}.hangar-save .quiet-button{margin:14px 0;color:#9db5c0}.hangar-save p{color:#668b9b;font-size:8px;line-height:1.7}.hangar-open>.topbar{display:none}@media(max-width:1100px){.hangar{grid-template-columns:145px minmax(0,1fr) 255px}.hangar-nav{padding:20px 7px}.hangar-nav button{padding:15px 9px;font-size:10px}.hangar-custom{padding:25px 16px}.hangar-caption{left:20px}.hangar-camera span{display:none}.hangar-caption p{font-size:10px}.hangar-camera{left:15px;right:10px}.hangar-camera .small-button{font-size:8px;padding:9px}}@media(max-width:700px){.header-actions{gap:4px}.header-actions .plain-button{font-size:9px;padding:5px}.topbar{padding:0 12px}.hangar{display:flex;flex-direction:column;overflow-y:auto}.hangar-header{padding:16px;flex:none}.hangar-header h2{font-size:22px}.hangar-header .secondary{padding:9px;font-size:9px;min-height:36px}.hangar-header .eyebrow{font-size:6px}.hangar-nav{display:flex;overflow-x:auto;padding:8px;flex:none;border-right:0;border-bottom:1px solid var(--line)}.hangar-nav button{min-width:100px;width:auto;margin:0 4px 0 0;padding:10px;font-size:9px}.hangar-nav small{font-size:7px;margin-bottom:5px}.hangar-viewport{flex:none;height:430px;min-height:430px}.hangar-caption{bottom:45px;left:20px}.hangar-caption h1{font-size:38px}.hangar-caption p{display:none}.hangar-camera{bottom:10px}.hangar-custom{flex:none;overflow:visible;padding:23px;border-left:0;border-top:1px solid var(--line)}.hangar-custom h3{margin:10px 0}.paint-swatches{grid-template-columns:repeat(8,28px);gap:9px}.paint-swatches button{height:28px}.hangar-save{margin-top:22px}.hangar-watermark{font-size:7px;left:20px;top:17px}}.atelier{grid-template-columns:155px minmax(0,1fr) 310px;grid-template-rows:92px minmax(0,1fr)}.atelier .hangar-header{padding:18px 28px}.atelier .hangar-header h2{font-size:26px}.atelier .hangar-nav{padding:20px 8px}.atelier .hangar-nav button{padding:16px 10px;font-size:10px}.model-note{font-size:8px;line-height:1.8;color:#6a8895;margin:35px 12px}.atelier .hangar-viewport{background:#101c27}.atelier .hangar-watermark{top:24px;left:25px;z-index:1;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px}.atelier #assetBadge{font-size:7px;color:#9ebdc4;letter-spacing:1px}.studio-toolbar{position:absolute;left:20px;right:20px;top:60px;display:flex;gap:5px;z-index:1;justify-content:center}.studio-toolbar button{background:#0c2433c9;border:1px solid #aecfd526;padding:10px 12px;font-size:9px;color:#91afb9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-toolbar .active{border-color:#bbeed0;color:#bbeed0;background:#123b3bc9}.studio-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#101c27;color:#a4bcc8;font-size:12px}.atelier .hangar-caption{bottom:72px}.atelier .hangar-caption h1{font-size:clamp(34px,4vw,65px)}.atelier .hangar-caption>span{font-size:8px}.atelier .hangar-caption p{font-size:9px;max-width:350px}.atelier .hangar-camera{gap:5px}.atelier .hangar-camera .small-button{padding:9px 10px;font-size:8px}.atelier .hangar-custom{padding:24px 21px;background:#0b2331}.atelier .hangar-custom h3{margin-bottom:18px}.part-options{display:flex;flex-wrap:wrap;gap:5px}.part-options button{display:flex;align-items:center;gap:6px;padding:8px 9px;background:#071c28;border:1px solid var(--line);color:#819eac;font-size:9px}.part-options button.active{color:var(--mint);border-color:#bbf4d077}.part-options i{width:8px;height:8px;border-radius:50%}.atelier .hangar-rule{margin:19px 0}.atelier .sticker-options button{height:55px}.atelier .sticker-options b{font-size:22px}.atelier .sticker-options span{font-size:7px}.decal-settings{margin:14px 0}.decal-settings>label:not(.color-label){display:grid;grid-template-columns:46px 1fr 40px;align-items:center;gap:7px;color:#a6bfc8;font-size:9px;margin:13px 0}.decal-settings input[type=range]{min-width:0;width:100%;accent-color:#bbf4d0;cursor:pointer}.decal-settings output{text-align:right;font-size:8px;color:var(--mint)}.sticker-list-heading{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#7e9fab;margin:20px 0 8px}.sticker-list-heading b{color:#b3dad5}.placed-stickers{display:flex;gap:5px;flex-wrap:wrap;max-height:110px;overflow:auto;margin-bottom:12px}.placed-stickers p{font-size:9px;color:#577685}.placed-stickers button{background:#153341;color:#91adb5;border:1px solid #6c929333;font-size:8px;padding:7px 9px}.placed-stickers .active{color:var(--mint);border-color:var(--mint)}#deleteSticker{font-size:9px;width:100%}.atelier .hangar-save{margin-top:21px}.atelier .hangar-save p{font-size:8px}.atelier #shipCanvas{touch-action:none}.atelier .paint-swatches{gap:6px}.atelier .paint-swatches button{height:23px}@media(min-width:1400px){.atelier{grid-template-columns:185px minmax(0,1fr) 330px}.atelier .hangar-nav button{font-size:12px}.atelier .hangar-custom{padding:28px}}@media(max-width:1050px)and (min-width:701px){.atelier{grid-template-columns:112px minmax(0,1fr) 255px}.atelier .hangar-custom{padding:19px 14px}.atelier .hangar-nav button{padding:15px 5px;font-size:9px}.atelier .hangar-nav small{font-size:7px}.atelier .model-note{margin:25px 5px;font-size:7px}.studio-toolbar{left:10px;right:10px;gap:3px}.studio-toolbar button{padding:9px 6px;font-size:7px}.atelier .hangar-watermark{font-size:7px;letter-spacing:1px;left:15px;right:15px}.atelier #assetBadge{font-size:6px}.atelier .hangar-camera{left:10px;right:10px}.atelier .hangar-camera .small-button{font-size:7px;padding:8px 6px}.atelier .hangar-caption{left:18px;right:18px}.atelier .hangar-caption>span{font-size:7px}.atelier .part-options button{font-size:8px;padding:7px}.atelier .hangar-custom h3{font-size:23px}}@media(max-width:700px){.atelier{display:flex}.atelier .hangar-header{padding:15px}.atelier .hangar-header h2{font-size:21px}.atelier .hangar-nav{padding:7px}.atelier .hangar-nav button{padding:10px;font-size:9px}.atelier .model-note{display:none}.atelier .hangar-viewport{height:470px;min-height:470px}.atelier .hangar-custom{padding:24px;overflow:visible}.atelier .hangar-watermark{top:18px;font-size:7px;left:17px;right:17px}.studio-toolbar{top:46px;left:13px;right:13px}.studio-toolbar button{font-size:8px;padding:9px 10px}.atelier .hangar-caption{bottom:49px;left:18px}.atelier .hangar-caption h1{font-size:35px}.atelier .hangar-camera{bottom:11px;left:13px}.atelier .hangar-camera .small-button{font-size:8px;padding:9px}.atelier .paint-swatches{grid-template-columns:repeat(8,1fr);gap:8px}.atelier .paint-swatches button{height:29px}.atelier .sticker-options button{height:67px}.atelier .part-options button{padding:11px;font-size:10px}.atelier .decal-settings>label:not(.color-label){font-size:11px;grid-template-columns:53px 1fr 45px;min-height:36px}.atelier .placed-stickers button{font-size:10px;padding:10px}.atelier .hangar-help{font-size:11px}.atelier .hangar-custom .eyebrow{font-size:9px}}.atelier.focus-model{grid-template-columns:155px minmax(0,1fr) 0}.atelier.focus-model .hangar-custom{display:none}.atelier.focus-model .hangar-caption p{max-width:550px}@media(max-width:1050px)and (min-width:701px){.atelier.focus-model{grid-template-columns:112px minmax(0,1fr) 0}}@media(max-width:700px){.atelier.focus-model .hangar-viewport{height:calc(100dvh - 158px);min-height:460px}.atelier .hangar-camera{flex-wrap:wrap}.atelier .hangar-camera .small-button{font-size:7px;padding:8px 7px}}#decalGizmo{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}#selectionOutline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#selectionOutline polygon{fill:#bbf4d009;stroke:#bdf7d5;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}#selectionOutline .secondary-outline{stroke:#84d6e4;opacity:.75}.decal-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;place-items:center;touch-action:none;width:25px;height:25px;border:1px solid #071c27;border-radius:5px;background:#cdf9dc;color:#08292c;font-size:15px;box-shadow:0 2px 10px #0008;padding:0;cursor:nwse-resize;-webkit-user-select:none;user-select:none}.decal-handle.ne,.decal-handle.sw{cursor:nesw-resize}.decal-handle.spin{border-radius:50%;width:28px;height:28px;background:#173d48;border-color:#bdf7d5;color:#cdf9dc;cursor:grab;font-size:19px}.decal-handle:active{background:#fff;color:#08292c}.decal-floating-tools{position:absolute;transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:3px;border:1px solid #84baa58c;border-radius:7px;padding:5px;background:#092432f2;box-shadow:0 5px 25px #0008;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.decal-floating-tools>span{font-size:9px;color:#bbd3d7;padding:0 7px}.decal-floating-tools button,.decal-brush{height:31px;width:32px;border:0;border-radius:4px;display:grid;place-items:center;font-size:18px;background:#1c3a47;color:#d8f9e6;cursor:pointer;position:relative}.decal-floating-tools button:hover,.decal-brush:hover{background:#396052}.decal-brush input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.history-toolbar{position:absolute;top:51px;left:20px;display:flex;gap:4px;z-index:5}.history-toolbar button{height:34px;border:1px solid #658c9770;background:#0b2637e8;color:#b9d8d8;display:flex;align-items:center;gap:6px;padding:0 11px;font-size:21px}.history-toolbar kbd{font:8px DM Sans,sans-serif;letter-spacing:.3px;color:#84a6b0}.atelier .studio-toolbar{top:52px;left:145px;right:15px}.camera-guidance{position:absolute;top:94px;left:20px;right:20px;text-align:center;pointer-events:none;font-size:9px;color:#86a8b8;letter-spacing:.25px;z-index:1}.selection-actions{display:flex;gap:5px;margin-bottom:9px}.selection-actions button{flex:1;padding:8px 5px;font-size:8px;color:#9abdc8;background:#123341;border:1px solid #71958b55}.selection-actions [aria-pressed=true]{border-color:#bdf7d5;color:#bdf7d5}.atelier .hangar-save .quiet-button{display:block;text-align:left;line-height:1.5;margin:13px 0}.atelier .placed-stickers button[aria-pressed=true]{border-color:#bdf7d5;background:#235342;color:#d5ffe3}.atelier .decal-settings input[type=range]{touch-action:pan-y}#removeAllStickers{margin:12px 0 0;width:100%;text-align:center}.atelier .hangar-viewport:has(#decalGizmo:not([hidden])) .hangar-caption{opacity:.45}.atelier .decal-floating-tools:has(input:focus-visible){outline:2px solid #cdf9dc;outline-offset:3px}@media(max-width:1050px)and (min-width:701px){.history-toolbar{left:10px;top:50px}.history-toolbar kbd{display:none}.history-toolbar button{width:28px;height:29px;padding:0;justify-content:center;font-size:19px}.atelier .studio-toolbar{left:73px;right:8px;top:50px}.atelier .studio-toolbar button{font-size:6px;padding:8px 5px}.camera-guidance{top:90px;font-size:7px;left:10px;right:10px}}@media(max-width:700px){.history-toolbar{top:46px;left:12px}.history-toolbar kbd{display:none}.history-toolbar button{height:32px;width:30px;padding:0;justify-content:center}.atelier .studio-toolbar{top:46px;left:82px;right:12px}.atelier .studio-toolbar button{font-size:7px;padding:9px 7px}.camera-guidance{top:88px;left:14px;right:14px;font-size:7px}.decal-handle{width:30px;height:30px}.decal-handle.spin{width:32px;height:32px}.decal-floating-tools button,.decal-brush{width:35px;height:35px}.selection-actions button{font-size:10px;padding:11px}.atelier .hangar-custom #deleteSticker{padding:11px;font-size:10px}}.ship-mechanics{margin:0 0 23px;border:1px solid #719b8b60;background:#102f3c;color:#d5e9e8}.ship-mechanics summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px;font-size:9px;letter-spacing:1.4px;color:#bdf7d5;list-style:none}.ship-mechanics summary::-webkit-details-marker{display:none}.ship-mechanics[open] summary>span:last-child{transform:rotate(45deg)}.mechanics-body{padding:0 13px 12px}.mechanics-body label:not(.mechanics-select){display:grid;grid-template-columns:68px minmax(0,1fr) 36px;align-items:center;gap:7px;font-size:9px;margin:14px 0}.mechanics-body input[type=range]{accent-color:#bdf7d5;width:100%;min-width:0;cursor:pointer}.mechanics-body output{font-size:9px;text-align:right;color:#bdf7d5}.mechanics-select{display:grid;gap:7px;font-size:9px}.mechanics-select select{width:100%;min-width:0;padding:9px 6px;font-size:10px;border:1px solid #688b9470;background:#09232f;color:#d7e9ea}.mechanics-actions{display:flex;gap:5px;flex-wrap:wrap}.mechanics-actions button{flex:1;padding:9px 5px;background:#183f4b;border:1px solid #61887973;color:#cae5df;font-size:8px;white-space:nowrap}.mechanics-actions button[aria-pressed=true]{border-color:#bdf7d5;background:#295a53}.mechanics-body p{font-size:9px;line-height:1.6;color:#8aaab5;margin:12px 0 0}.periscope-mark{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #72998e50;padding-bottom:8px;color:#91bbaf;font-size:8px;letter-spacing:1.8px}.periscope-mark b{font:26px Barlow Condensed,sans-serif}.scope-enter{width:100%;padding:12px 7px;border:1px solid #bbf4d086;color:#cdfadd;background:#224c43;font-size:10px;text-align:center}.periscope-view{position:absolute;inset:0;z-index:9;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at center,#52765d0d 25%,#04101270 85%);color:#c2efcc}.periscope-view:active{cursor:grabbing}.scope-aperture{position:absolute;left:50%;top:50%;width:min(72vh,78%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:7px solid #0d1a1e;box-shadow:0 0 0 150vmax #000,inset 0 0 40px 12px #071710cc;pointer-events:none;overflow:hidden}.scope-aperture:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#8aae8508 0,#8aae8508 1px,transparent 1px,transparent 4px);border-radius:50%}.scope-reticle{position:absolute;inset:18%;opacity:.65;color:#a7d4ac;text-shadow:0 1px 3px #04131c}.scope-reticle i{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #adc9a3}.scope-reticle b{position:absolute;top:50%;left:0;right:0;border-top:1px solid #adc9a3}.scope-reticle span{position:absolute;top:53%;left:50%;transform:translate(-50%);font:15px monospace;letter-spacing:5px;white-space:nowrap}.scope-bearing{position:absolute;left:0;right:0;top:9%;display:flex;flex-direction:column;align-items:center;gap:7px;text-shadow:0 1px 5px #022433}.scope-bearing small{letter-spacing:3px;font-size:8px}.scope-bearing strong{font:28px Barlow Condensed,sans-serif;letter-spacing:4px}.scope-status{position:absolute;left:0;right:0;text-align:center;bottom:10%;font-size:8px;letter-spacing:2px;line-height:2;text-shadow:0 1px 4px #002}.scope-top,.scope-bottom{position:absolute;left:20px;right:20px;z-index:2;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:9px;letter-spacing:1.4px}.scope-top{top:20px}.scope-bottom{bottom:20px;justify-content:center}.scope-top button,.scope-bottom button{background:#143c3bd9;color:#c8edcd;border:1px solid #628775;padding:12px;cursor:pointer;font-size:10px;min-width:44px}.scope-bottom span{font-size:9px;letter-spacing:.4px}.scope-active .hangar-watermark,.scope-active .studio-toolbar,.scope-active .history-toolbar,.scope-active .hangar-caption,.scope-active .hangar-camera,.scope-active .camera-guidance,.scope-active #decalGizmo{display:none!important}.scope-active .hangar-custom>:not(.ship-mechanics){pointer-events:none;opacity:.3}@media(max-width:1050px)and (min-width:701px){.mechanics-body{padding:0 8px 10px}.mechanics-body label:not(.mechanics-select){grid-template-columns:59px minmax(0,1fr) 27px;font-size:8px;gap:3px}.mechanics-actions button{font-size:7px}.scope-top{left:10px;right:10px;font-size:7px}.scope-top button{font-size:8px;padding:9px}.scope-reticle span{font-size:10px;letter-spacing:1px}}@media(max-width:700px){.ship-mechanics summary{font-size:11px;min-height:44px}.mechanics-body label:not(.mechanics-select){font-size:11px;min-height:40px;grid-template-columns:73px minmax(0,1fr) 39px}.mechanics-select{font-size:11px}.mechanics-select select{font-size:12px;min-height:44px}.mechanics-actions button{min-height:44px;font-size:10px}.mechanics-body p{font-size:11px}.scope-enter{min-height:46px;font-size:12px}.scope-aperture{width:92%;border-width:5px}.scope-top{left:12px;right:12px;font-size:7px;letter-spacing:1px}.scope-top button{font-size:9px;padding:10px}.scope-bottom{left:8px;right:8px;bottom:13px;gap:8px}.scope-reticle span{letter-spacing:2px;font-size:11px}.scope-bearing strong{font-size:23px}.scope-bearing small,.scope-status{font-size:7px}.atelier .hangar-caption{bottom:88px}.atelier .hangar-camera{max-width:340px}.scope-active .hangar-viewport{min-height:470px}}.periscope-shell{position:absolute;inset:0;z-index:9;overflow:hidden;touch-action:none;color:#c2efcc;isolation:isolate;cursor:grab}.periscope-shell:active{cursor:grabbing}.periscope-shell .periscope-view{z-index:0;background:transparent;pointer-events:none}.periscope-shell .scope-aperture{border-color:#030403;width:min(78%,74vh,820px)}.periscope-shutter{position:absolute;inset:0;z-index:10;background:#000;pointer-events:none;opacity:0;will-change:opacity}.scope-flight-label{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-size:10px;letter-spacing:3px;text-shadow:0 1px 4px #000;color:#dcf8e6;pointer-events:none}.periscope-shell:not(.optical) .scope-bottom{visibility:hidden}.periscope-shell.optical .scope-flight-label{display:none}.periscope-shell[data-phase=exit] .scope-bottom{pointer-events:none}.atelier.scope-active{background:#000;overflow:hidden;scrollbar-width:none}.atelier.scope-active>.hangar-header,.atelier.scope-active>.hangar-nav,.atelier.scope-active>.hangar-custom{visibility:hidden}.atelier.scope-active .hangar-viewport{border-color:#000}#world>.periscope-shell{z-index:40}.battle-scope-active .topbar,.battle-scope-active #gameHud,.battle-scope-active .bottom-bar,.battle-scope-active #sceneLabel,.battle-scope-active .vignette,.battle-scope-active #toast{visibility:hidden}@media(max-width:700px){.periscope-shell .scope-aperture{width:min(92%,72vh)}.periscope-shell .scope-top{top:max(14px,env(safe-area-inset-top))}.periscope-shell .scope-bottom{bottom:max(18px,env(safe-area-inset-bottom))}.scope-flight-label{font-size:8px;letter-spacing:2px}}@supports (width:1cqh){.periscope-shell{container-type:size}.periscope-shell .scope-aperture{width:min(82cqw,calc(100cqh - 144px),820px)}@media(max-width:700px){.periscope-shell .scope-aperture{width:min(92cqw,calc(100cqh - 140px))}}}.periscope-shell .scope-bottom{flex-direction:column;gap:7px}.scope-buttons{display:flex;align-items:center;justify-content:center;gap:9px}.scope-buttons button{min-height:40px}.scope-bearing [data-scope=elevation]{font-size:7px;letter-spacing:1.4px;opacity:.85}@supports (width:1cqh){.periscope-shell .scope-aperture{width:min(82cqw,calc(100cqh - 176px),820px)}@media(max-width:700px){.periscope-shell .scope-aperture{width:min(92cqw,calc(100cqh - 170px))}.scope-buttons{gap:8px}.scope-buttons button{min-height:44px}}}#sessionTools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:var(--mint)}#sessionTools .small-button{flex:none;padding:9px 12px;font-size:10px}#connectionNotice{color:#ffbc99;background:#301e1ded;padding:10px 12px;max-width:470px}.preparing .fleet-panel{top:310px;max-height:calc(100dvh - 405px);overflow-y:auto}.preparing .fleet-row.selected{background:#bdf4d016;box-shadow:inset 2px 0 var(--mint);padding-left:8px}#placementTools{flex-wrap:wrap}#clearFleet{flex-basis:100%;background:transparent}#inviteCode{font-size:23px;letter-spacing:5px;color:var(--mint)}#inviteLink{font-size:11px}@media(max-height:800px)and (min-width:701px){.preparing .fleet-panel{top:280px;max-height:calc(100dvh - 355px)}.preparing .fleet-row{padding:9px 0}.preparing .match-heading{top:98px}.preparing .match-heading h2{font-size:32px}.preparing .event-log{display:none}}@media(max-width:700px){.preparing #gameHud{position:fixed;inset:74px 0 68px;overflow-y:auto;overflow-x:hidden;padding:16px 15px 24px;pointer-events:none;scrollbar-width:thin}.preparing .match-heading{position:relative;inset:auto;max-width:none;pointer-events:auto}.preparing .match-heading h2{font-size:28px}.preparing .match-heading p{max-width:none;font-size:10px}#sessionTools{gap:8px;font-size:9px;margin-top:8px}#sessionTools .small-button{min-height:36px;font-size:9px}.preparing .fleet-panel{position:relative;inset:auto;width:100%;max-height:none;margin-top:14px;padding:10px;overflow:visible;pointer-events:auto}.preparing #fleetList{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.preparing .fleet-row{flex:0 0 116px;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:3px}.preparing .fleet-row>span:nth-child(2){font-size:10px}.preparing .fleet-row small{font-size:7px}.preparing .fleet-panel .quiet-button{margin-top:8px;font-size:9px;min-height:24px}.preparing .tactical{position:relative;inset:auto;width:100%;max-width:400px;margin:230px auto 0;padding:16px;pointer-events:auto}.preparing .map{gap:3px}.preparing .cell{min-height:24px}.preparing .grid-label{font-size:8px}.preparing .panel-heading{font-size:9px}.preparing .small-button{font-size:10px;min-height:36px}.preparing .fire-button{min-height:46px}.preparing .target-readout{font-size:8px}.preparing .tactical-hint{font-size:10px;line-height:1.5}.preparing .event-log{display:none}.preparing .bottom-bar{z-index:4}}.cell.preview-valid{background:#8affbe99!important;border-color:#d5ffe5!important;box-shadow:inset 0 0 0 1px #d5ffe5;color:#082d23}.cell.preview-invalid{background:repeating-linear-gradient(135deg,#ff765fa8 0 4px,#602f2ba8 4px 8px)!important;border-color:#ffad98!important;color:#fff1eb}.placement-preview-status{font-size:10px;line-height:1.5;padding:9px 10px;margin:10px 0 0;border-left:2px solid #8affbe;background:#8affbe14;color:#bfffd9}.placement-preview-status.invalid{border-color:#ff765f;background:#ff765f17;color:#ffb3a1}#placePreview{flex-basis:100%;border-color:#bbf4d066;color:var(--mint);background:#bbf4d014}.preparing .tactical{max-height:calc(100dvh - 220px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6b998e transparent}@media(max-height:800px)and (min-width:701px){.preparing .tactical{max-height:calc(100dvh - 170px)}}@media(max-width:700px){.preparing .tactical{max-height:none;overflow:visible}.placement-preview-status{font-size:11px}#placePreview{min-height:40px}}#placementTools{display:grid;grid-template-columns:1fr 1fr}#clearFleet,#placePreview{flex-basis:auto}.modal.invite-dialog{padding:26px;width:min(100%,430px)}.invite-dialog h2{font-size:32px;margin:16px 0}.invite-dialog p{font-size:11px;line-height:1.6;margin:12px 0 16px}.invite-dialog input{padding:10px;margin-top:6px}.invite-dialog label{display:block;margin-top:12px}.invite-dialog #inviteCode{font-size:18px;letter-spacing:3px}.invite-dialog #inviteHint{font-size:10px;line-height:1.5;margin-bottom:0}.invite-dialog .primary,.invite-dialog .secondary{min-height:43px;padding:10px 14px}.map.has-placement-preview .cell.active-ship:not(.preview-valid):not(.preview-invalid){background:#8cad9d22;border-color:#8cad9d66;border-style:dashed}