*{box-sizing:border-box}body{margin:0;background:#02060b;color:#f3e2b0;font-family:'Malgun Gothic','Noto Sans KR',system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 50% 30%,#193d5b66,transparent 32%),linear-gradient(135deg,#091929,#02060b)}.top{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#061321;border-bottom:1px solid #d6aa5566;position:relative;z-index:5}.logo{position:absolute;left:50%;transform:translateX(-50%);font-family:serif;font-weight:900;letter-spacing:.12em}.logo b{color:#d6aa55}.right{margin-left:auto;display:flex;gap:8px}.btn,.icon{background:#071522;border:1px solid #d6aa5566;color:#fff0bd;border-radius:8px;min-height:38px;padding:0 14px}.icon{width:38px;padding:0}.screen{display:none;height:calc(100vh - 56px);position:relative;overflow:hidden}.home #home,.modes #modes,.deck #deck,.codex #codex,.settings #settings,.battle #battle,.result #result{display:block}.frame{border:1px solid #d6aa5566;background:linear-gradient(#0b2033ee,#040b13f8);box-shadow:0 18px 50px #0009}.title{text-align:center}.title .crown{font-size:64px;color:#d6aa55;line-height:.8}.title h1{font-family:serif;font-size:82px;margin:0;color:#e6c67d;letter-spacing:.13em}.smallTitle h1{font-size:56px}.title p{color:#a99467}.homeBg,.map,.battleBg{position:absolute;inset:0;background:radial-gradient(circle at 45% 38%,#b87a2744,transparent 22%),radial-gradient(circle at 82% 55%,#234d7655,transparent 30%),linear-gradient(135deg,#0d2135,#02070c)}.homeMain{position:absolute;inset:0;display:grid;place-items:center}.actions{width:min(570px,90vw);display:flex;flex-direction:column;gap:12px}.big{height:76px;display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr 1fr;text-align:left;align-items:center;padding:8px 24px;border:1px solid #d6aa5566;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%);background:#0b2a45}.big.red{background:#651719}.big i{grid-row:1/3;font-style:normal;color:#d6aa55;font-size:34px}.big b{font-family:serif;font-size:28px;color:#fff0bd}.big small{color:#c8b27b}.sideInfo,.quickRules{position:absolute;top:24px;width:320px;padding:18px}.sideInfo{left:22px}.quickRules{right:22px}.sideInfo p,.quickRules li{color:#d6c08b;line-height:1.6}.bottom{position:absolute;left:0;right:0;bottom:0;height:72px;background:#030a11cc;border-top:1px solid #d6aa5566;display:flex;justify-content:center;align-items:center;gap:18px}.modeWrap{position:absolute;left:42px;right:42px;top:138px;bottom:88px;display:grid;grid-template-columns:1fr 310px;gap:22px}.modeCards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mode{padding:14px;background:#071522ee;border:1px solid #d6aa5566;min-height:340px}.mode.on{outline:2px solid #d6aa55}.art{height:158px;border:1px solid #d6aa5533;display:grid;place-items:center;font-size:60px;background:var(--art)}.mode h3{font-family:serif;text-align:center;font-size:28px;color:#f2d28a}.mode p{text-align:center;color:#c5af78}.info{padding:20px}.rewards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rewards span{border:1px solid #d6aa5533;background:#0004;padding:10px;text-align:center}.foot{position:absolute;left:42px;right:42px;bottom:22px;display:flex;justify-content:space-between}.layout{position:absolute;inset:78px 18px 18px;display:grid;grid-template-columns:230px 1fr 350px;gap:14px}.side,.main,.panel{padding:14px;overflow:hidden}.side button,.panel button{width:100%;height:42px;margin:5px 0;background:#0004;border:1px solid #d6aa5533;color:#e6c67d;border-radius:7px}.side button.on{background:#14385a;outline:1px solid #d6aa55}.tools{display:flex;gap:8px;height:42px}.tools input,.tools select{background:#06111f;border:1px solid #d6aa5566;outline:0;padding:0 10px}.tools input{flex:1}.grid{height:calc(100% - 52px);overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;padding:10px 2px}.card,.handcard,.unit{position:relative;border:1px solid #d6aa5566;border-radius:10px;background:#0b2338;box-shadow:0 10px 22px #0006;overflow:hidden}.card{height:206px;padding:8px}.cost{position:absolute;left:7px;top:7px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#133f69;border:2px solid #d6aa55;font-weight:900}.pic{height:84px;border:1px solid #d6aa5533;border-radius:8px;background:var(--c);display:grid;place-items:center;font-size:38px;margin-bottom:8px}.card h4,.unit h4,.handcard h4{margin:5px 0;text-align:center}.card p,.handcard p{font-size:11px;color:#c8b27b;text-align:center;margin:0}.owned{position:absolute;right:8px;bottom:6px;color:#ffe2a0;font-weight:900}.deckList{height:250px;overflow:auto;border:1px solid #d6aa5533;background:#0004;padding:6px}.drow{display:grid;grid-template-columns:28px 1fr 32px 26px;gap:5px;align-items:center;height:31px;border-bottom:1px solid #d6aa5518;font-size:13px}.drow button{height:24px;margin:0;padding:0}.preview,.detail{border:1px solid #d6aa5533;background:#0004;margin-top:10px;padding:12px;line-height:1.6}.preview .pic{height:110px}.curve{height:80px;border:1px solid #d6aa5533;background:#0004;display:flex;align-items:end;gap:6px;padding:8px;margin:10px 0}.bar{flex:1;min-height:3px;background:#d6aa55;position:relative}.bar small{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:10px}.settingBox{width:min(720px,92vw);margin:45px auto;padding:24px}.settingBox label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px;border-bottom:1px solid #d6aa5522}.battleWrap{position:absolute;inset:14px;display:grid;grid-template-columns:280px 1fr 220px;gap:14px;min-height:0}.log{padding:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.log h3{flex:0 0 auto}.logBox{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;font-size:13px;color:#d6c08b;line-height:1.45;padding-right:6px;scrollbar-width:thin;scrollbar-color:#d6aa55aa #06111f}.logBox::-webkit-scrollbar{width:8px}.logBox::-webkit-scrollbar-thumb{background:#d6aa55aa;border-radius:8px}.logBox::-webkit-scrollbar-track{background:#06111f}.logLine{border-bottom:1px solid #d6aa5518;padding:6px 0}.good{color:#7fdfff}.bad{color:#ff8888}.battlePanel{padding:12px;display:grid;grid-template-rows:74px 1fr 1fr 188px;gap:10px;min-height:0}.enemyHead{border:1px solid #d6aa5533;background:#0004}.enemyCore{width:100%;height:100%;display:grid;grid-template-columns:62px 1fr 60px;gap:10px;align-items:center;background:transparent;color:inherit;text-align:left;padding:8px;border:0}.enemyCore.selected{outline:2px solid #ffdf8a;background:#3b2a102d}.hp{height:12px;background:#2c0809;border:1px solid #d6aa5533;border-radius:20px;overflow:hidden}.hp i{display:block;height:100%;background:#d63a3e}.lane{display:flex;justify-content:center;align-items:center;gap:10px;overflow:auto;min-height:0}.unit{width:132px;height:172px;padding:8px;flex:0 0 auto}.unit.ready{outline:2px solid #83e69c}.unit.selected{outline:3px solid #ffdf8a;box-shadow:0 0 24px #ffdf8a55}.stats{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-between}.stats b{width:32px;height:32px;border-radius:50%;border:2px solid #d6aa55;display:grid;place-items:center;background:#5d1517}.stats b:last-child{background:#194a31}.hand{display:flex;gap:10px;align-items:end;overflow-x:auto;padding:4px;min-height:0}.handcard{width:152px;min-width:152px;height:178px;padding:8px}.handcard.disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}.handcard:not(.disabled):hover{transform:translateY(-7px);outline:1px solid #d6aa55}.battleSide{display:flex;flex-direction:column;gap:12px;min-height:0}.end{height:78px;margin-top:38vh;background:#651719;border:2px solid #d6aa55aa;color:#fff0bd;font-family:serif;font-size:28px;font-weight:900}.statBox{padding:12px;flex:0 0 auto}.full{width:100%}.result{display:grid!important;place-items:center;background:#02060b}.resultCard{width:min(560px,92vw);padding:34px;text-align:center}.resultCard h1{font-family:serif;font-size:56px;color:#ffe2a0}@media(max-width:1100px){body{overflow:auto}.screen{height:auto;min-height:calc(100vh - 56px);overflow:auto}.sideInfo,.quickRules,.homeMain,.bottom,.modeWrap,.foot,.layout,.battleWrap{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}.homeMain{min-height:500px}.sideInfo,.quickRules,.layout,.modeWrap,.battleWrap{margin:14px;display:block}.modeCards{grid-template-columns:1fr}.mode{margin-bottom:12px}.title h1{font-size:52px}.grid{height:auto;max-height:620px}.panel,.main,.side,.log,.battlePanel,.battleSide{margin-bottom:12px}.log{max-height:360px}.logBox{max-height:250px}.end{margin-top:0;width:100%}.lane{justify-content:flex-start}.top .right .btn{display:none}}