:root{--bg:#06101c;--panel:#0d1b2c;--line:#29415a;--text:#f7f9fc;--muted:#9fb1c5;--gold:#e8b64d;--blue:#4aa8ff;--green:#55d392;--red:#ff7070}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#1d4a72,#06101c 45%);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100vh}nav{background:#06101cee;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{max-width:1120px;margin:auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:1000;letter-spacing:1px}.links{display:flex;gap:16px}.links a{color:#d9e4ef;text-decoration:none;font-size:12px;font-weight:900}.hero{max-width:1120px;margin:auto;padding:65px 18px 28px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:2.5px;font-weight:900}.hero h1{font-size:clamp(48px,9vw,88px);line-height:.87;margin:10px 0 20px;letter-spacing:-3px}.script{font-family:Georgia,serif;font-style:italic;color:var(--gold)}.sub{color:var(--muted);max-width:650px}.wrap{max-width:1120px;margin:auto;padding:0 18px 70px}.grid{display:grid;grid-template-columns:1.45fr .8fr;gap:16px}.card{background:#0d1b2cf5;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.muted{color:var(--muted);font-size:13px}.gold{color:var(--gold)}.green{color:var(--green)}.red{color:var(--red)}.btn{display:inline-block;background:var(--gold);color:#07111f;text-decoration:none;border:0;border-radius:10px;padding:13px 17px;font-weight:1000;cursor:pointer}.secondary{background:#14283d;color:#fff;border:1px solid #3a5874}.pill{padding:5px 9px;border-radius:999px;background:#14283d;font-size:11px;font-weight:900}.score{font-size:24px;font-weight:1000}.pickgrid{display:grid;grid-template-columns:130px repeat(4,1fr);gap:0}.cell{padding:11px 8px;border-bottom:1px solid var(--line);font-size:12px}.head{color:var(--muted);font-weight:900}.hidden{color:#6e8194;font-style:italic}@media(max-width:760px){.grid{grid-template-columns:1fr}.pickgrid{grid-template-columns:95px repeat(2,1fr);overflow:hidden}.hero{padding-top:42px}}

/* v0.10 restrained stadium branding + mobile polish */
.artHero{position:relative;min-height:44vh;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(3,9,16,.12),rgba(3,9,16,.45) 45%,#06101c 100%),url('/assets/isaac-neutral-hero.png') center 42%/cover no-repeat;border-bottom:1px solid var(--line)}
.artHero .heroInner{width:100%;max-width:1120px;margin:auto;padding:80px 18px 22px}.artHero .weekCallout{display:flex;align-items:end;justify-content:space-between;gap:18px}.artHero h1{font-size:clamp(34px,6vw,64px);line-height:.9;margin:7px 0 4px;text-shadow:0 3px 24px #000}.artHero .heroMeta{font-size:13px;color:#d7e1eb;text-shadow:0 2px 8px #000}.sectionTitle{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:8px 0 14px}.progress{height:8px;background:#14283d;border-radius:99px;overflow:hidden;margin:10px 0}.progress>span{display:block;height:100%;background:var(--gold);width:0;transition:width .2s}.savebar{position:sticky;bottom:12px;margin-top:16px;background:#07111fef;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:0 10px 40px #0008;z-index:4}.toast{display:none;padding:11px 13px;border-radius:10px;margin-bottom:9px;background:#10263a;border:1px solid #36536d;font-size:13px}.toast.show{display:block}
@media(max-width:760px){.artHero{min-height:42vh;background-position:center 40%}.artHero .heroInner{padding:64px 16px 18px}.artHero .weekCallout{align-items:flex-start;flex-direction:column}.artHero .btn{width:100%;text-align:center}.nav{padding:12px 14px}.brand{font-size:13px}.wrap{padding:0 12px 55px}.card{padding:16px;border-radius:15px}}

/* v0.11: concept art used only as branding; all controls below are real HTML */
.v11hero{height:clamp(245px,37vw,430px);background:
linear-gradient(180deg,rgba(3,9,16,.03),rgba(3,9,16,.05) 68%,#06101c 100%),
url('/assets/isaac-neutral-hero.png') center 48%/cover no-repeat;border-bottom:1px solid var(--line)}
.quickActions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.actionCard{display:block;text-decoration:none;color:#fff;background:#0d1b2b;border:1px solid var(--line);border-radius:16px;padding:18px;transition:.15s}
.actionCard:hover{transform:translateY(-2px);border-color:#44627f}
.actionCard.primary{background:linear-gradient(135deg,#e6ad36,#f2c252);color:#07111f;border-color:#f2c252}
.actionCard b{display:block;font-size:17px;margin-bottom:4px}.actionCard span{font-size:12px;opacity:.75}
.homeTitle{margin:0 0 3px;font-size:26px}.homeLead{margin:0;color:var(--muted)}
@media(max-width:760px){.v11hero{height:255px;background-position:center center}.quickActions{grid-template-columns:1fr}.actionCard{padding:15px}.homeTitle{font-size:22px}}

/* v0.12 final hero + mobile-first pick UX */
.v12hero{height:clamp(255px,39vw,445px);background:linear-gradient(180deg,rgba(3,9,16,0),rgba(3,9,16,.04) 70%,#06101c 100%),url('/assets/isaac-neutral-hero.png') center 46%/cover no-repeat;border-bottom:1px solid var(--line)}
.pickShell{max-width:780px;margin:auto}.pickTop{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px}.pickStats{font-size:13px;color:var(--muted);text-align:right}.pickProgress{height:9px;background:#14283d;border-radius:999px;overflow:hidden;margin:12px 0 20px}.pickProgress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#d89c29,#f1c65c);transition:.18s}
.gameCard{background:#0d1b2b;border:1px solid var(--line);border-radius:16px;padding:15px;margin:11px 0}.gameCard.locked{opacity:.72}.gameMeta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:10px}.teamChoices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pickTeam{appearance:none;border:1px solid #34506c;background:#102237;color:#fff;border-radius:12px;padding:15px 12px;font-weight:900;font-size:15px;text-align:left;cursor:pointer}.pickTeam:hover{border-color:#6f8ca7}.pickTeam.selected{background:#3a3017;border-color:#f0b83f;box-shadow:inset 0 0 0 1px #f0b83f}.pickTeam:disabled{cursor:not-allowed}.mnfBox{margin:18px 0;background:#101e30;border:1px solid #705b2c;border-radius:16px;padding:16px}.mnfBox input{width:100%;box-sizing:border-box;background:#07111f;border:1px solid #39536d;color:#fff;border-radius:10px;padding:14px;font-size:18px}.saveDock{position:sticky;bottom:10px;z-index:20;background:#07111ff2;border:1px solid #294158;border-radius:16px;padding:10px;box-shadow:0 12px 40px #000a}.saveDock button{width:100%}.saveState{text-align:center;font-size:12px;color:var(--muted);padding:0 0 7px}.savedFlash{color:#91d6a8;font-weight:800}.missingFlash{color:#f0c25a;font-weight:800}
@media(max-width:760px){.v12hero{height:270px;background-position:center center}.pickTop{align-items:flex-start}.teamChoices{grid-template-columns:1fr}.pickTeam{padding:16px 13px}.gameCard{padding:13px}.pickStats{font-size:12px}}

/* v0.13: all functional controls are HTML. Neutral stadium artwork is decorative. */
.v13hero{height:clamp(230px,39vw,445px);background:linear-gradient(180deg,transparent 65%,#06101c),url('/assets/isaac-neutral-hero.png') center/cover no-repeat;border-bottom:1px solid var(--line)}
.brand{color:var(--text);text-decoration:none;white-space:nowrap}.links a[aria-current=page]{color:var(--gold)}
.links a{padding:8px 0}.nav{gap:18px}.links{overflow-x:auto;align-items:center;white-space:nowrap;padding:4px 0}
.notice{color:var(--gold);line-height:1.5}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.tableScroll{overflow:auto}table{border-collapse:collapse;min-width:100%;text-align:left}th,td{padding:14px;border-bottom:1px solid var(--line);min-width:130px;vertical-align:top}th{font-size:13px}td{font-size:13px}th:first-child{min-width:210px}
.srOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
.previewBanner{padding:10px 16px;background:#392b10;border-bottom:1px solid #a8843a;text-align:center;font-size:13px}.previewBanner a{color:var(--gold)}
@media(max-width:760px){.nav{display:block}.links{margin-top:5px;gap:18px}.v13hero{height:230px;background-size:contain;background-color:#06101c}.tableScroll{margin:0 -8px}}

@media(max-width:760px){.links{flex-wrap:wrap;overflow:visible;gap:4px 16px}.v13hero{height:auto;aspect-ratio:2.48;background-size:cover}}

/* Show the complete artwork at every screen width. */
.v13hero{height:auto;aspect-ratio:auto;background:none;border-bottom:1px solid var(--line)}
.v13hero img{display:block;width:100%;height:auto}

/* Focused mobile navigation and pick feedback. */
.navToggle{display:none;background:#14283d;color:var(--text);border:1px solid #3a5874;border-radius:8px;padding:10px 12px;min-height:44px;font-weight:900;cursor:pointer}
.gameCard.needsPick{border:2px solid var(--gold);box-shadow:0 0 0 2px #e8b64d22;scroll-margin-top:100px}
.gameMeta b{flex-shrink:0}.savedFlash{font-size:15px;padding:8px;color:#a4efbd;background:#143525;border-radius:8px}.missingFlash{font-size:14px}.pickStats{max-width:260px}
@media(max-width:760px){.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.navToggle{display:block;margin-left:auto}.nav .links{display:none;flex-basis:100%;margin:0;padding:8px 0;white-space:normal}.menuOpen .links{display:flex;flex-direction:column;align-items:stretch;gap:0}.menuOpen .links a{padding:14px 10px;border-top:1px solid var(--line);min-height:44px}.pickTop{flex-wrap:wrap}.pickStats{text-align:left;max-width:100%}.gameMeta{flex-wrap:wrap;gap:5px}}