*{box-sizing:border-box;margin:0;padding:0}html,body{background:#1a1a22;width:100%;height:100%;overflow:hidden}#game{width:100vw;height:100vh}#game canvas{display:block}#gate{z-index:10;background:radial-gradient(circle at 50% 30%,#2a2233,#14101a);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#gate[hidden]{display:none}.gate-card{text-align:center;color:#3a2f2a;background:#fff7ec;border-radius:16px;width:min(86vw,340px);padding:28px 24px;font-family:system-ui,sans-serif;box-shadow:0 12px 40px #0006}.gate-card h1{margin-bottom:4px;font-size:26px}.gate-sub{opacity:.7;margin-bottom:18px;font-size:13px}#gate-input{text-align:center;border:2px solid #e0d3c2;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:16px}#gate-input:focus{border-color:#e88aa0}#gate-enter{color:#fff;cursor:pointer;background:#e88aa0;border:none;border-radius:10px;width:100%;padding:12px;font-size:16px}#gate-enter:active{transform:scale(.98)}.gate-error{color:#c0506a;margin-top:10px;font-size:13px}#rotate{z-index:20;text-align:center;color:#fff7ec;background:radial-gradient(circle at 50% 40%,#2a2233,#14101a);justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:none;position:fixed;inset:0}@media (orientation:portrait){body.playing #rotate{display:flex}}.rotate-emoji{font-size:56px;animation:2.6s ease-in-out infinite rotateHint}.rotate-card p{margin-top:16px;font-size:18px}.rotate-card .rotate-sub{opacity:.7;margin-top:4px;font-size:13px}@keyframes rotateHint{0%,55%{transform:rotate(0)}80%,to{transform:rotate(90deg)}}