*{margin:0;padding:0;box-sizing:border-box}:root{--rotate-bg:rgba(5,10,18,0.92);--rotate-card-bg:linear-gradient(180deg,rgba(20,33,53,0.98),rgba(10,18,30,0.98));--rotate-card-border:rgba(133,202,255,0.95);--rotate-title:#f2f7ff;--rotate-text:#b6c9dc;--rotate-action-top:#ffd46a;--rotate-action-bottom:#ff9f46;--rotate-action-text:#4b2600}html,body{width:100%;height:100%;overscroll-behavior:none}body{background:#0a0a12;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}canvas{display:block;cursor:crosshair;max-width:100vw;max-height:100vh}body.phone-platform{background:#050914}body.phone-platform canvas{cursor:default;touch-action:none}.rotate-hint{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:24px;background:var(--rotate-bg)}.rotate-hint[hidden]{display:none !important}body.needs-landscape .rotate-hint{display:flex}.rotate-card{width:min(360px,100%);padding:22px 20px 20px;border:2px solid var(--rotate-card-border);border-radius:22px;background:var(--rotate-card-bg);box-shadow:0 24px 50px rgba(0,0,0,0.45);text-align:center}.rotate-icon{position:relative;width:88px;height:72px;margin:0 auto 12px}.rotate-device{position:absolute;inset:14px 25px;border:3px solid #d5e9ff;border-radius:12px;background:rgba(130,176,255,0.12);transform:rotate(90deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.06)}.rotate-device::after{content:'';position:absolute;left:50%;bottom:6px;width:10px;height:2px;margin-left:-5px;border-radius:999px;background:rgba(213,233,255,0.85)}.rotate-arrow{position:absolute;inset:0}.rotate-arrow::before,.rotate-arrow::after{content:'';position:absolute;border-radius:999px;border:3px solid transparent}.rotate-arrow::before{left:7px;top:12px;width:42px;height:42px;border-top-color:#ffd46a;border-left-color:#ffd46a;transform:rotate(-28deg)}.rotate-arrow::after{right:15px;top:16px;width:0;height:0;border-left:10px solid #ffd46a;border-top:7px solid transparent;border-bottom:7px solid transparent;transform:rotate(-16deg)}.rotate-card h1{margin-bottom:10px;color:var(--rotate-title);font:700 24px/1.1 "Segoe UI",Arial,sans-serif}.rotate-card p{margin-bottom:16px;color:var(--rotate-text);font:15px/1.5 "Segoe UI",Arial,sans-serif}.rotate-mode-switch{display:flex;gap:8px;margin-bottom:14px}.rotate-mode-btn{flex:1;min-height:40px;border:1px solid rgba(120,151,184,0.75);border-radius:12px;background:rgba(255,255,255,0.05);color:#c6d7e8;font:700 14px/1 "Segoe UI",Arial,sans-serif}.rotate-mode-btn.active{border-color:rgba(255,212,106,0.95);background:rgba(255,212,106,0.18);color:#fff7db}.rotate-card>button{min-width:172px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--rotate-action-top),var(--rotate-action-bottom));color:var(--rotate-action-text);font:700 15px/1 "Segoe UI",Arial,sans-serif}@media (max-width:520px){.rotate-card{padding-inline:18px}.rotate-card h1{font-size:22px}.rotate-card p{font-size:14px}}
.boot{position:fixed;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:14px;background:#0a0a12;color:#e8eef7;font:500 15px/1.4 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;transition:opacity .35s ease}
.boot strong{color:#ff5a4a;font-size:34px;font-weight:800;letter-spacing:.04em}
.boot.is-done{opacity:0;pointer-events:none}
.boot[hidden]{display:none}
.boot-bar{position:relative;width:180px;height:3px;overflow:hidden;border-radius:3px;background:rgba(232,238,247,.15)}
.boot-bar span{position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:#ffd46a;animation:boot-sweep 1.2s ease-in-out infinite}
@keyframes boot-sweep{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
@media (prefers-reduced-motion:reduce){.boot-bar span{width:100%;animation:none;opacity:.6}}
.hangar-back{position:fixed;top:12px;left:12px;z-index:25;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;border:1px solid rgba(232,238,247,.18);border-radius:999px;background:rgba(10,10,18,.6);color:#e8eef7;font:600 13px/1 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;text-decoration:none;opacity:.7;transition:opacity .15s ease}
.hangar-back:hover,.hangar-back:focus-visible{opacity:1}
.hangar-back:focus-visible{outline:2px solid #ffd46a;outline-offset:2px}
.hangar-back svg{width:20px;height:20px;color:#e8eef7}
.hangar-back[hidden]{display:none}
#game{position:relative;z-index:1}#game3d{position:fixed;left:50%;top:50%;z-index:0;transform:translate(-50%,-50%);visibility:hidden;pointer-events:none}