body{margin:0;background-color:#181818;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}canvas{touch-action:none}#restart-btn{position:fixed;top:16px;right:16px;padding:8px 16px;background:#2e2e2e;color:#fff;border:1px solid #444;border-radius:6px;font-family:sans-serif;font-size:14px;cursor:pointer;z-index:999}#restart-btn:hover{background:#3e3e3e}#zoom-reset-btn{display:none;position:fixed;top:16px;left:50%;transform:translate(-50%);padding:8px 20px;background:#ffc800e6;color:#111;border:none;border-radius:20px;font-family:sans-serif;font-size:14px;font-weight:700;cursor:pointer;z-index:9998}#credit{position:fixed;bottom:16px;left:16px;color:#fff6;font-family:sans-serif;font-size:13px;z-index:999;pointer-events:none}#dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}#dialog .panel{width:70%;max-width:520px;padding:40px;background:#1a1a1a;color:#fff;border-radius:14px;font-family:sans-serif;box-sizing:border-box}#dialog .panel h2{margin:0 0 28px;font-size:clamp(1.8rem,5vw,2.4rem)}#name-input{display:block;width:100%;padding:18px 20px;margin-bottom:20px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:8px;font-size:18px;box-sizing:border-box;user-select:text;-webkit-user-select:text}#close-btn{display:block;width:100%;padding:18px;background:#3e3e3e;color:#fff;border:1px solid #555;border-radius:8px;font-size:18px;cursor:pointer}#close-btn:hover{background:#4e4e4e}.dialog-links{margin-top:16px;text-align:center;font-size:13px}.dialog-links a{color:#ffffff73;text-decoration:none;pointer-events:all}.dialog-links a:hover{color:#ffffffbf}.dialog-link-sep{color:#ffffff40;margin:0 8px}#info-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100}.info-panel{position:relative;width:70%;max-width:520px;max-height:80vh;overflow-y:auto;padding:40px;background:#1a1a1a;color:#ffffffd9;border-radius:14px;font-family:sans-serif;font-size:15px;line-height:1.6;box-sizing:border-box}.info-panel h2{margin:0 0 20px;font-size:1.4rem;color:#fff}.info-panel p{margin:0 0 12px}.info-close{position:absolute;top:14px;right:14px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;line-height:1;padding:4px 8px}.info-close:hover{color:#fff}@media (max-width: 600px){.info-panel{width:92%;padding:36px 24px}}#name-input.error{border-color:#e05252;outline:none}@media (max-width: 600px){#dialog .panel{width:92%;padding:40px 28px;border-radius:12px}}.hidden{display:none!important}#rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#111;z-index:9999;align-items:center;justify-content:center}#rotate-message{text-align:center;color:#fff;font-family:sans-serif}#rotate-icon{font-size:64px;animation:rotate-hint 1.5s ease-in-out infinite}#rotate-message p{margin-top:16px;font-size:18px;opacity:.8}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (orientation: portrait) and (max-width: 900px){#rotate-overlay{display:flex}}