: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}