/* Match setup: graphite surfaces, emerald selection and a clear play-first layout. */
#setup{background:#0b1115;background-image:radial-gradient(ellipse at 95% 0%,#16302c80,transparent 52%);padding:24px 32px 40px;scrollbar-color:#3a514b #0b1115}
.setup-inner{max-width:1200px;margin:0 auto}
.home-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;border-bottom:1px solid #263538}
.home-brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:750;letter-spacing:.02em;color:#f0f5f2}.home-brand em{font-style:normal;font-weight:450;color:#b0c19c}.home-symbol{display:grid;place-items:center;width:35px;height:39px;font-size:31px;color:#c6ee99}.home-caption{font-size:13px;color:#95aaa7}
.home-intro{padding:27px 0 24px}.setup-inner h1{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.3;background:none;color:#edf4f0;margin:0 0 8px}.setup-inner .sub{font-size:15px;color:#9eb2b0;margin:0;line-height:1.7;max-width:none}
.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:22px;align-items:start}
.home-match{background:#131d22;border:1px solid #304045;border-radius:16px;padding:25px 27px;min-width:0}
.home-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:23px}.home-section-head h2{font-size:19px;letter-spacing:-.02em;font-weight:700;line-height:1.3;color:#e7f0eb}.home-section-head>span{font-size:12px;color:#a8b9b7;padding:3px 9px;border:1px solid #35474a;border-radius:5px;white-space:nowrap}
#setup .field{margin-bottom:19px}#setup .field>label{font-size:14px;font-weight:550;color:#becdca;letter-spacing:0;margin-bottom:9px}.home-field-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:14px;color:#becdca}.home-field-label small{font-size:12px;color:#809693}
#setup .opts{gap:8px}#setup .opt{background:#0d171b;border:1px solid #36484b;border-radius:7px;padding:10px 13px;color:#a6b9b8;font-size:14px;font-weight:500;min-height:43px;transition:background .15s,border-color .15s,color .15s}#setup .opt:hover{transform:none;background:#1a2d2c;border-color:#6d957d;color:#edf4eb}#setup .opt.on{background:#263f31;border-color:#8cb770;color:#e0efcb;box-shadow:none}
#optMode .opt,#optRake .opt,#optReview .opt{flex:1;text-align:center}#optN{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}#optN .opt{padding:9px 4px;font-size:15px}.home-divider{height:1px;background:#2a3a3e;margin:23px 0}
#setup .lvlcards{grid-template-columns:1fr 1fr;gap:10px}#setup .lvlcard{position:relative;min-height:123px;background:#0d171b;border:1px solid #36484b;border-radius:9px;padding:14px 15px;box-shadow:none;transition:background .15s,border-color .15s}#setup .lvlcard:hover{transform:none;border-color:#749180}#setup .lvlcard.on{background:#1c3025;border-color:#9bbb72;box-shadow:inset 0 0 0 1px #9bbb721a}#setup .lvlcard.on:after{content:'✓';position:absolute;right:13px;top:12px;color:#c6ee99;font-size:16px}#setup .lvname{font-size:16px;color:#edf3ef;font-weight:650;padding-right:18px}#setup .lvdot{display:none}#setup .lvtag{color:#9ab57e;font-size:12px;letter-spacing:.03em;margin:4px 0 7px;font-weight:500}#setup .lvdesc{font-size:13px;color:#9baead;line-height:1.7}
#setup #startBtn{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;padding:14px 18px;min-height:54px;border-radius:8px;background:#c6ed99;color:#172316;font-size:16px;font-weight:750;box-shadow:none;transition:background .15s}#setup #startBtn:hover{background:#d6f4b5;transform:none;box-shadow:none}#startBtn small{font-size:13px;font-weight:500}.home-action-note{text-align:center;color:#8ea29d;font-size:12px;margin-top:10px}
.home-aside{display:flex;flex-direction:column;gap:17px;min-width:0}.home-solver{padding:25px;border:1px solid #4b6655;border-radius:16px;background:linear-gradient(145deg,#20382c,#132623 80%)}.home-eyebrow{font-size:12px;letter-spacing:.08em;font-weight:550;color:#bdd995}.home-solver h2{font-size:25px;font-weight:650;letter-spacing:-.025em;color:#eff5eb;margin:15px 0 11px;line-height:1.35}.home-solver p{font-size:14px;line-height:1.8;color:#b2c5bc}.home-solver-steps{display:flex;align-items:center;gap:0;margin:24px 0 21px;border-top:1px solid #51705a60;border-bottom:1px solid #51705a60;padding:14px 0}.home-solver-steps span{flex:1;font-size:14px;text-align:center;color:#e2ebd8;border-right:1px solid #51705a60}.home-solver-steps span:last-child{border:0}.home-solver-steps small{display:block;color:#93b099;font-size:12px;margin-top:3px}
#setup .solver-launch{display:flex;align-items:center;justify-content:space-between;width:100%;margin:20px 0 0;padding:12px 15px;min-height:47px;border:1px solid #7e9e6e;border-radius:8px;background:#0c1c16;color:#d1e9b8;text-align:left;font-size:15px;font-weight:650;transition:background .15s}#setup .solver-launch:hover{background:#263f2b;border-color:#c6ed99}#setup .solver-launch span{color:inherit;font-size:17px}#setup .solver-launch:disabled{opacity:.6;cursor:wait}.home-solver .home-solver-note{font-size:12px;line-height:1.7;margin-top:14px;color:#9fb398}
.home-review-note{display:flex;gap:12px;align-items:flex-start;border:1px solid #2d3e42;border-radius:11px;padding:17px;background:#111c20}.home-review-note>span{font-size:22px;line-height:1.1;color:#9dbe83}.home-review-note h3{font-size:14px;color:#d7e3dc;font-weight:600;margin-bottom:5px}.home-review-note p{font-size:13px;color:#93aaa7;line-height:1.75}
#setup .engine-details{margin:0;border:1px solid #2c3c40;border-radius:11px;background:#0f191e;color:#96aaa8;font-size:13px}#setup .engine-details summary{padding:14px 17px;font-size:14px;color:#b6c8c2;cursor:pointer}#setup .engine-details[open] summary{border-bottom:1px solid #2c3c40}.home-engine-body{padding:15px 17px;line-height:1.8}.home-engine-body p+p{margin-top:12px}.home-engine-body b{color:#d1ddd4;font-weight:550}
.home-footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding:15px 0;border-top:1px solid #233236;color:#78938d;font-size:12px}.home-footer a{color:#a8ba98;text-decoration:none}.home-footer a:hover{text-decoration:underline}#setup button:focus-visible,#setup summary:focus-visible,#setup a:focus-visible{outline:3px solid #c6ed99;outline-offset:3px}
@media(min-width:1050px) and (min-height:850px){#setup{padding-top:35px}.home-intro{padding:34px 0 29px}.home-match{padding:28px 30px}#setup .field{margin-bottom:22px}}
@media(max-width:960px){#setup{padding:20px}.home-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:16px}.home-match,.home-solver{padding:20px}#optMode .opt,#optRake .opt,#optReview .opt{padding:10px 8px;font-size:13px}}
@media(max-width:780px){#setup{padding:17px 16px 28px}.home-grid{grid-template-columns:1fr}.home-match{padding:20px}.home-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.home-solver{grid-row:span 2}.home-header{padding-bottom:16px}.home-intro{padding:23px 0 21px}.home-intro h1{font-size:27px}.home-caption{font-size:12px}.home-footer{flex-wrap:wrap}}
@media(max-width:520px){.home-aside{display:flex}.home-header{gap:8px}.home-brand{font-size:14px;gap:7px}.home-brand em{font-size:13px}.home-symbol{width:26px;font-size:27px}.home-caption{font-size:12px}.home-match{padding:18px 16px}#setup .lvlcard{padding:13px 12px}#setup .lvdesc{font-size:13px}#optN .opt{font-size:14px}.home-solver{padding:22px}.home-footer{font-size:12px}.home-intro .sub{font-size:14px}#startBtn small{font-size:12px}}
@media(prefers-reduced-motion:reduce){#setup *{transition:none!important;animation:none!important}}