:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eadfc8;--ink:#eadfc8;--dim:#ad9e82;--faint:#5f5747;--ore:#d86f3d;--ore-hot:#efaa62;--brood:#d7f07a;--void:#0c0e0c;--panel:#171713;--brass:#b99a61;--paper:#d8c7a5;--case:#242018;background:#0d0d0a;font-family:DIN Condensed,Arial Narrow,Roboto Condensed,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%}body{background:radial-gradient(at 50% 100%,#38311f 0,#0000 58%),#0d0d0a;margin:0;overflow:hidden}button{color:inherit;font:inherit}.shell{place-items:center;width:100vw;height:100dvh;padding:clamp(6px,1.2vw,18px);display:grid}.viewport{isolation:isolate;background:var(--void);border:1px solid #6c6049;width:min(100vw - clamp(12px,2.4vw,36px),177.778dvh - 1.77778*clamp(12px,2.4vw,36px));height:min(100dvh - clamp(12px,2.4vw,36px),56.25vw - clamp(12px,2.4vw,36px)/1.77778);position:relative;overflow:hidden;box-shadow:0 24px 80px #050503,inset 0 0 0 5px #171611,inset 0 0 0 6px #3d382b;container-type:size}.viewport>.game-canvas{z-index:1;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.viewport:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(#0000 58%,#03040375),repeating-linear-gradient(24deg,#0000 0 53px,#b99a6106 54px,#0000 55px 91px);position:absolute;inset:0}.viewport:after{content:"";z-index:2;pointer-events:none;border:1px solid #443d2f;position:absolute;inset:9px}.aperture-mark{z-index:6;pointer-events:none;width:28px;height:12px;position:absolute}.aperture-mark:before,.aperture-mark:after{content:"";background:var(--ink);opacity:.62;position:absolute}.aperture-mark:before{width:28px;height:1px}.aperture-mark:after{width:1px;height:12px}.aperture-mark-a{top:17px;left:17px}.aperture-mark-b{bottom:17px;right:17px;transform:rotate(180deg)}.hud-top,.hud-bottom,.telemetry,.toast,.objective,.place,.cargo,.hints{transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1)}.deployment:not(.hidden)~*{pointer-events:none}:is(.viewport:has(.deployment:not(.hidden)) .hud-top,.viewport:has(.deployment:not(.hidden)) .hud-bottom,.viewport:has(.deployment:not(.hidden)) .telemetry){opacity:0}.hud-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:start;padding:clamp(20px,2.8cqw,38px) clamp(22px,3.2cqw,44px);display:flex;position:absolute;inset:0 0 auto}.objective{max-width:34%;text-shadow:0 2px 10px var(--void);gap:4px;display:grid}.objective strong{color:var(--paper);letter-spacing:.14em;font-size:clamp(17px,1.6cqw,26px);font-weight:800;line-height:1}.objective span{color:var(--dim);letter-spacing:.02em;font-size:clamp(13px,1.15cqw,18px);line-height:1.25}.place{text-shadow:0 2px 8px var(--void);align-items:baseline;gap:10px;display:flex}.place strong{color:var(--ink);letter-spacing:.14em;font-size:clamp(15px,1.35cqw,22px);font-weight:800}.place span{color:var(--dim);letter-spacing:.1em;font-size:clamp(13px,1.1cqw,17px);font-weight:700}.place span+span{border-left:1px solid var(--faint);padding-left:10px}.hud-bottom{z-index:5;pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(14px,2.2cqw,34px);display:grid;position:absolute;inset:auto clamp(22px,3.2cqw,44px) clamp(18px,2.6cqw,34px)}.stakes{grid-column:3;justify-content:end;align-items:end;gap:clamp(20px,2.4cqw,40px);display:flex}.stat{text-shadow:0 2px 8px var(--void);justify-items:end;gap:4px;display:grid}.stat>span{color:var(--dim);letter-spacing:.16em;font-size:clamp(12px,1cqw,15px);font-weight:800}.stat>strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(24px,2.4cqw,36px);font-weight:900;line-height:.82}.stat.load>strong{color:var(--paper);font-size:clamp(30px,2.9cqw,46px)}.stat.damage>strong{font-size:clamp(46px,4.6cqw,76px)}.stat>small{color:var(--faint);letter-spacing:.12em;font-size:clamp(11px,.88cqw,14px);font-weight:700}.health{min-width:clamp(210px,23cqw,340px);text-shadow:0 2px 8px var(--void);justify-items:stretch;gap:6px;display:grid}.health-head{justify-content:flex-end;align-items:baseline;gap:14px;display:flex}.health-head span{color:var(--ink);letter-spacing:.18em;font-size:clamp(13px,1.1cqw,17px);font-weight:800}.health-head b{color:var(--dim);letter-spacing:.12em;font-size:clamp(11px,.92cqw,14px);font-weight:700}.health-read{justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.health-read strong{color:var(--paper);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(46px,4.8cqw,78px);font-weight:900;line-height:.8}.health-read small{color:var(--faint);letter-spacing:-.01em;font-size:clamp(15px,1.3cqw,21px);font-weight:800}.health-bar{background:#080a09d9;border:1px solid #ffffff29;height:clamp(14px,1.5cqw,22px);display:block;position:relative;overflow:hidden}.health-bar b{width:var(--v,100%);background:var(--paper);height:100%;transition:width .3s cubic-bezier(.16,1,.3,1),background .3s;display:block}.health-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 10%,#080a09d9 10% calc(10% + 2px));position:absolute;inset:0}.health[data-state=warn] .health-read strong{color:var(--ore-hot)}.health[data-state=warn] .health-bar b{background:var(--ore-hot)}.health[data-state=critical] .health-read strong{color:var(--ore)}.health[data-state=critical] .health-bar b{background:var(--ore)}.health[data-state=critical] .health-bar{border-color:#d86f3db3;animation:1.1s ease-in-out infinite health-pulse}@keyframes health-pulse{50%{border-color:#d86f3d40}}.stat.load>strong{color:var(--ink)}.stat.damage{display:none}.stat.damage>span,.stat.damage>strong{color:var(--ore)}.stat.damage.active{animation:.22s ease-out damage-in;display:grid}@keyframes damage-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.stat.balls[data-trivial=true]{display:none}.pips{align-items:center;gap:5px;height:14px;display:flex}.pips i{background:var(--ink);border-radius:50%;width:9px;height:9px}.pips i.spare{border:1.5px solid var(--faint);background:0 0;width:8px;height:8px}.cargo{text-shadow:0 2px 8px var(--void);flex-wrap:wrap;grid-column:1;align-content:end;gap:4px 12px;display:flex}.cargo:before{content:"CARGO";width:100%;color:var(--faint);letter-spacing:.16em;font-size:clamp(11px,.9cqw,14px);font-weight:800}.cargo:not(.at-risk):before{opacity:.5}.cargo:empty:before{display:none}.cargo.at-risk:before{content:"CARGO — UNBANKED";color:var(--ore-hot)}.cargo-item{color:var(--dim);letter-spacing:.06em;align-items:center;gap:6px;font-size:clamp(12px,1cqw,15px);font-weight:700;display:flex}.cargo-item i{border:1px solid #0000008c;width:9px;height:9px}.cargo-item b{color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(15px,1.28cqw,20px)}.bank-notice{color:var(--brass);letter-spacing:.12em;opacity:0;grid-column:1;place-self:end start;font-size:clamp(13px,1.15cqw,18px);font-weight:900;transition:opacity .2s,transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(6px)}.bank-notice.show{opacity:1;transform:translateY(-6px)}.cargo-item.gained b{animation:.34s ease-out cargo-pop}@keyframes cargo-pop{0%{color:var(--ore-hot);transform:scale(1.5)}to{color:var(--ink);transform:none}}.hints{color:var(--dim);letter-spacing:.04em;white-space:nowrap;background:#0c0e0ccc;grid-column:2;place-self:end center;padding:9px 16px;font-size:clamp(13px,1.1cqw,17px)}.hints:empty{display:none}.hints b{color:var(--ink);letter-spacing:.1em;margin-left:13px;font-weight:800}.hints b:first-child{margin-left:0}.telemetry{z-index:5;color:var(--dim);letter-spacing:.14em;white-space:nowrap;pointer-events:none;font-size:clamp(12px,1cqw,15px);font-weight:700;position:absolute;bottom:clamp(64px,7cqw,100px);left:50%;transform:translate(-50%)}.telemetry:empty{display:none}.arrival{z-index:9;border-top:2px solid var(--brass);border-bottom:1px solid var(--case);opacity:0;pointer-events:none;background:#0a0c0be6;justify-items:center;gap:7px;padding:16px 26px;transition:opacity .32s,transform .45s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:27%;left:50%;transform:translate(-50%,-50%)scale(.97)}.arrival.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.arrival b{color:var(--paper);letter-spacing:.16em;font-size:clamp(22px,2.2cqw,36px);font-weight:900}.arrival i{color:var(--dim);letter-spacing:.1em;font-size:clamp(13px,1.15cqw,18px);font-style:normal;font-weight:700}.toast{z-index:10;background:var(--ink);color:#101411;letter-spacing:.11em;opacity:0;padding:8px 15px;font-size:clamp(13px,1.1cqw,17px);font-weight:800;position:absolute;top:clamp(76px,8cqw,116px);left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.viewport[data-mode=play] .objective,.viewport[data-mode=play] .place,.viewport[data-mode=play] .telemetry{opacity:0}.viewport[data-mode=survey] .stat.load,.viewport[data-mode=survey] .stat.damage,.viewport[data-mode=survey] .stat.balls{display:none}.viewport[data-mode=forge] .hud-top,.viewport[data-mode=forge] .hud-bottom,.viewport[data-mode=forge] .tutorial,.viewport[data-mode=forge] .objective,.viewport[data-mode=forge] .place,.viewport[data-mode=forge] .telemetry,.viewport[data-mode=forge] .resonance,.viewport[data-mode=forge] .toast,.viewport[data-mode=forge] .forge-compass{opacity:0;visibility:hidden}.deployment{z-index:auto;background:radial-gradient(circle at 14% 8%,#29251c 0,#0000 30%),linear-gradient(112deg,#191813 0 34%,#11130f 65%,#17150f 100%);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(10px,1.4cqw,20px);padding:clamp(20px,2.8cqw,40px) clamp(24px,3.4cqw,48px) clamp(18px,2.4cqw,34px);transition:opacity .3s,transform .72s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0}.deployment.hidden{opacity:0;pointer-events:none;transform:translateY(-4%)}.deployment-heading,.paddle-bay,.armor-rule,.deploy-row,.expedition{transition:opacity .18s}.deployment-heading,.paddle-bay,.deploy-row{z-index:3;position:relative}.deployment.loading .deployment-heading,.deployment.loading .paddle-bay,.deployment.loading .armor-rule,.deployment.loading .expedition,.deployment.loading .deploy-row{opacity:0;pointer-events:none}.deployment-loader{z-index:3;color:var(--ink);letter-spacing:.18em;place-content:center;justify-items:center;gap:12px;font-size:clamp(11px,1cqw,15px);display:none;position:absolute;inset:0}.deployment.loading .deployment-loader,.deployment.failed .deployment-loader{display:grid}.deployment-loader i{background:#282d29;width:min(240px,22cqw);height:3px;display:block;overflow:hidden}.deployment-loader i:after{content:"";background:var(--ore);width:42%;height:100%;animation:1s ease-in-out infinite alternate deployment-load;display:block}.deployment.failed .deployment-loader{color:var(--ore-hot)}.deployment.failed .deployment-loader i{display:none}@keyframes deployment-load{0%{transform:translate(-100%)}to{transform:translate(238%)}}.deployment-heading{justify-content:flex-start;align-items:center;gap:clamp(22px,3cqw,46px);padding:2px 4px clamp(10px,1cqw,15px);display:flex}.deployment-heading>div:first-child{align-items:baseline;min-width:max-content;display:flex}.deployment h1{color:#f0e4cd;letter-spacing:-.015em;margin:0;font-family:Helvetica Neue Condensed Black,DIN Condensed,Arial Narrow,sans-serif;font-size:clamp(26px,2.45cqw,38px);font-weight:900;line-height:.92}.armor-rule{z-index:3;color:#d8c7a5;text-align:center;white-space:nowrap;width:100%;margin:0;padding:clamp(5px,.5cqw,8px) 0;font-family:Charter,Georgia,serif;font-size:clamp(12px,1.02cqw,16px);font-weight:700;line-height:1;position:relative}.paddle-bay{background:#0d0e0b;grid-template-columns:repeat(3,1fr);gap:clamp(7px,.8cqw,12px);min-height:0;padding:clamp(7px,.7cqw,11px);display:grid;box-shadow:inset 0 0 0 1px #3b372c,inset 0 9px 20px #070806}.paddle-option{text-align:left;cursor:pointer;background:linear-gradient(#0000 55%,#15150f 82%),linear-gradient(96deg,#12130f,#18160f 52%,#10120e);border:0;border-top:2px solid #71634a;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1cqw,15px) clamp(9px,1.05cqw,16px);width:100%;min-width:0;padding:clamp(12px,1.4cqw,20px);transition:background .16s,transform .22s cubic-bezier(.16,1,.3,1),box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 1px 0 #39352a,inset -1px 0 #25241d,0 5px #070806}.paddle-option:after{z-index:2;color:#9e8a63;letter-spacing:.16em;font-size:9px;font-weight:900;position:absolute;top:8px;left:10px}.paddle-option.needle:after{content:"01 / N"}.paddle-option.surveyor:after{content:"02 / S"}.paddle-option.bastion:after{content:"03 / B"}.paddle-option:hover{background:linear-gradient(#1c1a12 0,#17170f 66%,#201810 100%);transform:translateY(-2px);box-shadow:inset 1px 0 #776347,inset -1px 0 #3d3527,0 7px #070806}.paddle-option:focus-visible{outline:2px solid var(--ore-hot);outline-offset:-3px}.paddle-option[aria-pressed=true]{box-shadow:inset 4px 0 var(--ore), inset -1px 0 #7a583c, 0 6px 0 #070806;background:linear-gradient(#1e1b12 0,#17170f 64%,#2b1a10 100%)}.paddle-option[aria-pressed=true]:before{content:"fitted";z-index:2;color:#efaa62;letter-spacing:.02em;font-family:Charter,Georgia,serif;font-size:12px;font-style:italic;position:absolute;top:7px;right:10px}.field-window{isolation:isolate;pointer-events:none;display:block;position:absolute;inset:clamp(10px,1.2cqw,18px) clamp(10px,1.2cqw,18px) clamp(74px,6.9cqw,102px);overflow:hidden}.deployment-preview-canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.option-name{z-index:2;gap:1px;max-width:calc(100% - clamp(22px,2.6cqw,38px));display:grid;position:absolute;top:clamp(21px,2.3cqw,33px);left:clamp(11px,1.3cqw,19px)}.option-name b{color:#efe1c6;letter-spacing:-.01em;white-space:nowrap;text-shadow:0 2px 12px #060705,0 0 3px #060705;font-family:Helvetica Neue Condensed Black,DIN Condensed,Arial Narrow,sans-serif;font-size:clamp(22px,2.1cqw,32px);font-weight:900;line-height:.86}.option-name small{text-shadow:0 2px 10px #060705}.option-name small,.option-data small,.option-speed small{color:#b4a485;letter-spacing:.085em;font-size:clamp(9px,.78cqw,12px);font-weight:800}.option-data{z-index:1;text-align:right;align-content:end;align-self:end;min-width:0;display:grid;position:relative}.option-data b{color:var(--ink);font-variant-numeric:tabular-nums;border-bottom:1px solid #6d5e44;padding-bottom:2px;font-size:clamp(22px,2cqw,30px);line-height:.88}.option-speed{z-index:1;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid;position:relative}.option-speed:before{content:"";background:repeating-linear-gradient(90deg,#494233 0 2px,#171812 2px 10px);grid-area:1/1;height:7px}.option-speed i{width:var(--speed);background:var(--ore-hot);grid-area:1/1;height:3px;box-shadow:0 0 0 1px #6f3a22}.deploy-row{justify-content:flex-end;align-items:center;padding-left:2px;display:flex}#beginButton{color:#21160e;letter-spacing:.1em;cursor:pointer;background:#b95a32;border:1px solid #e1a263;padding:11px 14px 10px 18px;font-size:clamp(11px,1cqw,15px);font-weight:900;transition:transform .18s,opacity .18s,background .18s;box-shadow:3px 3px #080806}#beginButton i{margin-left:36px;font-style:normal}#beginButton:hover:not(:disabled){background:var(--ore-hot);transform:translate(3px)}#beginButton:disabled{cursor:default;opacity:1;color:#b8aa8e;background:#302a21;border-color:#5b503d;box-shadow:3px 3px #080806}@container (width<=820px){.deployment{padding:18px 22px}.armor-rule{width:100%;font-size:11px}.paddle-bay{gap:8px}.paddle-option{column-gap:7px;padding:9px}}@media (max-aspect-ratio:4/3){.shell{padding:4px}.viewport{width:calc(100vw - 8px);height:calc(56.25vw - 4.5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}.deployment-loader i:after{animation-duration:2s}}.render-diagnostics{z-index:10000;color:#eee6d6;background:#090d0e;padding:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;inset:0;overflow:auto}.render-diagnostics>header{border-bottom:2px solid #4b504b;justify-content:space-between;align-items:end;gap:24px;padding-bottom:16px;display:flex}.render-diagnostics header small{color:#f0783f;letter-spacing:.18em;font-size:12px;font-weight:900}.render-diagnostics h1{margin:3px 0 0;font-size:30px}.render-diagnostics header>strong{color:#17130f;background:#d7f07a;padding:10px 14px;font-size:14px}.render-diagnostics header>strong[data-state=fail]{color:#fff;background:#a73727}.diagnostic-reference{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.diagnostic-reference figure{background:#111617;border:1px solid #4b504b;grid-template-columns:180px 1fr;align-items:center;gap:14px;margin:0;padding:12px;display:grid}.diagnostic-reference canvas{border:2px solid #eee6d6;width:180px;height:72px}.diagnostic-reference figcaption{gap:7px;display:grid}.diagnostic-reference figcaption b{font-size:17px}.diagnostic-reference figcaption span{color:#d0c8b8;font-size:12px}.diagnostic-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.diagnostic-results article{background:#0e1314;border:1px solid #5b615a;min-width:0;padding:16px}.diagnostic-results h2{color:#f0783f;justify-content:space-between;margin:0 0 12px;font-size:22px;display:flex}.diagnostic-results h2 small{color:#eee6d6;font-size:12px}.diagnostic-results dl{gap:5px;margin:0;font-size:11px;display:grid}.diagnostic-results dl div{grid-template-columns:110px minmax(0,1fr);gap:10px;display:grid}.diagnostic-results dt{color:#8e8b80}.diagnostic-results dd{overflow-wrap:anywhere;margin:0}.diagnostic-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.diagnostic-images figure{min-width:0;margin:0}.diagnostic-images canvas{object-fit:contain;background:#050809;border:1px solid #4b504b;display:block;visibility:visible!important;width:100%!important;height:180px!important;position:static!important}.diagnostic-images figcaption{color:#8e8b80;padding-top:5px;font-size:10px}.render-diagnostics>footer{align-items:center;gap:18px;padding:18px 0 4px;display:flex}.render-diagnostics>footer button{color:#17130f;cursor:pointer;background:#f0783f;border:0;padding:10px 16px;font-weight:900}.render-diagnostics>footer span{color:#d0c8b8;font-size:12px}@media (max-width:900px){.diagnostic-reference,.diagnostic-results{grid-template-columns:1fr}}.resonance{z-index:6;border-left:2px solid var(--brass);text-shadow:0 2px 8px var(--void);background:#0c0e0cd6;grid-auto-flow:row;gap:7px;padding:14px 16px;display:none;position:absolute;top:50%;right:clamp(24px,2.6cqw,46px);transform:translateY(-50%)}.resonance.open{display:grid}.resonance b{color:var(--brass);letter-spacing:.16em;font-size:clamp(12px,1cqw,16px);font-weight:800}.resonance span{color:var(--dim);letter-spacing:.12em;justify-content:space-between;align-items:baseline;gap:18px;font-size:clamp(12px,.98cqw,15px);font-weight:700;display:flex}.resonance i{color:var(--ink);letter-spacing:.06em;font-size:clamp(14px,1.18cqw,19px);font-style:normal;font-weight:800}.tutorial{z-index:8;border-top:2px solid var(--brass);pointer-events:none;background:#0a0c0be6;min-width:clamp(280px,26cqw,380px);padding:16px 22px 18px;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:clamp(22px,3.2cqw,44px);transform:translateY(-50%);box-shadow:0 24px 60px #0000008c}.tutorial.done{opacity:0;transform:translateY(calc(14px - 50%))}.ftue-now{gap:4px;display:grid}.ftue-now b{color:var(--brass);letter-spacing:.12em;font-size:clamp(15px,1.5cqw,24px);font-weight:900}.ftue-now span{color:var(--ink);letter-spacing:.06em;font-size:clamp(13px,1.2cqw,19px);font-weight:700}.ftue-track{gap:5px;margin-top:10px;display:flex}.ftue-pip{background:#b99a6140;width:9px;height:4px}.ftue-pip.on{background:var(--brass)}.tutorial.nudge{animation:.3s 2 ftue-nudge}@keyframes ftue-nudge{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(6px)}}.viewport:has(.deployment:not(.hidden)) .tutorial{opacity:0;visibility:hidden}.tutorial>header{color:var(--brass);letter-spacing:.22em;margin-bottom:12px;font-size:clamp(12px,1cqw,16px);font-weight:900}.tutorial ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tutorial li{grid-template-columns:clamp(76px,8cqw,108px) 1fr auto;align-items:center;gap:14px;transition:opacity .3s;display:grid}.tutorial li b{text-align:center;color:var(--ink);letter-spacing:.08em;background:#ffffff12;border:1px solid #ffffff2e;padding:5px 0;font-size:clamp(13px,1.12cqw,18px);font-weight:900}.tutorial li span{color:var(--paper);letter-spacing:.1em;font-size:clamp(14px,1.2cqw,19px);font-weight:700}.tutorial li i{border:2px solid var(--faint);width:clamp(18px,1.7cqw,24px);height:clamp(18px,1.7cqw,24px);position:relative}.tutorial li.done{opacity:.45}.tutorial li.done b{color:var(--faint);background:0 0;border-color:#ffffff1a}.tutorial li.done span{color:var(--dim);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.tutorial li.done i{border-color:var(--brass);background:var(--brass)}.tutorial li.done i:after{content:"";border-bottom:3px solid #14180f;border-right:3px solid #14180f;width:32%;height:62%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.pause{z-index:11;background:#05080ae0;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.pause.open{display:flex}.pause-frame{border:1px solid var(--case);border-top:3px solid var(--brass);background:linear-gradient(#0d0f0dfa,#090b0afc);width:min(92%,900px);max-height:88%;padding:clamp(18px,2.2cqw,32px);overflow-y:auto}.pause-frame>header{align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.pause-frame>header b{color:var(--ink);letter-spacing:.2em;font-size:clamp(20px,2cqw,32px);font-weight:900}.pause-frame>header small{color:var(--faint);letter-spacing:.12em;font-size:clamp(11px,.9cqw,14px)}.pause-body{gap:clamp(16px,2cqw,28px);display:grid}.pause-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,1.6cqw,24px);display:grid}.pause-group h3{color:var(--brass);letter-spacing:.18em;margin:0 0 8px;font-size:clamp(10px,.84cqw,13px);font-weight:900}.pause-group dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.pause-group dt{color:var(--ink);letter-spacing:.06em;white-space:nowrap;font-size:clamp(11px,.92cqw,14px);font-weight:800}.pause-group dd{color:var(--dim);margin:0;font-size:clamp(11px,.92cqw,14px)}.pause-actions{border-top:1px solid var(--case);gap:10px;padding-top:16px;display:grid}.pause-row{flex-wrap:wrap;gap:10px;display:flex}.pause-row button{min-width:140px;color:var(--ink);border:1px solid var(--case);font:inherit;letter-spacing:.1em;cursor:pointer;background:#161d20;flex:1;padding:11px 14px;font-weight:800}.pause-row button:hover{border-color:var(--brass)}.pause-row button.primary{background:#1d2a31;border-color:#2f4550}.pause-row button.danger{color:#e8a08c;border-color:#6b3a32}.pause-row button.danger:hover{border-color:#c07a63}.pause-confirm{border:1px solid #6b3a32;gap:10px;padding:14px;display:grid}.pause-confirm b{color:#e8a08c;letter-spacing:.12em;font-size:clamp(13px,1.1cqw,17px)}.pause-confirm p{color:var(--dim);margin:0;font-size:clamp(12px,1cqw,15px);line-height:1.5}.pause-confirm p b{color:var(--ink);letter-spacing:0;font-size:1em}.countdown{z-index:12;pointer-events:none;color:var(--ink);opacity:0;place-items:center;font-size:clamp(70px,12cqw,200px);font-weight:900;display:grid;position:absolute;inset:0}.countdown.show{animation:.95s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.forge-compass{z-index:7;opacity:0;pointer-events:none;justify-items:center;gap:5px;transition:opacity .25s;display:grid;position:absolute;top:0;left:0}.forge-compass.show{opacity:1}.forge-compass i{border-left:15px solid #0000;border-right:15px solid #0000;border-bottom:26px solid var(--brass);width:0;height:0;transform:rotate(var(--point,0deg));filter:drop-shadow(0 3px 10px #000c);animation:1s ease-in-out infinite compass-pulse;display:block}@keyframes compass-pulse{50%{opacity:.55}}.forge-compass span{color:var(--brass);letter-spacing:.12em;white-space:nowrap;background:#0c0e0ce0;padding:3px 9px;font-size:clamp(11px,.95cqw,15px);font-weight:900}.expedition{z-index:3;box-shadow:inset 3px 0 var(--ore), inset -1px 0 #3a3529, 0 4px 0 #070806;background:linear-gradient(96deg,#14150f,#1b1810 62%,#12130f);justify-content:space-between;align-items:center;gap:clamp(10px,1.2cqw,20px);margin-bottom:clamp(8px,.9cqw,14px);padding:clamp(9px,1cqw,15px) clamp(11px,1.2cqw,18px);display:flex;position:relative}.expedition-read{gap:3px;min-width:0;display:grid}.expedition-read b{color:#efe1c6;letter-spacing:.1em;font-size:clamp(12px,1.05cqw,16px);font-weight:900}.expedition-read small{color:#b4a485;letter-spacing:.05em;font-size:clamp(9px,.8cqw,12px);font-weight:700}.expedition-actions{flex:none;gap:7px;display:flex}.expedition-actions button,.atlas-actions button,.atlas-editor button{color:#e2d6bd;letter-spacing:.1em;cursor:pointer;background:#23201a;border:1px solid #6d5e44;padding:8px 12px 7px;font-family:inherit;font-size:clamp(9px,.82cqw,12px);font-weight:900;transition:background .16s,transform .16s,color .16s;box-shadow:2px 2px #080806}.expedition-actions button:hover,.atlas-actions button:hover,.atlas-editor button:hover{background:#332d23;transform:translateY(-1px)}.expedition-actions button.primary{color:#21160e;background:#b95a32;border-color:#e1a263}.expedition-actions button.primary:hover{background:var(--ore-hot)}.expedition-actions button.danger,.atlas-editor button.danger{color:#e8a79d;border-color:#7d4038}.expedition-actions button.danger:hover,.atlas-editor button.danger:hover{background:#43221d}.expedition-actions button[hidden]{display:none}.save-flash{z-index:11;color:var(--brass);letter-spacing:.14em;opacity:0;pointer-events:none;background:#0c0e0ce6;padding:5px 10px 4px;font-size:clamp(9px,.78cqw,12px);font-weight:900;transition:opacity .3s;position:absolute;top:clamp(12px,1.3cqw,22px);right:clamp(14px,1.5cqw,26px)}.save-flash.show{opacity:1}.save-flash.error{color:#ff8f83;box-shadow:inset 0 0 0 1px #7d4038}.atlas{z-index:12;background:#060808;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(7px,.8cqw,12px);padding:clamp(12px,1.4cqw,22px);display:none;position:absolute;inset:0}.atlas.open{display:grid}.atlas-head,.atlas-foot{justify-content:space-between;align-items:center;gap:clamp(9px,1cqw,16px);display:flex}.atlas-title{gap:2px;display:grid}.atlas-title b{color:#efe1c6;letter-spacing:.2em;font-size:clamp(13px,1.2cqw,19px);font-weight:900}.atlas-title small,.atlas-hint{color:#9e937c;letter-spacing:.06em;font-size:clamp(9px,.78cqw,12px);font-weight:700}.atlas-tools{align-items:center;gap:clamp(9px,1cqw,16px);display:flex}.atlas-icons{gap:4px;display:flex}.atlas-icons button{color:#cabf9f;cursor:pointer;background:#17180f;border:1px solid #4a4335;width:30px;height:28px;padding:0;font-size:15px;line-height:1;transition:background .14s,color .14s,border-color .14s}.atlas-icons button:hover{background:#26261a}.atlas-icons button[aria-checked=true]{border-color:var(--ore-hot);color:#ffd9a3;background:#35240f}.atlas-stage{min-height:0;position:relative;overflow:hidden}#atlasCanvas{aspect-ratio:1200/720;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;cursor:crosshair;background:#070a0b;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 1px #3b372c,0 10px 30px #000000b3}.atlas-editor{background:#0c0e0cf2;gap:6px;padding:7px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #4a4335,0 6px 18px #000000b3}.atlas-editor[hidden]{display:none}.atlas-editor input{color:#e8dcc2;letter-spacing:.04em;background:#0d0f0c;border:1px solid #4a4335;width:clamp(160px,22cqw,280px);padding:7px 9px 6px;font-family:inherit;font-size:clamp(10px,.85cqw,13px);font-weight:700}.atlas-editor input:focus{outline:1px solid var(--ore-hot);outline-offset:-2px}.atlas-legend{flex-wrap:wrap;gap:clamp(8px,.95cqw,15px);display:flex}.atlas-legend span{color:#9e937c;letter-spacing:.1em;align-items:center;gap:5px;font-size:clamp(8px,.72cqw,11px);font-weight:800;display:flex}.atlas-legend .swatch{width:11px;height:11px;box-shadow:0 0 0 1px #000}.swatch.province-karst{background:#5a5346}.swatch.province-mirrorreef{background:#2f3850}.swatch.province-rootwarren{background:#4a4327}.swatch.excavated{background:#6b6354}.swatch.structure{background:#e7dbc0}.atlas-actions{flex:none;gap:7px;display:flex}