/* A player-first layer: progress, practical teaching and direct next actions. */
.record #best-score{display:block;font-size:13px;color:#b7c9e1;margin-top:7px;letter-spacing:0}
.asset-status{padding:10px 18px 18px;color:#ebcca8;font-size:13px;line-height:1.7}.asset-status button{margin-left:10px;padding:8px 12px;border:1px solid #e3bb854d;border-radius:6px;background:#423829;color:#ffe2b8}
.learn-button,.result-claim{min-height:44px;padding:10px 16px;border:1px solid #b7e5e64d;border-radius:8px;color:#d3eff0;background:#1b3854ba;font-size:13px;width:min(300px,100%);margin-top:10px;text-align:left;cursor:pointer}
.learn-button{width:auto;background:transparent;border:0;padding:5px 0;color:#b5cedf;text-decoration:underline;text-underline-offset:4px}
.launch-shortcut{display:none}
.training-panel{position:absolute;top:18px;left:18px;right:18px;max-width:440px;padding:20px;z-index:8;background:#10213af2;border:1px solid #a4d8e16b;border-radius:14px;box-shadow:0 14px 40px #0008;backdrop-filter:blur(12px)}
.training-panel small{font-size:12px;color:#9de5d5;letter-spacing:1px}.training-panel h3{font-size:24px;margin:7px 0}.training-panel p{font-size:14px;line-height:1.7;color:#c2d3e9;margin:8px 0 14px}.training-panel>span{font-size:13px;color:#b2e9cd;display:block;margin-bottom:12px}.training-panel>div{display:flex;gap:10px}.training-panel button{border-radius:7px;border:1px solid #8ab6c866;padding:9px 14px;color:#d7e8f3;background:#243e59;cursor:pointer}.training-panel button:first-child{background:#b8efda;color:#152e37}.training-panel button:disabled{opacity:.4;cursor:default}
.stage[data-state=tutorial] .hud,.stage[data-state=tutorial] .location{display:none}.stage[data-state=tutorial] canvas{height:calc(100% - 72px)}.stage[data-state=tutorial] .energy-control{display:block;z-index:9;bottom:12px}
.countdown{position:absolute;inset:0;background:#0b172dc9;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(5px);pointer-events:none}.countdown strong{font-size:86px;line-height:1.2;color:#b9f5db;text-shadow:0 0 35px #9ff5dc66}.countdown span{font-size:15px;color:#c6d8e7;margin-top:16px}
.xp-summary{padding-bottom:17px;border-bottom:1px solid #bdc9ed18;margin-bottom:18px;color:#acbbd4;font-size:12px}.xp-summary>div{height:5px;background:#29384d;border-radius:5px;margin-top:9px;overflow:hidden}.xp-summary i{height:100%;background:linear-gradient(90deg,#98dcd1,#c1a6f6);display:block;border-radius:5px}
.next-order,.story-order{padding:24px;border:1px solid #b4c6e226;border-radius:14px;background:linear-gradient(135deg,#25324a,#19243b);grid-column:1/-1}.next-order small,.story-order small{font-size:12px;color:#c7b9eb}.next-order h3,.story-order h3{font-size:20px;margin:12px 0}.next-order p,.story-order p{color:#acbed8;font-size:14px;line-height:1.8}.next-order b{font-size:13px;color:#d4e6ed;display:block;margin:12px 0}.next-order button,.story-order button{font-size:13px;border:1px solid #a4c6cf4d;border-radius:7px;padding:9px 13px;color:#c9ece7;background:#1b3a4d;cursor:pointer}.story-order{margin-top:20px}.story-order>div{font-size:14px;color:#b6e1d4;margin:14px 0}.story-order button:disabled{opacity:.5;cursor:default}
.claim-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#bfd1e4;margin-bottom:14px}.claim-toolbar button{border:1px solid #93c8bc4d;background:#294c50;color:#cff5de;padding:9px 13px;border-radius:8px;cursor:pointer}.claim-toolbar button:disabled{opacity:.4;cursor:default}
.gear-card button{line-height:1.65}.stage[data-state=over] .overlay{overflow-y:auto;justify-content:flex-start;padding-top:55px}.stage[data-state=over] .overlay p{line-height:1.7;margin:10px 0 12px}.stage[data-state=over] .learn-button{display:none}.stage[data-state=over] .overlay .menu-courier{opacity:.35}
button:focus-visible,a:focus-visible{outline:3px solid #b9f3dc;outline-offset:4px}
@media(max-width:650px){.page-title{margin:12px 0 16px!important}.page-title h1{font-size:27px!important;margin:9px 0!important}.page-title>div>p{display:none}.page-title .eyebrow{font-size:9px}.station-nav{margin-bottom:8px!important}.launch-shortcut:not([hidden]){display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid #b8efd64d;background:#1b3b46;color:#c9f1e3;border-radius:9px;min-height:44px;margin:10px 0 12px;padding:10px 15px;font-size:14px}.stage[data-state=ready] .overlay{padding:95px 22px 20px}.stage[data-state=ready] .overlay h2{font-size:30px}.stage[data-state=ready] .overlay p{margin:10px 0 12px}.stage[data-state=ready] .menu-courier{opacity:.6;width:145px;bottom:5%}.training-panel{left:12px;right:12px;top:12px;padding:15px}.training-panel h3{font-size:21px}.training-panel p{font-size:14px}.training-panel>div{gap:7px}.training-panel button{padding:8px 10px;font-size:13px}.training-panel>span{margin-bottom:9px}.stage[data-state=tutorial] .energy-control{width:auto;left:85px;right:12px}.stage[data-state=over] .overlay{padding:26px 22px 18px}.stage[data-state=over] .overlay h2{font-size:29px;margin:10px 0}.stage[data-state=over] .overlay p{font-size:14px}.stage[data-state=over] .start-hint{margin-top:9px}.result-claim{font-size:13px;width:100%}.claim-toolbar{align-items:flex-start;flex-direction:column}.next-order{padding:22px}.record #best-score{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}