@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--bg0: #151a26;--bg1: #1c2230;--panel: rgba(37, 45, 62, .8);--panel-solid: #252d3e;--panel-deep: rgba(19, 24, 34, .88);--glass: rgba(54, 64, 86, .52);--glass-strong: rgba(25, 31, 43, .78);--gold: #d2ab5e;--gold-rgb: 210, 171, 94;--gold-bright: #f2d896;--gold-hi-rgb: 242, 216, 150;--gold-dim: #9b7f45;--gold-faint: rgba(var(--gold-rgb), .28);--gold-glow: rgba(var(--gold-hi-rgb), .22);--ink: #f2edde;--ink-mid: #d2c8ac;--ink-dim: #a89d81;--ink-faint: #7e755f;--hp: #8fc468;--hp-low: #e0735f;--vigor: #ecb45e;--react: #8db4e8;--mana: #ab9ce0;--danger: #e0735f;--good: #9cc472;--info: #8db4e8;--rare: #79c4b8;--epic: #c3a2e0;--enemy-accent: #d99a7e;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--pad: 14px;--gap: 10px;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 14px;--fs-lg: 17px;--fs-xl: 22px;--font-display: "Cinzel", "Noto Serif KR", serif;--font-body: "Noto Serif KR", serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--gold-alpha: 1}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{color:var(--ink);font-size:var(--fs-md);background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(var(--gold-rgb),.07),transparent 60%),radial-gradient(ellipse 80% 60% at 50% 115%,rgba(var(--gold-rgb),.06),transparent 55%),var(--bg0);background-attachment:fixed}#app{min-height:100vh;display:flex;flex-direction:column}.panel{background:var(--panel);border:1px solid rgba(var(--gold-rgb),calc(.45 * var(--gold-alpha)));border-radius:var(--r-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel-deep{background:var(--panel-deep);border:1px solid rgba(var(--gold-rgb),calc(.3 * var(--gold-alpha)));border-radius:var(--r-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass{background:var(--glass);border:1px solid rgba(var(--gold-rgb),calc(.35 * var(--gold-alpha)));border-radius:var(--r-md);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1)}.ornate{position:relative}.ornate:before,.ornate:after{content:"";position:absolute;width:14px;height:14px;border-color:rgba(var(--gold-hi-rgb),calc(.75 * var(--gold-alpha)));border-style:solid;pointer-events:none}.ornate:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px;border-top-left-radius:var(--r-md)}.ornate:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0;border-bottom-right-radius:var(--r-md)}.hairline{height:1px;background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),calc(.55 * var(--gold-alpha))),transparent);border:none}.display{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-bright)}.title-rule{display:flex;align-items:center;gap:10px}.title-rule:before,.title-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),calc(.5 * var(--gold-alpha))))}.title-rule:after{background:linear-gradient(90deg,rgba(var(--gold-rgb),calc(.5 * var(--gold-alpha))),transparent)}.label{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.btn{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:linear-gradient(180deg,rgba(var(--gold-rgb),.16),rgba(var(--gold-rgb),.05));border:1px solid rgba(var(--gold-rgb),calc(.55 * var(--gold-alpha)));border-radius:var(--r-sm);padding:7px 14px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:hover{background:linear-gradient(180deg,rgba(var(--gold-hi-rgb),.28),rgba(var(--gold-rgb),.1));border-color:var(--gold-bright)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default;pointer-events:none}.btn-primary{background:linear-gradient(180deg,#d8b36a,#a9803c);color:#241a09;border-color:var(--gold-bright);text-shadow:0 1px 0 rgba(255,235,190,.4)}.btn-primary:hover{background:linear-gradient(180deg,#ecd193,#c9a45c)}.btn-ghost{background:transparent;border-color:rgba(var(--gold-rgb),calc(.35 * var(--gold-alpha)));color:var(--ink-mid)}.btn-ghost:hover{color:var(--ink)}.btn-danger{border-color:#c75b4a99;color:var(--danger);background:#c75b4a14}.btn-sm{padding:4px 10px;font-size:var(--fs-xs)}.btn-lg{padding:11px 26px;font-size:var(--fs-md);letter-spacing:.05em}.chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);padding:3px 9px;border-radius:999px;border:1px solid rgba(var(--gold-rgb),calc(.4 * var(--gold-alpha)));background:rgba(var(--gold-rgb),.08);color:var(--ink-mid);white-space:nowrap;cursor:default}.chip.sel{background:linear-gradient(180deg,rgba(var(--gold-hi-rgb),.3),rgba(var(--gold-rgb),.15));color:var(--gold-bright);border-color:var(--gold-bright)}.chip.clickable{cursor:pointer}.chip.clickable:hover{border-color:var(--gold);color:var(--ink)}.badge-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:#7fa6d924;border:1px solid rgba(127,166,217,.35);color:var(--react);letter-spacing:.03em}.bar{position:relative;height:7px;border-radius:4px;background:#00000073;border:1px solid rgba(var(--gold-rgb),.2);overflow:hidden}.bar>i{position:absolute;inset:0;border-radius:3px;transform-origin:left;transition:width .4s ease}.select-box{background:#00000059;color:var(--ink);border:1px solid rgba(var(--gold-rgb),.4);border-radius:6px;padding:4px 6px;font-size:var(--fs-xs);font-family:var(--font-body);max-width:100%;cursor:pointer}.field{background:#00000059;color:var(--ink);border:1px solid rgba(var(--gold-rgb),.4);border-radius:6px;padding:6px 10px;font-size:var(--fs-sm);font-family:var(--font-body)}.field:focus{outline:none;border-color:var(--gold)}.field::placeholder{color:var(--ink-faint)}textarea.field{font-family:var(--font-mono);font-size:12px;line-height:1.55;resize:none;tab-size:2}.scroll-y{overflow-y:auto;overflow-x:hidden}.scroll-y::-webkit-scrollbar{width:7px}.scroll-y::-webkit-scrollbar-track{background:#0003;border-radius:4px}.scroll-y::-webkit-scrollbar-thumb{background:rgba(var(--gold-rgb),.35);border-radius:4px}.scroll-y::-webkit-scrollbar-thumb:hover{background:rgba(var(--gold-rgb),.55)}.modal-veil{position:fixed;inset:0;z-index:60;background:#0806039e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:veilIn .25s ease}@keyframes veilIn{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes modalIn{0%{transform:translateY(16px) scale(.97)}to{transform:translateY(0) scale(1)}}.modal-card{animation:modalIn .32s cubic-bezier(.2,.9,.3,1)}.row{display:flex;align-items:center;gap:var(--gap)}.col{display:flex;flex-direction:column;gap:var(--gap)}.grow{flex:1;min-width:0;min-height:0}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.fade-in{animation:veilIn .3s ease}.shell{width:100%;max-width:1480px;margin:0 auto;padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap);flex:1}