:root{--ba-panel:#11182b;--ba-line:#2d3d60;--ba-yellow:#ffd026;--ba-red:#ff406c;--ba-cyan:#21c6ff;--ba-green:#3ce68a;--ba-muted:#8ca0cd}.ban-shell{max-width:1320px;margin:auto;padding:56px 36px 100px;color:#f7f8ff}.ban-breadcrumb{display:flex;gap:12px;color:#7184ae;font:900 10px Arial;letter-spacing:.13em;margin-bottom:30px}.ban-breadcrumb a{color:var(--ba-yellow);text-decoration:none}.ban-hero{display:grid;grid-template-columns:1fr 290px;gap:50px;align-items:end;margin-bottom:44px}.ban-kicker,.ban-builder header small,.ban-results header small,.ban-alternatives>small,.ban-picker-dialog small,.ban-share-dialog small{color:var(--ba-yellow);font:900 10px Arial;letter-spacing:.16em}.ban-hero h1{font:900 clamp(60px,8vw,108px)/.85 Arial;letter-spacing:-.07em;margin:18px 0 23px;max-width:950px}.ban-hero p{color:#9fb4e9;font:500 17px/1.6 Arial;max-width:760px}.ban-hero aside{min-height:185px;border:1px solid var(--ba-line);border-radius:20px;background:linear-gradient(145deg,#251329,#0d1526);padding:28px;display:flex;flex-direction:column;justify-content:center}.ban-hero aside b{font:900 52px Arial;color:var(--ba-red)}.ban-hero aside strong{font:900 16px Arial;margin-top:13px}.ban-hero aside small{color:var(--ba-muted);margin-top:8px}.ban-builder,.ban-results{border:1px solid var(--ba-line);border-radius:22px;background:var(--ba-panel);padding:28px;margin-top:20px}.ban-builder>header,.ban-results-head>header{display:flex;gap:14px;align-items:center}.ban-builder>header>span,.ban-results-head>header>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #40547b;border-radius:12px;color:var(--ba-yellow);font:900 15px Arial}.ban-builder h2,.ban-results h2{font:900 clamp(25px,3vw,37px)/1 Arial;margin:5px 0}.ban-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.ban-fields label>span,.field-label{display:block;color:var(--ba-muted);font:900 8px Arial;letter-spacing:.14em;margin:0 0 8px 3px}.ban-fields select{width:100%;height:52px;border:1px solid #3b4d72;border-radius:11px;background:#090f1e;color:white;padding:0 14px;font:800 11px Arial}.ban-pick-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.planned-pick{width:100%;height:92px;border:1px solid #40547a;border-radius:13px;background:#0a1020;color:white;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer}.planned-pick i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4c628b;border-radius:50%;color:var(--ba-cyan);font:900 23px Arial;font-style:normal}.planned-pick img{width:72px;height:72px;object-fit:contain}.planned-pick div{text-align:left}.planned-pick div small{color:var(--ba-cyan);font:900 8px Arial}.planned-pick div b{display:block;font:900 18px Arial;margin-top:6px}.draft-choice{height:92px;border:1px solid #40547a;border-radius:13px;background:#0a1020;padding:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.draft-choice button{border:0;border-radius:9px;background:#141d32;color:#8395bf;font:900 9px Arial;cursor:pointer}.draft-choice button.active{background:#263553;color:var(--ba-yellow);box-shadow:inset 0 0 0 1px var(--ba-yellow)}.ban-run{width:100%;height:56px;border:0;border-radius:12px;background:var(--ba-yellow);color:#070914;margin-top:18px;font:900 10px Arial;cursor:pointer}.ban-run b{margin-left:30px}.ban-run:disabled{opacity:.55}.ban-error{color:#ff7a93;border:1px solid #78324a;background:#2b1420;border-radius:10px;padding:12px}.ban-results-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ban-results-head>div{display:flex;gap:8px}.ban-results-head button,.ban-share-actions button{border:1px solid #40547a;border-radius:10px;background:#131d32;color:white;padding:13px 16px;font:900 9px Arial;cursor:pointer}.ban-results-head button:last-child,.ban-share-actions button:last-child{background:var(--ba-yellow);border-color:var(--ba-yellow);color:#070914}.primary-ban{display:grid;grid-template-columns:190px 1fr 230px;gap:25px;align-items:center;margin-top:25px;padding:26px;border:1px solid #6c344d;border-radius:19px;background:radial-gradient(circle at 12% 50%,rgba(255,64,108,.18),transparent 35%),#0b1120}.primary-ban img{width:175px;height:175px;object-fit:contain}.primary-ban .ban-rank{color:var(--ba-red);font:900 10px Arial;letter-spacing:.15em}.primary-ban h3{font:900 42px/1 Arial;margin:8px 0}.primary-ban p{color:#9badD4;font:500 13px/1.55 Arial}.ban-tags{display:flex;gap:7px;flex-wrap:wrap}.ban-tags span{border-radius:7px;background:#231826;color:#ff7294;padding:7px 9px;font:900 8px Arial}.ban-score{border-left:1px solid #354767;padding-left:25px;text-align:center}.ban-score small{color:var(--ba-muted);font:900 8px Arial}.ban-score b{display:block;color:var(--ba-yellow);font:900 55px Arial;margin-top:8px}.ban-insights{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.ban-insights article{border:1px solid var(--ba-line);border-radius:12px;background:#0b1120;padding:14px}.ban-insights small{color:var(--ba-muted);font:900 8px Arial}.ban-insights b{display:block;color:var(--ba-green);font:900 21px Arial;margin-top:8px}.ban-alternatives{margin-top:25px;border-top:1px solid var(--ba-line);padding-top:22px}.ban-alternatives h3{font:900 22px Arial;margin:6px 0 14px}.ban-alternatives>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ban-alt{display:flex;align-items:center;gap:10px;border:1px solid var(--ba-line);border-radius:11px;background:#0b1120;padding:10px}.ban-alt img{width:50px;height:50px;object-fit:contain}.ban-alt b{font:900 12px Arial}.ban-alt small{display:block;color:var(--ba-yellow);margin-top:5px}.ban-disclaimer{color:#7184af;font:500 10px/1.5 Arial;margin:24px 0 0}.ban-picker-modal,.ban-share-modal{position:fixed;z-index:10000;inset:0;background:rgba(2,5,13,.87);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.ban-picker-modal[hidden],.ban-share-modal[hidden]{display:none}.ban-picker-dialog,.ban-share-dialog{width:min(980px,96vw);max-height:92vh;overflow:auto;border:1px solid #3d4f74;border-radius:20px;background:#11182b;padding:24px}.ban-picker-dialog header,.ban-share-dialog header{display:flex;justify-content:space-between;align-items:center}.ban-picker-dialog h2,.ban-share-dialog h2{font:900 25px Arial;margin:6px 0}.ban-picker-dialog header button,.ban-share-dialog header button{width:40px;height:40px;border:1px solid #40547a;border-radius:10px;background:#151f35;color:white;font-size:23px}.ban-picker-dialog>input{width:100%;height:50px;border:1px solid #40547a;border-radius:10px;background:#080e1b;color:white;padding:0 15px;margin:17px 0}.ban-picker-dialog>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ban-picker-card{border:1px solid #2e3f61;border-radius:10px;background:#0a1020;color:white;padding:8px;text-align:left;cursor:pointer}.ban-picker-card:hover{border-color:var(--ba-yellow)}.ban-picker-card img{width:100%;aspect-ratio:1;object-fit:contain}.ban-picker-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:900 10px Arial}.ban-share-formats,.ban-share-actions{display:flex;justify-content:flex-end;gap:8px;margin:14px 0}.ban-share-formats button{border:1px solid #40547a;border-radius:9px;background:#0b1222;color:#8799c4;padding:10px 13px;font:900 9px Arial}.ban-share-formats button.active{color:var(--ba-yellow);border-color:var(--ba-yellow)}.ban-share-preview{display:grid;place-items:center;max-height:65vh;overflow:auto;border:1px solid #273755;border-radius:13px;background:#080d18;padding:10px}.ban-share-preview canvas{display:block;max-width:100%;height:auto}@media(max-width:900px){.ban-shell{padding:36px 16px 70px}.ban-hero{grid-template-columns:1fr}.ban-hero aside{display:none}.ban-pick-row,.ban-fields{grid-template-columns:1fr}.primary-ban{grid-template-columns:120px 1fr}.primary-ban img{width:110px;height:110px}.ban-score{grid-column:1/-1;border-left:0;border-top:1px solid #354767;padding:15px 0 0}.ban-insights{grid-template-columns:1fr 1fr}.ban-alternatives>div{grid-template-columns:1fr 1fr}.ban-picker-dialog>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.ban-builder,.ban-results{padding:18px}.ban-results-head{align-items:flex-start;flex-direction:column}.primary-ban{grid-template-columns:1fr;text-align:center}.primary-ban img{margin:auto}.ban-tags{justify-content:center}.ban-insights,.ban-alternatives>div{grid-template-columns:1fr}.ban-picker-dialog>div{grid-template-columns:repeat(2,1fr)}}