@font-face{font-family:TVSerif;src:local("Georgia")}@font-face{font-family:TVLabel;src:local("Trebuchet MS")}
:root{--paper:#eadfc9;--ink:#30261f;--wood:#6e4229;--cream:#e8d5ad;--amber:#aa4e13;--muted:#66574a;color-scheme:light;font-family:TVLabel,"Verdana",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 35%,#fff7e7 0%,transparent 65%),repeating-linear-gradient(0deg,#ffffff08 0px,#ffffff08 1px,transparent 1px,transparent 4px)}
header,footer{max-width:1120px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}header p{font-size:.88rem;color:var(--muted)}.brand{font-family:TVSerif,Georgia,serif;font-size:2rem;font-weight:bold;text-decoration:none;color:var(--ink);letter-spacing:-.07em}.brand span{font-family:TVLabel,Verdana,sans-serif;display:inline-block;font-size:.6em;letter-spacing:-.04em;border:2px solid currentColor;border-radius:7px;padding:3px 5px;margin-left:8px;vertical-align:middle}
main{max-width:1180px;margin:auto}.studio{position:relative;text-align:center}#viewport{width:100%;height:clamp(310px,52vw,640px);touch-action:pan-y}canvas{display:block;width:100%;height:100%}.readout{display:flex;justify-content:center;align-items:center;gap:9px;font-size:.8rem;color:var(--muted)}#lamp{width:7px;height:7px;border-radius:50%;background:#a34815;box-shadow:0 0 8px #eaa442}body[data-power="off"] #lamp{background:#6f6458;box-shadow:none}#status{font-size:.84rem;min-height:1.2em;margin:12px 20px;color:var(--muted)}[hidden]{display:none!important}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px 18px 32px}button{font:inherit;font-size:.85rem;border:1px solid #958370;border-radius:6px;background:linear-gradient(#fff5e4,#e0d0b7);color:var(--ink);padding:14px 20px;min-height:46px;cursor:pointer;box-shadow:0 3px 0 #ad9477}button span{margin-left:9px;color:var(--muted);font-size:.75rem}button:hover{background:#fff6e7}button:active{transform:translateY(2px);box-shadow:0 1px 0 #ad9477}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:5px}footer{border-top:1px solid #b7a78c;font-size:.83rem;line-height:1.7}footer p span{color:var(--muted)}footer a{color:var(--ink);text-underline-offset:4px}small{display:block;font-size:.7rem;color:var(--muted)}body.clean header,body.clean footer,body.clean .readout{display:none}body.clean #viewport{height:calc(100svh - 170px)}body.clean .controls{margin-top:12px}body.clean main{max-width:none}.failed #viewport{display:none}.failed .studio{padding:70px 20px}.failed .readout{display:none}
@media(max-width:600px){header,footer{padding:20px}header p{max-width:150px;text-align:right;font-size:.76rem}footer{align-items:flex-start;flex-direction:column;gap:10px}footer a{max-width:none}.controls{display:grid;grid-template-columns:1fr;max-width:320px;margin:18px auto 32px;padding:0 18px;gap:9px}button{padding:12px}.brand{font-size:1.75rem}#viewport{height:340px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}