:root{--bg: #0a1224;--bg-2: #111d38;--panel: #16264a;--line: rgba(255, 255, 255, .12);--text: #f4f6fb;--muted: #9aa8c7;--gold: #f5b82e;--gold-deep: #b9811a;--red: #d7263d;--blue: #2f6fed;--silver: #c9d1e3;--display: "Oswald", "Arial Narrow", sans-serif;--body: "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(47,111,237,.35),transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg) 60%);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}.page{max-width:980px;margin:0 auto;padding:24px 16px 64px}.masthead{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--line);padding-bottom:12px}.wordmark{margin:0;font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:.04em;text-transform:uppercase}.wordmark span{color:var(--gold)}.meta,.status{color:var(--muted);font-size:14px;margin:0}.status{text-align:center;margin-top:48px}.prompt{text-align:center;margin:36px 0 28px}.prompt-eyebrow,.banner-eyebrow,.section-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:var(--gold);margin:0 0 8px}.prompt-text{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(34px,7vw,60px);line-height:1;margin:0}.prompt-help{color:var(--muted);margin:12px auto 0;max-width:440px;font-size:15px}.lineup{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{position:relative;display:flex;flex-direction:column;min-height:250px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#0c1630);transition:border-color .3s,box-shadow .3s}.card-button{all:unset;display:flex;flex-direction:column;flex:1;cursor:pointer;border-radius:inherit}.card-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.card-interactive:hover{border-color:#f5b82e99}.card-selected{border-color:var(--text);box-shadow:0 0 0 2px var(--text),0 8px 24px #00000073;transform:translateY(-4px)}.card-draggable .card-button{cursor:grab;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.drag-grip{position:absolute;top:6px;right:6px;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#00000059;touch-action:none;cursor:grab}.drag-grip svg{width:10px;height:16px;fill:var(--text);opacity:.85}.card-draggable .card-button{position:relative}.card-landing .drag-grip{visibility:hidden}.is-dragging,.is-dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.card-drag-source{opacity:.25;border-style:dashed}.card-drop-target{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 28px #f5b82e73}.card-landing>.card-button>*,.card-landing>:not(.card-button){visibility:hidden}.card-landing{border-style:dashed;background:#f5b82e14}.card-displaced{border-color:var(--silver);box-shadow:0 0 0 2px #c9d1e38c}.card-displaced:after{content:"Swaps here";position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:#0009;color:var(--silver);font:600 11px var(--body);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.drag-ghost{position:fixed;left:0;top:0;z-index:50;pointer-events:none;will-change:transform}.card.card-ghost{height:100%;animation:none;box-shadow:0 18px 40px #0000008c,0 4px 10px #00000059}.drag-pin{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #00000073}.slot-rank{margin-left:6px;font-size:13px;font-weight:500;opacity:.7}.results .card-exact{box-shadow:0 0 0 2px #3ddc84}.exact-note{color:#3ddc84!important;font-weight:600}.lineup-hint{text-align:center;color:var(--muted);font-size:13px;margin:12px 0 0}.lock-in{text-align:center;margin-top:20px}.lock-in button{padding:14px 32px;font-size:18px}.card-empty{border-style:dashed;background:#ffffff08}.card-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 24px #f5b82e59}.card-filled{background:linear-gradient(160deg,#d7263de6,#2f6fedd9),var(--panel);animation:sign-in .5s cubic-bezier(.2,.8,.2,1.2) both;animation-delay:calc(var(--i) * .08s)}.results .card-filled{background:linear-gradient(180deg,#2a3656,#141f3a)}.results .card-starter{background:linear-gradient(160deg,var(--gold),var(--gold-deep));color:#1b1203;border-color:var(--gold)}@keyframes sign-in{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:none;opacity:1}}.card-top{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 0}.position{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.04em}.card-empty .position{color:var(--muted)}.badge{font-family:var(--display);font-weight:500;font-size:13px;padding:2px 8px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}.badge-starter{background:#1b1203;color:var(--gold)}.badge-ranked{background:#ffffff24}.badge-bench{background:#00000059;color:var(--muted)}.card-art{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center}.card-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:sign-in .4s ease both}.card-art:has(.card-photo):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}.card-monogram{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.05) 14px 28px),linear-gradient(160deg,var(--mono-a),var(--mono-b));animation:sign-in .4s ease both}.card-monogram span{font-family:var(--display);font-weight:700;font-size:clamp(30px,5vw,52px);letter-spacing:.02em;color:#ffffffeb;-webkit-text-stroke:1px rgba(0,0,0,.25);text-shadow:0 3px 0 rgba(0,0,0,.35)}.monogram-0{--mono-a: #c8102e;--mono-b: #5a0613}.monogram-1{--mono-a: #1d428a;--mono-b: #0b1a3a}.monogram-2{--mono-a: #00653a;--mono-b: #002a18}.monogram-3{--mono-a: #552583;--mono-b: #24103a}.monogram-4{--mono-a: #e56020;--mono-b: #5e2408}.monogram-5{--mono-a: #006bb6;--mono-b: #00284a}.silhouette{width:78%;max-width:130px;fill:#ffffff29}.card-empty .silhouette{fill:#ffffff0f}.card-starter .silhouette{fill:#1b120338}.card-placeholder{position:absolute;top:18%;font-family:var(--display);font-size:34px;color:var(--muted);opacity:.6}.nameplate{background:#00000073;padding:10px 12px 12px;min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:2px}.card-starter .nameplate{background:#1b1203d9;color:var(--text)}.name{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:18px;line-height:1.1;overflow-wrap:anywhere}.card-empty .name{color:var(--muted);font-weight:400;font-size:15px}.views{font-size:12px;color:var(--muted)}.card-starter .views{color:var(--gold)}.guess{max-width:520px;margin:28px auto 0}.guess-label{display:block;text-align:center;font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;font-size:14px;color:var(--muted);margin-bottom:10px}.guess-row{display:flex;gap:8px}.guess input{flex:1;min-width:0;font:500 18px var(--body);padding:14px 16px;border-radius:8px;border:1px solid var(--line);background:#ffffff0f;color:var(--text)}.guess input:focus{outline:2px solid var(--gold);outline-offset:1px}button{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:16px;padding:0 22px;border:0;border-radius:8px;background:var(--gold);color:#1b1203;cursor:pointer}button:disabled{opacity:.5;cursor:default}.guess-error{min-height:1.4em;color:#ff8a98;text-align:center;font-size:14px;margin:10px 0 0}.banner{text-align:center;border-radius:14px;padding:28px 20px;margin-bottom:36px;border:1px solid var(--line);animation:sign-in .6s ease both}.banner-champion{background:linear-gradient(160deg,var(--gold),var(--gold-deep));color:#1b1203}.banner-champion .banner-eyebrow{color:#1b1203}.banner-finals{background:linear-gradient(160deg,#4b5675,#232c45)}.banner-playoffs{background:linear-gradient(160deg,#1f4fae,#13285a)}.banner-lottery{background:linear-gradient(160deg,#3a2030,#1a1424)}.banner-headline{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(32px,6vw,52px);line-height:1;margin:0}.banner-detail{margin:12px 0 20px;font-size:16px}.banner .share{padding:12px 24px}.banner-champion .share{background:#1b1203;color:var(--gold)}.section-title{margin:32px 0 12px}.credits{margin:16px auto 0;max-width:640px;color:var(--muted);font-size:12px}.credits summary{cursor:pointer;text-align:center}.credits ul{padding-left:18px;line-height:1.6}.credits a{color:var(--silver)}.footnote{margin-top:36px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}@media (max-width: 720px){.lineup{grid-template-columns:1fr;gap:8px}.card{min-height:0;flex-direction:row;align-items:stretch}.card-button{flex-direction:row;align-items:stretch}.card-top{flex-direction:column;justify-content:center;gap:4px;padding:8px 0;width:64px;flex-shrink:0}.card-art{flex:0 0 64px;align-items:center}.card-art .silhouette{width:44px}.card-monogram span{font-size:24px}.drag-grip{top:50%;right:8px;width:44px;height:44px;transform:translateY(-50%)}.card-draggable .nameplate{padding-right:60px}.card-placeholder{display:none}.nameplate{flex:1;min-height:60px}}@media (prefers-reduced-motion: reduce){.card-filled,.banner{animation:none}}.court-hero{position:relative;height:220px;margin:20px 0 8px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#050a16,#0d1730 55%,#101d3b);border:1px solid var(--line)}.court-lights{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 30% 90% at 22% -10%,rgba(255,236,190,.28),transparent 70%),radial-gradient(ellipse 30% 90% at 78% -10%,rgba(255,236,190,.22),transparent 70%),radial-gradient(circle at 50% 100%,rgba(47,111,237,.25),transparent 60%)}.court-lights:after{content:"";position:absolute;left:0;right:0;bottom:66px;height:34px;background:radial-gradient(circle at 9px 10px,#1b2745 7px,transparent 7.5px) 0 0 / 18px 34px,radial-gradient(circle at 18px 20px,#141e38 8px,transparent 8.5px) 0 0 / 26px 34px;opacity:.9}.court-floor{position:absolute;left:0;bottom:0;width:100%;height:70px}.mascot-track{position:absolute;left:12px;right:202px;bottom:38px;height:160px}.mascot-facing{position:absolute;bottom:0;left:0;width:190px;animation:drive 10s ease-in-out infinite}.mascot{display:block;width:190px;height:auto;overflow:visible;animation:face 10s steps(1,end) infinite}@keyframes drive{0%,4%{left:0}46%,54%{left:100%}96%,to{left:0}}@keyframes face{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}.mascot .ball,.mascot .ball-squash,.mascot .ball-shadow,.mascot .fish,.mascot .fish-fin,.mascot .fish-tail{transform-box:fill-box}.mascot .ball{animation:ball-drop .8s infinite}.mascot .ball-squash{transform-origin:50% 100%;animation:ball-squash .8s infinite}.mascot .ball-shadow{transform-origin:50% 50%;animation:ball-shadow .8s infinite}.mascot .fish{animation:fish-bob .8s ease-in-out infinite}.mascot .fish-fin{transform-origin:0% 0%;animation:fin-push .8s ease-out infinite}.mascot .fish-tail{transform-origin:100% 50%;animation:tail-wag .6s ease-in-out infinite alternate}@keyframes ball-drop{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.55,0,1,.45)}50%{transform:translateY(34px);animation-timing-function:cubic-bezier(0,.55,.45,1)}to{transform:translateY(0)}}@keyframes ball-squash{0%,44%,58%,to{transform:scale(1)}50%{transform:scale(1.18,.78)}}@keyframes ball-shadow{0%,to{transform:scale(.5);opacity:.45}50%{transform:scale(1.1);opacity:1}}@keyframes fish-bob{0%,to{transform:translateY(0)}20%{transform:translateY(3px)}60%{transform:translateY(-2px)}}@keyframes fin-push{0%{transform:rotate(16deg)}25%,85%{transform:rotate(-4deg)}to{transform:rotate(16deg)}}@keyframes tail-wag{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@media (max-width: 720px){.court-hero{height:170px}.court-floor{height:56px}.court-lights:after{bottom:52px}.mascot-track{right:152px;bottom:28px}.mascot-facing,.mascot{width:140px}}@media (prefers-reduced-motion: reduce){.mascot-facing,.mascot,.mascot *{animation:none!important}.mascot-facing{left:30%}}.masthead-right{display:flex;align-items:baseline;gap:14px}.whats-new-button{position:relative;padding:6px 12px;font-size:13px;background:transparent;color:var(--gold);border:1px solid rgba(245,184,46,.5)}.whats-new-button:hover{background:#f5b82e1f}.unread-dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--bg)}dialog.whats-new{width:min(560px,calc(100vw - 32px));max-height:min(80vh,720px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--bg-2);color:var(--text)}dialog.whats-new::backdrop{background:#050a16b3}.whats-new-panel{padding:20px 22px 24px}.whats-new-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.whats-new-panel h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:24px}.whats-new-panel .close{background:transparent;color:var(--muted);font-size:26px;padding:0 6px;line-height:1}.whats-new-panel>ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}.whats-new-panel>ol>li{border-top:1px solid var(--line);padding-top:14px}.entry-date{margin:0;color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.whats-new-panel h3{font-family:var(--display);font-size:19px;margin:2px 0 6px}.whats-new-panel ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.55;font-size:15px}@media (max-width: 720px){.masthead-right{flex-direction:column;align-items:flex-end;gap:6px}}.metric-badge{display:inline-block;margin:12px 0 0;padding:4px 12px;border-radius:999px;background:#2f6fed2e;border:1px solid rgba(47,111,237,.5);color:#b9cdf7;font-size:13px;font-weight:600;letter-spacing:.02em}.footnote a{color:var(--silver)}.pilot-picker{margin:14px 0 0;padding:12px 14px;border:1px dashed var(--line);border-radius:10px}.pilot-picker p{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pilot-picker ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.pilot-picker a{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--text);font-size:13px;text-decoration:none}.pilot-picker a.is-metric{border-color:#2f6fed99}.pilot-picker a[aria-current=page]{background:var(--gold);border-color:var(--gold);color:#1b1203}.day-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:28px auto 0;max-width:560px}.day-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;background:#ffffff0a;color:var(--text);border:1px solid var(--line);font-size:15px}.day-tab-state{font-family:var(--body);font-weight:500;font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}.day-tab[aria-current=page]{background:var(--gold);border-color:var(--gold);color:#1b1203}.day-tab[aria-current=page] .day-tab-state{color:#3d2a05}.prompt{margin-top:24px}.banner-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.banner .next-puzzle{background:transparent;color:inherit;border:1px solid currentColor}
