#draft{width:940px;max-height:94dvh;overflow-y:auto;padding:24px}
#draft .dialog-heading{margin-bottom:14px}#draft h1{margin:6px 0;font-size:26px}
#battle-modes,#element-tabs{display:flex;gap:7px;flex-wrap:wrap}
#battle-modes button,#element-tabs button{padding:9px 13px;background:#172923;border:1px solid #42594a;border-radius:6px;color:#bed1bc;font-size:12px}
#battle-modes button.active,#element-tabs button.active{color:#fff0af;border-color:#d3be75;background:#384335}
#rank-panel{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;margin:12px 0;border:1px solid #a99556;background:linear-gradient(110deg,#323c2b,#162822);border-radius:8px}
#rank-panel>div{display:flex;flex-direction:column;gap:5px}#rank-panel>div:last-child{text-align:right}#rank-panel span{font-size:11px;color:#b3c4aa}#rank-name{font-size:20px;color:#f2dc93}#rank-stars{font-size:17px}
#rank-details{font-size:12px;color:#b9cbb5;margin-bottom:14px;line-height:1.6}#rank-details summary{cursor:pointer;color:#e2d091}#rank-leaderboard{max-height:180px;overflow:auto;padding-left:26px}#rank-leaderboard li{padding:4px 0}#rank-leaderboard li span{float:right;color:#e2d091}
.roster-search{display:flex;align-items:center;gap:12px;margin:12px 0}.roster-search input{min-width:0;flex:1;background:#111f1b;color:#ecedcc;border:1px solid #4a6050;border-radius:6px;padding:10px 12px}.roster-search span{font-size:12px;white-space:nowrap;color:#b0c0ab}
#hero-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.hero-choice{min-width:0;padding:8px 5px;position:relative}.hero-choice img{width:100%;height:82px;object-fit:contain}.hero-choice b{font-size:12px;overflow-wrap:anywhere}.hero-choice span{font-size:10px}.hero-choice .hero-id{opacity:.6;font-size:9px}.hero-choice:disabled{opacity:.4;cursor:not-allowed}.hero-choice .missing-art{height:82px;display:grid;place-items:center;font-size:22px}
#hero-pages{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:12px;font-size:12px}#hero-pages button{padding:5px 13px;border:1px solid #52634b;background:#25392c;color:#e6d99d;border-radius:4px}#hero-pages button:disabled{opacity:.3}
#draft-skills{font-size:12px;color:#b6c8ae;line-height:1.5;min-height:18px;margin:12px 0}#draft-role{display:block;font-size:12px;margin-top:4px}.draft-bottom{position:sticky;bottom:-24px;background:#16251f;margin:10px -1px -1px;padding:14px 0 4px;border-top:1px solid #53624c;z-index:2}#result-rank{color:#eed48a;font-size:15px;line-height:1.6}
@media(max-width:700px){#draft{padding:16px;width:100%;max-height:96dvh}#draft h1{font-size:22px}#hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-choice img{height:68px}#element-tabs{gap:5px}#element-tabs button{font-size:10px;padding:7px 9px}.draft-bottom{bottom:-16px}#rank-name{font-size:17px}#rank-panel{padding:10px 12px}.roster-search{gap:8px}.roster-search span{font-size:10px}}
@media(max-height:550px){#draft{padding:14px;max-height:96dvh}#rank-panel{padding:8px 12px}#rank-name{font-size:16px}.hero-choice img{height:60px}.draft-bottom{bottom:-14px}#draft .dialog-heading{margin-bottom:8px}}