:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101c29;color:#e6ece1;font-synthesis:none;--cyan:#89d4d6;--amber:#deb27b;--paper:#e7e8dc;--ink:#253e4c;--line:#8cafb52e}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;transition:transform .15s,background .15s,border-color .15s;border:0}button:hover{transform:translateY(-2px);filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default;transform:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efc186;outline-offset:4px}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#app{position:fixed;inset:0;pointer-events:none}#app button,#app input,#app select,#app .panel{pointer-events:auto}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 42px;height:89px;z-index:4}.brand{background:none;color:#e0e9df;display:flex;gap:14px;align-items:center;padding:0;text-align:left;font-size:16px;letter-spacing:3px;font-weight:650}.brand-symbol{width:39px;height:39px;border:1px solid #d6af7977;display:flex;align-items:center;justify-content:center;color:var(--amber);font-size:22px;letter-spacing:0}.brand small{display:block;font-size:6px;letter-spacing:1.6px;color:#9fb4b7;margin-top:7px}header nav{display:flex;gap:10px}.icon{width:42px;height:42px;border:1px solid var(--line);background:#29435255;color:#c5ded8;font-size:20px;border-radius:3px;display:flex;align-items:center;justify-content:center}.screen{position:absolute;inset:89px 0 42px;pointer-events:none}.eyebrow{font:9px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:2px;color:#94b0b5;display:block}.title-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:470px}.title-copy .eyebrow{color:var(--amber)}.title-copy h1{font-size:100px;line-height:.91;font-weight:780;letter-spacing:-8px;margin:24px 0;position:relative}.title-copy h1>span{font-weight:300;color:var(--cyan);letter-spacing:-6px}.title-copy h1 i{font:italic 54px Georgia;position:absolute;right:10px;top:8px;color:#deb580}.title-copy p{font-size:16px;line-height:1.8;color:#b4c5c4;margin:28px 0}.title-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.primary{background:var(--amber);color:#1f3a49;border-radius:3px;font-size:12px;font-weight:650;padding:16px 22px;min-height:49px;display:flex;align-items:center;justify-content:center;gap:22px}.title-buttons .primary{min-width:262px;justify-content:space-between}.text-button{color:#abc6c6;background:transparent;font-size:11px;padding:12px 0;min-height:40px;text-align:left}.outline{background:transparent;color:inherit;border:1px solid #91aab755;padding:12px 17px;border-radius:3px;font-size:11px;min-height:43px}.title-note{display:flex;gap:27px;color:#678a94;font:7px ui-monospace;letter-spacing:1.5px;margin-top:39px}.world-label{position:absolute;right:13%;bottom:54px;color:#9bbec2;letter-spacing:2px;font:9px ui-monospace;display:flex;align-items:center;gap:17px}.world-label>span{color:#d1af7f;font-size:8px}.world-label small{display:block;color:#70989f;font:italic 13px Georgia;letter-spacing:0}.centered{display:flex;align-items:center;justify-content:center;padding:12px 24px}.panel{pointer-events:auto;max-height:100%;overflow:auto;width:730px;background:linear-gradient(130deg,#e9ebdf,#d8e0db);border:1px solid #ebf0e088;color:var(--ink);padding:33px 38px;border-radius:6px;box-shadow:0 25px 80px #06122055;scrollbar-width:thin;scrollbar-color:#99b0b4 transparent}.panel .eyebrow{color:#73929c}.panel h2{font-size:45px;line-height:1.02;font-weight:500;letter-spacing:-2px;margin:14px 0 18px}.panel p{font-size:12px;line-height:1.75;color:#617e86;margin:11px 0 18px}.panel h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:10px 0}.panel .text-button{color:#6a8a95}.panel .outline{color:#466573;border-color:#6f939d55}.panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:23px 0 15px;margin:22px 0;border-top:1px solid #8ca7a755;border-bottom:1px solid #8ca7a755}.lessons b{font:28px ui-monospace;color:#b08d5d;font-weight:350}.lessons p{font-size:11px;line-height:1.65;margin:8px 0}.controls-note{font-size:10px;line-height:1.9;color:#78909a}kbd{font:9px ui-monospace;background:#7897a322;border:1px solid #8babb333;border-radius:2px;padding:2px 5px;color:inherit}.archive{width:880px}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:24px 0 10px}.level-card{display:flex;gap:15px;border:1px solid #8aa7aa55;background:#edf1e655;color:var(--ink);text-align:left;border-radius:4px;padding:16px 15px}.level-card>span{font:26px ui-monospace;color:#8aa4a8;font-weight:300}.level-card h3{font-size:17px;margin:0 0 7px}.level-card p{font-size:10px;line-height:1.5;margin:0 0 10px}.level-card small{font:7px ui-monospace;letter-spacing:1px;color:#9b845e}.level-card.done{border-color:#76a39788;background:#d8e6d877}.narrow{width:430px}.stack{display:flex;flex-direction:column;gap:8px;margin-top:24px}.stack button{justify-content:center;text-align:center}.stack .text-button{min-height:34px}.settings label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#4f7180;margin:16px 0}.settings input[type=range]{width:100%;accent-color:#ab916e}.settings .toggle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:13px 0;border-top:1px solid #9aafb544}.toggle input{height:19px;width:19px;accent-color:#4c8890}.toggle select{font-size:11px;color:#506f7c;border:1px solid #8ba7ad66;background:#eef1e488;padding:7px}.small{font-size:10px!important}.full{width:100%}.settings .full{margin-top:17px}.result{width:520px;text-align:center}.result h2{font-size:42px}.result .seal{display:block;width:68px;height:68px;line-height:68px;margin:17px auto;font:49px/68px Georgia;color:#a38660;border:1px solid #b9a98455;border-radius:50%}.result-stats{display:flex;justify-content:center;gap:25px;padding:23px 0;margin:18px 0 22px;border-top:1px solid #8ca7a755;border-bottom:1px solid #8ca7a755}.result-stats strong{font:31px ui-monospace;font-weight:400;display:block}.result-stats span{display:block;font:7px ui-monospace;letter-spacing:1px;color:#79939a;margin-top:7px}footer{position:absolute;bottom:20px;left:42px;right:42px;display:flex;justify-content:space-between;font:7px ui-monospace;letter-spacing:1.7px;color:#648592}.mission{position:absolute;top:116px;left:42px;width:270px;border-left:2px solid #cdaf7877;padding:4px 0 0 17px}.mission .eyebrow{font-size:8px;color:#d5b78a;letter-spacing:1.7px}.mission h2{font-size:26px;line-height:1.12;font-weight:400;letter-spacing:-.7px;margin:11px 0 13px}.mission p{font-size:11px;line-height:1.75;color:#9dbdc4;margin:9px 0 12px}.mission #hint{background:#172d39ed;border:1px solid #84acb43b;border-radius:3px;padding:12px 13px;margin:5px 0;font-size:10px;color:#c0d5d5;pointer-events:auto}.mission .text-button{font-size:10px;color:#b7c9c0;min-height:34px;padding:9px 0}.mechanisms{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.mechanisms span{font:9px ui-monospace;color:#719aa6;border:1px solid #76a9b433;padding:7px 9px;border-radius:3px;background:#182e3a99}.mechanisms .active{color:#b4e7d0;border-color:#95e1cc66;background:#24565488}.reticle{position:absolute;top:47%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:1px solid #cee1d754;border-radius:50%;pointer-events:none}.reticle>span{position:absolute;inset:6px;background:#d7e0cc;border-radius:50%}.context{position:absolute;left:50%;transform:translate(-50%);bottom:234px;text-align:center;width:520px;pointer-events:none}.context>span{font:10px ui-monospace;color:#e4c899;letter-spacing:1px;background:#152d3ae8;border:1px solid #8daeb43b;padding:9px 14px;display:inline-block;border-radius:3px}.context p{font-size:10px;line-height:1.65;color:#a5c2c8;margin:10px 0 0;text-shadow:0 1px 4px #061929}.timeline{position:absolute;left:50%;transform:translate(-50%);bottom:31px;width:680px;border:1px solid #7fa5b53b;border-radius:5px;padding:16px 18px 13px;background:#142a37f0;backdrop-filter:blur(15px)}.timeline-heading{display:flex;justify-content:space-between;gap:20px;font:8px ui-monospace;color:#a5c5c9;letter-spacing:1.3px;margin-bottom:14px}.timeline-heading strong{font-weight:400;color:#c7e1dd;letter-spacing:0}.tracks{display:flex;flex-direction:column;gap:10px;margin:13px 0 17px}.track{display:flex;align-items:center;gap:12px;font:8px ui-monospace;color:#84c7d0}.track>span{min-width:20px;color:#d4b48a}.track>small{min-width:45px;font:7px ui-monospace;color:#84aab1}.track-line{height:12px;position:relative;flex:1;background:repeating-linear-gradient(to right,#76abb128 0 1px,transparent 1px 10%);border-bottom:1px solid #8ed6d477;border-top:1px solid #81acae44}.track-line b{position:absolute;top:3px;width:5px;height:5px;border-radius:50%;background:#e1b47e}.playhead{position:absolute;top:-4px;height:19px;width:2px;background:#b9e9de;box-shadow:0 0 8px #aeefde33}.empty-track{font:9px ui-monospace;color:#678d9b;border:1px dashed #6c98a33b;padding:12px 13px;text-align:center}.timeline-actions{display:flex;gap:7px;justify-content:space-between}.timeline-actions button{font-size:9px;min-height:38px;padding:9px 10px;white-space:nowrap}.record-button{background:#d6aa73;color:#183849;border-radius:3px;font-weight:600}.timeline-actions .outline{border-color:#89b1b033;color:#a5c7c8;background:#25455444}.timeline-foot{display:flex;justify-content:space-between;color:#678e9a;font:6px ui-monospace;letter-spacing:1.4px;margin-top:15px}.desktop-keys{position:absolute;left:42px;bottom:36px;display:flex;align-items:center;gap:7px;font:7px ui-monospace;color:#668d9b;max-width:270px;flex-wrap:wrap}.desktop-keys kbd{font-size:7px;color:#a0bfc4}.touch-controls{display:none}.fatal{position:absolute;left:10%;top:25%;pointer-events:auto}.fatal h1{font-size:44px}.fatal button{padding:16px 25px;background:#d6aa73;color:#183849}@media(min-width:1600px){header{padding:30px 55px;height:99px}.brand{font-size:18px}.title-copy{left:8%;width:560px}.title-copy h1{font-size:134px;letter-spacing:-10px}.title-copy h1>span{letter-spacing:-8px}.title-copy h1 i{font-size:74px}.title-copy p{font-size:18px}.mission{left:55px;top:145px;width:295px}.mission h2{font-size:30px}.timeline{bottom:38px;width:780px;padding:19px 22px 16px}.timeline-actions button{font-size:10px;padding:12px 14px}.context{bottom:261px}.desktop-keys{left:55px;bottom:42px}footer{left:55px;right:55px}}@media(max-height:700px)and (min-width:650px){.panel{padding:25px 30px}.panel h2{font-size:35px}.title-copy h1{font-size:78px;letter-spacing:-5px}.title-copy p{font-size:13px;margin:20px 0}.title-note{margin-top:27px}.mission{top:100px;width:220px}.mission h2{font-size:23px}.mission p{font-size:10px}.timeline{bottom:18px}.context{bottom:213px}.level-card{padding:12px}.level-grid{gap:7px;margin:17px 0}.level-card p{font-size:9px}.level-card h3{font-size:15px}}@media(max-width:650px){header{height:67px;padding:15px 18px}.brand{font-size:12px;gap:9px;letter-spacing:2px}.brand-symbol{width:31px;height:31px;font-size:19px}.brand small{font-size:5px;letter-spacing:.75px;margin-top:5px}header nav{gap:6px}.icon{width:36px;height:36px;font-size:17px}.screen{inset:72px 0 26px}.title-copy{left:26px;right:25px;top:7px;transform:none;width:auto}.title-copy .eyebrow{font-size:6px;letter-spacing:1.5px}.title-copy h1{font-size:68px;letter-spacing:-5px;line-height:.94;margin:16px 0}.title-copy h1>span{letter-spacing:-3px}.title-copy h1 i{font-size:43px;right:10px;top:1px}.title-copy p{font-size:11px;line-height:1.6;margin:15px 0}.title-buttons{position:fixed;left:26px;right:26px;bottom:12px;gap:6px}.title-buttons .primary{width:100%;font-size:12px;min-height:46px;padding:14px 18px}.title-buttons .text-button{width:100%;font-size:10px;text-align:center;min-height:35px}.title-note{display:none}.world-label{right:24px;bottom:135px;font-size:7px;gap:10px;letter-spacing:1px}.world-label small{font-size:10px}.world-label>span{font-size:6px}.centered{padding:8px 14px}.panel{width:100%;padding:24px 21px;border-radius:5px}.panel .eyebrow{font-size:7px;letter-spacing:1.2px}.panel h2{font-size:34px;letter-spacing:-1.4px;margin:12px 0 16px}.panel p{font-size:11px}.lessons{grid-template-columns:1fr;gap:15px;margin:17px 0;padding:17px 0}.lessons article{display:grid;grid-template-columns:39px 1fr;gap:0 11px}.lessons b{grid-row:span 2;font-size:23px;align-self:center}.lessons h3{margin:0 0 5px;font-size:16px}.lessons p{font-size:10px;line-height:1.7;margin:0}.controls-note{font-size:9px;line-height:1.9}.panel-bottom{margin-top:20px;gap:8px}.panel-bottom .primary{font-size:11px;padding:13px 16px}.level-grid{grid-template-columns:1fr;gap:7px;margin:19px 0 10px}.level-card{padding:12px;gap:11px}.level-card>span{font-size:22px}.level-card h3{font-size:16px}.level-card p{font-size:9px;margin-bottom:6px}.level-card small{font-size:6px}.settings label{font-size:10px;margin:15px 0;gap:7px}.settings .toggle{padding:12px 0}.result .seal{width:51px;height:51px;font:37px/51px Georgia;margin:12px auto}.result h2{font-size:31px}.result-stats{gap:17px;padding:18px 0;margin:17px 0}.result-stats strong{font-size:26px}.result-stats span{font-size:6px;letter-spacing:.5px}.stack{margin-top:19px;gap:7px}.stack button{font-size:11px;min-height:44px}.stack .text-button{min-height:35px}footer{bottom:12px;left:18px;right:18px;font-size:5px;letter-spacing:1px}footer>span:last-child{display:none}.mission{top:82px;left:18px;right:18px;width:auto;padding:0 0 0 12px;max-height:180px;z-index:2}.mission .eyebrow{font-size:6px;letter-spacing:1.3px}.mission h2{font-size:21px;margin:6px 0 8px}.mission>p{font-size:9px;line-height:1.5;max-width:265px;margin:7px 0 9px}.mechanisms{margin-top:8px;gap:5px;max-width:300px}.mechanisms span{font-size:7px;padding:5px 7px;background:#142b38db}.mission .text-button{font-size:8px;min-height:27px;padding:7px 0}.mission #hint{position:absolute;top:100%;left:0;right:0;background:#142c39fa;font-size:10px;box-shadow:0 10px 25px #05162488;max-height:150px;overflow:auto}.reticle{top:46%;width:12px;height:12px}.reticle>span{inset:4px}.context{bottom:340px;left:18px;right:18px;transform:none;width:auto}.context>span{font-size:7px;padding:7px 10px;letter-spacing:.5px}.context p{font-size:8px;line-height:1.5;max-width:310px;margin:7px auto 0}.timeline{left:18px;right:18px;bottom:139px;transform:none;width:auto;padding:12px 12px 10px;backdrop-filter:none}.timeline-heading{font-size:6px;letter-spacing:1px;gap:8px;margin-bottom:10px}.timeline-heading strong{font-size:7px}.tracks{margin:9px 0 11px;gap:8px}.empty-track{font-size:7px;padding:10px}.track{font-size:7px;gap:9px}.track-line{height:9px}.track-line b{top:1px;width:5px;height:5px}.playhead{height:17px}.track>small{font-size:6px;min-width:36px}.timeline-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.timeline-actions button{font-size:7px;min-height:34px;padding:6px 4px;white-space:normal}.timeline-foot{font-size:5px;letter-spacing:.7px;margin-top:10px}.timeline-foot>span:last-child{display:none}.desktop-keys{display:none}.touch-controls{display:flex;position:absolute;left:18px;right:18px;bottom:13px;align-items:flex-end;justify-content:space-between;pointer-events:none}.dpad{display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px;gap:2px;pointer-events:none}.dpad button{border:1px solid #7eb3b544;background:#244452cc;color:#d3e7da;font-size:22px;border-radius:4px;pointer-events:auto;touch-action:none;padding:0}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:3}.dpad>span{grid-column:2;grid-row:2;border:1px solid #6c9fad28;border-radius:50%;margin:8px}.touch-actions{display:flex;align-items:center;gap:11px;margin-bottom:25px}.use-button{width:62px;height:62px;border-radius:50%;border:1px solid #bdaa8677;background:#d3ad7977;color:#f1e0c6;font:24px ui-monospace;box-shadow:0 4px 16px #0a1c3055}.use-button small{font:7px ui-monospace;letter-spacing:1px;display:block;margin-top:3px}.touch-record{width:48px;height:48px;border-radius:50%;color:#d6b88c;border:1px solid #d0b38988;background:#354750bb;font-size:24px}.touch-controls button{pointer-events:auto}}@media(max-width:650px)and (max-height:700px){.title-copy h1{font-size:54px}.title-copy p{font-size:10px}.mission{top:76px}.mission h2{font-size:19px}.mission>p{font-size:8px}.timeline{bottom:133px;padding:9px 11px}.context{bottom:309px}.touch-controls{bottom:9px}.panel{padding:20px 18px}.panel h2{font-size:29px}.settings label{margin:12px 0}.settings .toggle{padding:10px 0}.lessons{gap:11px;padding:13px 0;margin:13px 0}.lessons p{font-size:9px}.result h2{font-size:28px}.result-stats{padding:14px 0;margin:14px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.context p{background:#152d3aed;border:1px solid #8daeb425;border-radius:3px;padding:8px 12px;margin:8px auto 0;max-width:490px;color:#bed2d1;text-shadow:none}.settings{padding-top:25px;padding-bottom:25px}.settings h2{font-size:37px;margin:10px 0 14px}.settings label{margin:13px 0}.settings .toggle{padding:10px 0}.settings p{margin:10px 0 12px}@media(max-width:650px){.context{bottom:356px}.context p{font-size:9px;max-width:325px}.timeline{bottom:157px}.timeline-actions button{font-size:8px}.timeline-heading{font-size:7px}.dpad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px}.mission>p{font-size:10px}.mechanisms span{font-size:8px}.settings h2{font-size:32px}}.camera-controls{position:absolute;right:42px;top:113px;width:120px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.camera-controls .outline{color:#bcd7d5;background:#142c38bb;font-size:10px;padding:10px 12px}.camera-controls>div{display:flex;justify-content:space-between;gap:8px}.camera-controls .icon{flex:1}.camera-controls small{font:6px ui-monospace;letter-spacing:1.4px;text-align:center;color:#779ba4}.context{bottom:204px}@media(max-width:650px){.camera-controls{right:18px;top:auto;bottom:305px;width:92px;gap:5px}.camera-controls .outline{font-size:8px;min-height:34px;padding:7px 9px}.camera-controls .icon{width:40px;height:40px}.camera-controls small{font-size:5px;letter-spacing:1px}.context{top:221px;bottom:auto}.context p{font-size:8px;padding:7px 11px}}header{background:linear-gradient(#101c29df,#101c2900)}.mission{background:#142b38ed;border:1px solid #8dafb735;border-left:2px solid #cdaf7877;border-radius:4px;padding:17px 18px 14px}.reticle{border-color:#294e60;box-shadow:0 0 0 1px #e4eae2aa}.reticle>span{background:#375d6c}@media(max-width:650px){.mission{padding:10px 12px 8px}.mission h2{font-size:20px;margin-top:5px}.mission #hint{left:0;right:0}}