:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#e8e8df;background:#09121b;font-synthesis:none;--bg:#0c1823;--panel:#14222d;--line:#344854;--muted:#97aab6;--cyan:#65e0e9;--purple:#b8a2ff;--gold:#f2cd87;--white:#f3e9d5;--danger:#ec9c85;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}html,body,#world{width:100%;height:100%;min-height:100%;touch-action:none}button,input{font:inherit}button{color:inherit;border:1px solid #445864;background:#1a2b38;padding:11px 17px;cursor:pointer;border-radius:3px;transition:background .15s,border-color .15s,transform .15s;min-height:42px}button:hover{background:#2b4050;border-color:#9ab7c3}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:active,.pressed{background:#425866!important;transform:translateY(1px)}button:disabled{opacity:.3;cursor:default}button.primary{background:var(--gold);color:#17242b;border-color:var(--gold);font-weight:650}button.primary:hover{background:#ffe1aa}kbd{font:10px monospace;display:inline-block;border:1px solid #71828b66;border-bottom-width:2px;border-radius:3px;padding:2px 4px;color:#b9c9cf;margin-left:5px}small,.muted{color:var(--muted);font-size:12px;line-height:1.8}b{font-weight:600}button,button *{-webkit-user-select:none;user-select:none}#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%}#hud{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#07131aa8,transparent 22%,transparent 65%,#07131a96)}#hud button,#hud input{pointer-events:auto}header{height:92px;position:absolute;top:0;left:0;right:0;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}header:after{content:"";position:absolute;bottom:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,#50646a70,transparent 35%,transparent 65%,#50646a70)}.brand{display:flex;gap:12px;font-size:17px;letter-spacing:.16em;align-items:center}.brand-mark{width:40px;height:40px;border:1px solid #e3c08266;border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--gold)}.brand small{display:block;font:9px monospace;color:#92aab8;letter-spacing:.17em;margin-top:5px}.cycle-clock{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translate(-50%)}.cycle-clock>span{font-size:12px;color:#b8c5cb;writing-mode:vertical-rl;letter-spacing:.1em}.cycle-clock b{font:300 40px/1 monospace;color:var(--gold);font-variant-numeric:tabular-nums}.cycle-clock small{font-size:10px;max-width:25px;line-height:1.4;letter-spacing:.08em}.cycle-clock .urgent{color:#efaa8c}nav{display:flex;gap:8px}nav button{background:#142531bb;padding:8px 12px}#broadcast{position:absolute;top:113px;left:32px;max-width:400px;border-left:2px solid #e0c19077;padding:0 0 0 13px}#broadcast small{font:9px monospace;letter-spacing:.13em;color:#d8c7a5}#broadcast p{font-size:13px;color:#cad3d2;margin:7px 0;line-height:1.6;letter-spacing:.04em}#core-progress{position:absolute;right:32px;top:116px;width:190px}#core-progress>span{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}#core-progress b{font:11px monospace;color:#e6d4b3}#core-progress>div{height:3px;background:#8398a13b;margin-top:9px}#charge-fill{display:block;height:100%;background:var(--gold);box-shadow:0 0 12px #f2cd8766}#core-progress.charging>span{color:var(--gold)}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.station-label{position:absolute;transform:translate(-50%,-100%);display:flex;gap:9px;align-items:center;background:#10202be8;border:1px solid #47606e88;border-top:2px solid var(--station);padding:8px 12px;white-space:nowrap;border-radius:3px;box-shadow:0 5px 18px #0003}.station-label>b{color:var(--station);font:24px monospace;border-right:1px solid #779ba744;padding-right:9px}.station-label strong{font-size:12px;font-weight:550;letter-spacing:.12em;display:block}.station-label span{font-size:10px;color:#a7bbc6;display:block;margin-top:3px}.station-label.lit{border-color:var(--station);background:#142d38ef}.station-label.lit span{color:var(--station)}.station-label.waiting span{color:var(--gold)}#prompt{position:absolute;bottom:188px;left:50%;transform:translate(-50%);white-space:nowrap}.work-prompt{display:flex;align-items:center;gap:12px;background:#122633ed;border:1px solid #789eaa88;padding:10px 16px;text-align:left;box-shadow:0 7px 24px #0003}.work-prompt>kbd{font:20px monospace;min-width:36px;height:36px;display:grid;place-items:center;color:var(--gold);border-color:#b8a37f77;margin:0}.work-prompt>span{font-size:14px}.work-prompt small{display:block;font-size:10px;margin-top:3px}.work-led{width:7px;height:7px;border-radius:50%;background:#758994;margin-left:8px}.working{border-color:var(--gold)}.working .work-led{background:var(--gold);box-shadow:0 0 12px var(--gold)}.explore-prompt{font-size:12px;letter-spacing:.08em;color:#c0cdd2;text-shadow:0 2px 6px #000;background:#0c1b25b8;padding:9px 15px;border-bottom:1px solid #58738177}#toast{position:absolute;left:50%;top:174px;transform:translate(-50%,-10px);opacity:0;max-width:min(600px,85%);background:#203540ed;border:1px solid #577681;padding:10px 16px;font-size:12px;line-height:1.7;transition:opacity .2s,transform .2s;z-index:12;box-shadow:0 5px 30px #0005;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%)}footer{position:absolute;bottom:0;left:0;right:0;padding:12px 30px;background:linear-gradient(transparent,#0c1a24e8 20%,#0b1925fa);border-top:1px solid #617b8844}.strip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:10px;font-size:11px;letter-spacing:.08em}.strip-heading small{font-size:10px;margin-left:10px;color:#8099a7}.strip-heading button{font-size:11px;padding:4px 9px;min-height:28px;background:transparent;border:0}.record-dot{display:inline-block;background:var(--gold);width:5px;height:5px;margin-right:6px;border-radius:50%;box-shadow:0 0 6px #f2cd8755}.timeband{padding-left:26px;position:relative}.ruler{display:flex;justify-content:space-between;font:9px monospace;color:#91a7b4;padding-bottom:5px;padding-left:0}.time-row{position:relative;margin:4px 0;height:15px}.row-name{position:absolute;left:-26px;top:1px;font:10px monospace;width:20px}.row-line{height:100%;position:relative;background:repeating-linear-gradient(90deg,#728e9a1b 0,#728e9a1b 1px,transparent 1px,transparent calc(100% / 30)),#18303d6b;border-top:1px solid #42606b38;border-bottom:1px solid #42606b38}.interval{position:absolute;top:0;height:100%;font:9px/14px monospace;font-style:normal;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:1px;color:#102331;box-shadow:0 0 10px #0001}.cyan .interval{background:var(--cyan)}.purple .interval{background:var(--purple)}.white .interval{background:var(--white)}.cyan .row-name{color:var(--cyan)}.purple .row-name{color:var(--purple)}.disabled .interval{opacity:.18;background:repeating-linear-gradient(45deg,#bdc7cc,#bdc7cc 2px,transparent 2px,transparent 4px)}.disabled .row-name{text-decoration:line-through;opacity:.4}.cursor{height:100%;width:1px;background:#fff9;position:absolute;top:0;box-shadow:0 0 3px #fff5}.footer-help{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:10px;color:#90a6b2}.footer-help button{padding:4px 10px;min-height:24px;position:relative;overflow:hidden;font-size:10px;background:#24374380;border-color:#50677580}.footer-help button i{display:block;position:absolute;left:0;top:0;bottom:0;background:#f2cd8744;pointer-events:none}.large{margin:25px 0 18px}.large .time-row{height:25px;margin:7px 0}.large .row-name{font-size:12px;top:5px}.large .interval{font-size:12px}.large .ruler{font-size:11px}.large .row-line{background-color:#1b3342}#overlay{position:absolute;inset:0;pointer-events:none;z-index:20;display:flex;align-items:center;justify-content:center;padding:25px}#overlay.visible:not(.mode-title):not(.mode-ending){pointer-events:auto;background:#051018a8;backdrop-filter:blur(7px)}.panel{pointer-events:auto;background:linear-gradient(135deg,#1b2c38fa,#10202dfa);width:min(490px,100%);max-height:calc(100dvh - 50px);overflow:auto;padding:32px 34px;border:1px solid #526a7677;border-top:2px solid #d6bb87;box-shadow:0 24px 100px #0009;border-radius:4px;touch-action:pan-y}.panel.wide{width:min(800px,100%)}.eyebrow{font:10px monospace;letter-spacing:.18em;color:var(--gold);line-height:1.6;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow>span{color:#9db0b8;font:10px sans-serif;letter-spacing:.08em}.panel h2{font-family:Songti SC,STSong,SimSun,serif;font-weight:500;font-size:27px;letter-spacing:.06em;margin:17px 0 18px;line-height:1.4}.panel p{font-size:13px;color:#c2d0d5;line-height:1.9;margin:12px 0}.panel h3{font-size:13px;letter-spacing:.1em;color:var(--gold);margin:20px 0 8px}.panel hr{border:0;border-top:1px solid #526b7455;margin:22px 0}.menu-stack{display:grid;gap:8px;margin:22px 0}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.button-row button{font-size:12px;padding:10px 12px}.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.track-card{padding:14px 16px;border:1px solid #48637270;border-left:2px solid var(--cyan);background:#132b3888}.track-card.purple{border-left-color:var(--purple)}.track-title{display:flex;justify-content:space-between;gap:9px;font-size:12px}.track-title b{color:var(--cyan)}.track-card.purple .track-title b{color:var(--purple)}.track-title>span{font-size:10px;color:#90aab6}.interval-summary{font:11px/1.9 monospace!important;max-height:110px;overflow:auto}.track-card .button-row{gap:6px}.track-card button{padding:7px 10px;min-height:32px;font-size:11px}.live-summary{border-left:2px solid var(--white);padding-left:14px}.live-summary>b{font-size:11px;color:var(--white)}.live-summary p{font:11px monospace;line-height:1.7;margin:6px 0}.facts{margin-top:20px;border-top:1px solid #4d6a7655;padding-top:14px;font-size:11px;color:var(--muted)}.facts p{font-size:11px;margin:6px 0;line-height:1.7}.manual p{font-size:12px}.manual b{color:var(--white)}.cyan-text{color:var(--cyan)!important}.purple-text{color:var(--purple)!important}.gold-text{color:var(--gold)!important}.hint-number{font:44px monospace!important;color:var(--gold)!important;margin-top:20px!important}.hint-copy{font-size:15px!important;line-height:2!important;margin-bottom:26px!important}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;font-size:13px}.setting input[type=range]{width:150px;accent-color:var(--gold)}.setting input[type=checkbox]{accent-color:var(--gold);width:19px;height:19px}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07141bf8,#07141be8 30%,#07141b80 55%,transparent);pointer-events:none}.mode-title{justify-content:flex-start!important;padding:0!important}.title-screen{position:relative;pointer-events:auto;width:min(500px,100%);margin-left:7%;padding:25px 0;max-height:100%;overflow:auto}.title-screen>.eyebrow{color:#c7ac7f;letter-spacing:.2em;font-size:10px}.title-screen h1{font:500 clamp(38px,4.7vw,65px)/1.3 "Songti SC","STSong","SimSun",serif;letter-spacing:.12em;margin:20px 0 24px;white-space:nowrap;color:#f2ead7}.title-screen h1>span{display:block;font:11px monospace;letter-spacing:.5em;color:#9bacb2;margin-top:17px}.title-rule{width:42px;height:2px;background:var(--gold);margin-bottom:25px}.title-quote{font:17px/1.7 STSong,SimSun,serif;letter-spacing:.05em;color:#ded7c3}.title-intro{font-size:13px;line-height:1.9;letter-spacing:.08em;color:#99adb7;margin-bottom:24px}.title-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:290px}.title-buttons .primary{grid-column:span 2;text-align:left;padding-left:20px}.title-buttons button:nth-child(2){grid-column:span 2;text-align:left;padding-left:20px;background:#162935bb}.title-buttons button{font-size:13px}.continue-note{display:block;margin-top:14px;font-size:10px;color:#7f98a6;line-height:1.8}.title-credit{font:10px monospace;letter-spacing:.12em;color:#9caaa8;margin-top:32px}.mode-ending{background:linear-gradient(transparent 60%,#07141bc9);align-items:flex-end!important;padding-bottom:10vh!important}.ending-caption{text-align:center}.ending-caption small{color:var(--gold);letter-spacing:.15em;font-size:10px}.ending-caption p{font-family:STSong,SimSun,serif;font-size:22px;letter-spacing:.08em;color:#eee5ce}.ending-caption>span{font-size:11px;letter-spacing:.12em;color:#b3c3c6}.end-poem{font:20px/2 STSong,SimSun,serif!important;color:#e7d7b5!important;letter-spacing:.07em}.stats{display:flex;gap:24px;padding:20px 0;margin:20px 0;border-top:1px solid #657b8355;border-bottom:1px solid #657b8355}.stats>div{flex:1}.stats b{font:27px monospace;display:block;color:var(--gold);margin-bottom:8px}.stats span{font-size:10px;color:var(--muted)}#touch{position:absolute;inset:0;pointer-events:none;z-index:10;display:none}.dpad{position:absolute;left:18px;bottom:210px;display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:4px}.dpad button{pointer-events:auto;background:#203c4bd9;padding:0;border-color:#8baab577;font-size:21px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad button:nth-child(3){grid-row:2;grid-column:2}.dpad button:nth-child(4){grid-row:2;grid-column:3}.touch-work{position:absolute;right:22px;bottom:217px;width:68px;height:68px;border-radius:50%;font-size:12px;line-height:1.6;pointer-events:auto;background:#665b3ae0;border:1px solid #e4c78999;padding:0;color:var(--gold)}[hidden]{display:none!important}@media(pointer:coarse){#touch{display:block}.footer-help>span{visibility:hidden}.work-prompt{pointer-events:none!important}#prompt{bottom:178px}.work-prompt kbd{display:none}.explore-prompt{font-size:10px}}@media(max-width:700px){#touch{display:block}.dpad{bottom:245px}.touch-work{bottom:252px}.footer-help>span{visibility:hidden}.work-prompt>kbd{display:none}header{height:78px;padding:16px}.brand{font-size:13px;gap:8px}.brand-mark{width:29px;height:29px;font-size:22px}.brand small{font-size:7px;letter-spacing:.08em}.cycle-clock b{font-size:30px}.cycle-clock{gap:6px}.cycle-clock small{display:none}.cycle-clock>span{font-size:9px}nav{gap:5px}nav button{font-size:11px;padding:7px 10px;min-height:34px}nav kbd{display:none}header:after{left:16px;right:16px}#broadcast{top:93px;left:17px;max-width:62%;padding-left:9px}#broadcast small{font-size:8px}#broadcast p{font-size:11px}#core-progress{right:17px;top:96px;width:100px}#core-progress>span{display:block;font-size:9px}#core-progress b{display:block;margin-top:5px;font-size:10px}#core-progress>div{margin-top:5px}footer{padding:8px 16px 10px}.strip-heading small{display:none}.strip-heading,.strip-heading button{font-size:10px}.footer-help{font-size:8px}.footer-help>span{max-width:50%;line-height:1.5}#prompt{bottom:172px;max-width:95%;white-space:normal}.work-prompt{padding:8px 11px;min-width:270px;gap:8px}.work-prompt>span{font-size:12px}.work-prompt small{font-size:9px;white-space:normal}.work-prompt>kbd{width:29px;min-width:29px;height:31px;font-size:16px}.explore-prompt{display:block;font-size:10px;white-space:nowrap}.station-label{padding:6px 8px;gap:6px}.station-label>b{font-size:20px;padding-right:6px}.station-label strong{font-size:11px}.station-label span{font-size:8px}.panel{padding:23px 20px;max-height:calc(100dvh - 24px)}#overlay{padding:12px}.panel h2{font-size:24px}.panel p{font-size:12px}.panel .eyebrow{font-size:8px;letter-spacing:.1em}.panel .eyebrow>span{font-size:9px;letter-spacing:0;white-space:nowrap}.track-grid{grid-template-columns:1fr;gap:10px}.track-card{padding:12px}.button-row button{font-size:11px}.title-screen{margin-left:8%;max-width:88%;padding:25px 0}.title-screen h1{font-size:42px}.title-shade{background:linear-gradient(90deg,#07141bf0,#07141bd9 45%,#07141b77)}.title-screen>.eyebrow{font-size:8px}.title-buttons{width:270px}.title-credit{font-size:9px;margin-top:22px}.title-quote{font-size:15px}.title-intro{font-size:12px}.ending-caption p{font-size:18px;line-height:1.8}.ending-caption{padding:0 20px}.title-screen h1>span{font-size:9px}.setting{font-size:12px}.setting input[type=range]{width:120px}.large{margin:18px 0}.stats{gap:10px}}@media(max-height:570px)and (min-width:701px){header{height:68px;padding-top:12px;padding-bottom:12px}#broadcast{top:84px}#core-progress{top:87px}footer{padding-top:6px;padding-bottom:6px}.time-row{height:11px;margin:3px 0}.interval{font-size:8px}.strip-heading{margin:0}#prompt{bottom:142px}.title-screen{padding:15px 0}.title-screen h1{font-size:38px;margin:12px 0}.title-rule,.title-intro{margin-bottom:12px}.title-quote{margin:12px 0}.title-credit{margin-top:14px}.title-screen h1>span{margin-top:10px}.title-buttons button{min-height:35px;padding:8px}.continue-note{margin-top:8px}.dpad{bottom:155px}.touch-work{bottom:162px}}@media(max-width:700px)and (max-height:600px){#broadcast,#prompt{display:none}header{height:63px;padding-top:8px;padding-bottom:8px}.dpad{bottom:150px}.touch-work{bottom:157px}#core-progress{top:76px}footer{padding-top:5px;padding-bottom:5px}.time-row{height:11px;margin:3px 0}.strip-heading{margin:0}.footer-help{margin-top:3px}.strip-heading button{min-height:22px}#touch button{opacity:.88}}@media(max-width:360px){.brand-mark,.brand small,.cycle-clock>span{display:none}.brand{font-size:11px;letter-spacing:.07em}.cycle-clock b{font-size:26px}nav button{padding:6px 8px;min-height:30px}.title-screen h1{font-size:34px}.title-buttons{width:250px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}