@font-face{font-family:Aristo Display;src:url(../fonts/Aristotelica-Pro-Display-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Aristo Display;src:url(../fonts/Aristotelica-Pro-Display-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Aristo Display;src:url(../fonts/Aristotelica-Pro-Display-Demibold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Aristo Display;src:url(../fonts/Aristotelica-Pro-Display-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Aristo Text;src:url(../fonts/Aristotelica-Pro-Text-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Aristo Text;src:url(../fonts/Aristotelica-Pro-Text-Demibold.ttf)format("truetype");font-weight:600;font-display:swap}:root{--nightmare:#141e13;--black-mesa:#25210a;--bronze:#5d521a;--cream:#f0f5ef;--white:#fff;--f-display:"Outfit", sans-serif;--f-mono:"Inconsolata", monospace}:root[data-font=aristo]{--f-display:"Aristo Display", serif;--f-mono:"Aristo Text", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0c130b;min-height:100dvh;overflow:hidden}body{font-family:var(--f-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100dvh}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}:root[data-case=upper] .cx{text-transform:uppercase;letter-spacing:.12em}:root[data-case=lower] .cx{text-transform:lowercase}.viewport{background:#0c130b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage{transform-origin:50%;flex:none;width:1920px;height:1080px;position:relative;overflow:hidden;box-shadow:0 40px 120px #0000008c}.slide{width:1920px;height:1080px;position:absolute;inset:0;overflow:hidden}.fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mono{font-family:var(--f-mono)}.disp{font-family:var(--f-display)}.wsnw{white-space:nowrap}.chrome{z-index:40;padding:16px calc(20px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));color:#e7ecdf;background:linear-gradient(#080c0700,#080c07d9);align-items:center;gap:18px;font-family:Inconsolata,monospace;display:flex;position:fixed;bottom:0;left:0;right:0}:root[data-font=aristo] .chrome{font-family:Aristo Text,sans-serif}.chrome .btn{color:#f0f5ef;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f0f5ef1a;border:1px solid #f0f5ef2e;border-radius:999px;place-items:center;width:44px;height:44px;transition:all .25s;display:grid}.chrome .btn:hover{background:var(--bronze);border-color:var(--bronze);transform:translateY(-2px)}.counter{letter-spacing:.18em;text-align:center;opacity:.85;min-width:78px;font-size:15px}.progress{background:#f0f5ef2e;border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.progress i{background:var(--cream);border-radius:2px;transition:width .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0}.title-chip{letter-spacing:.14em;opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:34ch;font-size:13px;overflow:hidden}.zone{z-index:30;width:22%;position:fixed;top:0;bottom:70px}.zone.l{cursor:w-resize;left:0}.zone.r{cursor:e-resize;right:0}.overview{z-index:60;background:#0c130b;padding:56px clamp(20px,4vw,80px) 90px;position:fixed;inset:0;overflow-y:auto}.ov-head{color:#e7ecdf;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:36px;font-family:Inconsolata,monospace;display:flex}:root[data-font=aristo] .ov-head{font-family:Aristo Text,sans-serif}.ov-head h1{font-family:var(--f-display);letter-spacing:.02em;color:#f0f5ef;font-size:clamp(28px,3.6vw,52px);font-weight:400}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.ov-cell{aspect-ratio:16/9;cursor:pointer;background:#141e13;border-radius:10px;outline:1px solid #f0f5ef1a;transition:all .3s;position:relative;overflow:hidden}.ov-cell:hover{outline-color:var(--bronze);transform:translateY(-4px)}.ov-cell .mini{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0}.ov-cell .num{z-index:2;color:#f0f5ef;letter-spacing:.1em;background:#080c0799;border-radius:20px;padding:2px 8px;font-family:Inconsolata,monospace;font-size:12px;position:absolute;bottom:8px;left:10px}.ov-cell.active{outline:2px solid var(--cream)}.hint{z-index:35;letter-spacing:.18em;color:#f0f5ef8c;pointer-events:none;font-family:Inconsolata,monospace;font-size:12px;transition:opacity .6s;position:fixed;top:16px;left:50%;transform:translate(-50%)}@media (width<=640px){.zone{bottom:64px}.chrome .title-chip{display:none}}