:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num:"Barlow Condensed", "Barlow", system-ui, sans-serif;--ink:#e9f1f4;--ink-dim:#8fa6b1;--ink-faint:#4d6170;--accent:#46c8f0;--good:#52e08f;--warn:#ffcf3a;--crit:#ff5444;--sea-0:#020a10;--sea-1:#061925;--sea-2:#0b2a3b;--sea-3:#123d54;--line:#96c8e129;--sand:#d9cdb2}*{box-sizing:border-box}html,body{background:var(--sea-0);width:100%;height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit}#app{position:fixed;inset:0}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}#ui>.hud{pointer-events:none}#touch-controls,body.touch #touch-controls.off{display:none}body.touch #touch-controls{pointer-events:none;z-index:12;display:block;position:fixed;inset:0}body.touch #touch-stick{left:max(24px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));border:1.5px solid var(--line);pointer-events:auto;touch-action:none;background:#04121a59;border-radius:50%;width:120px;height:120px;position:absolute}body.touch #touch-knob{background:#e9f1f447;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.touch .touch-buttons{right:max(16px, env(safe-area-inset-right));pointer-events:auto;grid-template-columns:repeat(2,54px);gap:10px;display:grid;position:absolute;bottom:210px}body.touch .touch-buttons button{border:1px solid var(--line);touch-action:none;background:#04121a8c;border-radius:10px;height:46px;font-size:12px;font-weight:600}body.touch .touch-buttons button:active{background:#46c8f059}.hud{pointer-events:none;z-index:10;font-family:var(--font-ui);color:var(--ink);position:fixed;inset:0}.hud[hidden]{display:none}.hud-mask{opacity:0;background:radial-gradient(72% 78% at 50% 47%,#0000 62%,#02080c8c 80%,#020609eb 100%);transition:opacity .4s;position:absolute;inset:0}.hud-mask.on{opacity:1}.hud-flash{opacity:0;background:#fff;position:absolute;inset:0}.computer{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));filter:drop-shadow(0 10px 24px #00000073);flex-direction:column;align-items:center;display:flex;position:absolute}.computer-strap{background:linear-gradient(90deg,#121417,#23262b 50%,#121417);border-radius:4px;width:92px;height:18px}.computer-strap[data-side=top]{border-radius:8px 8px 2px 2px}.computer-strap[data-side=bottom]{border-radius:2px 2px 8px 8px}.computer-bezel{background:linear-gradient(160deg,#3a3f46,#16191d 55%,#2b2f35);border-radius:22px;padding:12px 12px 18px;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 6px #0009}.computer-brand{text-align:center;letter-spacing:.32em;color:#8a9299;font-size:8px;position:absolute;bottom:4px;left:0;right:0}.computer-screen{background:radial-gradient(120% 90% at 30% 10%,#0d1418,#04070a 70%);border-radius:10px;width:252px;min-height:182px;padding:10px 10px 10px 26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #78a0b41f,inset 0 8px 18px #000c}.computer-page{grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}.computer-page[hidden]{display:none}.computer .cell{flex-direction:column;min-width:0;display:flex}.computer .cell .label{letter-spacing:.14em;color:var(--ink-dim);font-size:9px}.computer .cell .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px;font-weight:600;line-height:1}.computer .cell.big .value{font-size:40px;font-weight:700}.computer .cell.wide{grid-column:span 1}.computer .cell.warn .value{color:var(--warn)}.computer .cell.crit .value,.computer .cell.deco .label,.computer .cell.deco .value{color:var(--crit)}.computer .cell.na .value{color:var(--ink-faint)}.tank-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.tank-bar .fill{background:var(--good);transform-origin:0;height:100%;transition:transform .3s linear;display:block}.computer-ascent{flex-direction:column-reverse;gap:3px;width:9px;display:flex;position:absolute;top:12px;bottom:12px;left:9px}.computer-ascent .bar{background:#ffffff14;border-radius:2px;flex:1}.computer-ascent .bar.on{background:var(--good)}.computer-ascent .bar.hot{background:var(--crit)}.computer-alarm{min-height:18px;font-family:var(--font-num);letter-spacing:.08em;text-align:center;border-radius:4px;margin-top:6px;font-size:15px;font-weight:700}.computer-alarm.warn{color:#111;background:var(--warn)}.computer-alarm.crit{color:#fff;background:var(--crit);animation:.9s steps(2,start) infinite blink}.computer-safety{font-family:var(--font-num);color:var(--accent);text-align:center;letter-spacing:.06em;font-size:14px}.computer-safety.active{color:var(--good)}@keyframes blink{50%{opacity:.35}}.hud-tape{top:max(14px, env(safe-area-inset-top));width:min(420px,80vw);height:44px;position:absolute;left:50%;transform:translate(-50%)}.hud-tape[hidden]{display:none}.hud-tape-window{position:absolute;inset:0 0 12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.hud-tape-strip{height:100%;position:absolute;top:0;left:50%}.hud-tape .tick{background:#e9f1f499;width:1px;height:8px;position:absolute;top:0}.hud-tape .tick.major{background:var(--ink);height:14px;font-family:var(--font-num);text-indent:-6px;color:var(--ink);font-size:13px;font-weight:600;line-height:40px}.hud-bearing{border:6px solid #0000;border-top:9px solid var(--accent);width:0;height:0;margin-left:-6px;position:absolute;top:0;left:50%}.hud-bearing[hidden]{display:none}.hud-lubber{background:var(--warn);width:2px;height:22px;margin-left:-1px;position:absolute;top:0;left:50%}.hud-heading{font-family:var(--font-num);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000b3;font-size:15px;font-weight:700;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hud-objectives{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));flex-direction:column;gap:4px;max-width:300px;display:flex;position:absolute}.objective{text-shadow:0 1px 3px #000c;padding-left:18px;font-size:13px;position:relative}.objective:before{content:"";border:1.5px solid var(--ink-dim);border-radius:2px;width:9px;height:9px;position:absolute;top:3px;left:0}.objective.done{color:var(--ink-dim);text-decoration:line-through}.objective.done:before{background:var(--good);border-color:var(--good)}.hud-sightings{left:max(16px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:absolute}.sighting{border-left:3px solid var(--accent);background:linear-gradient(90deg,#041016c7,#04101600);flex-direction:column;min-width:220px;padding:8px 14px 9px 12px;display:flex}.sighting.new{border-left-color:var(--good)}.sighting .tag{letter-spacing:.18em;color:var(--good);font-size:9px}.sighting .common{font-size:16px;font-weight:600}.sighting .sci{color:var(--ink-dim);font-size:12px;font-style:italic}.hud-toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;background:#040e14b8;border:1px solid #a0d2e62e;border-radius:6px;padding:6px 14px;font-size:14px}.toast.warn{border-color:var(--warn);color:var(--warn)}.toast.good{border-color:var(--good)}.hud-prompt{opacity:0;white-space:nowrap;background:#040e1499;border-radius:6px;padding:7px 16px;font-size:15px;transition:opacity .2s;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.hud-prompt.on{opacity:1}.hud-ear{color:var(--warn);opacity:0;text-shadow:0 1px 3px #000c;font-size:14px;transition:opacity .2s;position:absolute;bottom:calc(22% + 44px);left:50%;transform:translate(-50%)}.hud-ear.on{opacity:1}.hud-ear.pain{color:var(--crit)}.viewfinder{aspect-ratio:3/2;opacity:0;width:min(66vw,92vh);transition:opacity .18s,transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.04)}.viewfinder.on{opacity:1;transform:translate(-50%,-50%)}.viewfinder .corner{border:2px solid #ffffffd9;width:28px;height:28px;position:absolute}.viewfinder .tl{border-bottom:0;border-right:0;top:0;left:0}.viewfinder .tr{border-bottom:0;border-left:0;top:0;right:0}.viewfinder .bl{border-top:0;border-right:0;bottom:0;left:0}.viewfinder .br{border-top:0;border-left:0;bottom:0;right:0}.viewfinder .focus{border:1.5px solid var(--good);border-radius:3px;width:54px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vf-info{font-family:var(--font-num);text-shadow:0 1px 3px #000000e6;justify-content:center;gap:18px;font-size:15px;font-weight:600;display:flex;position:absolute;bottom:-30px;left:0;right:0}.vf-subject{font-family:var(--font-ui);font-weight:600}.vf-strobe{color:var(--ink-dim)}.vf-strobe.ready{color:var(--good)}@media (width<=720px){.computer{transform-origin:100% 0;bottom:auto;top:max(12px, env(safe-area-inset-top));transform:scale(.7)}.toast{white-space:normal;font-size:13px}.hud-toasts{align-items:flex-end;top:230px;left:auto;right:12px;transform:none}.toast{text-align:right;max-width:62vw}.sighting:nth-last-child(n+3){display:none}.hud-sightings{bottom:auto;top:max(12px, env(safe-area-inset-top))}.hud-prompt{white-space:normal;text-align:center;max-width:88vw;bottom:210px}.sighting{min-width:0}.hud-objectives{max-width:56vw}}:root{--deep:#031e25;--deep-2:#062a33;--deep-3:#0a3540;--hair:#e5e7eb1f;--hair-strong:#e5e7eb3d;--muted:#8fa6ae;--signal:#e66f27;--radius-btn:5px;--radius-card:22px}.menu-layer{background:radial-gradient(140% 90% at 50% -20%, #0b4352 0%, var(--deep) 55%, #020f13 100%);position:absolute;inset:0;overflow:hidden}.menu-layer[hidden],body.in-dive .menu-layer{display:none}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.eyebrow,.label,.group-title,.tab,.chip,.status,.stat .label,th{font-family:var(--font-num);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:12px}.group-title{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}.muted{color:var(--muted)}h1,h2,h3,h4{text-wrap:balance;margin:0}p{margin:0;line-height:1.45}.logotype{font-family:var(--font-num);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(56px,10vw,128px);font-weight:700;line-height:.92}.logotype.small{font-size:22px;line-height:1}.btn{border-radius:var(--radius-btn);cursor:pointer;color:var(--ink);white-space:nowrap;background:0 0;border:1px solid #0000;padding:10px 18px;font-size:15px;font-weight:600;transition:background .14s,border-color .14s,transform .12s,opacity .14s}.btn:focus-visible,.tab:focus-visible,.seg-btn:focus-visible,.log-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.primary{color:#0a0a0a;background:#fff}.btn.primary:hover:not(:disabled){background:#e5e7eb}.btn.ghost{border-color:var(--hair-strong)}.btn.ghost:hover:not(:disabled){border-color:#fff}.btn.small{padding:7px 12px;font-size:13px}.btn.big{padding:14px 28px;font-size:17px}.btn:not(.primary):not(.ghost){border-color:var(--hair-strong);background:var(--deep-3)}.btn:not(.primary):not(.ghost):hover:not(:disabled){background:#0f4452}.field{border-radius:var(--radius-btn);border:1px solid var(--hair-strong);height:42px;color:var(--ink);font:inherit;background:#ffffff0a;width:200px;padding:0 14px;font-size:15px}.title-screen{justify-content:flex-end;padding:max(48px,8vh) max(24px,6vw)}.title-block{max-width:640px}.lede{color:#c9d7dc;max-width:520px;margin:18px 0 28px;font-size:19px}.title-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.new-career{gap:8px;display:flex}.hub-top{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:24px;padding:18px max(16px,3vw) 14px;display:flex}.brand{flex-direction:column;gap:4px;display:flex}.brand-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-family:var(--font-num)}.diver-strip{flex-wrap:wrap;justify-content:flex-end;gap:28px;display:flex}.stat{flex-direction:column;gap:3px;min-width:0;display:flex}.stat .label{color:var(--muted);font-size:11px}.stat .value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:600}.stat.money .value{font-family:var(--font-num);font-size:22px}.stat.crit .value{color:var(--crit)}.hub-tabs{border-bottom:1px solid var(--hair);scrollbar-width:none;gap:4px;padding:0 max(16px,3vw);display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 12px 12px;font-size:14px}.tab:hover{color:var(--ink)}.tab.on{color:var(--ink);border-bottom-color:#fff}.hub-body{flex:1;padding:24px max(16px,3vw) 48px;overflow-y:auto}.site-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:18px;display:grid}.site-card{border-radius:var(--radius-card);background:var(--deep-2);border:1px solid var(--hair);flex-direction:column;display:flex;overflow:hidden}.site-card.soon{opacity:.6}.site-art{background:linear-gradient(#0d5468,#062a33);padding:16px 16px 0}.site-info{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.site-info h2{letter-spacing:-.01em;font-size:24px}.summary{color:#c4d3d8;font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--hair-strong);color:#c4d3d8;border-radius:4px;padding:4px 8px;font-size:11px}.chip.signal{border-color:var(--signal);color:var(--signal)}.site-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.section{width:100%;height:auto;display:block}.section-water{fill:#46c8f014}.section-rock{fill:#0b2026;stroke:#e5e7eb8c;stroke-width:1.2px}.section-feature{fill:#e66f272e;stroke:var(--signal);stroke-width:1.2px}.section-surface{stroke:#e5e7ebb3;stroke-width:1px;stroke-dasharray:4 3}.section-label{fill:#dfe9ec;font-family:var(--font-num);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.courses,.shop{flex-direction:column;gap:30px;display:flex}.course-list,.item-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.course,.item{border:1px solid var(--hair);background:var(--deep-2);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.item{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.item h4,.course h4{font-size:16px}.item p{margin-top:3px;font-size:13px}.course p{color:#c4d3d8;font-size:14px}.course.certified,.item.equipped{border-color:#52e08f66}.course-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.depth{font-family:var(--font-num);font-size:20px;font-weight:700}.course-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.status{text-align:right;font-size:12px}.status.good{color:var(--good)}.status.signal{color:var(--signal)}.status.muted{color:var(--muted);text-transform:none;letter-spacing:0;font-family:var(--font-ui);font-weight:500}.logbook{flex-direction:column;gap:6px;display:flex}.log-row{background:var(--deep-2);border:1px solid var(--hair);color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:52px minmax(140px,1.4fr) 170px 80px 80px 110px;align-items:center;gap:12px;padding:10px 14px;display:grid}.log-row:hover{border-color:var(--hair-strong)}.log-no{font-family:var(--font-num);color:var(--muted);font-size:18px}.log-site{flex-direction:column;font-weight:600;display:flex}.log-site .muted{font-size:12px;font-weight:400}.log-num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:18px}.log-flag{font-family:var(--font-num);text-transform:uppercase;letter-spacing:.08em;text-align:right;font-size:12px}.log-flag.good{color:var(--good)}.log-flag.warn{color:var(--warn)}.log-flag.crit{color:var(--crit)}.profile-chart{width:100%;height:auto;display:block}.profile-area{fill:#46c8f01f}.profile-line{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linejoin:round}.profile-grid{stroke:var(--hair);stroke-width:1px}.profile-label{fill:var(--muted);font-family:var(--font-num);font-size:11px}.profile-stopband{fill:#52e08f14}.species{flex-direction:column;gap:14px;display:flex}.species-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}.species-card{background:var(--deep-2);border:1px solid var(--hair);border-radius:12px;flex-direction:column;gap:5px;padding:12px;display:flex}.species-card.unseen h4{color:var(--muted)}.species-photo{aspect-ratio:3/2;background:#04161b;border-radius:8px;place-items:center;margin-bottom:6px;display:grid;overflow:hidden}.species-photo img{object-fit:cover;width:100%;height:100%}.unknown{font-family:var(--font-num);color:var(--ink-faint);font-size:26px}.sci{color:var(--muted);font-size:13px;font-style:italic}.fact{color:#c4d3d8;font-size:13px}.species-card .muted{font-size:12px}.photos{flex-direction:column;gap:14px;display:flex}.photos-head{justify-content:space-between;align-items:center;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.photo-grid.small{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.photo-card{background:var(--deep-2);border:1px solid var(--hair);border-radius:12px;flex-direction:column;gap:8px;padding-bottom:12px;display:flex;overflow:hidden}.photo-card>img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.photo-card>:not(img){margin:0 12px}.photo-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.stars{color:var(--warn);letter-spacing:1px}.photo-name{font-weight:600}.photo-notes{color:var(--muted);flex-direction:column;gap:2px;padding:0;font-size:12px;list-style:none;display:flex}.photo-card .btn,.photo-card .status{align-self:flex-start}.settings{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:14px;display:grid}.setting{background:var(--deep-2);border:1px solid var(--hair);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.setting-head{justify-content:space-between;font-weight:600;display:flex}.setting-head .value{font-family:var(--font-num);font-size:18px}.range{accent-color:#fff;width:100%}.setting .muted{font-size:13px}.controls-card{background:var(--deep-2);border:1px solid var(--hair);border-radius:12px;padding:16px}.controls{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:13px;display:grid}.controls dt{font-family:var(--font-num);letter-spacing:.04em;white-space:nowrap;font-weight:600}.controls dd{color:#c4d3d8;margin:0}.brief-head{border-bottom:1px solid var(--hair);align-items:flex-end;gap:20px;padding:18px max(16px,3vw) 16px;display:flex}.brief-head h1{letter-spacing:-.01em;font-size:clamp(24px,3.4vw,38px)}.brief-grid{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-content:start;gap:18px;padding:20px max(16px,3vw) 48px;display:grid;overflow-y:auto}.brief-col{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{background:var(--deep-2);border:1px solid var(--hair);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.panel ul{color:#c4d3d8;flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14px;display:flex}.highlights{font-size:14px}.readouts{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;display:grid}.planner{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.planner th{text-align:left;color:var(--muted);border-bottom:1px solid var(--hair);padding:6px 4px;font-size:11px}.planner td{border-bottom:1px solid var(--hair);font-family:var(--font-num);padding:6px 4px;font-size:16px}.planner tr.off td{color:var(--ink-faint)}.planner td.crit{color:var(--crit)}.setup{gap:16px}.seg-field{flex-direction:column;gap:8px;display:flex}.seg-field .label,.kit-line .label{color:var(--muted);font-size:11px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg-btn{border-radius:var(--radius-btn);border:1px solid var(--hair-strong);cursor:pointer;background:0 0;padding:8px 12px;font-size:14px}.seg-btn.on{color:#0a0a0a;background:#fff;border-color:#fff}.stepper{align-items:center;gap:12px;display:flex}.stepper .value{font-family:var(--font-num);text-align:center;font-variant-numeric:tabular-nums;min-width:84px;font-size:22px}.seg-field .muted{font-size:13px}.kit-line{color:#c4d3d8;flex-direction:column;gap:6px;font-size:13px;display:flex}.brief-go{flex-direction:column;gap:10px;display:flex}.blockers{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.blockers li{color:var(--signal);font-size:14px}.blockers li:before{content:"▲ ";font-size:10px}.go-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.cost{font-family:var(--font-num);font-size:20px}.warn-panel{border-color:#e66f2780}.good-panel{border-color:#52e08f73}.species-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));list-style:none;gap:6px 14px!important;padding:0!important;display:grid!important}.species-list li{color:var(--ink)!important}.species-list li.new{color:var(--good)!important}.species-list .tag{font-family:var(--font-num);letter-spacing:.12em;color:var(--good);margin-left:6px;font-size:10px}.empty{flex-direction:column;align-items:flex-start;gap:8px;padding:60px 0;display:flex}.overlay{z-index:20;background:#020c10b8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay-card{background:var(--deep-2);border:1px solid var(--hair-strong);border-radius:16px;flex-direction:column;gap:14px;width:min(520px,100%);max-height:90vh;padding:22px;display:flex;overflow-y:auto}.overlay-actions{flex-wrap:wrap;gap:10px;display:flex}.menu-toast{border-radius:var(--radius-btn);color:#0a0a0a;z-index:30;background:#fff;padding:10px 18px;font-weight:600;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=860px){.brief-grid{grid-template-columns:1fr}.hub-top{flex-direction:column;align-items:flex-start}.diver-strip{justify-content:flex-start;gap:16px 22px}.log-row{grid-template-columns:40px 1fr 70px 70px}.log-spark,.log-flag{display:none}.brief-head{flex-direction:column;align-items:flex-start;gap:10px}.new-career{flex-wrap:wrap}}