*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;height:100dvh;max-height:100svh;overflow:hidden;overscroll-behavior:none;background:#1a1520;font-family:"Press Start 2P",Courier New,monospace;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#app{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vh,12px);padding:clamp(8px,2vw,12px);background:radial-gradient(ellipse at 50% 0%,#2d2438 0%,transparent 55%),linear-gradient(180deg,#1a1520,#0f0c14)}#game{display:block;width:min(96vw,960px);max-width:100%;max-height:min(70dvh,calc(100svh - 4.5rem));height:auto;aspect-ratio:320 / 180;image-rendering:pixelated;image-rendering:crisp-edges;border:4px solid #4a3f5c;box-shadow:0 0 0 2px #1a1520,0 12px 40px #0000008c;background:#7ec8e3;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hint{color:#9a8fb0;font-size:clamp(9px,2.8vw,11px);letter-spacing:.04em;text-align:center;user-select:none;-webkit-user-select:none;padding:0 8px;max-width:96vw;line-height:1.45;flex-shrink:0}.audio-unlock{position:absolute;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:5;border:2px solid #ffe066;background:#1a1210e0;color:#ffe066;font-family:inherit;font-size:clamp(9px,2.6vw,11px);letter-spacing:.03em;line-height:1.4;padding:.7rem 1rem;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.audio-unlock:active{background:#ffe0662e}#rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:radial-gradient(ellipse at 50% 30%,#2d2438 0%,transparent 55%),linear-gradient(180deg,#1a1520,#0f0c14)}.rotate-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:18rem}.rotate-phone{width:42px;height:72px;border:3px solid #ffe066;border-radius:8px;box-shadow:inset 0 -10px #ffe06626;animation:rotate-hint 1.6s ease-in-out infinite}.rotate-title{color:#fff8e7;font-size:14px;line-height:1.4}.rotate-sub{color:#9a8fb0;font-size:10px;line-height:1.5}@keyframes rotate-hint{0%,20%{transform:rotate(0)}45%,70%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@media(orientation:portrait)and (max-width:920px){#rotate-overlay{display:flex}#app{visibility:hidden;pointer-events:none}}@media(orientation:landscape)and (max-height:560px),(orientation:landscape)and (pointer:coarse){body{padding:0}#app{gap:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#game{width:min(100%,calc(100dvh * 320 / 180));height:min(100%,56.25dvw);max-width:100%;max-height:100%;aspect-ratio:320 / 180;border:none;box-shadow:none}.hint{display:none}.audio-unlock{bottom:max(.6rem,env(safe-area-inset-bottom,0px));font-size:9px;padding:.55rem .8rem}}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivM.woff2) format("woff2")}