@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;900&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#e5e8ed;background:#10121b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5c76f;outline-offset:4px}main{max-width:1280px;margin:auto;padding:0 42px}header{height:100px;border-bottom:1px solid #30313d;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;color:#fff;text-decoration:none}.brand span{color:#f3bd66;margin-left:6px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:3px;margin-top:3px}.build{font-size:10px;letter-spacing:1.5px;color:#8b91a3;display:flex;gap:12px;align-items:center}.build b{border:1px solid #444657;padding:4px 8px}.dot{width:6px;height:6px;border-radius:50%;background:#91ae9e}.intro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 30px}.eyebrow{color:#e8b96c;font-size:10px;letter-spacing:3px}h1{font-size:35px;letter-spacing:-1.5px;margin:8px 0}.intro p:not(.eyebrow){font-size:13px;color:#969dad}.episode{display:grid;gap:8px;border-left:2px solid #dbad63;padding-left:20px}.episode span{font-size:10px;letter-spacing:2px;color:#b8ad96}.episode strong{font-size:17px}.episode small{font-size:11px;color:#7c8497}.arena{border:1px solid #394154;background:#171d2b;border-radius:5px;overflow:hidden}.arena-top{height:46px;background:#1d2332;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px}.arena-top i{display:inline-block;background:#ed7374;width:7px;height:7px;margin-right:6px}.arena-top small{color:#828d9f;margin-left:14px;letter-spacing:2px;font-size:9px}.arena-top b{font-size:21px;color:#f0c878;margin-left:10px}.battlefield{width:100%;aspect-ratio:960/300;overflow:hidden}.battlefield canvas{display:block;image-rendering:pixelated}.combat-info{display:flex;justify-content:space-between;padding:16px 24px;gap:20px}.player{display:grid;gap:5px;min-width:180px}.player small,.player>span{font-size:11px;color:#a1acbc}.player strong{font-size:19px}.player strong span{font-size:12px;font-weight:400;color:#7f8a9b}progress{width:100%;height:6px;accent-color:#94b6ac}.enemy-list{display:flex;gap:10px}.enemy{display:grid;text-align:left;gap:5px;background:#202839;color:#c5cfde;border:1px solid #354054;padding:10px 16px;border-radius:4px}.enemy span{font-size:10px;color:#9aa8bd}.enemy.selected{border-color:#dfb66d;background:#302e32}.enemy:disabled{opacity:.45}.commentary{display:flex;gap:20px;background:#222638;padding:15px 24px;font-size:12px}.commentary b{color:#e7bc78;white-space:nowrap}.commentary span{color:#aeb6c8}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 16px}.section-title h2{font-size:16px;margin:0}.section-title small{font-size:11px;font-weight:400;color:#7b8497;margin-left:10px}.section-title>span{font-size:11px;color:#9ca6b8}.section-title b{color:#efc980}.cards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.card{min-height:194px;background:#232736;color:#e9e9ee;border:1px solid #45495a;border-top:3px solid #bf8b71;border-radius:5px;text-align:left;padding:12px 10px;transition:transform .15s,border-color .15s}.card:hover:not(:disabled){transform:translateY(-6px);border-color:#edc887}.card.guard{border-top-color:#879acb}.card.heal{border-top-color:#8db79c}.card.recover{border-top-color:#b094cf}.card small{font-size:9px;letter-spacing:1px;color:#9ca5b8}.card-symbol{text-align:center;font-size:38px;height:65px;line-height:65px;color:#d0ad88}.guard .card-symbol{color:#98acd9}.heal .card-symbol{color:#a2c1a5}.recover .card-symbol{color:#bca1db}.card strong{font-size:12px;white-space:nowrap}.card p{font-size:10px;line-height:1.7;color:#a0a9ba;margin-bottom:0}.card:disabled{opacity:.35}.controls{margin:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.controls p{color:#7f8a9e;font-size:11px;max-width:380px;line-height:1.8}.controls>div{display:flex;gap:9px}.controls button{background:#dcb16b;border:1px solid #dcb16b;border-radius:4px;color:#1c202c;padding:12px 18px;font-size:12px;font-weight:700;white-space:nowrap}.controls small{font-size:10px;font-weight:400;margin-left:5px}.controls .secondary{background:transparent;border-color:#45495b;color:#afb7c7}.controls button:disabled{opacity:.3}details{font-size:11px;color:#929db0;border-top:1px solid #2c3140;padding:18px 0}summary{cursor:pointer}li{margin:8px 0}footer{font-size:10px;display:flex;justify-content:space-between;gap:20px;color:#656f83;padding:20px 0 32px;border-top:1px solid #292e3b}@media(min-width:1500px){main{padding-top:20px}}@media(max-width:1000px){main{padding:0 20px}.cards{grid-template-columns:repeat(4,1fr)}.card{min-height:160px}.controls{align-items:flex-start;flex-direction:column}.card-symbol{height:45px;line-height:45px}}@media(max-width:600px){header{height:85px}.build{font-size:8px;letter-spacing:0;gap:6px}.intro{padding:25px 0}.episode{display:none}h1{font-size:28px}.combat-info{padding:12px;flex-direction:column}.player{max-width:200px}.enemy-list{flex-wrap:wrap}.enemy{flex:1;padding:10px}.arena-top,.commentary{padding:12px}.cards{gap:7px;grid-template-columns:repeat(2,1fr)}.card strong{font-size:14px}.card p{font-size:11px}.controls>div{flex-wrap:wrap}.section-title{align-items:flex-start;gap:10px}.section-title>span{font-size:10px}.commentary{gap:10px;line-height:1.7}footer{flex-direction:column;gap:8px}}