@font-face{font-family:Pretendard;src:local("Pretendard Black"),url(/fonts/pretendard/Pretendard-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard ExtraBold"),url(/fonts/pretendard/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard Bold"),url(/fonts/pretendard/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard SemiBold"),url(/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard Medium"),url(/fonts/pretendard/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard Regular"),url(/fonts/pretendard/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard Light"),url(/fonts/pretendard/Pretendard-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard ExtraLight"),url(/fonts/pretendard/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:local("Pretendard Thin"),url(/fonts/pretendard/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:MabinogiClassic;src:local("Mabinogi Classic"),local("MabinogiClassic"),url(/fonts/Mabinogi_Classic_TTF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-body: "Pretendard", "Noto Sans KR", "Segoe UI", sans-serif;--font-display: "MabinogiClassic", "Pretendard", "Noto Sans KR", sans-serif;--font-base-size: 14px;--font-base-size-mobile: 13px;--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:var(--font-body);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;font-family:var(--font-body);font-size:var(--font-base-size)}button,input,select,textarea{font:inherit}:is(h1,h2,.brand,.home-header-title,.panel-title,.main-banner-title,.topbar-modal-title,.topbar-settings-doc-title,.topbar-shop-hero-title,.topbar-event-detail-title,.topbar-notice-detail-title,.topbar-help-popup-group-title,.main-character-title,.player-detail-banner-text,.player-badge-title,.chat-line-badge-title,.main-character-title-chip-name,.main-character-title-item-name,.title-font-display){font-family:var(--font-display);font-weight:400;line-height:1.2;letter-spacing:.01em}:is(.brand,.home-header-title,.panel-title,.main-banner-title,.topbar-modal-title,.topbar-settings-doc-title,.topbar-shop-hero-title,.topbar-event-detail-title,.topbar-notice-detail-title,.player-detail-banner-text){text-shadow:0 1px 0 rgba(255,255,255,.18)}.title-plate{--title-plate-accent: #94a3b8;--title-plate-text: #f8fafc;--title-plate-border: rgba(148, 163, 184, .74);--title-plate-border-soft: rgba(148, 163, 184, .34);--title-plate-glow: rgba(148, 163, 184, .42);position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-width:0;padding:3px 10px;border-radius:8px;border:1px solid var(--title-plate-border);background:linear-gradient(180deg,#23314beb,#0c121ff0),linear-gradient(90deg,var(--title-plate-border-soft),transparent 35%,var(--title-plate-border-soft));color:var(--title-plate-text);text-shadow:0 1px 0 rgba(0,0,0,.48),0 0 12px var(--title-plate-glow);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 1px #0c121f14,0 8px 20px #0c121f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;isolation:isolate}.title-plate:before{content:"";position:absolute;inset:2px;border-radius:6px;border:1px solid var(--title-plate-border-soft);opacity:.7;pointer-events:none}.title-plate.is-beta-tester{background:radial-gradient(circle at 12% 50%,rgba(255,221,225,.18),transparent 28%),linear-gradient(135deg,#480b14f5,#821323f0 52%,#3f0811fa);box-shadow:inset 0 0 0 1px #fff0f31f,0 0 22px #ff617729,0 0 0 1px #3a081042;animation:betaTitlePulse 3.1s ease-in-out infinite;animation-delay:var(--title-plate-animation-delay, 0s)}.title-plate.is-beta-tester:before{border-color:#ffcbd266;background:linear-gradient(110deg,transparent 0%,transparent 34%,rgba(255,214,221,.18) 46%,transparent 58%,transparent 100%);background-repeat:no-repeat;background-size:220% 100%;box-shadow:inset 0 0 0 1px #ffcad314,0 0 12px #ff5c742e;animation:betaTitleBorderSweep 2.7s linear infinite,betaTitleFramePulse 2.2s ease-in-out infinite;animation-delay:var(--title-plate-border-delay, 0s),var(--title-plate-frame-delay, 0s)}.title-plate.is-beta-tester>*{position:relative;z-index:1}@keyframes betaTitlePulse{0%,to{box-shadow:inset 0 0 0 1px #fff0f31f,0 0 18px #ff617724,0 0 0 1px #3a081042}50%{box-shadow:inset 0 0 0 1px #fff0f32e,0 0 28px #ff61773d,0 0 0 1px #3a081052}}@keyframes betaTitleBorderSweep{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes betaTitleFramePulse{0%,to{border-color:#ffcbd25c;box-shadow:inset 0 0 0 1px #ffcad30f,0 0 10px #ff5c741f}50%{border-color:#ffe7ebb8;box-shadow:inset 0 0 0 1px #ffe8ec24,0 0 16px #ff5c7438}}*{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)}html[data-theme=dark] :is(.brand,.home-header-title,.panel-title,.main-banner-title,.topbar-modal-title,.topbar-settings-doc-title,.topbar-shop-hero-title,.topbar-event-detail-title,.topbar-notice-detail-title,.player-detail-banner-text){text-shadow:0 1px 0 rgba(15,23,42,.42)}@media(max-width:640px){body{font-size:var(--font-base-size-mobile)}}.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;font-size:14px}.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;font-size:13px}.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;font-size:13px}.input:focus{border-color:var(--focus)}.muted{color:var(--text-muted)}.small{font-size:11px}.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:11px;border-radius:8px}.action-left .btn.mini,.action-left button.mini{height:22px;padding:0 6px;font-size:10px}.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}.app-error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(96,165,250,.16),transparent 35%),linear-gradient(180deg,#0f172a,#111827)}.app-error-card{width:min(520px,100%);display:grid;gap:12px;padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#0f172af0;box-shadow:0 24px 60px #00000059;color:#f8fafc}.app-error-title{font-size:24px;font-weight:900;letter-spacing:-.02em}.app-error-copy{font-size:14px;line-height:1.55;color:#f8fafceb}.app-error-copy-subtle{font-size:13px;color:#cbd5e1e0}.app-error-actions{display:flex;justify-content:flex-end}@media(max-width:640px){.app-error-screen{padding:16px}.app-error-card{padding:18px;border-radius:14px}.app-error-title{font-size:20px}}.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}