:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,ui-sans-serif,sans-serif;background:#07121b;color:#e9fbf7;--cyan: #79f4df;--amber: #ffc86b;--rose: #ff6f9f;--ink: #07121b;--glass: rgba(7, 19, 29, .72);--line: rgba(166, 236, 229, .22)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 64% 38%,#183647 0,#07121b 55%,#03080e)}button,output{font:inherit}button{color:inherit}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.iridescence{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 17% 28%,rgba(99,242,222,.1),transparent 23%),radial-gradient(circle at 80% 64%,rgba(255,115,169,.08),transparent 25%),linear-gradient(110deg,transparent 35%,rgba(118,223,255,.025) 49%,rgba(255,213,103,.035) 51%,transparent 66%);mix-blend-mode:screen}.hud{position:absolute;inset:max(14px,env(safe-area-inset-top)) 18px auto;z-index:4;display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(190px,1fr) auto minmax(170px,.8fr) 90px;gap:1px;border:0;border-top:1px solid rgba(121,244,223,.62);background:var(--line);box-shadow:0 14px 42px #0003;backdrop-filter:blur(12px)}.hud>div{min-height:52px;padding:9px 14px;background:#050f189e}.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block;font-size:13px;letter-spacing:.14em}.brand small,.chamber-title span,.purity>span,.integrity>span,.elapsed span{display:block;color:#82aaa9;font-size:8px;letter-spacing:.18em}.brand-orbit{position:relative;width:27px;height:27px;border:1px solid rgba(121,244,223,.7);border-radius:50%}.brand-orbit:before{content:"";position:absolute;inset:5px -4px;border:1px solid rgba(121,244,223,.5);border-radius:50%;transform:rotate(35deg)}.brand-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.brand-orbit i:first-child{left:2px;top:10px}.brand-orbit i:last-child{right:2px;top:4px;background:var(--amber)}.chamber-title{display:flex;flex-direction:column;justify-content:center}.chamber-title strong{margin-top:4px;font-size:11px;font-weight:580;letter-spacing:.08em}.purity{min-width:128px}.socket-dots{display:flex;gap:7px;margin-top:8px}.socket-dots i{width:22px;height:7px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff0a}.socket-dots i.filled{box-shadow:0 0 12px currentColor;background:currentColor}.socket-dots i:nth-child(1){color:var(--cyan)}.socket-dots i:nth-child(2){color:var(--amber)}.socket-dots i:nth-child(3){color:var(--rose)}.integrity strong{float:right;color:var(--cyan);font-size:11px}.meter{height:3px;margin-top:14px;background:#ffffff14}.meter i{display:block;width:100%;height:100%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);transform-origin:left}.elapsed strong{display:block;margin-top:3px;font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:.04em}.flow-rail{position:absolute;z-index:3;left:20px;top:50%;width:48px;padding:10px 8px;transform:translateY(-50%);border:1px solid rgba(121,244,223,.18);background:#040f176b;backdrop-filter:blur(9px)}.flow-rail>span{display:block;color:#6d9293;font-size:7px;letter-spacing:.18em}.flow-rail output{display:block;margin-top:3px;font-size:12px}.field-bars{display:flex;align-items:end;gap:3px;height:62px;margin:8px 0 11px}.field-bars i{flex:1;height:20%;background:var(--cyan);opacity:.7;transform-origin:bottom}#phase-label{margin-top:7px;color:var(--cyan);line-height:1.3}.context{position:absolute;z-index:3;left:50%;top:86px;max-width:min(580px,calc(100% - 180px));padding:7px 13px;transform:translate(-50%);border:1px solid rgba(121,244,223,.16);background:#050f18b3;color:#bce3dc;font-size:9px;letter-spacing:.08em;text-align:center;pointer-events:none;backdrop-filter:blur(10px)}.strain{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);color:#ff7596;font-size:13px;font-weight:700;letter-spacing:.42em;opacity:0;pointer-events:none}.strain.visible{animation:strain .45s ease-out}@keyframes strain{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.tray-panel{position:absolute;z-index:4;left:18px;bottom:54px;width:min(310px,calc(100% - 36px));padding:10px;border:1px solid rgba(121,244,223,.18);background:#050f1894;backdrop-filter:blur(11px)}.tray-title{display:flex;justify-content:space-between;align-items:center;color:#8fb2b0;font-size:7px;letter-spacing:.17em}.tray{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:8px}.tray button{position:relative;min-width:0;height:49px;padding:3px;border:1px solid rgba(130,210,204,.16);background:#ffffff06;cursor:pointer}.tray button:hover,.tray button:focus-visible,.tray button.selected{border-color:var(--cyan);background:#79f4df14;outline:none}.tray button.placed{opacity:.45}.tray button svg{width:100%;height:27px;fill:none;stroke:currentColor;stroke-width:1.4}.tray button.pinch{color:var(--amber)}.tray button.baffle{color:#8beadf}.tray button small{position:absolute;inset:auto 2px 2px;color:#769694;font-size:6px}.aperture-readout{display:grid;grid-template-columns:auto 1fr 70px;align-items:center;gap:7px;margin-top:7px;color:#779896;font-size:7px;letter-spacing:.12em}.aperture-readout strong{color:var(--amber);font-size:9px}.aperture-readout div{height:2px;background:#ffffff14}.aperture-readout i{display:block;width:50%;height:100%;background:var(--amber)}.touch-controls{position:absolute;z-index:4;right:18px;bottom:55px;display:flex;align-items:center;gap:7px}.touch-controls>div{display:flex;gap:5px}.touch-controls button{height:48px;min-width:42px;padding:0 10px;border:1px solid rgba(137,222,216,.2);background:#050f18b8;color:#b3d7d3;cursor:pointer;backdrop-filter:blur(10px)}.touch-controls button:active,.touch-controls button:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none}.pulse-button{width:82px;border-color:#79f4df73!important;color:var(--cyan)!important}.pulse-button span,.pulse-button small{display:block}.pulse-button span{font-size:11px;font-weight:700;letter-spacing:.13em}.pulse-button small{margin-top:2px;font-size:7px;color:#70908f}.pulse-button.cooling{opacity:.45}.pause-button{font-size:14px}.key-guide{position:absolute;z-index:3;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:18px;color:#668886;font-size:7px;letter-spacing:.08em;pointer-events:none}kbd{color:#a9c8c5;font:inherit}.mute-button,.seed-label{position:absolute;z-index:5;right:20px;border:0;background:none;color:#739290;font-size:7px;letter-spacing:.15em}.mute-button{top:84px;padding:4px;cursor:pointer}.seed-label{top:106px}.modal{position:absolute;z-index:20;inset:0;display:grid;place-items:center start;padding:clamp(86px,12vh,132px) 6vw 56px;background:linear-gradient(90deg,#02080de0,#02080d7a 43%,#02080d1f 76%);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;backdrop-filter:blur(2px)}.modal.visible{opacity:1;visibility:visible}.modal-card{position:relative;width:min(510px,48vw);max-height:calc(100dvh - 40px);padding:clamp(28px,4vw,48px);border:1px solid rgba(121,244,223,.34);border-top-color:#79f4dfb8;background:linear-gradient(145deg,#0a1e29f0,#040d16e6);box-shadow:0 35px 120px #0000007a,inset 0 0 60px #5bd1d008;overflow-y:auto}.modal-card:before,.modal-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(121,244,223,.15);border-radius:50%}.modal-card:before{top:-80px;right:-25px}.modal-card:after{bottom:-100px;left:-45px}.kicker{color:var(--cyan);font-size:8px;letter-spacing:.22em}h1{margin:13px 0 18px;font-size:clamp(34px,6vw,64px);line-height:.87;letter-spacing:-.06em}h1 span{color:transparent;-webkit-text-stroke:1px rgba(233,251,247,.7)}#modal-copy{max-width:440px;color:#a9c9c5;font-size:13px;line-height:1.7}.briefing{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:26px 0;background:#79f4df29}.briefing span{padding:13px 10px;background:#06121ce6;color:#799e9b;font-size:7px;letter-spacing:.1em}.briefing b{display:block;margin-bottom:5px;color:var(--amber);font-size:10px}.primary-action{width:100%;min-height:54px;border:1px solid var(--cyan);background:var(--cyan);color:#061116;font-size:10px;font-weight:800;letter-spacing:.18em;cursor:pointer}.primary-action:hover,.primary-action:focus-visible{background:#b8fff0;outline:none}.secondary-action{width:100%;min-height:42px;margin-top:8px;border:1px solid rgba(121,244,223,.25);background:transparent;color:#8eb5b0;font-size:8px;letter-spacing:.16em;cursor:pointer}.secondary-action:hover,.secondary-action:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none}.modal-foot{margin:12px 0 0;color:#5c7e7c;font-size:7px;letter-spacing:.08em;text-align:left}@media(min-width:821px){.modal.visible .modal-card{animation:dossier-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes dossier-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}}@media(max-width:820px){.modal{place-items:center;padding:78px 14px 24px;background:#02080db8;backdrop-filter:blur(6px)}.modal-card{width:min(560px,100%)}}@media(max-width:820px){.hud{inset-inline:10px;grid-template-columns:1.25fr 1fr auto}.chamber-title,.elapsed{display:none}.hud>div{min-height:50px;padding:8px 10px}.brand strong{font-size:10px}.context{top:69px;max-width:calc(100% - 110px)}.flow-rail{left:10px;top:47%}.field-bars{height:50px}.tray-panel{left:10px;bottom:48px;width:230px}.tray{gap:4px}.tray button{height:42px}.touch-controls{right:10px;bottom:48px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 250px)}.touch-controls button{height:40px;min-width:38px}.pulse-button{width:70px}.key-guide{bottom:9px;gap:9px}.key-guide span:nth-child(2),.key-guide span:nth-child(4),.key-guide span:nth-child(5){display:none}}@media(max-width:560px){.hud{grid-template-columns:1fr auto}.purity{display:none}.flow-rail{top:44%;background:#040f17bd;transform:translateY(-50%) scale(.82);transform-origin:left center}.tray-panel{width:calc(100% - 20px);background:#050f18db}.tray{grid-template-columns:repeat(5,minmax(0,1fr))}.touch-controls{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 154px);max-width:none;justify-content:space-between;flex-wrap:nowrap;gap:4px}.key-guide{display:none}.mute-button{top:69px}.seed-label{top:88px}.briefing{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.briefing span{padding:10px 5px;text-align:center}.modal-card{max-height:calc(100dvh - 30px);padding:24px 18px;overflow-y:auto}.primary-action{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}