:root{color-scheme:dark;--page:#151514;--surface:#20201e;--surface-raised:#262523;--border:#3b3936;--text:#f0ede8;--muted:#aaa59d;--accent:#b65d39;--accent-light:#d1815b;--danger:#e58a76;--content-width:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--page);color:var(--text);font-family:DM Sans,Segoe UI,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}::selection{background:var(--accent);color:#fff}.shell{width:min(var(--content-width),100% - 48px);margin-inline:auto}.topline{min-height:32px;border-bottom:1px solid #302e2b;color:var(--muted);font-size:11px;letter-spacing:.09em;text-transform:uppercase}.footer-inner,.topline-inner{display:flex;align-items:center;justify-content:space-between;min-height:inherit;gap:16px}.site-header{position:sticky;top:0;z-index:20;background:rgb(21 21 20/92%);border-bottom:1px solid rgb(59 57 54/70%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:var(--accent-light);border:1px solid var(--accent);border-radius:50%}.brand-mark svg{width:29px;height:29px}.brand-name{display:block;font:800 16px/1.2 Manrope,Segoe UI,sans-serif;letter-spacing:.12em}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.15em}.main-nav{display:flex;align-items:center;gap:27px;color:#c7c1b9;font-size:13px}.main-nav a:hover{color:var(--accent-light)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.signed-in{max-width:150px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid var(--border);border-radius:5px;background:#242321;color:var(--text);cursor:pointer;font-size:12px;font-weight:700;transition:border-color .18s ease,background .18s ease,transform .18s ease}.button:hover{border-color:var(--accent-light);background:#2c2926}.button:active{transform:translateY(1px)}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.accent-button:hover,.button.primary:hover{background:#c66b46}.button.admin-button{border-color:#80513f;color:#e1a080}.button:disabled{cursor:not-allowed;opacity:.55}.hero{position:relative;display:grid;min-height:420px;grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr);overflow:hidden;margin-top:28px;border:1px solid #46413b;border-radius:7px;background:#1b1a18;isolation:isolate}.hero:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgb(24 23 21/98%) 4%,rgb(24 23 21/91%) 43%,rgb(24 23 21/51%) 78%,rgb(24 23 21/74%)),url(/sports-balls-chibi.svg) 63% 46% /cover no-repeat;content:"";animation:hero-drift 18s ease-in-out infinite alternate}.hero-main{display:flex;flex-direction:column;justify-content:center;padding:42px clamp(28px,5vw,68px)}.eyebrow{margin:0 0 12px;color:var(--accent-light);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3{font-family:Manrope,Segoe UI,sans-serif}.hero h1{margin:0;font-size:clamp(42px,5.2vw,66px);font-weight:800;letter-spacing:-.055em;line-height:.99}.hero-copy{max-width:510px;margin:20px 0 26px;color:#c4beb5;font-size:15px}.hero-meta{display:flex;flex-wrap:wrap;gap:22px;padding-top:20px;border-top:1px solid rgb(213 203 188/22%);color:var(--muted);font-size:11px}.hero-meta span{display:grid;gap:3px}.hero-meta b{color:#eee8df;font-size:12px}.hero-side{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:34px 30px;border-left:1px solid rgb(222 210 192/18%);background:linear-gradient(180deg,rgb(21 21 20/3%),rgb(21 21 20/68%))}.demo-stamp{margin-bottom:auto;padding:6px 9px;border:1px solid rgb(209 129 91/55%);border-radius:2px;color:#e0a17f;font-size:9px;font-weight:700;letter-spacing:.15em}.hero-side h2{max-width:270px;margin:0 0 10px;font-size:25px;letter-spacing:-.04em;line-height:1.15}.hero-side p{max-width:290px;margin:0 0 20px;color:#c7c1b9;font-size:12px}.accent-button{border:0;background:var(--accent);color:white}.error-banner,.setup-banner{display:grid;gap:5px;margin-top:22px;padding:14px 18px;border:1px solid #75553f;border-left:3px solid var(--accent-light);border-radius:4px;background:#251f1b;color:#e3d4c9;font-size:12px}.setup-banner span{color:#bdb2a8}.error-banner{border-color:#74493e;background:#281e1b}.section-block{padding:74px 0 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{margin:0;font-size:clamp(27px,3vw,36px);letter-spacing:-.05em;line-height:1.1}.section-heading>p{max-width:310px;margin:0 0 3px;color:var(--muted);font-size:12px;text-align:right}.category-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 14px;scrollbar-color:#514940 transparent;scrollbar-width:thin}.category{min-height:42px;flex:0 0 auto;padding:8px 13px;border:1px solid var(--border);border-radius:4px;background:transparent;color:#c2bcb4;cursor:pointer;font-size:11px;font-weight:600;transition:.18s ease}.category:hover{border-color:#8a5e4a;color:var(--text)}.category.active{border-color:var(--accent);background:#33251f;color:#f0b18e}.picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pick-card{position:relative;min-height:190px;padding:20px 21px 15px;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.pick-card:before{position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);content:""}.pick-card-bottom,.pick-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.pick-card-top span:last-child{color:#c7a08b}.pick-card h3{margin:18px 0 6px;font-size:19px;letter-spacing:-.035em}.pick-selection{margin:0;color:#f1b48f;font-size:14px;font-weight:700}.pick-selection span{color:#f0e7df}.pick-analysis{min-height:35px;margin:10px 0 18px;color:#bcb6ae;font-size:12px}.pick-card-bottom{padding-top:11px;border-top:1px solid #373431;font-size:10px}.empty-state{margin:0;padding:25px 20px;border:1px dashed #4a4540;border-radius:5px;color:var(--muted);font-size:13px;text-align:center}.forum-section{margin-top:44px;padding-top:48px;border-top:1px solid var(--border)}.guest-note,.topic-form{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:17px 19px;border:1px solid var(--border);border-radius:5px;background:#1c1b19}.guest-note span{max-width:620px;color:#c4beb5;font-size:12px}.topic-form{align-items:end}.topic-form>div{display:grid;flex:1 1;gap:9px}.admin-form label,.auth-modal label,.topic-form label{display:grid;gap:6px;color:#d2ccc3;font-size:11px;font-weight:700}input,select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #494540;border-radius:4px;background:#171615;color:var(--text)}textarea{min-height:84px;resize:vertical}input::placeholder,textarea::placeholder{color:#77716a}.topics-list{display:grid;gap:10px}.topic-card{padding:20px 21px;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.topic-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.topic-header h3{margin:0;font-size:17px;letter-spacing:-.025em}.topic-header p{margin:4px 0 0;color:var(--muted);font-size:10px}.topic-body{margin:16px 0;color:#d2ccc3;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.locked-badge{padding:4px 7px;border:1px solid #625449;border-radius:3px;color:#cfaa8d;font-size:9px;white-space:nowrap}.replies-list{display:grid;gap:8px;margin:14px 0}.reply{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:10px 12px;border-left:2px solid #605146;background:#1b1a18}.reply strong{color:#e7c0a8;font-size:11px}.reply span{justify-self:end;color:var(--muted);font-size:10px}.reply p{grid-column:1/-1;margin:0;color:#c4beb5;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.reply-form{display:flex;gap:8px;margin-top:14px}.text-button{min-height:40px;padding:7px 9px;border:0;background:transparent;color:#d99a77;cursor:pointer;font-size:11px;font-weight:700;text-align:left}.text-button:hover{color:#f1b48f;text-decoration:underline}.text-button.danger{color:var(--danger)}.admin-section{display:none}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;overflow-y:auto;padding:22px;background:rgb(0 0 0/77%)}.admin-modal,.auth-modal{position:relative;width:min(100%,440px);max-height:calc(100vh - 44px);overflow-y:auto;padding:29px;border:1px solid #5a5149;border-radius:7px;background:#1e1d1b;box-shadow:0 24px 80px rgb(0 0 0/55%)}.admin-modal{width:min(100%,850px)}.modal-close{position:absolute;top:12px;right:14px;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;font-size:22px}.admin-modal h2,.auth-modal h2{margin:0 0 20px;font-size:27px;letter-spacing:-.05em}.auth-modal form{display:grid;gap:13px}.auth-modal .text-button{margin-top:12px}.form-message{margin:0;color:#e2ac8e;font-size:12px}.full-width{width:100%;margin-top:4px}.modal-note{margin:-12px 0 18px;color:var(--muted);font-size:12px}.admin-form{padding:17px;border:1px solid var(--border);border-radius:5px;background:#1a1918}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-grid .wide{grid-column:1/-1}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.admin-pick-list{display:grid;gap:8px;margin-top:18px}.admin-pick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid var(--border);border-radius:4px;background:#22211f}.admin-pick-row small,.admin-pick-row strong{display:block}.admin-pick-row strong{font-size:12px}.admin-pick-row small{margin-top:3px;color:var(--muted);font-size:10px}.admin-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.admin-row-actions .button{min-height:35px;padding:6px 9px;font-size:10px}.responsible-note{margin:66px 0 35px;padding:14px 17px;border-left:2px solid #927258;background:#1b1a18;color:#aaa39a;font-size:11px}.responsible-note strong{margin-right:6px;color:#ded4c9}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:10px}.footer-inner{min-height:62px}.toast{position:fixed;z-index:80;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:13px 17px;border:1px solid #80513f;border-radius:5px;background:#2b211d;color:#f0d6c6;box-shadow:0 10px 35px rgb(0 0 0/35%);font-size:12px}@keyframes hero-drift{0%{background-position:63% 46%}to{background-position:66% 49%}}@media (max-width:900px){.header-inner,.main-nav{gap:14px}.hero{grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}.hero-main{padding-inline:35px}.hero-side{padding-inline:21px}}@media (max-width:700px){.shell{width:min(var(--content-width),100% - 30px)}.topline-inner span:last-child{display:none}.header-inner{min-height:68px;flex-wrap:wrap;padding-block:9px}.brand-mark{width:37px;height:37px}.brand-name{font-size:13px}.brand small{font-size:8px}.main-nav{order:3;width:100%;justify-content:space-between;padding:5px 2px 3px;border-top:1px solid #302e2b;font-size:11px}.header-actions{margin-left:auto}.header-actions .button{min-height:38px;padding:7px 10px;font-size:10px}.signed-in{display:none}.hero{min-height:0;grid-template-columns:1fr;margin-top:18px}.hero:before{background-position:65%}.hero-main{min-height:340px;padding:34px 25px 25px}.hero h1{font-size:clamp(42px,13vw,58px)}.hero-copy{max-width:420px;font-size:13px}.hero-meta{gap:13px;font-size:10px}.hero-side{min-height:190px;padding:20px 25px;border-top:1px solid rgb(222 210 192/18%);border-left:0}.demo-stamp{margin-bottom:12px}.hero-side h2{max-width:400px;font-size:22px}.hero-side p{max-width:450px}.section-block{padding-top:54px}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading>p{text-align:left}.picks-grid{grid-template-columns:1fr}.guest-note,.topic-form{align-items:stretch;flex-direction:column}.topic-form>.button{align-self:flex-start}.admin-grid{grid-template-columns:1fr}.admin-grid .wide{grid-column:auto}.admin-pick-row{align-items:start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding-block:12px}}@media (max-width:420px){.brand{gap:7px}.brand-name{font-size:11px;letter-spacing:.09em}.header-actions{gap:5px}.header-actions .button{padding-inline:8px}.hero-meta{flex-direction:column}.section-heading h2{font-size:28px}.reply-form{align-items:stretch;flex-direction:column}.modal-backdrop{padding:12px}.admin-modal,.auth-modal{max-height:calc(100vh - 24px);padding:24px 17px 18px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}