@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;--gold-alpha: 1}[data-font=sans]{--font-body: "Noto Sans KR", sans-serif}[data-theme=light]{--bg0: #e9e1cb;--bg1: #f3edda;--panel: rgba(255, 252, 243, .88);--panel-solid: #fbf7ea;--panel-deep: rgba(247, 242, 228, .94);--glass: rgba(255, 253, 246, .66);--glass-strong: rgba(251, 247, 236, .86);--gold: #96701f;--gold-rgb: 150, 112, 31;--gold-bright: #6b4e12;--gold-hi-rgb: 107, 78, 18;--gold-dim: #b3954f;--gold-faint: rgba(var(--gold-rgb), .3);--gold-glow: rgba(var(--gold-rgb), .12);--ink: #2b2618;--ink-mid: #51482e;--ink-dim: #6e6344;--ink-faint: #978b6b;--hp: #3e7a34;--hp-low: #b03a2e;--vigor: #9a6a0c;--react: #2f5f9e;--mana: #6a55a8;--danger: #b03a2e;--good: #3e7a34;--info: #2f5f9e;--rare: #1f7a6c;--epic: #7a4ea8;--enemy-accent: #9c4a2e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;overflow:hidden;font-family:var(--font-body);-webkit-font-smoothing:antialiased}#viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}#stage{width:1200px;height:675px;position:relative;transform-origin:center center;overflow:hidden;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);color:var(--ink);font-size:var(--fs-md);border-radius:4px}[data-theme=light] #stage{background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(255,250,235,.5),transparent 60%),var(--bg0)}#rotate-hint{display:none;position:fixed;inset:0;z-index:999;background:#11151f;color:#d2ab5e;text-align:center;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:"Noto Serif KR",serif;font-size:16px}@media(orientation:portrait)and (max-width:760px){#rotate-hint{display:flex}}.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)}[data-theme=light] .btn-primary{color:#2b1f0c;text-shadow:none}.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}[data-theme=light] .bar{background:#382c182e}.bar>i{position:absolute;inset:0;border-radius:3px;transform-origin:left;transition:width .4s ease}.pips{display:flex;gap:3px}.pip{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);border:1px solid rgba(var(--gold-rgb),.4);background:#0006;transition:background .3s,box-shadow .3s}.pip.on.vigor{background:var(--vigor);border-color:var(--vigor);box-shadow:0 0 5px #e0a64f99}.pip.on.react{background:var(--react);border-color:var(--react);box-shadow:0 0 5px #7fa6d999}[data-theme=light] .pip{background:#382c181f}.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}[data-theme=light] .select-box{background:#fff}:root{--tier-bronze: #b98c64;--tier-silver: #b6bec9;--tier-gold: #f2d896;--tier-plat: #9fd4cf;--tier-dia: #8fb8e8;--tier-master: #c9a2e8;--tier-chal: #e8a2a2}[data-theme=light]{--tier-bronze: #7e5630;--tier-silver: #555f6b;--tier-gold: #8a6510;--tier-plat: #1f6e66;--tier-dia: #2f5f9e;--tier-master: #7a4ea8;--tier-chal: #a83a3a}.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:absolute;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}[data-theme=light] .modal-veil{background:#463a2473}@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)}@keyframes cardPop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-14px) scale(1.09)}to{transform:translateY(0) scale(1)}}.unit-acting{animation:cardPop .55s cubic-bezier(.3,1.4,.5,1);z-index:5}@keyframes unitHit{0%,to{transform:translate(0);filter:none}25%{transform:translate(-5px);filter:brightness(1.6) sepia(.4) hue-rotate(-30deg)}60%{transform:translate(4px)}}.unit-hit{animation:unitHit .4s ease}@keyframes floatDmg{0%{opacity:0;transform:translate(-50%,4px) scale(.7)}18%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}to{opacity:0;transform:translate(-50%,-42px) scale(.95)}}.float-dmg{position:absolute;left:50%;top:12%;font-family:var(--font-display);font-weight:700;pointer-events:none;animation:floatDmg 1.15s ease forwards;text-shadow:0 2px 6px rgba(0,0,0,.8);z-index:20;white-space:nowrap}@keyframes deadFade{to{opacity:.28;filter:grayscale(1)}}.unit-dead{animation:deadFade .5s forwards}@keyframes logIn{0%{transform:translateY(5px)}to{transform:translateY(0)}}.log-line{animation:logIn .25s ease}.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}.screen-root{position:absolute;inset:0;display:flex;flex-direction:column;animation:veilIn .28s ease}