/* 배틀 사이트 바깥 화면 (덱 올리기 · 머리말) — 경기장 자체 스타일은 battle.css */
body{padding:0;justify-content:flex-start;background:#fbf2e0}
.top{width:100%;display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid #e8d5b5;background:#f6ead3}
.top .brand{color:#4a3320;text-decoration:none;font-weight:700;font-size:14px}
.top b{margin-left:auto;font-size:14px}
main{width:100%;display:flex;flex-direction:column;align-items:center;padding:16px 14px 30px}
#deckScreen{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
#deckScreen[hidden],#battleScreen[hidden]{display:none}
#deckScreen h1{font-size:22px;margin:6px 0 0}
.how{margin:0;font-size:13px;opacity:.75;line-height:1.5}
.how code{background:#0001;padding:1px 6px;border-radius:4px}
.drop{width:100%;border:2px dashed #b9a380;border-radius:14px;background:#ffffff66;padding:22px 10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;align-items:center}
.drop:hover,.drop.over{background:#fff;border-color:#8a6238}
.drop .dr-ic{font-size:30px} .drop small{opacity:.6;font-size:12px}
.err{margin:0;color:#c0262b;font-size:13px;font-weight:600}
.deck-prev{display:flex;gap:10px;justify-content:center;width:100%;min-height:36px}
.deck-prev .pc{width:30%;max-width:170px;position:relative}
.deck-prev canvas{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 4px 10px #5a381c44}
.deck-prev .empty{aspect-ratio:4/5;width:30%;max-width:170px;border:2px dashed #cdb894;border-radius:12px;display:grid;place-items:center;font-size:12px;opacity:.5}
.diff{display:flex;align-items:center;gap:8px;font-size:13px}
.diff button{border:1px solid #c9b48f;background:#fff;border-radius:8px;padding:5px 16px;cursor:pointer;font:inherit}
.diff button.on{background:#4a3320;color:#fff;border-color:#4a3320}
.go-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.go-row button,.ctrl button,.endbtns button{border:1px solid #c9b48f;background:#fff;border-radius:10px;padding:9px 18px;cursor:pointer;font:inherit;font-weight:600;color:#4a3320}
.go-row button.primary,.endbtns button.primary{background:#e5533d;border-color:#e5533d;color:#fff}
.go-row button:disabled{opacity:.4;cursor:not-allowed}
.note{margin:0;font-size:11.5px;opacity:.6;line-height:1.5}
#battleScreen{width:100%;display:flex;flex-direction:column;align-items:center}
.ctrl{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:10px;font-size:13px;align-items:center}
.foot{width:100%;text-align:center;padding:14px;font-size:12px}.foot a{color:#8a6238}
#banner{flex-direction:column;gap:18px}
.endbtns{display:flex;gap:10px;font-size:14px}