:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6e7c1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0e1a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:#17182b;min-height:100%}button,canvas{-webkit-tap-highlight-color:transparent}.page-shell{background:#17182b;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.game-shell{background:#17182b;width:100%;height:100%}#game{touch-action:none;background:#17182b;width:100%;height:100%;position:relative;overflow:hidden}#game canvas{z-index:1;max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:relative}.game-hud{z-index:2;pointer-events:none;width:min(100dvw,177.778dvh);height:min(100dvh,56.25dvw);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:inline-size}.hud-text{color:#f6e7c1;letter-spacing:.025em;text-align:center;white-space:pre-line;text-rendering:geometricprecision;width:max-content;max-width:92%;font-weight:600;line-height:1.15;position:absolute;left:50%;transform:translate(-50%,-50%)}.hud-title{color:#fff9e9;letter-spacing:.015em;font-size:5.625cqw;font-weight:700}.hud-prompt{font-size:2.8125cqw}.hud-score{color:#fff9e9;font-variant-numeric:tabular-nums;font-size:4.6875cqw;font-weight:700}.hud-chapter,.hud-helper{font-size:2.5cqw}.hud-chapter{color:#f2b544}.hud-result{color:#fff9e9;font-variant-numeric:tabular-nums;font-size:5cqw;font-weight:700}.hud-top{transform:translate(-50%)}.rotate-prompt{z-index:10;padding:max(32px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));color:#f6e7c1;text-align:center;background:repeating-linear-gradient(90deg,#4e9b911c 0 2px,#0000 2px 32px),repeating-linear-gradient(0deg,#4e9b9114 0 2px,#0000 2px 32px),#17182b;place-content:center;justify-items:center;gap:14px;display:none;position:fixed;inset:0}.mobile-portrait-gate .page-shell{display:none}.mobile-portrait-gate .rotate-prompt{display:grid}.rotate-prompt strong{color:#fff9e9;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance;max-width:280px;font-size:clamp(20px,6vw,28px)}.rotate-prompt span{color:#f6e7c19e;text-wrap:pretty;max-width:280px;font-size:14px;line-height:1.5}.rotate-machine{filter:drop-shadow(5px 5px #090a139e);width:104px;height:104px;margin-bottom:4px;position:relative}.rotate-phone{transform-origin:50%;background:linear-gradient(#4e9b91,#4e9b91) 50% 8px/20px 3px no-repeat,linear-gradient(#4e9b91,#4e9b91) 50% calc(100% - 8px)/8px 3px no-repeat,#242743;width:34px;height:62px;animation:1.8s cubic-bezier(.2,0,0,1) infinite turn-phone;display:block;position:absolute;top:20px;left:37px;transform:rotate(-8deg);box-shadow:inset 0 0 0 3px #f6e7c1,inset 0 0 0 6px #17182b,4px 4px #090a13}.rotate-arrow{font-weight:700;display:block;position:absolute;bottom:6px;right:5px;color:#f2b544!important;font-size:34px!important;line-height:1!important}@keyframes turn-phone{0%,18%{transform:rotate(-8deg)}55%,82%{transform:rotate(82deg)}to{transform:rotate(82deg)}}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(82deg)}}