:root{
  --bg:#111016;--panel:#19171eec;--panel2:#211e27;--paper:#d3c8b7;--muted:#928b82;
  --gold:#b89a62;--gold2:#e3c486;--red:#c85343;--ember:#e97946;--whiteflame:#f2efe3;
  --teal:#739aa0;--green:#718a60;--violet:#80639a;--ink:#08080b;--radius:14px;
  font-family: Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;color:var(--paper);background:var(--bg)
}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{overflow-x:hidden;background:#0b0a0e}
button{font:inherit;color:inherit}button:focus-visible,.card:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.screen{min-height:100vh;position:relative;overflow:hidden;background-size:cover;background-position:center;isolation:isolate}
.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#09090c9c,#100e14d6 65%,#08070a);z-index:-1}
.ash{position:fixed;inset:-20%;pointer-events:none;z-index:50;opacity:.23;background-image:radial-gradient(circle,#fff8 0 1px,transparent 1.5px);background-size:53px 67px;animation:ashfall 19s linear infinite}
@keyframes ashfall{to{transform:translate(3%,20%) rotate(3deg)}}
.panel{background:linear-gradient(145deg,#1e1b23ed,#111015f4);border:1px solid #8f734855;box-shadow:0 12px 45px #000a,inset 0 1px #ffffff0b;border-radius:var(--radius)}
.btn{border:1px solid #8c744e;background:linear-gradient(#302a2b,#1a171b);border-radius:9px;padding:.72rem 1.1rem;cursor:pointer;box-shadow:inset 0 1px #ffffff13,0 4px 14px #0008;transition:.16s transform,.16s filter,.16s border-color}
.btn:hover{transform:translateY(-2px);filter:brightness(1.18);border-color:var(--gold2)}.btn:active{transform:translateY(0)}
.btn.primary{background:linear-gradient(#7b4634,#3a211e);border-color:#d17850}.btn.danger{background:linear-gradient(#692f31,#301719)}.btn.ghost{background:#151319aa}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:.72rem}.muted{color:var(--muted)}
.menu{display:grid;place-items:center;padding:32px;background-image:url('assets/images/bg_archive.webp')}
.menu-box{width:min(680px,93vw);text-align:center;padding:28px 22px 32px;backdrop-filter:blur(8px)}
.logo{width:min(560px,90vw);filter:drop-shadow(0 8px 24px #000);margin:-24px auto -22px;display:block}.tagline{font-family:Georgia,"Noto Serif KR",serif;font-size:1.05rem;color:#beb3a3;margin:4px 0 25px}.menu-actions{display:grid;gap:10px;width:min(340px,100%);margin:auto}.version{position:absolute;bottom:12px;right:16px;color:#6f6861;font-size:.72rem}
.char-select{padding:28px;background-image:url('assets/images/bg_archive.webp')}.title-row{text-align:center;margin:0 auto 24px}.title-row h1{font-family:Georgia,"Noto Serif KR",serif;font-weight:500;margin:8px 0}.characters{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;max-width:1120px;margin:auto}.char-card{overflow:hidden;cursor:pointer;position:relative;min-height:650px;transition:.2s transform,.2s border-color}.char-card:hover{transform:translateY(-6px);border-color:var(--gold2)}.char-img{height:390px;background-size:contain;background-repeat:no-repeat;background-position:center bottom;position:relative;background-color:#0d0c10;filter:drop-shadow(0 14px 15px #0008)}.char-img:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#17151b)}.char-info{padding:18px}.char-info h2{font-family:Georgia,"Noto Serif KR",serif;margin:0 0 4px;font-size:1.55rem}.char-role{color:var(--gold);font-size:.82rem}.char-passive{margin-top:13px;padding:11px;background:#0d0c10aa;border-left:3px solid var(--gold);font-size:.88rem;line-height:1.55}.starter-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.tag,.status-chip{font-size:.72rem;border:1px solid #ffffff20;border-radius:999px;padding:4px 8px;background:#0b0a0dcc}
.topbar{height:64px;display:flex;align-items:center;gap:15px;padding:8px 16px;background:#0c0b0edc;border-bottom:1px solid #8d704b55;position:relative;z-index:5}.topbar .brand{font-family:Georgia,"Noto Serif KR",serif;color:var(--gold2);font-size:1.05rem;margin-right:auto}.stat{display:flex;align-items:center;gap:6px;font-size:.88rem}.stat b{color:#fff}.mini-btn{border:1px solid #ffffff1b;background:#151319;border-radius:7px;padding:7px 10px;cursor:pointer}
.map-screen{background-image:url('assets/images/bg_archive.webp')}.map-wrap{max-width:1060px;margin:auto;padding:30px 18px 70px}.act-banner{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.act-banner h1{font-family:Georgia,"Noto Serif KR",serif;font-weight:500;margin:0}.progress-line{height:6px;background:#17141a;border-radius:5px;overflow:hidden;margin:12px 0 25px}.progress-line i{display:block;height:100%;background:linear-gradient(90deg,var(--ember),var(--gold2));box-shadow:0 0 14px var(--ember)}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.node{min-height:290px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;position:relative;overflow:hidden;transition:.2s}.node:hover{transform:translateY(-5px);border-color:var(--gold2)}.node:before{content:"";position:absolute;inset:0;background:var(--node-bg) center/cover;opacity:.38;z-index:-1;filter:saturate(.7)}.node-icon{font-size:2.3rem;position:absolute;top:18px;left:20px;filter:drop-shadow(0 3px 8px #000)}.node h3{margin:0 0 5px;font-family:Georgia,"Noto Serif KR",serif}.node p{font-size:.84rem;color:#aaa29a;line-height:1.5;margin:0}.route-tip{text-align:center;color:#8d857d;margin-top:22px;font-size:.82rem}
.combat-screen{display:flex;flex-direction:column;height:100vh;min-height:720px;background-image:var(--combat-bg)}.combat-screen:before{background:linear-gradient(180deg,#08070b6b,#0a090dc0 53%,#060609 92%)}
.combat-top{height:58px;display:flex;align-items:center;padding:8px 14px;gap:12px;background:#08070bc7;border-bottom:1px solid #9a784341;z-index:5}.combat-top .spacer{flex:1}.round{font-family:Georgia,serif;color:var(--gold2)}
.arena{flex:1;min-height:310px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,1fr);align-items:end;padding:14px 6vw 4px;gap:8vw;position:relative}.unit{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}.unit-img{max-height:min(58vh,520px);max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #000c);user-select:none;pointer-events:none}.player-img{transform:scaleX(1)}.enemy-img{transform:scaleX(-1)}.unit-info{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:min(340px,95%);background:#0c0b0ee8;border:1px solid #92754c88;border-radius:10px;padding:9px 12px;box-shadow:0 5px 20px #000c}.unit-name{display:flex;justify-content:space-between;align-items:center;font-family:Georgia,"Noto Serif KR",serif;margin-bottom:6px}.hpbar{height:13px;border-radius:7px;background:#291215;overflow:hidden;border:1px solid #ffffff15;position:relative}.hpbar i{display:block;height:100%;background:linear-gradient(90deg,#7c242b,#d05248);transition:width .3s}.hpbar span{position:absolute;inset:-2px 0 0;text-align:center;font-size:.68rem;color:white;text-shadow:0 1px 2px #000}.block-badge{position:absolute;right:-10px;top:-19px;background:#28485a;border:2px solid #8cb7ca;color:#eefaff;border-radius:50%;min-width:39px;height:39px;display:grid;place-items:center;font-weight:800}.statuses{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.intent{position:absolute;top:14%;left:50%;transform:translateX(-50%);background:#0b0a0ddf;border:1px solid #b4905f;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;text-align:center;box-shadow:0 0 25px #000}.intent .symbol{font-size:1.6rem;display:block}.intent small{font-size:.62rem;color:#c8b89f}
.fx-layer{position:absolute;inset:0;pointer-events:none;z-index:8}.float-text{position:absolute;font-size:1.65rem;font-weight:900;text-shadow:0 2px 4px #000;animation:floatup .9s ease-out forwards}.float-text.damage{color:#ff6b5f}.float-text.block{color:#7dc8e3}.float-text.heal{color:#8fe195}.float-text.status{color:#d7a5ff}@keyframes floatup{to{transform:translateY(-75px);opacity:0}}
.combat-bottom{background:linear-gradient(#151218f0,#09080bf8);border-top:1px solid #97754866;padding:9px 12px 12px;min-height:245px;z-index:10}.resource-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}.energy-orb{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.25rem;background:radial-gradient(circle at 35% 30%,#f4e8b6,#986e38 38%,#20140b 70%);border:2px solid #ddb975;box-shadow:0 0 18px #d8994877}.cinder{color:#ef8057}.hand{display:flex;justify-content:center;align-items:flex-end;gap:8px;min-height:174px;overflow-x:auto;padding:5px 5px 0}.card{width:142px;height:190px;flex:0 0 auto;border-radius:12px;border:2px solid var(--card-color,#8a6c48);background:linear-gradient(#231e24,#0e0c10);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 8px 20px #000b;transition:.16s transform,.16s filter;user-select:none}.card:hover{transform:translateY(-12px) scale(1.035);filter:brightness(1.18);z-index:3}.card.unplayable{filter:grayscale(.75) brightness(.6);cursor:not-allowed}.card.burn-target{box-shadow:0 0 0 3px #e86645,0 0 25px #ff5f33}.card-art{height:76px;background-position:center;background-size:cover;border-bottom:1px solid #ffffff1b}.card-cost{position:absolute;top:5px;left:5px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#182a45;border:2px solid #77a1d2;color:#fff;font-weight:800;z-index:2}.card-name{font-family:Georgia,"Noto Serif KR",serif;font-size:.82rem;text-align:center;padding:5px 4px;color:#f2e8d6}.card-type{position:absolute;top:58px;right:5px;font-size:.57rem;padding:2px 5px;border-radius:4px;background:#0a090dcc;color:#c3b8aa}.card-text{font-size:.68rem;line-height:1.38;padding:2px 8px;color:#c8c0b6}.card-burn{position:absolute;bottom:0;left:0;right:0;min-height:39px;padding:4px 7px;background:#351814;border-top:1px solid #b34d36;font-size:.58rem;color:#efb098}.card.upgraded{box-shadow:0 0 0 2px #62b980,0 8px 20px #000b}.card.upgraded:after{content:"+";position:absolute;right:6px;top:4px;color:#7ee6a2;font-weight:900}.combat-actions{display:flex;gap:8px;margin-left:auto}.pile-count{font-size:.72rem;color:#9b938a}.burn-active{background:linear-gradient(#7e382a,#3a1914)!important;box-shadow:0 0 16px #e45b39}
.overlay{position:fixed;inset:0;background:#050407d9;z-index:100;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}.modal{width:min(900px,96vw);max-height:90vh;overflow:auto;padding:22px}.modal h2{font-family:Georgia,"Noto Serif KR",serif;font-weight:500;margin-top:0}.modal-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:20px 0}.reward-card{transform:none!important}.modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.choice-list{display:grid;gap:10px}.choice{padding:14px;text-align:left;width:100%}.choice b{display:block;color:var(--gold2);margin-bottom:3px}.choice small{color:#a9a099}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:12px}.deck-grid .card{margin:auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.shop-item{padding:15px;text-align:center}.shop-item .card{margin:0 auto 12px}.price{color:#f0c66f;font-weight:800}.relic{display:flex;align-items:center;gap:12px;padding:12px;background:#0d0c10;border:1px solid #ffffff16;border-radius:10px}.relic-icon{font-size:2rem}.relic b{color:var(--gold2)}
.end-screen{display:grid;place-items:center;text-align:center;padding:25px;background-image:url('assets/images/bg_void_altar.webp')}.end-box{width:min(700px,94vw);padding:30px}.end-box h1{font-family:Georgia,"Noto Serif KR",serif;font-size:2.4rem;font-weight:500}.score{font-size:2rem;color:var(--gold2)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.summary-grid div{padding:12px;background:#0b0a0d99;border-radius:8px}.summary-grid b{display:block;font-size:1.2rem;color:white}
.tooltip{position:fixed;z-index:200;background:#0b0a0ff5;border:1px solid #a17d4e;padding:9px 11px;border-radius:8px;font-size:.72rem;max-width:250px;pointer-events:none;box-shadow:0 6px 22px #000}
.toast{position:fixed;top:78px;left:50%;transform:translateX(-50%);background:#17141bee;border:1px solid #b28b55;padding:10px 16px;border-radius:8px;z-index:250;animation:toast 2.2s forwards;box-shadow:0 8px 25px #000}@keyframes toast{0%{opacity:0;transform:translate(-50%,-15px)}15%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
.shake{animation:shake .32s}@keyframes shake{25%{transform:translateX(-9px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}.pulse{animation:pulse .5s}@keyframes pulse{50%{filter:brightness(1.8) drop-shadow(0 0 18px #f55)}}
@media(max-width:850px){.characters{grid-template-columns:1fr}.char-card{min-height:0}.char-img{height:340px}.node-grid{grid-template-columns:1fr}.arena{padding:10px 2vw;gap:1vw}.unit-img{max-height:40vh}.card{width:120px;height:175px}.card-art{height:65px}.combat-screen{min-height:650px}.topbar .brand{display:none}.stat{font-size:.75rem}.summary-grid{grid-template-columns:1fr}.combat-top{overflow-x:auto}.combat-bottom{min-height:230px}.hand{justify-content:flex-start}}
@media(max-height:760px){.arena{min-height:250px}.unit-img{max-height:38vh}.combat-bottom{min-height:218px}.hand{min-height:155px}.card{height:165px;width:116px}.card-art{height:60px}.card-text{font-size:.61rem}.card-burn{font-size:.53rem;min-height:34px}}