/* Stowage: a miniature toy harbour. All colours are local to this game. */
body:has(.stowage-body) { background:radial-gradient(ellipse at -10% 55%,#efe8c8 0 20%,transparent 20.2%),repeating-radial-gradient(ellipse at 65% 55%,transparent 0 85px,#ffffff24 87px 89px,transparent 91px 145px),linear-gradient(145deg,#c1e6de,#8fc8d4); background-attachment:fixed; }
.page:has(.stowage-body) { max-width:1320px; }
.page:has(.stowage-body) .topbar { color:#295568; }
.page:has(.stowage-body) .back { background:#fff8e4; border:2px solid #d4c59d; color:#385869; box-shadow:0 3px 0 #8eaaa4; }
.page:has(.stowage-body) .tb-sub { display:none; }
.st-lesson { --ink:#244958; --soft-ink:#516875; --paper:#fff8e5; --sea:#b5dfe0; --cpu:#3e99be; --mem:#9170bd; --wood:#cdae79; --rim:#537e83; color:var(--ink); position:relative; margin:16px auto 0; padding:0 12px 18px; }
.st-lesson::before { content:''; position:fixed; inset:0; z-index:-1; background:radial-gradient(ellipse at 9% 38%,#f5f0cb 0 12%,transparent 12.2%),radial-gradient(ellipse at 110% 100%,#83bec1 0 24%,transparent 24.2%),repeating-radial-gradient(ellipse at 60% 50%,transparent 0 68px,#ffffff26 69px 71px,transparent 73px 115px),linear-gradient(145deg,#c1e6de,#8fc8d4); }
.st-lesson-header { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; padding:0 8px; }
.st-eyebrow { font:800 12px/1.5 var(--mono); letter-spacing:2px; color:var(--soft-ink); }
.st-lesson h1 { margin:3px 0 0; font-size:38px; letter-spacing:2px; font-weight:900; text-shadow:0 2px 0 #fff9; }
.st-steps { display:flex; gap:30px; list-style:none; padding:0; margin:0; }
.st-steps li { display:flex; align-items:center; flex-direction:column; gap:8px; position:relative; font-size:12px; color:#446470; }
.st-steps li:not(:last-child)::after { content:''; position:absolute; top:22px; left:calc(50% + 26px); width:40px; border-top:3px dotted #638f98; }
.st-steps li>span { width:46px; height:46px; border-radius:50%; background:#ecf5e9; border:3px solid #8baeb0; box-shadow:inset 0 3px 0 #fff,0 4px 0 #7a9fa6; display:grid; place-items:center; font:800 19px var(--mono); }
.st-steps .current>span { background:#ffe4a0; border-color:#a98048; box-shadow:inset 0 3px 0 #fff5cf,0 4px 0 #9a7848,0 0 0 6px #fff6; color:#644822; transform:rotate(-7deg); }
.st-steps .complete>span { background:#c5e9b4; border-color:#699763; color:#315d3d; box-shadow:inset 0 3px 0 #eaffdd,0 4px 0 #699763; }
.st-layout { display:grid; grid-template-columns:270px minmax(0,1fr); gap:28px; align-items:start; }
.st-demo { position:relative; margin-top:20px; padding:25px 20px 16px; border:5px solid #bd9f6d; border-radius:24px; background:linear-gradient(105deg,#fffbea,#f0e6c9); box-shadow:inset 0 0 0 2px #fffcf0,0 7px 0 #957952,0 16px 24px #36677523; transform:rotate(-1.5deg); }
.st-demo::before { content:''; position:absolute; width:68px; height:24px; left:calc(50% - 34px); top:-15px; border:3px solid #758c86; border-radius:8px; background:linear-gradient(#c1d3ca,#91afa8); box-shadow:inset 0 2px 0 #e1eee0,0 3px 3px #57482e22; }
.st-demo .st-eyebrow { text-align:center; font-size:11px; color:#647260; letter-spacing:1px; }
.st-demo h2 { font-size:23px; text-align:center; margin:10px 0 22px; color:#405b53; }
.st-demo-content { position:relative; border:2px solid #87b4b1; border-radius:70px 70px 18px 18px; padding:20px 12px 12px; background:repeating-radial-gradient(ellipse at 50% 80%,transparent 0 24px,#e7fff83b 25px 27px,transparent 29px 40px),#b5dbd3; box-shadow:inset 0 5px 10px #517e8033,0 2px 0 #fff; }
.st-demo-flight { height:103px; display:flex; align-items:center; flex-direction:column; position:relative; }
.st-demo-flight>svg { width:53px; height:60px; filter:drop-shadow(0 5px 1px #365d542b); }
.st-demo-flight>div { text-align:center; }
.st-demo-flight b { display:none; }
.st-demo-flight span { font:700 11px var(--mono); color:#315e59; }
.st-demo-flight.landed>svg { opacity:0; }
.st-demo-arrow { position:absolute; top:86px; left:24px; font-size:28px; color:#537e76; }
.st-demo-node { position:relative; background:#fff9e5; border:2px solid #68928c; border-radius:12px; padding:13px 12px 10px; box-shadow:0 5px 0 #668b82; }
.st-demo-node .st-node-top { margin:0 0 15px; }
.st-demo-badge { height:26px; min-width:32px; color:#617669; font-size:11px; display:grid; place-items:center; }
.st-demo-badge svg { width:36px; height:40px; }
.st-demo-badge.filled svg { animation:st-arrive .75s cubic-bezier(.2,.8,.3,1) both; }
.st-demo-status { text-align:center; font-size:11px; font-weight:600; color:#4c7066; margin-top:16px; }
.st-demo-controls { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:11px; margin-top:15px; color:#516859; }
.st-text-button { min-height:44px; padding:8px 12px; border:2px solid #6b9997; border-radius:12px; background:#e6f3de; color:#365e60; box-shadow:0 3px 0 #74928a,inset 0 2px 0 #fff9; cursor:pointer; font:700 12px var(--sans); }
.st-text-button:active { transform:translateY(2px); box-shadow:0 1px 0 #74928a; }
.st-demo .st-text-button { min-height:44px; font-size:11px; padding:6px 9px; border-color:#a4ae8c; box-shadow:0 2px 0 #a4ae8c; background:#f6f1d9; }
.st-demo-note { margin-top:17px; padding-top:12px; border-top:2px dashed #cfc7a7; font-size:11px; color:#526852; }
.st-demo-note summary { cursor:pointer; min-height:44px; }
.st-demo-note p { margin-top:6px; line-height:1.8; }
.st-board { position:relative; isolation:isolate; min-width:0; border:4px solid #6a989a; border-radius:32px; padding:18px 24px 16px; background:radial-gradient(ellipse at 45% 40%,#d0ede480,transparent 60%),repeating-radial-gradient(ellipse at 50% 70%,transparent 0 48px,#efffff3d 49px 51px,transparent 53px 76px),#9acfd2; box-shadow:inset 0 0 0 3px #d6eecc,0 8px 0 #517e83,0 20px 28px #345c672b; }
.st-board::before,.st-board::after { content:''; position:absolute; width:9px; height:9px; background:#e0d4a9; border:2px solid #6c8071; border-radius:50%; top:13px; }
.st-board::before { left:13px; }.st-board::after { right:13px; }
.st-board-heading { display:flex; align-items:center; justify-content:space-between; margin:0 6px 6px; }
.st-board h2 { font-size:27px; text-align:center; font-weight:900; color:#254e58; margin:0 0 8px; letter-spacing:1px; }
.st-hint { text-align:center; font-size:13px; color:#375d65; margin:0; }
.st-pod-area { min-height:143px; display:grid; place-items:center; position:relative; margin:10px 0 0; }
.st-pod-area::before { content:''; position:absolute; width:220px; height:48px; border:2px dashed #5b959d88; border-radius:50%; background:#dbf1df66; bottom:5px; z-index:-1; }
.st-pod { display:flex; align-items:center; gap:16px; position:relative; padding:12px 18px 12px 72px; background:linear-gradient(#fff7d8,#f5e5b6); color:#4b553d; border:3px solid #b59c61; border-radius:18px; box-shadow:inset 0 3px 0 #ffffeb,0 6px 0 #ab905b,0 12px 16px #3b79812b; cursor:grab; text-align:left; font:inherit; transition:transform .2s,box-shadow .2s; }
.st-pod:hover { transform:translateY(-5px) rotate(-2deg); box-shadow:inset 0 3px 0 #ffffeb,0 8px 0 #ab905b,0 18px 18px #3b79813b; }
.st-pod:active { cursor:grabbing; }
.st-pod>svg { width:77px; height:88px; position:absolute; left:-14px; top:-14px; transform:rotate(-8deg); filter:drop-shadow(0 7px 1px #77582a22); animation:st-bob 2.4s ease-in-out 3; }
.st-pod small { display:block; font-size:11px; color:#6b7159; margin-bottom:3px; }
.st-pod-name b { font:700 14px var(--mono); }
.st-request { border-left:2px solid #dacba2; padding-left:14px; }
.st-request b { font:800 18px var(--mono); }
.st-request.cpu b { color:#246b91; }.st-request.mem b { color:#795394; }
.st-pod-complete { display:flex; align-items:center; gap:12px; color:#2c604e; font-size:18px; font-weight:800; }
.st-pod-complete svg { width:55px; }
.st-pod-complete span { font:700 13px var(--mono); background:#e6f5d8; border-radius:20px; padding:5px 10px; }
.st-destination-label { display:flex; align-items:center; justify-content:space-between; margin:14px 4px 15px; color:#355e65; font-size:12px; font-weight:700; }
.st-destination-label span { font-size:11px; font-weight:500; }
.st-nodes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:0 0 27px; }
.st-node { position:relative; min-width:0; padding:15px 15px 10px; background:linear-gradient(110deg,#fffbe9,#ebe6cf); border:3px solid #5c7e7d; border-radius:19px 19px 26px 26px; color:var(--ink); font:inherit; text-align:left; cursor:pointer; box-shadow:inset 0 3px 0 #fff,0 9px 0 #c5b98d,0 13px 0 #567979,0 23px 0 -5px #f1ffec66,0 30px 0 -8px #d6fbef55; transition:transform .2s, box-shadow .2s; }
.st-node::before { content:''; position:absolute; left:20%; right:20%; height:9px; top:-11px; border:3px solid #5c7e7d; border-bottom:0; border-radius:8px 8px 0 0; background:#c7d8c2; }
.st-node::after { content:''; position:absolute; width:14px; height:14px; border:4px solid #eaa467; border-radius:50%; background:#e7f1dc; right:-9px; bottom:24px; box-shadow:0 2px 0 #ad7b4e; }
.st-node:hover:not(:disabled),.st-node.drag-over { transform:translateY(-9px) rotate(-1deg); box-shadow:inset 0 3px 0 #fff,0 9px 0 #c5b98d,0 13px 0 #567979,0 28px 0 -5px #f1ffec77,0 35px 0 -8px #d6fbef55; border-color:#355f67; }
.st-node:disabled { opacity:1; cursor:default; }
.st-node.occupied { background:linear-gradient(110deg,#f6ffe3,#d3e8c0); }
.st-node-top { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:20px; font-size:14px; }
.st-server-icon { font:800 11px var(--mono); color:#f4f6de; background:#618483; padding:4px 6px; border-radius:5px; }
.st-node-light { width:6px; height:6px; border-radius:50%; background:#588961; box-shadow:0 0 0 3px #b4cfaa; }
.st-resource { margin:14px 0; }
.st-resource-label { display:flex; justify-content:space-between; gap:3px; align-items:center; font-size:11px; margin-bottom:7px; }
.st-resource-label b { font-weight:800; }
.st-resource-label span { font:600 11px var(--mono); white-space:nowrap; }
.st-track { height:13px; background:#d0d6c7; border:1px solid #a9b4a8; box-shadow:inset 0 2px 2px #48605e22,0 1px 0 #fff; border-radius:5px; overflow:hidden; position:relative; }
.st-track i { position:absolute; height:100%; top:0; border-radius:3px; }
.st-track::after { content:''; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),#fff6 calc(25% - 2px) 25%); pointer-events:none; }
.st-used { background:#889b98; box-shadow:inset 0 2px 0 #c0ccc4; }
.st-added { transform-origin:left; animation:st-fill .65s ease-out both; }
.cpu .st-added { background:var(--cpu); box-shadow:inset 0 3px 0 #84cfde; }
.mem .st-added { background:var(--mem); box-shadow:inset 0 3px 0 #c4a4de; }
.st-node-slot { height:58px; margin-top:17px; border-top:2px dashed #b9c1ab; display:flex; align-items:center; justify-content:center; gap:3px; font:800 13px var(--mono); position:relative; }
.st-slot-ring { display:grid; place-items:center; width:58px; height:29px; border:2px dashed #9cb1a0; border-radius:50%; color:#658573; font-size:24px; margin-top:5px; }
.st-node-slot svg { width:46px; height:51px; filter:drop-shadow(0 3px 0 #4d786123); }
.st-node.just-placed { animation:st-dock .8s ease-out; }
.st-node.just-placed .st-node-slot svg { animation:st-pop .75s both; }
.st-node.rejected { animation:st-shake .4s; border-color:#bd604c; }
.st-legend { display:flex; justify-content:center; gap:16px; font-size:10px; color:#355f65; margin:0 0 15px; }
.st-footer { display:flex; gap:14px; align-items:center; justify-content:space-between; min-height:63px; padding:12px 15px; border:2px solid #75a4a4; border-radius:15px; background:#e0efdbcf; box-shadow:inset 0 2px 0 #fff8; }
.st-feedback { font-size:13px; font-weight:600; line-height:1.6; color:#3e6463; flex:1; }
.st-feedback.error { color:#9c3d2d; }.st-feedback.success { color:#2d694b; }
.st-footer .btn { background:#f3c965; color:#594822; border:2px solid #a78646; box-shadow:inset 0 2px 0 #ffedb5,0 3px 0 #9b804a; border-radius:12px; white-space:nowrap; min-height:44px; font-weight:800; }
.st-footer [hidden] { display:none; }
.st-lesson button:focus-visible,.st-lesson summary:focus-visible { outline:3px solid #235f99; outline-offset:5px; }
@keyframes st-fill { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes st-shake { 20%,60% { transform:translateX(-5px) rotate(-2deg); } 40%,80% { transform:translateX(5px) rotate(2deg); } }
@keyframes st-dock { 40% { transform:translateY(0); } 65% { transform:translateY(7px) rotate(2deg); } 85% { transform:translateY(-3px); } }
@keyframes st-pop { 0%,60% { opacity:0; transform:scale(.3); } 85% { transform:scale(1.2); } 100% { opacity:1; transform:scale(1); } }
@keyframes st-bob { 50% { transform:translateY(-7px) rotate(-3deg); } }
@keyframes st-arrive { from { transform:translate(-60px,-110px) rotate(-15deg) scale(1.5); } 75% { transform:translate(0,4px) rotate(5deg); } to { transform:none; } }
@media(max-width:1080px) { .st-layout { grid-template-columns:230px minmax(0,1fr); gap:20px; }.st-demo { padding:24px 13px 13px; }.st-board { padding:18px 15px 15px; }.st-nodes { gap:12px; }.st-node { padding:14px 10px 8px; }.st-resource-label { flex-wrap:wrap; }.st-node-top { font-size:12px; }.st-server-icon { font-size:10px; padding:3px; } }
@media(max-width:800px) { .st-layout { grid-template-columns:1fr; }.st-demo { margin:0; transform:none; display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; padding:20px; }.st-demo::before { left:25px; }.st-demo h2 { text-align:left; margin:4px 0; }.st-demo .st-eyebrow { text-align:left; }.st-demo-content { grid-column:2; grid-row:1/5; padding:10px; border-radius:18px; }.st-demo-flight { height:88px; }.st-demo-controls { align-self:end; margin:0; }.st-demo-note { margin:0; }.st-demo-node .st-resource { margin:8px 0; }.st-demo-status { margin-top:8px; }.st-lesson h1 { font-size:30px; }.st-steps { gap:18px; }.st-steps li:not(:last-child)::after { width:24px; }.st-lesson { padding:0; }.st-board h2 { font-size:25px; } }
@media(max-width:440px) { .st-lesson-header { gap:12px; margin-bottom:20px; }.st-lesson h1 { font-size:26px; }.st-steps { gap:12px; }.st-steps li>span { width:32px; height:32px; font-size:15px; }.st-steps li>b { display:none; }.st-steps li:not(:last-child)::after { top:15px; left:calc(50% + 19px); width:12px; }.st-demo { gap:6px 12px; padding:20px 12px 12px; }.st-demo h2 { font-size:19px; }.st-demo-node { padding:9px 8px; }.st-demo-controls { flex-wrap:wrap; }.st-demo-flight span { font-size:9px; }.st-demo-node .st-node-top { font-size:11px; }.st-demo .st-resource-label { font-size:10px; }.st-demo .st-resource-label span { font-size:10px; }.st-demo-status { font-size:10px; }.st-board { padding:13px 10px; border-radius:24px; }.st-board h2 { font-size:23px; }.st-board-heading { margin-bottom:12px; }.st-pod { gap:10px; padding:12px 10px 12px 50px; }.st-pod>svg { width:62px; left:-17px; }.st-pod-name b { font-size:12px; }.st-request { padding-left:10px; }.st-request b { font-size:16px; }.st-nodes { gap:10px; }.st-node { padding:12px 7px 6px; border-width:2px; }.st-server-icon { display:none; }.st-node-top { font-size:12px; }.st-node-light { width:4px; height:4px; }.st-resource-label { font-size:10px; }.st-resource-label span { font-size:10px; }.st-node::after { width:9px; height:9px; right:-7px; border-width:3px; }.st-node::before { top:-9px; height:7px; border-width:2px; }.st-footer { padding:10px; flex-wrap:wrap; }.st-feedback { font-size:12px; min-width:120px; }.st-legend { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .st-lesson *, .st-lesson *::before,.st-lesson *::after { animation:none!important; transition:none!important; } }
/* Course routes, Deployment cargo manifests and traffic gauges. */
.st-course-nav { display:flex; flex-wrap:wrap; gap:10px; margin:15px 12px 24px; }
.st-course-nav button { min-height:44px; padding:8px 14px; border:2px solid #719896; border-radius:12px; background:#e0eedb; color:#31585c; box-shadow:0 3px 0 #779692; cursor:pointer; font-weight:700; font-size:13px; }
.st-course-nav button>span { font:700 11px var(--mono); margin-right:8px; opacity:.8; }
.st-course-nav button.active { background:#ffe1a0; border-color:#a28754; box-shadow:0 3px 0 #a28754; }
.st-course-nav button:focus-visible { outline:3px solid #235f99; outline-offset:4px; }
.st-course-board .st-deployments { margin:22px 0 12px; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:20px; }
.st-deployment { flex:1 1 180px; min-width:0; padding:10px; border:2px solid #748f83; border-top:6px solid var(--cargo-color); border-radius:14px; background:#fff6db; box-shadow:0 4px 0 #98a589; }
/* Same cargo silhouette and resource badges as the first lesson. */
.st-course-board .st-deployments { gap:20px; }
.st-deployment { flex-basis:300px; padding:14px; }
.st-manifest-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin:0 0 18px; color:#526859; font-size:11px; }
.st-manifest-heading b { color:#365b52; }
.st-pod.st-deployment-pick { width:100%; min-height:84px; padding:12px 12px 12px 62px; gap:12px; }
.st-deployment-pick.selected { border-color:#947137; box-shadow:inset 0 3px 0 #ffffeb,0 6px 0 #947137,0 0 0 4px #eac77b55; }
.st-pod.st-deployment-pick>svg { width:68px; height:80px; left:-12px; top:-9px; }
.st-deployment-pick .st-pod-name { flex:1; min-width:0; }
.st-deployment-pick .st-pod-name b { overflow-wrap:anywhere; }
.st-deployment-pick .st-request { flex-shrink:0; padding-left:12px; }
.st-deployment-pick .st-request b { font:800 18px var(--mono); }
.st-deployment-pick:disabled { opacity:1; cursor:default; }
.st-deployment-pick:disabled:hover { transform:none; }
.st-peak-badges { display:flex; gap:16px; padding:16px 4px 6px; }
.st-peak-badges>span { flex:1; }
.st-peak-badges small { display:block; font-size:11px; color:#596d64; }
.st-peak-badges b { font:700 14px var(--mono); color:#795394; }
.st-deployment .st-request-fields { margin-top:10px; }
.st-request-fields { border-top:1px dashed #c2bd9e; padding-top:8px; display:flex; flex-wrap:wrap; gap:7px; font-size:11px; }
.st-request-fields small { flex-basis:100%; font-size:11px; color:#5a6655; }
.st-request-fields label { display:flex; align-items:center; gap:4px; }.st-request-fields select { min-height:44px; background:#f5f1d8; border:1px solid #9b9e80; color:#334f51; border-radius:7px; font:600 12px var(--mono); }
.st-course-actions { display:flex; flex-wrap:wrap; gap:9px; margin:14px 0; }
.st-course-actions button:disabled,.st-loaded-pod:disabled,.st-deployment-pick:disabled { opacity:.65; cursor:default; }
.st-traffic-meter { display:flex; align-items:center; gap:10px; color:#385b63; font-size:12px; margin:14px 0; }.st-traffic-meter:empty { display:none; }.st-traffic-meter>.st-track { flex:1; }.st-traffic-meter b { font:700 11px var(--mono); }
.st-course-board .st-nodes { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); margin-top:22px; }
.st-course-node { cursor:default; padding:0; }.st-node-drop { padding:15px 13px 0; width:100%; display:block; background:none; border:0; text-align:left; border-radius:15px; color:#244958; cursor:pointer; }.st-node-drop:disabled { cursor:default; }
.st-course-node .st-node-top { margin-bottom:14px; }
.st-loaded-pods { min-height:64px; padding:8px; display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center; }
.st-loaded-pod { display:flex; align-items:center; gap:3px; min-height:44px; max-width:100%; border:1px solid #a4b292; background:#edf2d9; color:#3b5f54; border-radius:8px; padding:2px 6px; cursor:pointer; font:600 10px var(--mono); }
.st-loaded-pod svg { width:25px; height:30px; }.st-loaded-pod b { font-size:15px; }
.st-runtime { border-top:1px dashed #a7b8a7; margin-top:12px; padding-top:10px; }.st-runtime small { color:#963d32; font-size:11px; }.st-runtime.overload .st-actual-fill { background:#c76750; }.st-course-node.pressure { border-color:#aa5644; }
.st-actual-fill { position:absolute; height:100%; left:0; background:#9170bd; transition:width .2s linear; }
.st-course-demo .st-node-top>svg { width:35px; height:40px; }.st-course-demo .st-added { animation:none; }
.st-memory-chart { width:100%; height:80px; display:block; margin:12px 0; }
.st-demo-crowd { display:flex; gap:8px; justify-content:center; padding:10px 0; }
.st-demo-crowd i { width:12px; height:17px; border-radius:6px 6px 3px 3px; background:#649b97; opacity:.2; position:relative; }
.st-demo-crowd i::before { content:''; position:absolute; width:9px; height:9px; border-radius:50%; background:inherit; top:-10px; left:1.5px; }.st-demo-crowd i.active { opacity:1; }
@media(max-width:440px) { .st-course-nav { gap:7px; margin:10px 0 20px; }.st-course-nav button { padding:7px 9px; font-size:12px; }.st-course-nav button>span { margin-right:4px; }.st-course-board .st-nodes { grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); }.st-course-board .st-destination-label { flex-wrap:wrap; gap:6px; }.st-deployment { flex-basis:100%; padding:12px; }.st-course-demo { min-width:0; }.st-demo-crowd { gap:4px; }.st-demo-crowd i { width:9px; } }
@media(prefers-reduced-motion:reduce) { .st-actual-fill { transition:none; } }
/* Runtime gauges repaint during the peak; reserved resources must stay steady. */
.st-course-board .st-added { animation:none; }

@media(max-width:440px) { .st-pod.st-deployment-pick { padding-left:48px; gap:8px; }.st-pod.st-deployment-pick>svg { width:57px; left:-12px; }.st-deployment-pick .st-request { padding-left:8px; }.st-deployment-pick .st-request b { font-size:16px; } }

.st-actual-fill.st-cpu-fill { background:#628db7; }
.st-peak-badges .st-cpu-peak b { color:#466f99; }

.st-resource.overload .st-added { background:#c76750; }
.st-resource.overload .st-resource-label span { color:#963d32; }

.st-board-heading, .st-demo-controls { justify-content:flex-end; }

.page:has(.stowage-body) .game-lang { background:#fff9e7; color:#295568; border-color:#9baea0; }