:root{--ink: #08070a;--brass: #c9a24a;--brass-dim: #8a6f34;--parchment: #ece3cf;--red: #b22a22;--glint: #e8c65c;--grab: #6fbf8e;--ui: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(ellipse at 50% 0%,#16131a 0%,var(--ink) 62%);color:var(--parchment);font-family:var(--ui);overscroll-behavior:none}#cabinet{min-height:100%;display:grid;place-items:center;padding:clamp(0px,2vw,28px)}#stage{position:relative;width:min(100%,calc((100vh - 56px) * 16 / 9));aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #c9a24a29,0 30px 80px -20px #000000e6,0 0 120px -40px #c9a24a33;touch-action:none;user-select:none;cursor:crosshair}#clips,#previz,#hud,#screens{position:absolute;inset:0;width:100%;height:100%}#clips .clip,#previz{width:100%;height:100%;object-fit:cover;display:block}#clips .clip[hidden],#previz[hidden]{display:none}#hud{pointer-events:none}#hud[hidden]{display:none}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(8px,1.6vw,18px) clamp(12px,2.2vw,26px);font-size:clamp(11px,1.5vw,16px);letter-spacing:.14em;text-shadow:0 2px 10px rgba(0,0,0,.9);background:linear-gradient(to bottom,rgba(0,0,0,.62),transparent)}.hud-lives{display:flex;gap:5px}.life{font-size:1.15em;filter:drop-shadow(0 0 7px rgba(232,198,92,.55))}.hud-room{color:#ece3cf8c;text-transform:uppercase}.hud-score{color:var(--parchment);font-variant-numeric:tabular-nums}.hud-items{position:absolute;left:clamp(12px,2.2vw,26px);bottom:clamp(12px,2.4vw,28px);display:flex;gap:clamp(4px,.7vw,8px)}.item{font-size:clamp(14px,1.9vw,21px);line-height:1;padding:clamp(3px,.5vw,6px);border-radius:5px;background:#0006;border:1px solid rgba(236,227,207,.1);opacity:.22;filter:grayscale(1);transition:opacity .22s,filter .22s,border-color .22s}.item.is-held{opacity:1;filter:none;border-color:#c9a24a8c;box-shadow:0 0 14px -2px #c9a24a73}.glint{position:absolute;width:clamp(54px,7vw,88px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.glint[hidden]{display:none}.glint-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--glint) 360deg,rgba(255,255,255,.12) 0deg);-webkit-mask:radial-gradient(circle,transparent 63%,#000 65%);mask:radial-gradient(circle,transparent 63%,#000 65%);filter:drop-shadow(0 0 12px rgba(232,198,92,.7))}.glint.is-grab .glint-ring{filter:drop-shadow(0 0 12px rgba(111,191,142,.7))}.glint-icon{position:relative;font-size:clamp(19px,2.6vw,32px);color:var(--glint);text-shadow:0 0 18px rgba(232,198,92,.9)}.glint.is-grab .glint-icon{color:var(--grab);text-shadow:0 0 18px rgba(111,191,142,.9)}@keyframes glint-pop{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.glint-pop{animation:glint-pop .14s ease-out}.hud-hint{position:absolute;left:0;right:0;bottom:clamp(14px,3vw,34px);text-align:center;font-size:clamp(12px,1.7vw,18px);color:#fff0d2e6;text-shadow:0 2px 14px rgba(0,0,0,.95);letter-spacing:.03em}.hud-announce{position:absolute;left:0;right:0;top:clamp(46px,8vw,84px);text-align:center;font-family:var(--serif);font-size:clamp(14px,2.1vw,24px);color:var(--brass);text-shadow:0 2px 16px rgba(0,0,0,.95);opacity:0}@keyframes announce{0%{opacity:0;transform:translateY(8px)}18%,72%{opacity:1;transform:none}to{opacity:0}}.announce-run{animation:announce 2.4s ease-out}.hud-flash{position:absolute;inset:0;opacity:0}.flash-good{background:radial-gradient(ellipse at center,rgba(255,238,176,.3),transparent 68%)}.flash-bad{background:radial-gradient(ellipse at center,rgba(178,42,34,.58),transparent 72%)}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.flash-run{animation:flash-out .3s ease-out}#screens[hidden]{display:none}.screen{position:absolute;inset:0;display:grid;place-content:center;place-content:safe center;overflow-y:auto;overscroll-behavior:contain;justify-items:center;gap:clamp(12px,2.2vw,24px);text-align:center;padding:6%;background:radial-gradient(ellipse at center,#0c0a0ee0,#040306f7);backdrop-filter:blur(3px);animation:fade-in .26s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.title-mark h1{margin:0;font-family:var(--serif);font-size:clamp(34px,7vw,84px);font-weight:700;letter-spacing:.015em;color:var(--brass);text-shadow:0 0 40px rgba(201,162,74,.4),0 6px 0 rgba(0,0,0,.5)}.tagline{margin:10px auto 0;max-width:34ch;font-size:clamp(11px,1.5vw,14px);letter-spacing:.16em;text-transform:uppercase;color:#ece3cf80;line-height:1.7}.title-rule{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(12px,1.6vw,16px);color:var(--red);letter-spacing:.05em}.difficulty{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.diff{display:grid;gap:3px;padding:10px 16px;min-width:140px;border:1px solid rgba(201,162,74,.28);border-radius:7px;background:#c9a24a0d;color:#ece3cfb8;font-family:var(--ui);cursor:pointer;transition:background .14s,border-color .14s,color .14s,transform .14s}.diff:hover{transform:translateY(-1px);border-color:#c9a24a80}.diff.is-on{background:#c9a24a29;border-color:var(--brass);color:var(--parchment)}.diff-name{font-size:14px;letter-spacing:.08em}.diff-meta{font-size:11px;color:#ece3cf73}.start-btn{padding:13px 38px;border:1px solid var(--brass);border-radius:7px;background:linear-gradient(to bottom,#c9a24a38,#c9a24a14);color:var(--brass);font-family:var(--ui);font-size:clamp(13px,1.9vw,17px);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;animation:knock-pulse 2.4s ease-in-out infinite}.start-btn:hover{background:#c9a24a4d;color:var(--parchment)}@keyframes knock-pulse{0%,to{box-shadow:0 0 #c9a24a00}50%{box-shadow:0 0 26px #c9a24a52}}.controls-legend{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;font-size:clamp(10px,1.3vw,12px);color:#ece3cf6b;letter-spacing:.1em}.controls-legend kbd{display:inline-block;padding:2px 6px;margin-right:2px;border:1px solid rgba(236,227,207,.22);border-radius:4px;font-size:.95em}.legend-alt{opacity:.7}.high-score{font-size:12px;letter-spacing:.18em;color:var(--brass-dim)}.loading-room,.room-card-name{font-family:var(--serif);font-size:clamp(24px,4.6vw,54px);color:var(--brass);text-shadow:0 0 34px rgba(201,162,74,.32)}.room-card-host{font-family:var(--serif);font-style:italic;font-size:clamp(13px,1.9vw,19px);color:#ece3cf99;max-width:40ch}.loading-bar{width:min(340px,60vw);height:3px;background:#ece3cf24;border-radius:999px;overflow:hidden}.loading-fill{width:0%;height:100%;background:var(--brass);transition:width .18s ease-out}.loading-note,.room-card-note{font-size:clamp(10px,1.4vw,13px);letter-spacing:.2em;text-transform:uppercase;color:#ece3cf61}.death-title{font-family:var(--serif);font-size:clamp(28px,5.4vw,62px);color:var(--red);text-shadow:0 0 40px rgba(178,42,34,.55)}.death-lives{font-size:clamp(11px,1.6vw,14px);letter-spacing:.2em;text-transform:uppercase;color:#ece3cf8c}.over-title{font-family:var(--serif);font-size:clamp(28px,5.4vw,62px);color:var(--brass)}.over-epilogue{margin:0;max-width:40ch;font-family:var(--serif);font-style:italic;font-size:clamp(14px,2vw,21px);color:#ece3cfcc}.over-score{font-size:clamp(30px,6.4vw,68px);color:var(--parchment);font-variant-numeric:tabular-nums;letter-spacing:.04em}.over-meta,.over-missed{font-size:clamp(11px,1.5vw,13px);letter-spacing:.14em;text-transform:uppercase;color:#ece3cf73}.over-missed{color:#b22a22cc;max-width:44ch;line-height:1.7}.best-tag{color:var(--brass)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports (height: 100dvh){#stage{width:min(100%,calc((100dvh - 56px) * 16 / 9))}}#fullscreen{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:20;width:44px;height:44px;padding:0;border:1px solid rgba(201,162,74,.3);border-radius:10px;background:#08070ab8;color:var(--brass);font-size:19px;line-height:1;cursor:pointer;opacity:.4;transition:opacity .16s}#fullscreen:hover,#fullscreen:focus-visible{opacity:1}@media(pointer:coarse){#fullscreen{opacity:.85}}#cabinet:fullscreen{padding:0;background:#000}#cabinet:fullscreen #stage{border-radius:0;box-shadow:none}@media(pointer:coarse)and (orientation:landscape){#cabinet{padding:0}#stage{border-radius:0}@supports (height: 100dvh){#stage{width:min(100vw,calc(100dvh * 16 / 9))}}}#rotate{display:none}@media(orientation:portrait)and (pointer:coarse){#cabinet{visibility:hidden}#rotate{position:fixed;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:22px;padding:12vw;text-align:center;background:radial-gradient(ellipse at center,#16131a 0%,var(--ink) 70%)}}.rotate-phone{width:56px;height:92px;border:3px solid var(--brass);border-radius:10px;animation:rotate-hint 2.6s ease-in-out infinite}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-title{margin:0;font-family:var(--serif);font-size:30px;color:var(--brass)}.rotate-note{margin:0;max-width:26ch;font-size:13px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;color:#ece3cf80}@media(max-height:460px){.screen{gap:8px;padding:3% 6%;overflow-y:auto}.title-mark h1{font-size:clamp(26px,6vw,44px)}.tagline,.controls-legend,.high-score,.title-rule{display:none}.diff{padding:6px 12px;min-width:116px}.start-btn{padding:9px 26px}}