:root{color-scheme:dark;--ink:#f4ecd6;--muted:#9eb7b4;--mint:#a8e2cb;--gold:#efba70}*{box-sizing:border-box}body{margin:0;background:#0c2428;color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse at 20% 35%,#20484b55,transparent 60%)}button{font:inherit;cursor:pointer;border:1px solid #789b9560;border-radius:12px;color:inherit;background:#244247;padding:10px 17px;transition:background .15s,transform .15s}button:hover{background:#34585b}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}main{max-width:1210px;margin:auto;padding:28px 36px 20px}header,.brand,.row,.stage-heading,.progress-line,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{justify-content:flex-start}.sun{font-size:54px;color:var(--gold);line-height:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--mint);margin:0 0 4px}h1{font-family:Georgia,serif;font-weight:400;font-size:43px;line-height:1;margin:0}h2{font:32px/1.2 Georgia,serif;margin:8px 0 15px}h3{font:22px Georgia,serif;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:35px;margin-top:30px}.stage-heading{font-size:11px;letter-spacing:1.7px;color:var(--muted);padding:0 22px}.board{position:relative;aspect-ratio:1;max-width:650px;margin:0 auto}.board img,.board canvas{position:absolute;width:100%;height:100%;inset:0}.board img{border-radius:50%;mask-image:radial-gradient(circle,#000 61%,transparent 72%)}canvas{touch-action:manipulation}#center{position:absolute;pointer-events:none;inset:38% 28%;display:flex;align-items:center;flex-direction:column;text-align:center;background:#103035e8;border-radius:50%;padding-top:8px}#center-number{font:clamp(25px,5vw,60px) Georgia,serif;color:var(--gold);line-height:1.2}#center-caption{font-size:12px;color:var(--muted)}.legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.mint{background:var(--mint)}.amber{background:var(--gold)}.bay-buttons{display:flex;gap:7px;justify-content:center;margin:15px 0}.bay-buttons button{padding:8px 0;width:39px;border-radius:50%;font-size:13px}.bay-buttons .active{border-color:var(--gold);background:#65533a}.card{border:1px solid #80a09a35;background:#173438b8;border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 12px 30px #00101325}.card p{color:var(--muted);font-size:14px}.progress-line{font-size:11px;color:var(--muted);margin-top:24px}.track{height:6px;background:#0b2529;border-radius:6px;margin:8px 0 13px;overflow:hidden}.track div{height:100%;background:var(--mint);width:100%;transition:width .2s}#status{font-size:13px;min-height:42px;color:var(--gold)}.primary,.feed,.vent{width:100%;margin:5px 0 9px}.primary{background:var(--gold);color:#253133;font-weight:750;border-color:var(--gold);padding:13px}.primary:hover{background:#ffd59b}.row .quiet{flex:1}.quiet{font-size:12px;background:transparent}.feed{background:#a8e2cb;color:#143331;border-color:#a8e2cb;font-weight:700}.feed:hover{background:#c4f2e0}.vent{border-color:#b7dad077;background:transparent}.readouts{display:flex;justify-content:space-between;margin:18px 0 12px;font-size:12px;color:var(--muted)}.readouts b{color:var(--ink);margin-left:8px}.small{font-size:11px!important;line-height:1.7}.hint{border-top:1px solid #8aaca53a;padding-top:12px;margin-bottom:0;font-size:12px!important;color:var(--gold)!important}kbd{font:10px ui-monospace,monospace;border:1px solid currentColor;border-radius:3px;padding:1px 4px;opacity:.8}button kbd{float:right;margin-top:4px}#energy{font-size:11px;color:var(--mint)}footer{font-size:10px;color:#8ca5a4;margin-top:20px;border-top:1px solid #80a09a30;padding-top:15px}.text-button{border:0;background:none;font-size:11px;color:var(--gold);padding:0;white-space:nowrap}dialog{max-width:540px;width:calc(100% - 30px);border:1px solid #7eaca5;border-radius:20px;background:#143338;color:var(--ink);padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#031c20c9;backdrop-filter:blur(5px)}dialog p,dialog li{font-size:14px;color:#c1d1ca}dialog a{color:var(--gold)}.close{float:right}dialog h2{clear:both;padding-top:20px}#dialog-content ol{padding-left:20px} @media(max-width:760px){main{padding:20px 16px}.layout{grid-template-columns:1fr;gap:10px;margin-top:24px}.stage{max-width:560px;width:100%;margin:auto}.board{max-width:490px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{padding:18px;margin:0}.card h2{font-size:25px}.brand h1{font-size:35px}.sun{font-size:43px}footer{align-items:flex-start}#center-number{font-size:46px}}@media(max-width:520px){aside{grid-template-columns:1fr}.card{padding:20px}.board{margin-top:8px}.stage-heading{padding:0 8px}.legend{gap:12px;font-size:10px}.eyebrow{font-size:9px}header .quiet{padding:8px 12px}footer{gap:12px}#center-number{font-size:38px}#center-caption{font-size:10px}}

.mobile-actions{display:none}@media(max-width:760px){body{padding-bottom:82px}.mobile-actions{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;gap:8px;padding:12px 16px;background:#102e32f5;border-top:1px solid #89b9a87a;box-shadow:0 -10px 25px #001a2080}.mobile-actions button{padding:12px 8px;font-size:12px;flex:1}.mobile-actions #mobile-feed{background:var(--mint);color:#163633;flex:1.6}}