@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700&family=Noto+Nastaliq+Urdu:wght@600&display=swap";:root{--color-bg:#17110d;--color-surface:#221a14;--color-panel:#1e1712;--color-line:#3a2d22;--color-text:#f3e9dc;--color-muted:#bfae9b;--color-accent:#e8a930;--font-body:"Inter", "Segoe UI", sans-serif;--font-display:"Anton", Impact, sans-serif;--font-urdu:"Noto Nastaliq Urdu", serif;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);min-width:320px;color:var(--color-text);margin:0}button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}#root{min-height:100vh}a{color:var(--color-accent)}a:hover{color:#f6c766}h1,h2,h3,p{margin-top:0}.page-shell{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.container{width:min(1160px,100% - 48px);margin:0 auto}.topbar{border-bottom:1px solid var(--color-line)}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 0;display:flex}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{width:28px;height:28px;color:var(--color-accent);justify-content:center;align-items:center;font-size:20px;display:inline-flex}.brand-word{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:22px}.main-nav{flex-wrap:wrap;gap:20px;font-size:14px;font-weight:600;display:flex}.main-nav a{color:var(--color-text);text-decoration:none}.small-note{color:var(--color-muted);font-size:13px}.hero-banner{isolation:isolate;border-bottom:1px solid var(--color-line);background:var(--color-bg);min-height:470px;position:relative;overflow:hidden}.hero-banner-image,.hero-banner-shade{width:100%;height:100%;position:absolute;inset:0}.hero-banner-image{z-index:-2;object-fit:cover;object-position:40% 20%;width:min(60%,760px);left:auto}.hero-banner-shade{z-index:-1;background:linear-gradient(90deg,#17110d 0%,#17110df5 32%,#17110dd1 48%,#17110d6b 72%,#17110d3d 100%)}.hero-section{flex-direction:column;justify-content:center;gap:20px;min-height:470px;padding-top:56px;padding-bottom:48px;display:flex;position:relative}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill-soft{color:#f4b4a6;background:#3a1e17;border-color:#6b2f23}.pill-accent{color:var(--color-accent);background:#2a2014;border-color:#5a4420}.hero-section h1{max-width:760px;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(52px,9vw,120px);font-weight:400;line-height:.95}.urdu-line{color:var(--color-accent);font-family:var(--font-urdu);margin:0;font-size:clamp(24px,5vw,32px);line-height:1.8}.lede{color:#d9cbb9;max-width:640px;margin:0;font-size:clamp(16px,2vw,19px)}.suspects-section{padding-top:28px;padding-bottom:56px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.section-header h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:36px;font-weight:400;line-height:1}.section-header span,.discussion-header p{color:var(--color-muted);font-size:14px}.vote-status,.vote-error{margin:0 0 16px;font-size:14px}.vote-status{color:#d7f5d5}.vote-error{color:#ffb3b3}.turnstile-wrap{flex-direction:column;align-items:flex-start;gap:8px;margin:16px 0;display:flex}.turnstile-wrap p{color:var(--color-muted);margin:0;font-size:13px}.suspects-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.suspect-card{background:#1e1712;border:2px solid #3a2d22;border-radius:16px;flex-direction:column;min-height:420px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.suspect-card.selected{border-color:var(--color-accent)}.suspect-card-image,.suspect-card-shade{width:100%;height:100%;position:absolute;inset:0}.suspect-card-image{object-fit:cover;object-position:center 15%;transition:transform .35s}.suspect-card:hover .suspect-card-image{transform:scale(1.025)}.suspect-card-shade{background:linear-gradient(#17110d0d 0%,#17110d40 30%,#17110dd6 56%,#17110dfa 78%,#17110d 100%)}.suspect-card-content{z-index:1;flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;position:relative}.card-head{justify-content:flex-end;align-items:center;min-height:34px;display:flex}.card-index{color:var(--color-text);letter-spacing:.08em;background:#17110db8;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.card-spacer{flex:1;min-height:100px}.card-main-copy{flex-direction:column;gap:4px;display:flex}.card-main-copy h3{margin:0;font-size:19px;line-height:1.25}.role{color:var(--color-accent);margin:0;font-size:13px;font-weight:600}.motive{color:#e2d6c6;flex-grow:0;margin:0;font-size:14px}.motive strong{color:var(--color-text)}.vote-meter{flex-direction:column;gap:6px;display:flex}.meter-head{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.meter-head span:last-child{color:var(--color-muted)}.meter-track{background:#3a2d22;border-radius:999px;height:8px;overflow:hidden}.meter-track span{background:var(--color-accent);border-radius:999px;height:100%;display:block}.vote-button,.social-btn,.post-button,.agree-button,.reply-button,.filter-pill{cursor:pointer;border:none;border-radius:10px;transition:transform .15s,opacity .15s}.vote-button:hover:not(:disabled),.social-btn:hover:not(:disabled),.post-button:hover:not(:disabled),.agree-button:hover:not(:disabled),.reply-button:hover:not(:disabled),.filter-pill:hover:not(:disabled){transform:translateY(-1px)}.vote-button{min-height:44px;color:var(--color-text);background:0 0;border:1px solid #5a4420;font-size:15px;font-weight:700}.suspect-card.selected .vote-button{border-color:var(--color-accent);background:var(--color-accent);color:#17110d}.vote-button:disabled{opacity:.7;cursor:not-allowed}.share-section{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:#221a14}.share-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:40px;padding-bottom:40px;display:flex}.share-copy{flex-direction:column;flex:380px;gap:6px;display:flex}.label{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.verdict{color:#d9cbb9;font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(28px,5vw,48px);line-height:1.08}.verdict span{color:var(--color-accent)}.share-meta{color:var(--color-muted);margin:0;font-size:14px}.story-card-preview{border:1px solid var(--color-line);background:var(--color-bg);aspect-ratio:9/16;border-radius:12px;flex-direction:column;justify-content:space-between;gap:18px;width:min(100%,260px);min-height:390px;margin-top:12px;padding:22px;display:flex}.story-card-preview>span{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;background:#2a2014;border:1px solid #5a4420;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:11px;font-weight:700}.story-card-preview strong{color:var(--color-accent);font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(24px,6vw,36px);line-height:1.05}.story-card-preview small,.called-it-status,.share-status{color:var(--color-muted);font-size:12px}.called-it-status,.share-status{margin:4px 0 0;font-size:13px}.share-actions{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}.social-btn{min-height:44px;padding:0 18px;font-size:14px;font-weight:700}.whatsapp{color:#0b2a16;background:#25d366}.instagram{background:var(--color-accent);color:#17110d}.neutral{color:var(--color-text);background:0 0;border:1px solid #5a4420}.social-btn:disabled{opacity:.5;cursor:not-allowed}.share-status{flex-basis:100%}.discussion-section{padding-top:56px;padding-bottom:72px}.discussion-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:24px;display:flex}.theory-auth{border:1px solid var(--color-line);background:var(--color-panel);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 18px;display:flex}.theory-auth p,.theory-notice,.theory-error{color:var(--color-muted);margin:0;font-size:14px}.theory-auth strong{color:var(--color-text)}.auth-button{min-height:40px;color:var(--color-accent);cursor:pointer;background:#2a2014;border:1px solid #5a4420;padding:0 16px;font-size:14px;font-weight:700}.auth-button:disabled,.theory-form :disabled,.agree-button:disabled{opacity:.55;cursor:not-allowed}.theory-notice,.theory-error{margin-bottom:12px}.theory-error{color:#ffb4a8}.theory-form{border:1px solid var(--color-line);background:#221a14;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.theory-form label{font-size:14px;font-weight:600}.theory-form textarea,.theory-form select{box-sizing:border-box;background:var(--color-bg);width:100%;color:var(--color-text);border:1px solid #5a4420;border-radius:10px;padding:12px;font-size:15px}.character-count{color:var(--color-muted);align-self:flex-end;margin-top:-8px;font-size:12px}.form-row{flex-direction:column;align-items:stretch;gap:12px;display:flex}.select-wrap{flex-direction:column;gap:10px;display:flex}.select-wrap label{color:var(--color-muted)}.post-button{background:var(--color-accent);color:#17110d;min-height:44px;padding:0 22px;font-size:15px;font-weight:700}.post-button:disabled{opacity:.55;cursor:not-allowed}.filter-row{flex-wrap:wrap;gap:8px;margin:24px 0 16px;display:flex}.filter-pill{min-height:40px;color:var(--color-text);background:0 0;border:1px solid #5a4420;padding:0 14px;font-size:14px;font-weight:600}.filter-pill.active{border-color:var(--color-accent);background:var(--color-accent);color:#17110d}.comment-list{flex-direction:column;gap:12px;display:flex}.comment-card{border:1px solid var(--color-line);background:#1e1712;border-radius:14px;gap:14px;padding:18px;display:flex}.comment-avatar{width:40px;height:40px;color:var(--color-accent);background:#2e241b;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.comment-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.comment-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.comment-meta strong{font-size:14px}.tag-badge{color:var(--color-accent);background:#2a2014;border:1px solid #5a4420;border-radius:999px;padding:2px 10px;font-weight:600}.time{color:var(--color-muted)}.comment-body p{color:#e9ddcd;margin:0;font-size:15px}.comment-actions{flex-wrap:wrap;gap:8px;display:flex}.theory-reply{background:#17110d;border-left:2px solid #5a4420;border-radius:0 10px 10px 0;gap:12px;margin:4px 0 0 12px;padding:14px;display:flex}.theory-reply .comment-avatar{width:32px;height:32px;font-size:13px}.reply-composer{border:1px solid var(--color-line);background:#17110d;border-radius:10px;flex-direction:column;gap:10px;margin:4px 0 0 12px;padding:14px;display:flex}.reply-composer label,.reply-composer p{color:var(--color-muted);margin:0;font-size:13px}.reply-composer textarea{resize:vertical;background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;border:1px solid #5a4420;border-radius:8px;padding:10px 12px}.reply-composer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.reply-composer-actions span{color:var(--color-muted);font-size:12px}.agree-button,.reply-button{border-radius:8px;min-height:36px;padding:0 12px;font-size:13px;font-weight:600}.agree-button{color:var(--color-text);background:0 0;border:1px solid #5a4420}.agree-button.liked{border-color:var(--color-accent);background:var(--color-accent);color:#17110d}.reply-button{border:1px solid var(--color-line);color:var(--color-muted);background:0 0}.empty-state{border:1px dashed var(--color-line);color:var(--color-muted);text-align:center;border-radius:14px;margin:0;padding:24px}.site-footer{border-top:1px solid var(--color-line)}.footer-inner{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;padding-bottom:24px;font-size:13px;display:flex}@media (width>=600px){.container{width:min(1160px,100% - 48px)}.suspects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row{flex-direction:row;justify-content:space-between;align-items:flex-end}.select-wrap{flex:1}}@media (width>=980px){.suspects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.share-inner{padding-top:48px;padding-bottom:48px}}@media (width>=1120px){.topbar-inner{padding-top:18px;padding-bottom:18px}.brand-word{font-size:24px}.hero-section{padding-top:72px;padding-bottom:56px}.suspects-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=600px){.container{width:calc(100% - 32px)}.topbar-inner{text-align:center;justify-content:center}.main-nav{justify-content:center;width:100%}.small-note{text-align:center;width:100%}.hero-banner,.hero-section{min-height:540px}.hero-banner-image{object-position:54% 20%;opacity:.72;width:100%}.hero-banner-shade{background:linear-gradient(90deg,#17110df5 0%,#17110dd6 48%,#17110d91 100%),linear-gradient(#17110d14 20%,#17110d 100%)}.hero-section{gap:16px;padding-top:44px;padding-bottom:40px}.hero-section h1{font-size:clamp(50px,14vw,72px)}.pill{font-size:12px}.suspect-card{min-height:420px}.story-card-preview{min-height:360px}}