:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0f766e14,#0000 36%),linear-gradient(315deg,#f59e0b1a,#0000 30%),#f8fafc;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:8px;padding:.8rem 1rem;font-weight:750}button:disabled{cursor:not-allowed;opacity:.55}input,select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:48px;padding:.75rem .9rem;transition:border-color .16s,box-shadow .16s,background-color .16s}input:focus,select:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1f}input:disabled,select:disabled{color:#64748b;background:#f1f5f9}label{color:#334155;gap:.45rem;font-size:.92rem;font-weight:700;display:grid}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.35rem,4vw,2.1rem);line-height:1.1}h2{margin-bottom:1rem;font-size:1.2rem}h3{margin-bottom:.2rem;font-size:1rem}code{background:#e2e8f0;border-radius:6px;padding:.1rem .35rem}.app{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:1rem 1rem 6.5rem}.home-app{padding-bottom:1.5rem}.setup{place-items:center;display:grid}.app-header{border-bottom:1px solid #dbe4ef;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:.75rem;min-height:64px;padding:.65rem 0;display:grid;position:relative}.brand-icon{background:#fff;border:1px solid #cbd5e1;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px #0f172a0f}.brand-icon img{width:30px;height:30px}.header-title{color:#0f172a;text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:2;justify-self:center;max-width:100%;font-size:clamp(1rem,3.8vw,1.7rem);font-weight:950;text-decoration:none;overflow:hidden}.profile-menu{grid-column:3;justify-self:end;position:relative}.profile-trigger{color:#0f172a;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;max-width:34vw;padding:.7rem .8rem;font-weight:850;display:flex;overflow:hidden}.profile-name{text-overflow:ellipsis;overflow:hidden}.profile-icon{flex:none;width:20px;height:20px;display:none;position:relative}.profile-icon:before{content:"";border:2px solid #0f766e;border-radius:999px;width:8px;height:8px;position:absolute;top:1px;left:6px}.profile-icon span{border:2px solid #0f766e;border-radius:999px 999px 5px 5px;height:9px;position:absolute;bottom:1px;left:2px;right:2px}.profile-trigger::-webkit-details-marker{display:none}.profile-trigger:after{content:"";border-bottom:2px solid #0f766e;border-right:2px solid #0f766e;width:.45rem;height:.45rem;margin-left:.55rem;display:inline-block;transform:translateY(-2px)rotate(45deg)}@media (width<=640px){.profile-trigger{place-items:center;width:44px;height:44px;padding:0;display:grid}.profile-name,.profile-trigger:after{display:none}.profile-icon{display:block}}.profile-dropdown{z-index:30;opacity:0;pointer-events:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:180px;padding:.35rem;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + .45rem);right:0;transform:translateY(4px);box-shadow:0 18px 42px #0f172a29}.profile-menu:hover .profile-dropdown,.profile-menu:focus-within .profile-dropdown,.profile-menu[open] .profile-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.profile-dropdown a,.profile-dropdown button{color:#0f172a;text-align:left;background:0 0;border-radius:7px;padding:.72rem .8rem;font-weight:800;text-decoration:none}.profile-dropdown a:hover,.profile-dropdown button:hover,.profile-dropdown a:focus,.profile-dropdown button:focus{color:#0f766e;background:#ccfbf1}.topbar{align-items:start;gap:1rem;padding:1rem 0 1.25rem;display:grid}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:850}.status{border-radius:999px;width:fit-content;padding:.45rem .7rem;font-size:.82rem;font-weight:800}.topbar-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.secondary-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.status.open{color:#065f46;background:#d1fae5}.status.locked{color:#991b1b;background:#fee2e2}.content,.stack,.prediction-form{gap:1rem;display:grid}.content{padding-top:1.15rem}.home-app .content{padding-top:0}.app-footer{color:#64748b;border-top:1px solid #dbe4ef;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;margin-top:1.5rem;padding-top:1rem;font-size:.82rem;font-weight:750;display:flex}.app-footer span:first-child{color:#0f766e;font-weight:950}.app-footer a{color:#0f766e;font-weight:950;text-decoration:none}.home-page{min-height:calc(100vh - 112px);padding-top:1rem;display:grid}.home-card{background:linear-gradient(135deg,#0f766e47,#0f172a94),#0f766e;border-radius:8px;min-height:min(640px,100vh - 130px);position:relative;overflow:hidden;box-shadow:0 18px 52px #0f172a29}.home-card-media{position:absolute;inset:0;overflow:hidden}.home-card-media:before,.hero-panel:before{content:"";background-image:url(/timothy-tan-PAe2UhGo-S4-unsplash.jpg?v=4);background-position:50%;background-size:cover;position:absolute;inset:-36%;transform:scale(1.04)}.home-card-media:after,.page-image-header:after,.hero-panel:after{content:"";background:linear-gradient(#0f172a1f,#0f172aa8),radial-gradient(circle at 75% 20%,#f59e0b42,#0000 28%);position:absolute;inset:0}.home-card-content{z-index:1;min-height:inherit;color:#fff;align-content:end;justify-items:start;gap:1.25rem;padding:clamp(1rem,5vw,2rem);display:grid;position:relative}.home-card-content .eyebrow{color:#99f6e4}.home-card-content h1{font-size:clamp(2.2rem,10vw,5.8rem)}.home-card-content p{color:#dbeafe;margin-bottom:0;font-size:clamp(1rem,3vw,1.25rem);font-weight:800}.primary-link-button{color:#0f172a;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.teal-button{color:#fff;background:#0f766e}.secondary-link-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.light-link-button{color:#fff;background:#ffffff24;border-color:#ffffffb8;width:fit-content}.profile-page{gap:1rem;max-width:720px;display:grid}.profile-header p{color:#475569;margin-bottom:0;font-weight:650}.profile-settings{max-width:560px}.prediction-page{gap:1rem;display:grid}.page-image-header{color:#fff;background:#0f172a;border-radius:8px;align-items:end;min-height:clamp(150px,24vw,240px);padding:clamp(.85rem,3vw,1.25rem);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 44px #0f172a24}.page-header-image{z-index:0;object-fit:cover;object-position:center;opacity:.82;width:100%;height:100%;position:absolute;inset:0}.page-image-header:after{z-index:0}.page-image-header>div{z-index:1;position:relative}.page-image-header .eyebrow{color:#99f6e4}.page-image-header h1{max-width:720px;margin-bottom:.35rem;font-size:clamp(1.5rem,4.5vw,2.8rem)}.page-image-header p:last-child{color:#dbeafe;max-width:620px;margin-bottom:0;font-size:clamp(.9rem,2.2vw,1rem);font-weight:750}.overview-grid{gap:1rem;display:grid}.overview-card{align-content:start;gap:1rem;display:grid}.prediction-summary{gap:.65rem;display:grid}.summary-item{border-bottom:1px solid #e2e8f0;gap:.25rem;padding-bottom:.65rem;display:grid}.summary-item span{color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:850}.summary-item strong{color:#0f172a;font-size:.98rem}.group-overview-list{gap:.55rem;display:grid}.group-overview-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.group-overview-row span{color:#0f766e;background:#ccfbf1;border-radius:999px;padding:.28rem .48rem;font-size:.78rem;font-weight:900}.muted-copy{color:#64748b;font-weight:650}.prediction-hero{border-bottom:1px solid #dbe4ef;align-items:end;gap:1rem;padding:.25rem 0 1.1rem;display:grid}.prediction-hero h2{max-width:720px;margin-bottom:.55rem;font-size:clamp(1.7rem,5vw,3rem);line-height:1}.prediction-hero p{color:#475569;max-width:680px;margin-bottom:0;font-weight:650;line-height:1.5}.deadline-card{background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;gap:.25rem;width:100%;padding:.85rem;display:grid}.deadline-card span{color:#0f766e;text-transform:uppercase;font-size:.78rem;font-weight:850}.deadline-card strong{color:#134e4a;font-size:1rem}.prediction-toolbar{align-items:end;gap:.8rem;display:grid}.compact-toolbar{display:block}.profile-form{background:#ffffffd6;border:1px solid #e2e8f0;border-radius:8px;align-items:end;gap:.7rem;padding:.8rem;display:grid}.completion-strip{gap:.45rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.completion-strip span{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:999px;flex:none;padding:.48rem .65rem;font-size:.82rem;font-weight:850}.panel,.hero-panel{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 10px 28px #0f172a12}.prediction-form>.panel{box-shadow:0 8px 24px #0f172a0e}.hero-panel{color:#fff;background:#0f172a;align-content:end;min-height:520px;display:grid;position:relative;overflow:hidden}.hero-panel>*{z-index:1;position:relative}.auth-grid .form-panel{align-content:center;min-height:520px}.hero-panel h2{max-width:740px;font-size:clamp(1.55rem,4vw,2.55rem);line-height:1.05}.hero-panel p{color:#dbeafe;max-width:680px;margin-bottom:.85rem;font-weight:700;line-height:1.5}.auth-highlights{color:#ecfeff;gap:.45rem;margin:0;padding-left:1.1rem;font-weight:800;display:grid}.auth-help-text{color:#0f766e;margin-bottom:0;font-size:.9rem;font-weight:800;line-height:1.4}.compact p{margin-bottom:0}.auth-grid,.two-col{gap:1rem;display:grid}.form-panel{align-content:start;gap:1rem;display:grid}.section-heading{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.section-heading h2{margin-top:.1rem;margin-bottom:0}.section-title{align-items:center;gap:.65rem;display:flex}.step-kicker{color:#0f766e;background:#ccfbf1;border-radius:999px;align-items:center;min-height:24px;padding:.18rem .5rem;font-size:.72rem;font-weight:900;display:inline-flex}.field-label{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.info-popup{align-items:center;display:inline-flex;position:relative}.info-button{color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4;border-radius:999px;place-items:center;width:24px;height:24px;min-height:24px;padding:0;font-size:.78rem;font-weight:900;display:inline-grid}.info-content{z-index:10;color:#334155;opacity:0;pointer-events:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:min(260px,100vw - 2rem);padding:.7rem .8rem;font-size:.84rem;font-weight:650;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + .45rem);right:0;transform:translateY(4px);box-shadow:0 16px 36px #0f172a2e}.info-popup:hover .info-content,.info-popup:focus-within .info-content{opacity:1;pointer-events:auto;transform:translateY(0)}.select-wrap{display:block;position:relative}.select-wrap:after{content:"";pointer-events:none;border-bottom:2px solid #0f766e;border-right:2px solid #0f766e;width:.55rem;height:.55rem;position:absolute;top:50%;right:.9rem;transform:translateY(-65%)rotate(45deg)}.select-wrap select{appearance:none;cursor:pointer;background:linear-gradient(#fff,#f8fafc);padding-right:2.4rem}.search-input{background:linear-gradient(#fff,#f8fafc)}.search-field{display:block;position:relative}.search-options{z-index:12;background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:.25rem;max-height:260px;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #0f172a29}.search-option{color:#0f172a;text-align:left;background:0 0;border-radius:7px;width:100%;padding:.7rem .75rem;font-weight:750}.search-option:hover,.search-option:focus{color:#0f766e;background:#ccfbf1}.search-empty{color:#64748b;padding:.7rem .75rem;font-size:.86rem;font-weight:700}.full-row{grid-column:1/-1}.bonus-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bonus-grid .section-heading{grid-column:1/-1}.group-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;display:grid}.group-winners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-area{border-top:1px solid #dbe4ef;gap:1rem;padding-top:1rem;display:grid}.desktop-admin-content{gap:1rem;display:grid}.mobile-admin-warning{display:none}.admin-area-header{gap:.2rem;display:grid}.admin-area-header h2{margin-bottom:0}.admin-area-header p:last-child{color:#475569;max-width:760px;margin-bottom:0;font-weight:650;line-height:1.5}.admin-control-grid,.score-settings-grid{gap:1rem;display:grid}.admin-form-heading{gap:.25rem;display:grid}.admin-form-heading h3,.admin-form-heading p{margin-bottom:0}.admin-private-group-list{gap:.8rem;display:grid}.admin-private-group-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:end;gap:.65rem;padding:.75rem;display:grid}.rules-grid{gap:1rem;display:grid}.rules-section{align-content:start;gap:.7rem;display:grid}.rules-section h2,.rules-section p,.rules-section ul,.rules-section ol{margin-bottom:0}.rules-section ul,.rules-section ol{color:#334155;gap:.55rem;padding-left:1.2rem;font-weight:650;line-height:1.45;display:grid}.score-rules-list{gap:.45rem;display:grid}.score-rule-row{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding-bottom:.45rem;display:grid}.score-rule-row span{color:#334155;font-weight:750}.score-rule-row strong{color:#0f766e;font-weight:950}.disclaimer-panel{background:#fffbeb;border-color:#fde68a}.sticky-actions{z-index:3;background:#fffffff5;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.7rem;padding:.75rem;display:flex;position:sticky;bottom:4.8rem;box-shadow:0 10px 28px #0f172a1f}.sticky-actions div{gap:.15rem;min-width:0;display:grid}.sticky-actions strong{color:#0f172a;font-size:.92rem}.sticky-actions span{color:#64748b;font-size:.82rem;font-weight:650}.sticky-actions button{flex:none}.message{color:#0f766e;margin:0;font-weight:750}.toast{z-index:20;color:#134e4a;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.8rem;width:min(520px,100% - 2rem);margin:0 auto;padding:.85rem .9rem;font-size:.92rem;font-weight:750;animation:.18s ease-out toast-in;display:grid;position:fixed;bottom:5.6rem;left:1rem;right:1rem;box-shadow:0 18px 48px #0f172a33}.toast-close{color:#0f766e;background:#fff;border:1px solid #99f6e4;border-radius:999px;place-items:center;width:28px;height:28px;min-height:28px;padding:0;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leaderboard{gap:.55rem;display:grid}.leaderboard-wrap{gap:.85rem;display:grid}.rank-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.62rem;display:grid}.current-user-row{background:#f0fdfa;border-color:#0f766e;box-shadow:0 12px 28px #0f766e1f}.rank-number,.rank-score{color:#0f766e;font-weight:900}.rank-main{gap:.42rem;min-width:0;display:grid}.rank-heading{flex-wrap:wrap;align-items:center;gap:.35rem .7rem;display:flex}.rank-heading span{color:#0f766e;background:#ccfbf1;border-radius:999px;padding:.18rem .45rem;font-size:.72rem;font-weight:900}.rank-card p{color:#64748b;margin-bottom:0;font-size:.9rem}.top4-list{flex-wrap:wrap;align-items:center;gap:.25rem .65rem;display:flex}.top4-item{color:#475569;align-items:center;gap:.22rem;min-width:0;font-size:.84rem;font-weight:750;display:inline-flex}.top4-item strong{color:#0f766e;font-weight:950}.top4-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-score{grid-column:auto;justify-self:end}.pagination-controls{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;padding-top:.85rem;display:flex}.pagination-controls button{min-height:38px;padding:.55rem .75rem}.pagination-controls span{color:#64748b;font-size:.86rem;font-weight:800}.tabs{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tabs button{color:#0f766e;background:#ccfbf1;flex:none}.tabs button.active{color:#fff;background:#0f766e}.bottom-nav{z-index:5;background:#fffffff5;border:1px solid #cbd5e1;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;width:min(720px,100% - 1.5rem);margin:0 auto;padding:.28rem;display:grid;position:fixed;bottom:1rem;left:.75rem;right:.75rem;box-shadow:0 12px 32px #0f172a29}.bottom-nav a{color:#475569;text-align:center;overflow-wrap:anywhere;border-radius:7px;place-items:center;min-width:0;min-height:44px;padding:.45rem .2rem;font-size:.74rem;font-weight:850;line-height:1.1;text-decoration:none;display:grid}.bottom-nav a.active{color:#fff;background:#0f766e}.admin-nav-link{display:none!important}@media (width>=900px){.app{padding:1.5rem 1.5rem 7rem}.bottom-nav{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.admin-nav-link{display:grid!important}.topbar{grid-template-columns:1fr auto;align-items:center}.prediction-hero{grid-template-columns:1fr minmax(220px,280px)}.prediction-toolbar{grid-template-columns:minmax(360px,.8fr) 1fr}.overview-grid{grid-template-columns:1.35fr .85fr;align-items:start}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.compact-toolbar{display:block}.profile-form{grid-template-columns:1fr auto}.auth-grid,.two-col{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}.panel,.hero-panel{padding:1.6rem}.prediction-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.group-winners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-control-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:start}.score-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-private-group-row{grid-template-columns:1fr auto}.prediction-form .sticky-actions{grid-column:1/-1}.rank-card{grid-template-columns:auto 1fr auto;align-items:center}.rank-score{grid-column:auto}}@media (width<=899px){.app-footer{text-align:center;justify-items:center;gap:.45rem;line-height:1.4;display:grid}.app-footer span{display:block}.app-footer a{margin-top:.25rem;display:block}.desktop-admin-content{display:none}.mobile-admin-warning{display:grid}.group-winners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-private-group-row{grid-template-columns:1fr}}