:root{--ink:#17123b;--paper:#fff8e8;--orange:#ff6839;--green:#69e4a1;--purple:#8967ff;--yellow:#ffd64e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 5%,#fff0a4,transparent 35rem),radial-gradient(circle at 90% 35%,#e4ddff,transparent 29rem),var(--paper);color:var(--ink);font:600 15px/1.35 system-ui,sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}header{height:72px;max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:8px 18px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:1000;letter-spacing:-.03em}.mark{display:grid;place-items:center;width:43px;height:43px;border:3px solid var(--ink);border-radius:50%;background:var(--orange);box-shadow:4px 4px 0 var(--ink);font-size:17px}.header-tag,.round-chip{border:2px solid var(--ink);border-radius:30px;padding:7px 11px;background:white;font-size:11px;font-weight:900}main{max-width:1160px;margin:auto;padding:15px 18px 45px}h1,h2,p{margin-top:0}.setup{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;min-height:calc(100vh - 130px)}.eyebrow,.draw small,.result-card>small,.confirmation small{font-size:11px;font-weight:1000;letter-spacing:.15em}.hero h1{font-size:clamp(3.3rem,7vw,6rem);line-height:.96;letter-spacing:-.08em;margin:15px 0}.hero em{font-style:normal;color:var(--orange);text-shadow:3px 3px var(--ink)}.hero p:last-child{font-size:18px;max-width:450px}.mode-card,.lineup,.result-card{border:3px solid var(--ink);border-radius:20px;background:white;box-shadow:7px 8px 0 var(--ink);padding:20px}.mode-card h2{margin-bottom:13px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode{min-height:86px;text-align:left;border:2px solid var(--ink);border-radius:12px;background:#fffdfa;padding:12px;font-weight:950}.mode.active{background:var(--purple);color:white;box-shadow:3px 3px var(--ink)}.mode small{display:block;font-size:11px;margin-top:4px;font-weight:650}.mode-card label{display:block;margin-top:14px;font-size:11px;font-weight:950;letter-spacing:.1em}.mode-card select{display:block;width:100%;margin-top:5px;border:2px solid var(--ink);border-radius:9px;padding:9px;background:white}.primary{background:var(--orange)!important;color:var(--ink);border:2px solid var(--ink);border-radius:11px;font-weight:1000;box-shadow:4px 4px var(--ink);padding:14px 17px}.mode-card>.primary{width:100%;margin-top:14px}.content-note,.note,.fine-print{font-size:11px;line-height:1.5;opacity:.72;margin:11px 0 0}.draft-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:1000}.draft-head button,#result-back{border:0;background:transparent;font-weight:1000}.draft-head>span{background:var(--green);padding:7px;border:2px solid var(--ink);border-radius:50px}.draft-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:12px}.draw{background:var(--yellow);border:3px solid var(--ink);border-radius:17px;box-shadow:5px 5px var(--ink);padding:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.draw h1{font-size:2rem;margin:2px 0;letter-spacing:-.05em}.draw p{font-size:12px;margin:0}.options{height:min(70vh,810px);overflow:auto;margin-top:14px;padding:3px 5px 6px 0;display:grid;align-content:start;gap:8px}.option{text-align:left;border:2px solid var(--ink);border-radius:13px;background:#fffefa;padding:10px 12px;box-shadow:2px 3px var(--ink)}.option.chosen{background:#fff0a4;border-color:var(--orange)}.option-head{display:flex;justify-content:space-between;align-items:center;gap:5px}.option-head b{font-size:15px}.option-head small,.final-row small{display:block;font-size:11px;opacity:.68}.option-head>span{font-weight:1000;font-size:11px;background:#68cbf7;border:2px solid var(--ink);border-radius:6px;padding:7px}.stats{display:flex;gap:5px;margin:8px 0}.stats>span{flex:1;text-align:center;border:1px solid var(--ink);border-radius:5px;padding:4px}.stats b,.stats small{display:block}.stats small{font-size:9px}.option em{font-size:11px;font-style:normal;color:#55507a}.lineup{padding:14px;align-self:start;position:sticky;top:7px}.lineup-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}.slot{text-align:left;min-width:0;border:2px solid var(--ink);border-radius:9px;padding:10px 8px;background:#e9fff2;min-height:65px}.slot b,.slot span{display:block}.slot b{font-size:11px}.slot span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.eligible{background:#fff1a9}.slot.assigned{background:var(--purple);color:white}.confirmation{background:var(--yellow);border:2px solid var(--ink);border-radius:11px;margin-top:10px;padding:10px}.confirmation b,.confirmation span{display:block}.confirmation span{font-size:11px}.confirm-actions{display:flex;gap:6px;margin-top:9px}.confirm-actions button{width:50%;border:2px solid var(--ink);border-radius:7px;padding:9px 4px;background:white;font-weight:950}.confirm-actions button:last-child{background:var(--orange)}.confirm-actions button:disabled{opacity:.4}.result-card{max-width:820px;margin:12px auto;text-align:center}.result-card h1{font-size:clamp(4rem,12vw,7rem);line-height:1;margin:9px}.verdict{display:flex;justify-content:center;align-items:center;gap:13px}.verdict span{display:grid;place-items:center;width:65px;height:65px;background:var(--green);border:3px solid var(--ink);border-radius:10px;font-size:38px;font-weight:1000}.verdict strong{font-size:21px}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin-top:26px}.result-columns h2{font-size:13px;letter-spacing:.12em}.final-row{display:flex;gap:10px;border-bottom:1px solid #c9c7d0;padding:5px}.final-row>b{min-width:38px}.dna-row{display:grid;grid-template-columns:105px 1fr 23px;gap:6px;align-items:center;font-size:10px;margin:9px 0}.track{background:#ebe8ef;border:1px solid var(--ink);height:10px;border-radius:20px;overflow:hidden}.track i{display:block;background:var(--purple);height:100%}#badges{display:flex;flex-wrap:wrap;gap:5px}#badges span{background:var(--yellow);border:1px solid var(--ink);border-radius:20px;padding:4px 7px;font-size:10px}#boss-result{background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:10px;margin-top:15px}.result-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.result-buttons button:last-child{border:2px solid var(--ink);border-radius:10px;background:white;padding:11px;font-weight:950}@media(max-width:740px){header{height:57px;padding:5px 11px}.header-tag{font-size:9px}main{padding:9px 10px 30px}.setup{min-height:auto;grid-template-columns:1fr;gap:9px}.hero h1{font-size:2.7rem;margin:7px 0}.hero p:last-child{font-size:13px;margin:0}.mode-card{padding:12px}.mode{min-height:68px;padding:9px;font-size:11px}.mode small{font-size:10px}.draft-grid{display:flex;flex-direction:column-reverse;gap:5px}.lineup{position:static;padding:8px;box-shadow:2px 3px var(--ink)}.slots{grid-template-columns:repeat(4,1fr);gap:3px}.slot{min-height:44px;padding:4px}.slot b{font-size:9px}.slot span{font-size:9px}.note{display:none}.confirmation{margin-top:5px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.confirmation[hidden]{display:none}.confirm-actions{margin:0}.confirm-actions button{width:auto;min-width:67px;padding:7px 5px;font-size:11px}.draw{padding:9px}.draw h1{font-size:1.3rem}.round-chip{font-size:9px}.options{height:calc(100dvh - 335px);min-height:280px;margin-top:7px}.option{padding:8px}.result-columns{grid-template-columns:1fr;gap:13px}.result-card{padding:12px}.result-buttons{gap:5px}}