*{box-sizing:border-box}html{background:#111722;color:#f4dabe;font:clamp(16px,.7vw,28px)/1.5 Georgia}body{margin:0}button,summary,a{font:inherit;color:inherit;min-height:46px}button,summary{cursor:pointer}button{background:#192132ed;border:1px solid #ae8c66;padding:10px 18px;border-radius:4px}button:hover{background:#433b3c}:focus-visible{outline:3px solid #81d4d3;outline-offset:3px}body>header{padding:12px 3vw;display:flex;align-items:center;justify-content:space-between;gap:24px}small{display:block;font:12px system-ui;color:#c0b0aa}nav{display:flex;gap:5px;align-items:center}nav details{position:relative}nav summary{padding:10px}nav details[open]{background:#192132;z-index:4}nav details a{display:block;white-space:nowrap;padding:10px 16px;font-size:16px}nav details[open]{position:absolute;right:3vw;top:12px;border:1px solid #ae8c66}main{text-align:center}#stage{position:relative;margin:0 auto;width:min(96vw,138svh);line-height:0}#stage>img{width:100%;height:auto;display:block}.concept-dots{position:absolute;left:2.5%;top:15%;display:grid;gap:4px;text-align:left}.concept-dots button{display:flex;gap:10px;align-items:center;font-size:clamp(14px,.8vw,28px);background:#201c2aef;border:1px solid #aa887688;padding:6px 12px}.concept-dots i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#d9a878;box-shadow:0 0 12px #d9a878}#focus i{background:#8ce1cf}#story i{background:#fff0db}.entrances{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:15px}#scene-status{font:14px system-ui;min-height:20px}#memory-panel{position:fixed;z-index:5;left:5vw;top:20vh;background:#192132;border:1px solid #ae8c66;padding:24px;max-width:90vw;text-align:left;box-shadow:0 18px 40px #0009}#memory-panel p{font-size:17px}.focused .entrances,body.focused>header{opacity:.75}.focused #stage{outline:2px solid #91d0c7;outline-offset:5px}dialog{width:min(1100px,88vw);height:76svh;max-width:98vw;max-height:98svh;background:#161e2c;color:#f4dabe;border:1px solid #b69a72;padding:0;box-shadow:0 20px 70px #000a}dialog::backdrop{background:#0b101cb3}#activity-chrome{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;background:#202838;min-height:68px;cursor:default;user-select:none}#activity-title{font-size:16px}#activity-chrome>div{display:flex;gap:8px}#activity-chrome button{font-size:15px}#activity-frame{width:100%;height:calc(100% - 70px);border:0;background:#171724}dialog.expanded{width:98vw;height:96svh}dialog.expanded #activity-title{font-size:18px}[hidden]{display:none!important}@media(max-width:700px){body>header{flex-direction:column;gap:10px;padding:12px}.concept-dots{position:static;display:flex;justify-content:center;flex-wrap:wrap;padding:8px}.concept-dots button{font-size:15px}#stage{width:100%}nav{width:100%;justify-content:space-around;gap:0}nav button{font-size:14px;padding:8px;border:0}.entrances button{font-size:15px}dialog{width:96vw;height:88svh}#activity-chrome{flex-wrap:wrap;gap:4px}#activity-title{font-size:13px}#activity-frame{height:calc(100% - 110px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}