*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#1e2230;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e8eaf0}#root{width:100%;max-width:1920px;padding:16px}#game,.phaser-mount{line-height:0}.phaser-mount{width:100%;height:calc(100vh - 32px);height:calc(100dvh - 32px);min-height:480px;display:flex;align-items:center;justify-content:center}.phaser-mount canvas{max-width:100%;max-height:100%}.ambient-bg{position:fixed;inset:0;z-index:-1;background:url(/backgrounds/battle.svg) center / cover no-repeat #1e2230;filter:blur(10px) brightness(.55);transform:scale(1.06)}.shell-screen{max-width:960px;margin:0 auto}.shell-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.shell-title{font-size:28px;font-weight:700;color:#fff}.shell-subtitle{margin:8px 0 4px;font-size:13px;color:#a9adc1;text-align:center}.shell-heading{margin:16px 0 8px;font-size:16px;text-align:center}.shell-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.shell-button{min-width:130px;padding:11px 16px;border:0;border-radius:8px;background:#4a5573;color:#fff;font-size:14px;cursor:pointer}.shell-button:hover:not(:disabled){background:#586694}.shell-button:disabled{opacity:.45;cursor:default}.shell-button.gold{background:#a8842f}.shell-button.gold:hover:not(:disabled){background:#c49b3a}.shell-note{margin:12px 0 0;font-size:12px;color:#a9adc1;text-align:center}.class-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:12px}.class-card{width:260px;padding:16px;border-radius:12px;background:#2a2f42;border:3px solid transparent;color:#e8eaf0;text-align:left;cursor:pointer;font:inherit}.class-card.selected{border-color:#a8842f}.class-name{font-size:16px;font-weight:700;color:#fff}.class-stats,.class-synergy,.class-ultimate{margin-top:8px;font-size:12px;color:#a9adc1}.gallery-tabs{display:flex;gap:10px;justify-content:center;margin:12px 0 16px;flex-wrap:wrap}.gallery-tab{min-width:90px;padding:8px 14px;border:0;border-radius:8px;background:#2a2f42;color:#e8eaf0;font-size:13px;cursor:pointer}.gallery-tab.selected{background:#a8842f;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.gallery-card{padding:10px;border-radius:12px;background:#2a2f42}.gallery-art{display:block;width:100%;height:100px;object-fit:cover;border-radius:8px;background:#1b1f2c}.gallery-art.fallback{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;text-transform:capitalize;color:#fff}.gallery-art.fallback.attack{background:#b5423a}.gallery-art.fallback.defend{background:#2f6f8f}.gallery-art.fallback.buff{background:#3a8f5a}.gallery-art.fallback.debuff{background:#6a4a94}.gallery-name{margin-top:8px;font-size:14px;font-weight:700;color:#fff}.gallery-desc,.gallery-decks{margin-top:4px;font-size:12px;color:#a9adc1}.gallery-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0 8px}.shell-topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.account-name{font-size:14px;font-weight:700;color:#e3c06d;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-box{width:min(380px,100%);margin:32px auto 0;padding:20px 22px 22px;border-radius:14px;background:#2a2f42f0;border:1px solid #4a5573}.auth-box .gallery-tabs{margin-top:0}.auth-field{display:block;margin-bottom:12px;font-size:13px;color:#a9adc1}.auth-field input,.deck-name{display:block;width:100%;margin-top:4px;padding:9px 11px;border-radius:8px;border:1px solid #4a5573;background:#1b1f2c;color:#fff;font:inherit;font-size:15px;outline:none}.auth-field input:focus,.deck-name:focus{border-color:#c49b3a}.auth-error,.auth-notice{margin:4px 0 12px;font-size:13px;text-align:center}.auth-error{color:#ff8f86}.auth-notice{color:#8fdca7}.auth-submit{width:100%}.deck-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0 4px}.deck-chip{padding:8px 14px;border:2px solid transparent;border-radius:999px;background:#2a2f42;color:#e8eaf0;font:inherit;font-size:13px;cursor:pointer}.deck-chip.selected{border-color:#a8842f;color:#fff}.deck-chip:disabled{opacity:.45;cursor:default}.deck-chip-new{border-style:dashed;border-color:#4a5573;background:transparent}.deck-chip-tag{margin-left:4px;font-size:11px;color:#a9adc1}.deck-editor{margin-top:14px;padding:16px;border-radius:12px;background:#2a2f42f0}.deck-editor-head{display:flex;align-items:center;gap:12px}.deck-editor-head .deck-name{flex:1;margin-top:0}.deck-name:disabled{opacity:.7}.deck-count{font-size:15px;font-weight:700;color:#8fdca7;white-space:nowrap}.deck-count.bad{color:#ff8f86}.deck-hint{text-align:left}.deck-rows{display:flex;flex-direction:column;gap:8px;margin-top:14px}.deck-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;background:#1f2433}.deck-row.empty{opacity:.6}.deck-art{flex:none;width:56px;height:56px;object-fit:cover;border-radius:8px;background:#1b1f2c}.deck-row-text{flex:1;min-width:0}.deck-row-text .gallery-name{margin-top:0}.deck-stepper{display:flex;align-items:center;gap:8px}.deck-stepper span{width:22px;text-align:center;font-size:16px;font-weight:700}.deck-stepper button{width:32px;height:32px;border:0;border-radius:8px;background:#4a5573;color:#fff;font-size:18px;cursor:pointer}.deck-stepper button:hover:not(:disabled){background:#586694}.deck-stepper button:disabled{opacity:.35;cursor:default}.shell-button.danger{background:#8f3a35}.shell-button.danger:hover:not(:disabled){background:#b5423a}.lobby-code{display:block;margin:24px auto 8px;padding:8px 24px;border:0;border-radius:8px;background:#1b1f2c;color:#fff;font-size:56px;font-weight:700;letter-spacing:.2em;cursor:pointer;font-family:inherit}.lobby-status{margin:12px 0;font-size:15px;text-align:center}.dialog-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a0c1499;animation:dialog-fade .12s ease-out}.dialog-box{width:min(360px,100%);padding:22px 22px 18px;border-radius:14px;background:#2a2f42;border:1px solid #4a5573;box-shadow:0 18px 48px #00000080;color:#e8eaf0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4;animation:dialog-pop .16s ease-out}.dialog-title{margin:0 0 6px;font-size:18px;color:#fff}.dialog-message{margin:0 0 14px;font-size:14px;color:#a9adc1}.dialog-input{width:100%;margin-bottom:16px;padding:10px 12px;border-radius:8px;border:1px solid #4a5573;background:#1b1f2c;color:#fff;font-size:22px;font-weight:700;letter-spacing:.3em;text-align:center;outline:none}.dialog-input:focus{border-color:#c49b3a}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px}.dialog-button{min-width:88px;padding:9px 14px;border:0;border-radius:8px;background:#4a5573;color:#fff;font-size:14px;cursor:pointer}.dialog-button:hover{background:#586694}.dialog-button-primary{background:#a8842f}.dialog-button-primary:hover{background:#c49b3a}.dialog-button-danger{background:#b5423a}.dialog-button-danger:hover{background:#cc5047}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-pop{0%{opacity:0;transform:scale(.95)}}