:root{color-scheme:dark;--ink:#e9efe5;--muted:#b5c8c0;--mint:#c7f4d5;--panel:#071c21}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071c21;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:3px}button,textarea{font:inherit}button{border:1px solid #9bc7b04d;border-radius:30px;background:#071c21c9;color:var(--ink);padding:11px 17px;cursor:pointer;transition:background .2s}button:hover{background:#214137}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--mint);color:#142d26;border:0;padding:16px 29px;font-weight:600}.primary:hover{background:#e2f9e6}[hidden]{display:none!important}#brand{position:fixed;left:32px;top:28px;display:flex;gap:14px;align-items:center;z-index:5;font-family:Georgia,serif;font-size:21px;letter-spacing:.3px;text-shadow:0 2px 15px #000}#brand small{display:block;font:10px Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;margin-top:7px;color:var(--muted)}.lens-mark{font-size:34px;color:var(--mint)}#utilities{position:fixed;right:28px;top:28px;display:flex;gap:8px;z-index:6}#utilities button{font-size:11px;padding:10px 13px;backdrop-filter:blur(8px)}.veil{position:fixed;inset:0;z-index:4;display:grid;place-items:center;background:linear-gradient(90deg,#041a1dcc,#071c2170);overflow:auto;padding:90px 24px 36px;backdrop-filter:blur(3px)}.intro-card{width:min(580px,100%);text-align:center}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--mint);font-weight:600}h1{font:clamp(48px,7vw,86px)/1.02 Georgia,serif;letter-spacing:-3px;margin:26px 0}h2{font:clamp(29px,4vw,45px)/1.1 Georgia,serif;font-weight:400;margin:18px 0 24px}.lead{font:20px/1.5 Georgia,serif;color:var(--ink)}p{font-size:14px;line-height:1.75;color:var(--muted)}.path{display:flex;justify-content:center;gap:30px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin:30px 0}.micro{font-size:11px;line-height:1.6;color:var(--muted)}#begin{min-width:228px}#reticle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;pointer-events:none;z-index:2;opacity:0}body.playing #reticle{opacity:1}#reticle svg{width:60px;height:60px;transform:rotate(-90deg)}#reticle circle{fill:none;stroke-width:1.2}.track{stroke:#d5f5de44}#charge-ring{stroke:var(--mint);stroke-width:2!important;stroke-dasharray:144.514;stroke-dashoffset:144.514}#reticle span{position:absolute;width:4px;height:4px;left:28px;top:28px;background:var(--mint);border-radius:50%}#reticle.locked .track{stroke:var(--mint)}#hud{position:fixed;bottom:28px;left:32px;right:32px;pointer-events:none;z-index:2;display:grid;grid-template-columns:1fr minmax(220px,2fr) 1fr;align-items:end;gap:20px;text-shadow:0 2px 10px #000}#hud .galaxy strong{display:block;font:26px Georgia,serif;margin-top:8px}#status{font-size:12px;text-align:center;color:var(--mint);padding:14px;border:1px solid #b7ddbe3d;border-radius:32px;background:#071c218c;backdrop-filter:blur(8px)}.collection{text-align:right}#slots{display:flex;gap:12px;justify-content:flex-end;margin-bottom:10px}#slots i{display:block;width:9px;height:9px;border:1px solid var(--mint);border-radius:50%}#slots i.full{background:var(--mint);box-shadow:0 0 12px #cdfdde}#count{font-size:10px;letter-spacing:1.8px}#fragment{grid-column:1/-1;text-align:center;margin:4px auto 0;max-width:660px;font-size:11px;opacity:.85}#threshold{position:fixed;inset:0;pointer-events:none;z-index:3;display:grid;place-items:center;background:transparent;opacity:0;transition:opacity .6s}#threshold.active{opacity:1}#threshold span{font:italic 30px Georgia,serif;color:var(--mint);letter-spacing:1px}dialog{background:#071c21f5;color:var(--ink);border:1px solid #c7f4d54d;border-radius:20px;width:min(580px,calc(100% - 28px));max-height:85vh;padding:35px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#00131ab0;backdrop-filter:blur(6px)}dialog li{font-size:13px;line-height:1.6;margin:12px 0;color:var(--muted)}dialog ul{padding-left:20px}.close{position:absolute;right:16px;top:14px;font-size:22px;padding:0 10px}.ending-card{width:min(620px,100%);padding:34px;border:1px solid #c7f4d540;background:#071c21e8;border-radius:20px}label{font-size:11px;letter-spacing:1px;display:block;margin:22px 0 10px}textarea{width:100%;resize:vertical;border:1px solid #c7f4d548;background:#10272a;color:var(--ink);border-radius:12px;padding:14px;font-size:14px;line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}body.xr #brand,body.xr #utilities,body.xr #hud,body.xr #reticle,body.xr .veil{display:none!important}@media(max-width:650px){#brand{left:18px;top:19px;font-size:17px}.lens-mark{font-size:26px}#brand small{font-size:8px;letter-spacing:.6px}#utilities{right:14px;top:73px;gap:5px}#utilities button{font-size:10px;padding:8px 10px}.veil{padding-top:125px}h1{letter-spacing:-1.8px}.path{gap:14px;font-size:9px}.intro-card p{font-size:13px}.intro-card .lead{font-size:18px}#hud{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:12px}#hud .galaxy strong{font-size:21px}#status{grid-column:1/-1;grid-row:1;font-size:11px;padding:12px}#fragment{font-size:10px;line-height:1.5}#threshold span{font-size:24px}.ending-card{padding:24px}.ending-card .lead{font-size:18px}.actions button{font-size:12px}dialog{padding:26px}}

#play-instructions{grid-column:1/-1;text-align:center;margin:0 auto;max-width:850px;font-size:11px;line-height:1.65;color:#d3e7d8;background:#071c21b3;border:1px solid #b7ddbe24;border-radius:12px;padding:8px 16px;backdrop-filter:blur(8px)}#play-instructions strong{font-weight:600;color:var(--mint)}@media(max-width:650px){#play-instructions{font-size:10px;padding:7px 12px}#play-controls{display:block}}

#utilities{flex-wrap:wrap;max-width:calc(100vw - 32px)}