:root{--ink: #e7eeec;--ink-2: #9fb0b2;--ink-3: #6f8386;--panel: rgba(19, 27, 30, .92);--panel-2: #1b2528;--line: #29363a;--line-strong: #3a4a4e;--accent: #54b6c0;--you: #4aa3e0;--foe: #e05b4a;--gold: #d6a12a;--good: #6fd08c;--bad: #e0705c;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0c1416;color:var(--ink);font-family:IBM Plex Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:14px;font-weight:350;-webkit-font-smoothing:antialiased}#screen-start,#screen-map,#screen-battle,#screen-deck{display:none}body[data-screen=start] #screen-start{display:block}body[data-screen=map] #screen-map,body[data-screen=battle] #screen-battle{display:grid}body[data-screen=deck] #screen-deck{display:block}#screen-battle{position:fixed;inset:0;grid-template-columns:250px minmax(0,1fr) 250px;grid-template-rows:58px minmax(0,1fr);grid-template-areas:"top top top" "left stage right"}#screen-map{position:fixed;inset:0;grid-template-columns:268px minmax(0,1fr) 244px;grid-template-rows:54px minmax(0,1fr);grid-template-areas:"top top top" "left stage right"}#map-top{grid-area:top}#map-left{grid-area:left}#map-stage{grid-area:stage}#map-right{grid-area:right}#topbar{grid-area:top;display:flex;align-items:center;gap:26px;padding:0 18px;background:var(--panel-2);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px}.brand .mark{font-family:Gowun Batang,serif;font-weight:700;font-size:20px;color:var(--gold);letter-spacing:.04em}.brand .title{font-family:Gowun Batang,serif;font-weight:700;font-size:17px}.brand .tag{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.turnbox{display:flex;align-items:baseline;gap:9px}.turnbox .label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.turnbox .value{font-family:IBM Plex Mono,monospace;font-size:15px;font-variant-numeric:tabular-nums}.phase{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:2px;border:1px solid currentColor}.phase.mine{color:var(--you)}.phase.theirs{color:var(--foe)}.sides{margin-left:auto;display:flex;gap:12px}.sidebox{display:flex;align-items:center;gap:14px;padding:5px 12px;border:1px solid var(--line);border-radius:3px;background:#00000038}.sidebox.you{border-left:3px solid var(--you)}.sidebox.foe{border-left:3px solid var(--foe)}.master{display:flex;align-items:baseline;gap:7px}.master .hanja{font-family:Gowun Batang,serif;font-size:17px;font-weight:700}.master .mname{font-size:13px;font-weight:600}.master .mhp{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-2);font-variant-numeric:tabular-nums}.stats{display:flex;gap:12px}.stat{display:flex;align-items:baseline;gap:5px}.stat i{font-style:normal;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.stat b{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}#left,#right{background:var(--panel-2);padding:14px 13px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}#left{grid-area:left;border-right:1px solid var(--line)}#right{grid-area:right;border-left:1px solid var(--line)}.panel-title{margin:6px 0 0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.panel{background:#0000003d;border:1px solid var(--line);border-radius:3px;padding:11px 12px}.panel h3{margin:0 0 8px;font-family:Gowun Batang,serif;font-size:16px;font-weight:700;display:flex;align-items:center;gap:7px}.panel h3 .hanja{font-size:18px}.side-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.hpbar{height:5px;background:#10191b;border-radius:2px;overflow:hidden;margin-bottom:10px}.hpbar i{display:block;height:100%;background:var(--good)}dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12.5px}dt{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--ink-3);align-self:center}dd{margin:0;font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums}.traits{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.trait{font-size:10.5px;padding:2px 7px;border:1px solid var(--line-strong);border-radius:999px;color:var(--accent)}.blurb{margin:10px 0 0;font-size:12px;line-height:1.55;color:var(--ink-2)}.state{margin:8px 0 0;font-size:11px}.muted{color:var(--ink-3);margin:0;font-size:12px}.log{flex:1;min-height:120px;overflow-y:auto;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.65}.log-line{color:var(--ink-2)}.log-line.good{color:var(--you)}.log-line.bad{color:var(--bad)}.log-line.spell{color:var(--gold)}.log-line.dim{color:var(--ink-3)}.cards{display:flex;flex-direction:column;gap:6px;padding:8px}.card{display:grid;grid-template-columns:22px 1fr auto;grid-template-rows:auto auto;gap:1px 8px;align-items:center;padding:7px 9px;background:#ffffff07;border:1px solid var(--line);border-radius:3px;color:var(--ink);font-family:inherit;cursor:pointer;text-align:left}.card:hover{border-color:var(--line-strong);background:#ffffff0f}.card.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d6a12a66}.card.poor{opacity:.42;cursor:not-allowed}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-hanja{grid-row:1 / 3;font-family:Gowun Batang,serif;font-size:19px;font-weight:700;text-align:center}.card-name{font-size:12.5px;font-weight:500}.card-cost{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums}.card-stat{grid-column:2 / 4;font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--ink-3)}.actions{display:flex;flex-direction:column;gap:6px;padding:8px}.act{padding:8px 10px;border:1px solid var(--line-strong);border-radius:3px;background:#ffffff0a;color:var(--ink);font-family:inherit;font-size:12.5px;cursor:pointer}.act:hover:not(:disabled){background:#ffffff1a}.act:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.act.primary{border-color:var(--gold);color:var(--gold)}.act.spell{border-color:var(--accent);color:var(--accent)}.act.end{border-color:var(--you);color:var(--you)}.act.disabled,.act:disabled{opacity:.35;cursor:not-allowed}.ohaeng-key{margin-top:auto;padding:10px 8px;border-top:1px solid var(--line);font-family:Gowun Batang,serif;font-size:15px;text-align:center;line-height:1.9}.ohaeng-key .arrow{color:var(--ink-3);font-size:10px;margin:0 2px;font-family:IBM Plex Mono,monospace}.ohaeng-key em{display:block;font-style:normal;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.06em;color:var(--ink-3);margin-top:4px}#stage{grid-area:stage;position:relative;overflow:hidden}#stage canvas{display:block;width:100%;height:100%}#overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-num{position:absolute;transform:translate(-50%,-50%);font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap}.float-num.dmg{color:#ff9a72}.float-num.crit{color:#ffd479;font-size:19px}.float-num.heal{color:var(--good)}.float-num.miss{color:var(--ink-2);font-size:12px}#fieldinfo{position:absolute;left:14px;top:12px;pointer-events:none;display:flex;flex-direction:column;gap:2px}#field-name{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--ink-2)}#field-blurb{font-size:11.5px;color:var(--ink-3)}#controls-hint{position:absolute;left:14px;bottom:12px;font-size:11px;color:var(--ink-3);pointer-events:none}kbd{font-family:IBM Plex Mono,monospace;font-size:10px;padding:1px 5px;border:1px solid var(--line-strong);border-radius:2px;color:var(--ink-2)}.hint{position:absolute;left:50%;bottom:44px;transform:translate(-50%);font-size:12.5px;color:var(--gold);pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.8)}.banner{position:absolute;inset:0;display:none;place-content:center;text-align:center;background:#090f11d1;backdrop-filter:blur(3px)}.banner.show{display:grid}.banner h2{margin:0 0 8px;font-family:Gowun Batang,serif;font-size:46px;font-weight:700;letter-spacing:.08em}.banner.win h2{color:var(--you)}.banner.lose h2{color:var(--foe)}.banner p{margin:0;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-2)}.back-btn{position:absolute;left:50%;bottom:12%;transform:translate(-50%);padding:13px 30px;border-radius:3px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--ink);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;z-index:5;box-shadow:0 8px 32px -12px #000000e6}.back-btn.win{border-color:var(--you);color:var(--you)}.back-btn.lose{border-color:var(--foe);color:var(--foe)}.back-btn:hover{background:#222e32}.back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.act.ghost{padding:5px 11px;font-size:11.5px;border-color:var(--line);color:var(--ink-3)}.act.ghost:hover{color:var(--ink)}#screen-start{position:fixed;inset:0;overflow-y:auto;background:radial-gradient(120% 90% at 50% -10%,#1b2a2e,#0c1416 62%)}.start-inner{max-width:680px;margin:0 auto;padding:9vh 28px 60px;text-align:center}.start-inner .eyebrow{font-family:Gowun Batang,serif;font-size:15px;letter-spacing:.5em;color:var(--gold);margin:0 0 10px}.start-inner h1{font-family:Gowun Batang,serif;font-weight:700;font-size:clamp(40px,7vw,62px);margin:0 0 18px;letter-spacing:.04em}.start-inner .lede{color:var(--ink-2);font-size:14.5px;line-height:1.85;margin:0 0 30px}.start-inner .panel-title{text-align:left;margin:34px 0 12px}.start-inner .foot{margin-top:30px;font-size:12px}.act.big{padding:12px 26px;font-size:14px;margin-bottom:8px}.start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;text-align:left}.start-card{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:3px;background:#ffffff08;color:var(--ink);font-family:inherit;cursor:pointer;text-align:left}.start-card:hover{border-color:var(--gold);background:#d6a12a14}.start-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.start-card b{font-size:14px;font-weight:600}.start-card span{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--ink-3)}#map-top{display:flex;align-items:center;gap:22px;padding:0 16px;background:var(--panel-2);border-bottom:1px solid var(--line)}#map-top .spacer{margin-left:auto}#map-top .stat em{font-style:normal;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--ink-3)}#map-top .stat.grain b{color:var(--gold)}#map-stage{position:relative;overflow:hidden}#map-stage canvas{display:block;width:100%;height:100%}#map-left,#map-right{background:var(--panel-2);padding:13px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}#map-left{border-right:1px solid var(--line)}#map-right{border-left:1px solid var(--line)}#m-region h3{display:flex;align-items:baseline;gap:8px;justify-content:space-between}.tier{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;padding:2px 7px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.tier.t1{color:var(--ink-3)}.tier.t2{color:var(--accent)}.tier.t3{color:var(--gold)}#m-region .mine{color:var(--you)}#m-region .target{color:var(--gold)}.hintline{font-size:11px;color:var(--ink-3);margin:4px 0 0;line-height:1.6}.masters{display:flex;flex-wrap:wrap;gap:5px;padding:8px}.mbtn{display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid var(--line);border-radius:3px;background:#ffffff08;color:var(--ink);font-family:inherit;font-size:12px;cursor:pointer}.mbtn:hover{border-color:var(--line-strong)}.mbtn.active{border-color:var(--gold);color:var(--gold)}.mbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mbtn .hanja{font-family:Gowun Batang,serif;font-size:15px;font-weight:700}.mbtn.deck{width:100%;justify-content:center;border-color:var(--accent);color:var(--accent)}.unlock{font-size:12px;line-height:1.7}.unlock b{color:var(--gold);font-weight:600}.unlock i{font-style:normal;color:var(--ink-3);font-size:11px}.legend{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ink-2)}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:2px;flex:none}.warn{color:var(--gold)}.map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-weight:500;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7);color:var(--ink)}.map-label.frontier{color:var(--gold);font-size:10.5px}.map-label.sel{color:var(--ink-2);font-size:10.5px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);padding:10px 20px;border-radius:3px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--ink);font-size:13px;max-width:min(560px,84vw);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:50;box-shadow:0 10px 34px -14px #000000e6}.toast.show{opacity:1;transform:translate(-50%)}.toast.good{border-color:var(--you)}.toast.bad{border-color:var(--foe)}#screen-deck{position:fixed;inset:0;overflow-y:auto;background:radial-gradient(120% 80% at 50% -20%,#1a2529,#0c1416 60%)}.deck-wrap{max-width:1100px;margin:0 auto;padding:22px 24px 60px}.deck-head{display:flex;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}.deck-head h2{margin:0;font-family:Gowun Batang,serif;font-size:22px;font-weight:700}.deck-head .act{margin-left:auto}.deck-masters{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin-bottom:20px}.mcard{display:flex;flex-direction:column;gap:1px;padding:9px 11px;border:1px solid var(--line);border-radius:3px;background:#ffffff08;color:var(--ink);font-family:inherit;cursor:pointer;text-align:left}.mcard:hover{border-color:var(--line-strong)}.mcard.active{border-color:var(--gold);background:#d6a12a17}.mcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mcard.locked{opacity:.4;cursor:default}.mcard .hanja{font-family:Gowun Batang,serif;font-size:17px;font-weight:700}.mcard .nm{font-size:13px;font-weight:600}.mcard .dis{font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--ink-3)}.deck-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;margin-bottom:22px}@media (max-width: 820px){.deck-body{grid-template-columns:minmax(0,1fr)}}.deck-master-info,.deck-slots{background:#00000042;border:1px solid var(--line);border-radius:3px;padding:14px 16px}.deck-master-info h3{margin:0 0 12px;font-family:Gowun Batang,serif;font-size:19px;font-weight:700;display:flex;align-items:baseline;gap:8px}.deck-master-info .hanja{font-size:21px}.deck-master-info .era{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--ink-3)}.deck-master-info dl{gap:7px 12px;font-size:12.5px}.deck-master-info dd{font-family:inherit;line-height:1.6;color:var(--ink-2)}.deck-master-info dd b{color:var(--ink);font-weight:600}.deck-budget{display:grid;grid-template-columns:auto auto auto;align-items:baseline;gap:6px;margin-bottom:14px}.deck-budget .label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.deck-budget b{font-family:IBM Plex Mono,monospace;font-size:18px;font-variant-numeric:tabular-nums;color:var(--gold)}.deck-budget em{font-style:normal;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-3)}.deck-budget .bar{grid-column:1 / 4;height:4px;margin-top:4px;background:#10191b;border-radius:2px;overflow:hidden}.deck-budget .bar i{display:block;height:100%;background:var(--gold)}.deck-budget.over b{color:var(--foe)}.deck-budget.over .bar i{background:var(--foe)}.slot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.slot{display:flex;flex-direction:column;gap:1px;min-height:62px;padding:8px 10px;border-radius:3px;font-family:inherit;text-align:left}.slot.empty{border:1px dashed var(--line-strong);color:var(--ink-3);font-size:11px;align-items:center;justify-content:center}.slot.filled{border:1px solid var(--line-strong);background:#ffffff0d;color:var(--ink);cursor:pointer}.slot.filled:hover{border-color:var(--foe)}.slot.filled:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slot .hanja{font-family:Gowun Batang,serif;font-size:16px;font-weight:700}.slot .nm{font-size:12.5px;font-weight:500}.slot .cost{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--gold)}.deck-msg{margin:0 0 12px;font-size:12px;color:var(--ink-3)}.deck-msg.bad{color:var(--foe)}.deck-actions{display:flex;gap:8px}.deck-pool h4{margin:0 0 10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px}.ucard{display:flex;flex-direction:column;gap:5px;padding:11px 13px;border:1px solid var(--line);border-radius:3px;background:#ffffff07;color:var(--ink);font-family:inherit;cursor:pointer;text-align:left}.ucard:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff0f}.ucard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ucard.picked{border-color:var(--gold);background:#d6a12a1a}.ucard.blocked{opacity:.36;cursor:not-allowed}.ucard-top{display:flex;align-items:baseline;gap:8px}.ucard-top .hanja{font-family:Gowun Batang,serif;font-size:17px;font-weight:700}.ucard-top .nm{font-size:13.5px;font-weight:600}.ucard-top .cost{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums}.ucard .stats{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--ink-3)}.ucard .traits{display:flex;flex-wrap:wrap;gap:4px;margin-top:0}.ucard .traits i{font-style:normal;font-size:10px;padding:1px 6px;border:1px solid var(--line-strong);border-radius:999px;color:var(--accent)}.ucard .blurb{margin:0;font-size:11.5px;line-height:1.5;color:var(--ink-2)}@media (max-width: 1180px){#screen-map{grid-template-columns:232px minmax(0,1fr) 212px}}@media (max-width: 1100px){#screen-battle{grid-template-columns:210px minmax(0,1fr) 210px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.home-note{margin:10px 0 0;padding:6px 9px;border-left:2px solid var(--gold);background:#d6a12a17;font-size:11.5px;line-height:1.5;color:var(--gold)}.start-search{width:100%;padding:10px 14px;margin-bottom:10px;border:1px solid var(--line-strong);border-radius:3px;background:#00000047;color:var(--ink);font-family:inherit;font-size:14px}.start-search::placeholder{color:var(--ink-3)}.start-search:focus{outline:none;border-color:var(--gold)}.start-note{margin:0 0 12px;font-size:12px;color:var(--ink-3);text-align:left}