*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background:#030712;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}[hidden]{display:none!important}#app-root{width:100vw;height:100vh;height:100dvh;position:relative}#boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:#030712;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .45s ease}#boot-splash.fade-out{opacity:0;pointer-events:none}.splash-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(56,189,248,.2);border-top-color:#38bdf8;animation:spin .9s linear infinite}.splash-text{font-size:.85rem;color:#94a3b8;letter-spacing:.04em}@keyframes spin{to{transform:rotate(360deg)}}.sys-banner-offline{position:fixed;top:0;left:0;right:0;z-index:9999;padding:6px;text-align:center;background:#7c2d12;color:#fff;font-size:.75rem}.sys-btn{position:fixed;z-index:9999;padding:10px 18px;border:none;border-radius:8px;font-weight:700;color:#fff;cursor:pointer}.sys-btn-update{bottom:16px;left:16px;background:#16a34a}.sys-btn-install{bottom:16px;right:16px;background:#028af8}.dlg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#020617cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;animation:dlg-fade .18s ease-out}.dlg-card{width:min(420px,92vw);background:linear-gradient(180deg,#0f172a,#0b1220);border:1px solid rgba(56,189,248,.35);border-radius:16px;padding:22px 20px 18px;text-align:center;box-shadow:0 20px 60px #0009;animation:dlg-pop .22s cubic-bezier(.2,.9,.3,1.3)}.dlg-title{margin:0 0 10px;font-size:1.05rem;color:#38bdf8}.dlg-title.gold{color:#f59e0b}.dlg-msg{margin:0 0 18px;font-size:.9rem;line-height:1.55;color:#e2e8f0;white-space:pre-wrap}.dlg-btns{display:flex;gap:10px;justify-content:center}.dlg-btn{flex:1;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#1e293b;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .06s ease,background .15s ease}.dlg-btn.primary{background:linear-gradient(135deg,#028af8,#0369a1);border-color:transparent}.dlg-btn:active{transform:scale(.96)}@keyframes dlg-fade{0%{opacity:0}}@keyframes dlg-pop{0%{opacity:0;transform:scale(.9) translateY(8px)}}#onboarding-screen{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column}.user-hud{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.1)}.user-profile{display:flex;align-items:center;gap:10px}.avatar-img{width:40px;height:40px;border-radius:50%;border:2px solid #38bdf8}.user-text{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:700}.user-email{font-size:.7rem;color:#94a3b8}.main-content{flex:1;padding:16px;display:flex;flex-direction:column;overflow:auto;touch-action:pan-y}.dialogue-box{background:#1e293bb3;border-left:3px solid #38bdf8;padding:12px;border-radius:8px;margin-bottom:16px}.speaker{font-size:.75rem;color:#38bdf8;font-weight:700}.gender-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-gender{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.class-grid button{background:#1e293b;border:1px solid rgba(255,255,255,.1);padding:14px;color:#fff;border-radius:10px;cursor:pointer;text-align:left}.gacha-wrap{margin-top:20px}.btn-gacha{width:100%;padding:14px;background:linear-gradient(135deg,#7c3aed,#db2777);border:none;color:#fff;font-weight:700;border-radius:10px;cursor:pointer}.btn-gacha.rolling{opacity:.6}.locked-text{text-align:center;font-size:.8rem;color:#64748b}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;padding:20px;z-index:500}.modal-card{background:#0f172a;border:2px solid #f59e0b;padding:20px;border-radius:16px;text-align:center;max-width:360px}.gold-title{color:#f59e0b;margin-top:0}.unique-badge{background:#f59e0b33;color:#fbbf24;padding:10px;border-radius:8px;font-weight:700;margin:12px 0}.btn-start{width:100%;padding:12px;background:#f59e0b;border:none;border-radius:8px;font-weight:700;cursor:pointer}#game-stage{position:relative;width:100%;height:100%}#game-container{width:100vw;height:100vh;height:100dvh;touch-action:none}#game-container canvas{display:block}#hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;transition:opacity .2s ease}#hud-overlay.hud-dimmed{opacity:.15}.top-right-icons{position:absolute;display:flex;gap:8px;top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px))}.icon-btn{pointer-events:auto;width:38px;height:38px;border-radius:10px;background:#0f172abf;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:16px;transition:transform .06s ease}.icon-btn:active{transform:scale(.9)}.bottom-hud{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#030712eb,#03071299);padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));pointer-events:auto}.stat-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lv-badge{background:#1e293b;border:1px solid #38bdf8;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700;white-space:nowrap}.bars{flex:1;display:flex;flex-direction:column;gap:3px}.bar{position:relative;height:14px;background:#1e1e1e;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;transition:width .25s ease}.hp-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.exp-fill{background:linear-gradient(90deg,#ca8a04,#facc15)}.bar-label{position:relative;z-index:1;font-size:.6rem;line-height:14px;padding-left:6px;text-shadow:0 1px 2px #000}.action-row{display:flex;justify-content:space-around}.action-btn{width:46px;height:46px;border-radius:12px;background:#1e293bd9;border:1px solid rgba(255,255,255,.15);font-size:19px;color:#fff;transition:transform .06s ease}.action-btn:active{transform:scale(.88)}#rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#030712;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;touch-action:none}.rotate-icon{font-size:3rem;animation:rotate-hint 1.6s ease-in-out infinite}.rotate-text{font-size:1rem;font-weight:700;margin:4px 0 0}.rotate-sub{font-size:.8rem;color:#64748b;margin:0}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.phaser-error-box{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;color:#dc2626;background:#fff;padding:20px;font-family:monospace;white-space:pre-wrap;overflow:auto}