:root{--amber: #ffb03a;--amber-dim: #c07a1e;--night: #050403;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background-color:var(--night);background-image:radial-gradient(ellipse at 50% 45%,#ffb03a12,#ffb03a05 40%,#050403d9 78%,#050403);color:var(--amber);font-family:var(--mono);letter-spacing:.08em;overflow:hidden;display:flex;flex-direction:column}main{flex:1 1 auto;min-height:0;position:relative}#band{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}#band:active{cursor:grabbing}#chrome{flex:0 0 auto;min-height:44px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;touch-action:none;font-size:13px;line-height:1.7}#readout,#schedule,#chrome footer{position:static}#readout{color:var(--amber)}#schedule{color:var(--amber-dim);opacity:.45}#chrome footer{opacity:.3}@media (min-aspect-ratio: 1/1){#chrome{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;display:block;min-height:0;pointer-events:none;touch-action:auto}#readout{position:absolute;top:22px;left:24px}#schedule{position:absolute;top:44px;left:24px}#chrome footer{position:absolute;right:24px;bottom:20px}}#chrome footer a{color:var(--amber-dim);text-decoration:none;pointer-events:auto}#gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#050403b8;transition:opacity .9s ease;cursor:pointer}#gate[hidden]{display:none}.gate-main{font-size:15px;letter-spacing:.42em;text-indent:.42em;color:var(--amber);text-shadow:0 0 18px rgba(255,176,58,.45)}.gate-sub{font-size:12px;color:var(--amber-dim);opacity:.5}#fallback{position:fixed;left:24px;bottom:56px;font-size:12px;color:var(--amber-dim);opacity:.6}#fallback[hidden]{display:none}@keyframes acquire-flare{0%{color:var(--amber);text-shadow:none}12%{color:#fff2d6;text-shadow:0 0 14px rgba(255,176,58,.9)}26%{color:var(--amber-dim);text-shadow:none}44%{color:#ffd79a;text-shadow:0 0 10px rgba(255,176,58,.7)}to{color:var(--amber);text-shadow:none}}#chrome.acquire #readout{animation:acquire-flare .7s steps(1,end) 1}@media (prefers-reduced-motion: reduce){#chrome.acquire #readout{animation:none;color:#fff2d6}}