: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;--start-control-left: clamp(24px, 5vw, 64px);--start-button-bottom: max(42px, calc(env(safe-area-inset-bottom, 0px) + clamp(34px, 7vh, 92px)) );--visitor-count-bottom: calc(var(--start-button-bottom) + 74px);--cover-button-mask-width: clamp(330px, 31vw, 460px);--cover-button-mask-height: clamp(148px, 18vh, 220px)}*{box-sizing:border-box}html,body{width:100%;height:100%}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;height:100dvh;min-height:100svh}#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-screen:before{content:"";position:fixed;left:max(0px,calc(var(--start-control-left) - 24px));bottom:max(0px,calc(var(--start-button-bottom) - 26px));z-index:1;width:var(--cover-button-mask-width);height:var(--cover-button-mask-height);border-radius:18px;background:radial-gradient(circle at 16% 50%,rgba(3,11,16,.52),transparent 42%),linear-gradient(90deg,#030b10d1,#030b1085 58%,#030b1000);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.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{position:fixed;left:var(--start-control-left);bottom:var(--start-button-bottom);z-index:4;min-width:160px;min-height:52px}.visitor-count{position:fixed;left:var(--start-control-left);bottom:var(--visitor-count-bottom);z-index:3;display:inline-flex;align-items:center;min-height:30px;margin:0;border:1px solid rgba(236,251,255,.3);border-radius:999px;padding:6px 12px;color:#ecfbffeb;background:#0710169e;font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.visitor-count.is-loading,.visitor-count.is-unavailable{color:#ecfbffb3}.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){:root{--start-control-left: clamp(18px, 6vw, 28px);--start-button-bottom: max(22px, calc(env(safe-area-inset-bottom, 0px) + 24px) );--visitor-count-bottom: calc(var(--start-button-bottom) + 68px);--cover-button-mask-width: min(360px, calc(100vw - 18px) );--cover-button-mask-height: 156px}.start-screen{grid-template-columns:1fr;align-items:end;background-position:58% center}.start-screen .primary-button{min-width:152px;min-height:50px}.visitor-count{max-width:min(340px,calc(100vw - 36px));white-space:normal}.side-panel{width:min(240px,calc(100vw - 28px));padding:10px}.bottom-bar{grid-template-columns:1fr}}