html,body,#app{color:#fff7d6;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 0,#24c6c847,#0000 38%),linear-gradient(#101a33 0%,#172642 52%,#0d1730 100%);width:100%;height:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}#app{place-items:center;display:grid;position:relative}canvas{aspect-ratio:16/9;width:min(100vw,177.778vh);height:auto;image-rendering:pixelated;background:#172642;display:block;box-shadow:0 24px 80px #0000006b,0 0 0 1px #fff7d633}#touch,#menu-touch{inset:auto 0 max(12px, env(safe-area-inset-bottom)) 0;pointer-events:none;justify-content:space-between;padding:0 18px;display:none;position:fixed}#touch button,#menu-touch button{pointer-events:auto;color:#fff7d6;text-shadow:0 2px #00000057;background:linear-gradient(#24c6c8db,#172642e0);border:3px solid #fff7d6;border-radius:8px;min-width:86px;min-height:58px;font:800 18px ui-monospace,monospace;box-shadow:0 8px #00000047,inset 0 3px #fff3}#menu-touch{flex-wrap:wrap;place-content:center;gap:8px;padding:0 12px}#menu-touch button{min-width:84px;min-height:42px;font-size:12px}#menu-touch button[hidden]{display:none}#rotate-lock{z-index:20;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));box-sizing:border-box;background:radial-gradient(circle at 50% 16%,#ffd1663d,#0000 34%),linear-gradient(#101a33 0%,#172642 58%,#0d1730 100%);place-items:stretch stretch;display:none;position:fixed;inset:0}.rotate-card{text-align:center;box-sizing:border-box;background:linear-gradient(#fff7d614,#0000 20%),#0d1730e6;border:3px solid #fff7d6;border-radius:8px;grid-template-rows:minmax(0,1fr) auto auto;align-content:center;justify-items:stretch;gap:clamp(12px,2.2vh,18px);width:min(390px,100%);max-height:100%;margin:auto;padding:clamp(14px,3vh,22px);display:grid;overflow:hidden;box-shadow:0 14px #00000052,inset 0 3px #ffffff29}.rotate-art{aspect-ratio:3/4;background:linear-gradient(#0d173000 54%,#0d173094 100%),url(/assets/traffic-runner-key-art.png) 37%/cover no-repeat;border:3px solid #fff7d6db;border-radius:6px;width:100%;min-height:0;box-shadow:inset 0 -42px 56px #0d173057,0 8px #00000042}.rotate-copy{justify-items:center;gap:2px;display:grid}.rotate-kicker,.rotate-subtitle{color:#ffd166;text-transform:uppercase;margin:0;font-weight:900;line-height:1.1}.rotate-kicker{font-size:clamp(11px,3vw,13px)}.rotate-copy h1{color:#fff7d6;text-shadow:0 4px #00000057;margin:0;font-size:clamp(32px,10vw,44px);line-height:.95}.rotate-subtitle{color:#24c6c8;font-size:clamp(17px,5vw,22px)}.rotate-instruction{text-align:left;background:#101a33c7;border:2px solid #ffd166e6;border-radius:6px;grid-template-columns:58px 1fr;align-items:center;gap:14px;padding:12px 14px;display:grid}.rotate-instruction strong{color:#fff7d6;text-transform:uppercase;font-size:clamp(17px,4.8vw,22px);line-height:1;display:block}.rotate-instruction span{color:#ffd166;margin-top:5px;font-size:clamp(12px,3.6vw,14px);line-height:1.25;display:block}.rotate-phone{border:5px solid #24c6c8;border-radius:7px;width:38px;height:66px;transform:rotate(90deg);box-shadow:28px 20px 0 -13px #ffd166}@media (height<=700px) and (orientation:portrait){.rotate-card{gap:10px;padding:12px}.rotate-art{aspect-ratio:5/4;background-position:34% 48%}.rotate-copy h1{font-size:clamp(28px,9vw,36px)}}@media (hover:none),(pointer:coarse){html,body,#app{height:100dvh}#app{box-sizing:border-box;padding:0}canvas{width:min(100vw,177.778dvh);height:min(100dvh,56.25vw)}body[data-orientation-lock=landscape][data-game-mode=playing] #touch,body[data-orientation-lock=landscape]:not([data-game-mode=playing]) #menu-touch{display:flex}body[data-orientation-lock=portrait] canvas{visibility:hidden}body[data-orientation-lock=portrait] #rotate-lock{display:grid}body[data-orientation-lock=portrait] #touch,body[data-orientation-lock=portrait] #menu-touch{display:none}}