:root{color-scheme:dark;font-family:Inter,Microsoft YaHei UI,PingFang SC,Noto Sans SC,Arial,sans-serif;--cyan: #5ff1ff;--lime: #bbff64;--coral: #ff6f7d;--magenta: #ec5cff;--ink: #071016;--panel: rgba(8, 17, 24, .76);--line: rgba(255, 255, 255, .18);--text: #ecfbff}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#071016;color:var(--text);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}#app,#game-canvas{width:100vw;height:100vh}#game-canvas{display:block;image-rendering:auto}.hidden{display:none!important}.start-screen{position:fixed;inset:0;display:grid;grid-template-columns:minmax(300px,.72fr);align-items:end;padding:clamp(24px,5vw,64px);background:#071016 url(/assets/generated/start-screen-final-cover.png) center / cover no-repeat;overflow:hidden}.start-copy{position:relative;z-index:2;max-width:760px;padding-bottom:clamp(10px,5vh,54px)}.start-screen .eyebrow,.start-screen h1,.start-screen .tagline{visibility:hidden}.start-screen .primary-button{opacity:0}.eyebrow{margin:0 0 12px;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{max-width:760px;font-size:clamp(44px,8vw,94px);line-height:.95;text-shadow:0 12px 36px rgba(0,0,0,.5)}.tagline{max-width:660px;margin:22px 0 28px;color:#ecfbffe0;font-size:clamp(15px,2vw,20px);line-height:1.6}.primary-button{min-width:150px;border:0;border-radius:8px;padding:13px 20px;color:#051014;background:linear-gradient(135deg,var(--cyan),var(--lime));font-weight:900;cursor:pointer;box-shadow:0 14px 34px #5ff1ff47}.primary-button:hover{transform:translateY(-1px)}.hud{position:fixed;top:14px;left:50%;z-index:3;display:flex;align-items:center;gap:10px;width:min(430px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.metric,.side-panel,.bottom-bar,.end-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px #00000047}.metric{min-width:96px;border-radius:8px;padding:8px 12px}.metric span,.tool-status span,.quality-row span,.order-card span,.progress-wrap span{color:#ecfbffa3;font-size:12px}.metric strong{display:block;margin-top:2px;font-size:22px}.side-panel{position:fixed;top:92px;z-index:3;width:min(300px,calc(100vw - 28px));max-height:calc(100vh - 190px);overflow:auto;border-radius:8px;padding:14px}.side-panel.right{right:14px}.side-panel h2{margin-bottom:10px;font-size:16px}.order-card{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px;margin-bottom:8px;background:#ffffff0f}.order-card.active{border-color:#5ff1ffc7;background:#5ff1ff1f}.order-card strong{display:block;font-size:15px}.badge{height:28px;min-width:44px;border-radius:999px;padding:6px 9px;text-align:center;color:#071016;background:var(--lime);font-weight:900;font-size:12px}.sample-empty{margin:0;color:#ecfbffb3;line-height:1.5}.quality-row{margin-bottom:9px}.quality-track,.progress-track{height:9px;margin-top:5px;overflow:hidden;border-radius:999px;background:#ffffff1f}.quality-track div,#station-progress{height:100%;width:0%;border-radius:inherit;transition:width .14s linear}.workflow-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.workflow-step{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 8px;color:#ecfbffbd;background:#ffffff0d;font-size:12px}.workflow-step.current{color:#051014;background:var(--cyan);border-color:transparent;font-weight:900}.bottom-bar{position:fixed;right:14px;bottom:14px;left:14px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;border-radius:8px;padding:12px 14px}.bottom-bar .progress-wrap{display:none}.bottom-bar strong{display:block;font-size:18px}.bottom-bar p{margin:4px 0 0;color:#ecfbffb3}#station-progress{background:linear-gradient(90deg,var(--cyan),var(--lime))}.station-progress-popover{position:fixed;z-index:4;width:112px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}.station-progress-shell{position:relative;border:3px solid #5a321d;border-radius:5px;padding:3px;background:#fff8e8}.station-progress-shell:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;border-right:3px solid #5a321d;border-bottom:3px solid #5a321d;background:#fff8e8;transform:translate(-50%) rotate(45deg)}.station-progress-track{position:relative;z-index:1;height:10px;overflow:hidden;border-radius:2px;background:#f0d7bd}#station-progress-fill{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,#44dc72,#b8ff5f);transition:width .1s linear}.station-progress-popover.paused #station-progress-fill{background:linear-gradient(90deg,#ff6f5f,#ffd15f)}.end-screen{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:#02070ca8}.end-card{width:min(520px,calc(100vw - 32px));border-radius:8px;padding:28px;text-align:center}.end-card h2{font-size:34px}.end-card p:not(.eyebrow){color:#ecfbffc7;line-height:1.6}@media(max-width:860px){.start-screen{grid-template-columns:1fr;align-items:end}.side-panel{width:min(240px,calc(100vw - 28px));padding:10px}.bottom-bar{grid-template-columns:1fr}}