:root{--bg-page: #edf3ff;--bg-page-soft: #f8fbff;--bg-main-shell: #e3edff;--bg-main-shell-deep: #d7e4fa;--text-main: #1a2436;--text-muted: #5d6a83;--surface-1: rgba(255, 255, 255, .88);--surface-2: rgba(244, 248, 255, .92);--border-1: rgba(40, 66, 112, .18);--border-2: rgba(40, 66, 112, .12);--focus: rgba(59, 130, 246, .42);--primary-1: rgba(59, 130, 246, .2);--primary-2: rgba(59, 130, 246, .3);--primary-border: rgba(59, 130, 246, .38);--shadow-1: 0 10px 26px rgba(26, 36, 54, .09);--overlay-soft: rgba(31, 51, 87, .2);--battle-overlay-body-bg: rgba(246, 250, 255, .96);font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;background:radial-gradient(1200px 620px at 8% -12%,rgba(99,102,241,.17),transparent 65%),radial-gradient(980px 560px at 95% 0%,rgba(56,189,248,.12),transparent 62%),linear-gradient(180deg,var(--bg-page-soft),var(--bg-page));color:var(--text-main)}body{min-width:320px}*{scrollbar-width:thin;scrollbar-color:rgba(56,87,136,.34) rgba(96,121,168,.12)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#6079a81a;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f661,#3b82f638);border:2px solid rgba(237,243,255,.92);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f685,#3b82f657)}:root[data-theme=dark]{--bg-page: #0b0d12;--bg-page-soft: #0b0d12;--bg-main-shell: #0f131c;--bg-main-shell-deep: #0b0d12;--text-main: #e7e9ee;--text-muted: rgba(231, 233, 238, .75);--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(0, 0, 0, .22);--border-1: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .06);--focus: rgba(255, 255, 255, .25);--primary-1: rgba(80, 130, 255, .25);--primary-2: rgba(80, 130, 255, .35);--primary-border: rgba(140, 180, 255, .35);--shadow-1: none;--overlay-soft: rgba(0, 0, 0, .22);--battle-overlay-body-bg: rgba(10, 16, 24, .96)}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] #root{background:var(--bg-page);color:var(--text-main)}html[data-theme=dark] *{scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.06)}html[data-theme=dark] *::-webkit-scrollbar-track{background:#ffffff0d}html[data-theme=dark] *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff47,#ffffff29);border:2px solid rgba(11,13,18,.9)}html[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff5c,#ffffff38)}.card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:14px;padding:14px;box-shadow:var(--shadow-1)}.card.grow{display:flex;flex-direction:column;min-height:0}.card-title{font-weight:700}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border-1)}.kv:last-child{border-bottom:none}.row{display:flex;gap:8px;margin-top:10px}.row.wrap{flex-wrap:wrap}.row.wrap.action-feature-row{flex-wrap:wrap;overflow:visible;min-width:0}.row.wrap.action-feature-row>*{flex:0 0 auto}.btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(40,66,112,.2);background:#ffffffc7;color:var(--text-main);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;will-change:transform}.btn:hover{background:#fffffff0}.btn.primary{border-color:var(--primary-border);background:var(--primary-1)}.btn.primary:hover{background:var(--primary-2)}.btn:active:not(:disabled){transform:translateY(1px) scale(.94);box-shadow:inset 0 1px #0f172a1a;filter:brightness(.96)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.ghost{background:transparent}.btn.mini{height:24px;padding:1px 4px;font-size:12px}.input{height:36px;border-radius:10px;border:1px solid rgba(40,66,112,.2);background:#ffffffeb;color:var(--text-main);padding:0 10px;outline:none}.input:focus{border-color:var(--focus)}.muted{color:var(--text-muted)}.small{font-size:12px}.grow{flex:1;min-height:0}.battle-overlay-body,.battle-overlay-body [class*=detail]{background:var(--battle-overlay-body-bg)!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.action-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;row-gap:6px;min-width:0;max-width:100%}.action-left>*{flex:0 1 auto}.action-left .btn,.action-left button{height:30px;padding:0 8px;font-size:12px;border-radius:8px}.action-left .btn.mini,.action-left button.mini{height:22px;padding:0 6px;font-size:11px}.action-left .btn svg,.action-left button svg,.action-left .btn img,.action-left button img{width:14px;height:14px}html[data-theme=dark] .btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f}html[data-theme=dark] .btn:hover{background:#ffffff1a}html[data-theme=dark] .btn:active:not(:disabled){box-shadow:inset 0 1px #0f172a2e}html[data-theme=dark] .input{border:1px solid rgba(255,255,255,.12);background:#0000004d}.service-unavailable-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(245,158,11,.18),transparent 28%),linear-gradient(180deg,#0f172a,#0b1220 55%,#091018)}.service-unavailable-card{width:min(560px,100%);border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#0c1320e6;box-shadow:0 24px 80px #00000052;padding:32px 28px}.service-unavailable-eyebrow{color:#f59e0b;font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.service-unavailable-card h1{margin:0 0 14px;color:#edf2f7;font-size:clamp(30px,4vw,42px);line-height:1.08}.service-unavailable-copy{margin:0;color:#9fb0c4;line-height:1.7}.service-unavailable-meta{margin-top:20px;display:grid;gap:8px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#dbe4ee;font-size:14px}.service-unavailable-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.service-unavailable-actions .btn{min-width:132px;font-weight:700;box-shadow:0 10px 26px #00000038}.service-unavailable-btn-primary{color:#fff9ef;border-color:#f59e0ba3!important;background:linear-gradient(180deg,#f59e0b,#d97706)!important}.service-unavailable-btn-primary:hover{background:linear-gradient(180deg,#fbbf24,#ea580c)!important}.service-unavailable-btn-secondary{color:#f8fafc;border-color:#94a3b88c!important;background:#334155eb!important}.service-unavailable-btn-secondary:hover{background:#475569fa!important}html[data-theme=light] .service-unavailable-btn-secondary{color:#0f172a;border-color:#94a3b8a6!important;background:#e2e8f0f5!important}html[data-theme=light] .service-unavailable-btn-secondary:hover{background:#cbd5e1!important}