:root{color-scheme:dark;--bg:#10110f;--line:#32352e;--muted:#a6aaa0;--accent:#cbd7a9}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,select{font:inherit;color:inherit;background:#20231d;border:1px solid #515747;border-radius:3px;padding:9px 17px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.ceramic-scene{max-width:1420px;margin:auto;padding:24px 4%}.brand{font-size:29px;font-weight:750;letter-spacing:-2px}.brand span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 32px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(32px,4.8vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.2;margin:19px 0}h1 span{color:var(--accent)}.intro p{color:var(--muted);font-size:14px}.index{font-size:48px;font-weight:300;line-height:1}.index span{font-size:12px;color:var(--muted)}.stage{position:relative;background:#171a14;border:1px solid var(--line);height:min(70vh,780px);min-height:360px;overflow:hidden;border-radius:4px}#viewer{height:100%;width:100%}.cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 30% 20%,#30372b,#141610 70%);z-index:10}.cover h2{font-weight:400;font-size:clamp(25px,3.3vw,44px);line-height:1.5}.cover p{font-size:13px;color:var(--muted);max-width:550px}.cover button{margin-top:22px;background:var(--accent);color:#1c2215;border:0;padding:12px 25px}progress{width:min(380px,80%);height:5px;accent-color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.toolbar>div{display:flex;gap:8px}.toolbar label{color:var(--muted);font-size:13px}.toolbar select{margin-left:8px}.notes{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:22px 0 30px;color:var(--muted);font-size:12px}.notes span{display:block;color:#ddd;margin-bottom:8px}#viewer .sse-viewer{--sse-accent:#cbd7a9;--sse-bkg:#161912;--sse-text-light:#eeeeea}#hotspot-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}@media(max-width:650px){.intro{padding:30px 0 20px}.index{display:none}.stage{height:62svh;min-height:380px}.toolbar{flex-wrap:wrap}.toolbar button{font-size:12px;padding:8px 11px}.toolbar label{width:100%;display:flex;justify-content:space-between;align-items:center}.toolbar select{flex:1;max-width:240px}.notes{grid-template-columns:1fr;gap:0}.cover h2{font-size:29px}nav{gap:17px;font-size:12px}}
.scene-hotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);border-radius:30px;background:#222c1de8;border-color:var(--accent);font-size:12px;max-width:180px}

/* Keep controls usable in portrait, landscape and Safari without native fullscreen. */
#viewer{touch-action:none}.stage.expanded{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;z-index:1000;border:0;border-radius:0}.stage:fullscreen{height:100dvh;min-height:0}.stage.expanded #viewer,.stage:fullscreen #viewer{height:100%}#exit-expanded{display:none;position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:5;background:#20231deb}.stage.expanded #exit-expanded,.stage:fullscreen #exit-expanded{display:block}body:has(.stage.expanded){overflow:hidden}.move-controls{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:4}.move-controls button{min-width:48px;min-height:48px;padding:9px;touch-action:none;user-select:none;background:#20231deb}.scene-records{padding:0 0 24px}.scene-records h2{font-size:19px;font-weight:500}.scene-records li{margin:8px 0}.toolbar{flex-wrap:wrap}.toolbar button,.toolbar select{min-height:44px}@media(max-width:650px) and (orientation:landscape){.stage{height:80svh;min-height:240px}}