#ad-banner{display:block;position:fixed;top:0;left:0;width:100%;z-index:200;opacity:0;pointer-events:none;overflow:hidden;transition:opacity .5s ease,height .3s ease;background:#020617d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(56,189,248,.15)}#ad-banner.visible{opacity:1;pointer-events:auto}#ad-banner iframe{display:block;width:100%;height:100%;border:none}:root{--viewport-height: 100vh;--controls-height: 0px;--settings-height: 56px;--attribution-space: 28px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--viewport-height);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) calc(env(safe-area-inset-bottom,0px) + var(--attribution-space)) env(safe-area-inset-left,0px);overflow-y:auto;background:radial-gradient(circle at center,#1e293b,#020617)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}#app{width:100%;max-width:min(100%,max(1px,calc((var(--viewport-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--controls-height) - var(--settings-height) - var(--attribution-space) - 4px) * 8 / 3)));flex-shrink:0;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}canvas{display:block;width:100%;max-width:100vw;height:auto;aspect-ratio:8 / 3;background-color:#00000080;border:2px solid #38bdf8;border-radius:8px;box-shadow:0 0 20px #38bdf880,inset 0 0 20px #38bdf833;image-rendering:pixelated;touch-action:pinch-zoom}#game-controls{display:flex;width:100%;min-height:var(--settings-height);align-items:center;justify-content:flex-end;gap:8px;padding:4px 12px}#game-controls button{min-width:92px;min-height:44px;padding:8px 12px;border:1px solid #38bdf8;border-radius:8px;background:#0c182b;color:#7dd3fc;font:600 12px Inter,sans-serif;cursor:pointer}#game-controls button:disabled{opacity:.45;cursor:default}#touch-controls{display:none;width:100%;max-width:100vw;padding:8px 12px;gap:10px;justify-content:space-between;align-items:center;flex-shrink:0}@media(pointer:coarse){:root{--controls-height: 68px}#touch-controls{display:flex}}.touch-btn{flex:1;height:52px;border:2px solid rgba(56,189,248,.6);border-radius:10px;background:#38bdf814;color:#38bdf8e6;font-size:22px;font-family:inherit;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .1s,border-color .1s,transform .08s;display:flex;align-items:center;justify-content:center;gap:4px;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.touch-btn:active,.touch-btn.pressed{background:#38bdf838;border-color:#38bdf8;transform:scale(.96)}button:focus-visible,#runcat-link a:focus-visible{outline:3px solid #fef08a;outline-offset:3px}.touch-btn-label{font-size:11px;font-family:Inter,monospace;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;opacity:.7;margin-top:2px}#runcat-link{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);right:calc(env(safe-area-inset-right,0px) + 14px);font-size:12px;opacity:.45;transition:opacity .3s;z-index:10}#runcat-link:hover,#runcat-link:focus-within{opacity:1}#runcat-link a{color:#38bdf8;text-decoration:none;border-bottom:1px solid rgba(56,189,248,.3);transition:color .2s,border-color .2s}#runcat-link a:hover{color:#0ff;border-color:#0ff}.runcat-icon{height:14px;width:auto;vertical-align:middle;filter:invert(1);margin-right:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}canvas{box-shadow:none}.touch-btn:active,.touch-btn.pressed{transform:none}}.encounter-captions{width:100%;min-height:120px;display:grid;grid-template-rows:repeat(2,minmax(60px,auto));gap:0;padding:2px 8px;background:#050a18;text-align:left}.encounter-caption{visibility:hidden;align-self:center;padding:3px 8px;border-left:2px solid #ff60ff;color:#ffb4ff;font:500 12px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}.encounter-caption[data-answer=slide]{color:#9fffff;border-color:#0ff}#app:has(.encounter-captions){max-width:min(100%,max(1px,calc((var(--viewport-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--controls-height) - var(--settings-height) - var(--attribution-space) - 124px) * 8 / 3)))}#rhythm-hud{display:flex;width:100%;min-height:32px;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;color:#9fffff;font:600 12px/1.5 monospace;background:#050a18}#pause-settings[hidden]{display:none}#pause-settings{width:100%;padding:8px 12px;background:#050a18;border:1px solid #38bdf8;color:#c3d4e5;font-size:12px}#pause-settings button,#pause-settings select{min-width:44px;min-height:44px;margin:4px;border:1px solid #38bdf8;border-radius:6px;background:#0c182b;color:#9fffff}.latency-controls{display:inline-flex;align-items:center;gap:8px}#calibration-value{min-width:72px;font:600 14px monospace}#pause-settings p{margin:4px 0}#app:has(#rhythm-hud){max-width:min(100%,max(240px,calc((var(--viewport-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--controls-height) - var(--settings-height) - var(--attribution-space) - 156px) * 8 / 3)))}body:has(#pause-settings:not([hidden])){justify-content:flex-start}