:root{--bg:#090613;--panel:#120b20;--panel2:#171026;--text:#fff;--muted:#a69caf;--line:rgba(255,255,255,.10);--pink:#ff4fa7;--purple:#865cff;--cyan:#3bddff;--lime:#bff74a;--gold:#ffc94f;--red:#ff5a78;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 22%,rgba(42,185,255,.12),transparent 26%),radial-gradient(circle at 85% 6%,rgba(255,57,159,.12),transparent 26%),var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");z-index:90}.aurora{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none;z-index:-1}.aurora-a{background:#6b48ff;left:-160px;top:28%}.aurora-b{background:#ff3d9f;right:-180px;top:4%}button,input{font:inherit}.topbar{height:calc(72px + var(--safe-top));padding:var(--safe-top) 18px 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:rgba(8,5,15,.80);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.brand{border:0;background:none;color:#fff;display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.02em;font-size:19px;padding:0}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 0 30px rgba(210,64,255,.34)}.top-actions{display:flex;gap:8px;align-items:center}.ghost-btn,.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:14px;min-height:42px;padding:0 14px;font-weight:800}.icon-btn{padding:0 11px}.view{display:none}.view.active{display:block}.hero{max-width:920px;margin:0 auto;text-align:center;padding:86px 22px 42px}.pill,.section-kicker{display:inline-flex;align-items:center;border:1px solid rgba(155,110,255,.42);background:rgba(116,75,255,.09);color:#d7c7ff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900;letter-spacing:.14em}.hero h1{font-size:clamp(50px,8vw,92px);line-height:.98;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff6fc0,#a96eff,#54d7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:700px;margin:0 auto 28px;color:#b7adbf;font-size:clamp(17px,2.3vw,22px);line-height:1.55}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.primary-btn,.secondary-btn{min-height:54px;padding:0 22px;border-radius:16px;font-weight:900;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary-btn{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;box-shadow:0 15px 42px rgba(168,63,255,.28)}.secondary-btn{background:rgba(255,255,255,.055);color:#fff;border:1px solid var(--line)}.wide-btn{width:100%}.privacy-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:24px;color:#9e94a7;font-size:13px}.preview-stage{max-width:880px;margin:20px auto 90px;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:20px;perspective:1000px}.preview-card{min-height:430px;border-radius:32px;padding:30px;border:1px solid rgba(255,255,255,.12);overflow:hidden;position:relative;box-shadow:0 34px 90px rgba(0,0,0,.35)}.award-preview{transform:rotate(-2deg)}.game-preview{transform:rotate(2deg) translateY(46px)}.theme-gold{background:radial-gradient(circle at 20% 15%,rgba(255,210,84,.25),transparent 24%),linear-gradient(145deg,#25163c,#0d0917)}.theme-pink{background:radial-gradient(circle at 90% 80%,rgba(255,66,152,.22),transparent 28%),linear-gradient(145deg,#3a0b2d,#120918)}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.15em;color:#d6c7e9}.mega-emoji{font-size:72px;margin:48px 0 20px;filter:drop-shadow(0 10px 20px rgba(255,196,56,.22))}.preview-card h3{color:#d7c9e8;margin:0;font-size:18px}.demo-name{font-size:62px;font-weight:1000;letter-spacing:-.06em;margin:6px 0}.preview-card p{color:#c3b8cb;font-size:18px}.preview-card blockquote{font-size:34px;line-height:1.12;font-weight:950;letter-spacing:-.04em;margin:72px 0 38px}.fake-options{display:grid;gap:10px}.fake-options span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:15px;border-radius:16px}.sparkle{position:absolute;color:#fff;font-size:26px;animation:float 2.2s ease-in-out infinite}.s1{top:26px;right:38px}.s2{top:90px;right:82px;animation-delay:.7s}@keyframes float{50%{transform:translateY(-8px) rotate(15deg)}}.how-section{max-width:950px;margin:0 auto 100px;padding:0 22px;text-align:center}.how-section h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;margin:12px 0 28px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how-grid div{display:flex;align-items:center;gap:14px;text-align:left;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:18px}.how-grid b{width:38px;height:38px;border-radius:12px;background:#fff;color:#0a0610;display:grid;place-items:center}.how-grid span{color:#c1b8ca}.text-btn{background:none;border:0;color:#d9c7ff;font-weight:850;margin-top:20px}.section-shell{max-width:1120px;margin:0 auto;padding:64px 22px 100px}.narrow-shell{max-width:760px}.back-link{background:none;border:0;color:#a99eb3;padding:0;margin-bottom:26px}.section-shell h2{font-size:clamp(40px,7vw,66px);letter-spacing:-.055em;margin:18px 0 12px}.muted{color:var(--muted);line-height:1.6}.phone-tabs{display:flex;gap:8px;margin:26px 0 14px}.phone-tab{flex:1;min-height:48px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#aca1b6;border-radius:14px;font-weight:850}.phone-tab.active{background:#fff;color:#0d0913}.phone-guide{display:none;gap:10px}.phone-guide.active{display:grid}.guide-step{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px}.guide-step b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink))}.guide-step div{display:flex;flex-direction:column;gap:4px}.guide-step span{color:#a89fad;font-size:14px;line-height:1.5}.notice-card,.privacy-card{display:flex;gap:14px;padding:16px;border-radius:17px;margin-top:14px}.notice-card{background:rgba(255,194,66,.07);border:1px solid rgba(255,194,66,.18);color:#c9b88b}.privacy-card{background:rgba(71,223,173,.06);border:1px solid rgba(71,223,173,.16)}.privacy-card p{margin:4px 0 0;color:#91b8aa;font-size:13px}.mini-field{display:flex;flex-direction:column;gap:8px;margin:20px 0}.mini-field>span{font-weight:800}.mini-field input{width:100%;min-height:52px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;padding:0 15px;outline:none}.mini-field input:focus{border-color:#9569ff;box-shadow:0 0 0 4px rgba(149,105,255,.10)}.mini-field small{color:#81778b}.dropzone{min-height:240px;border:1px dashed rgba(177,132,255,.5);border-radius:28px;background:linear-gradient(180deg,rgba(132,76,255,.09),rgba(255,255,255,.025));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer}.dropzone.drag{background:rgba(255,73,163,.09);border-color:var(--pink)}.drop-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:28px;margin-bottom:7px}.dropzone strong{font-size:21px}.dropzone span{font-size:13px;color:#92889b}.error-box{margin-top:16px;padding:15px;border-radius:15px;background:rgba(255,69,103,.1);border:1px solid rgba(255,69,103,.25);color:#ffbdc9}.hidden{display:none!important}.people-review{display:grid;gap:9px;margin:24px 0}.person-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:17px;padding:12px}.person-row input[type=checkbox]{width:20px;height:20px;accent-color:#9a5cff}.person-row input[type=text]{min-width:0;width:100%;background:transparent;border:0;color:#fff;font-weight:850;font-size:16px;outline:none}.person-count{color:#8f8598;font-size:12px}.person-row.suspicious{border-color:rgba(255,203,71,.28)}.center-stage{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.orb{width:120px;height:120px;border-radius:38px;background:conic-gradient(from 180deg,var(--pink),var(--purple),var(--cyan),var(--pink));animation:spin 2.2s linear infinite;box-shadow:0 0 90px rgba(124,86,255,.34);display:grid;place-items:center}.orb span{width:92px;height:92px;border-radius:30px;background:#0b0714;display:grid;place-items:center;font-size:40px}.loading-kicker{margin-top:34px;color:#b09add;font-size:11px;font-weight:950;letter-spacing:.16em}.center-stage h2{font-size:clamp(34px,6vw,60px);max-width:800px;letter-spacing:-.05em}.progress{height:7px;width:min(440px,82vw);background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));transition:width .4s}.loading-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:20px}.loading-chips span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#9d93a6;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.results-hero{background:radial-gradient(circle at 30% 20%,rgba(115,74,255,.20),transparent 36%),radial-gradient(circle at 90% 0,rgba(255,65,156,.12),transparent 32%)}.results-top{max-width:1120px;margin:0 auto;padding:54px 22px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.results-top h2{font-size:clamp(42px,6.5vw,72px);letter-spacing:-.06em;margin:17px 0 4px}.tabs{position:sticky;top:calc(72px + var(--safe-top));z-index:30;display:flex;gap:8px;padding:12px max(18px,calc((100vw - 1120px)/2));overflow-x:auto;background:rgba(8,5,15,.90);backdrop-filter:blur(20px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#aaa1b6;border-radius:999px;padding:11px 16px;white-space:nowrap;font-weight:850}.tab.active{background:#fff;color:#0b0712}.tab-panel{display:none;max-width:1120px;margin:0 auto;padding:30px 22px 82px}.tab-panel.active{display:block}.story-shell{max-width:520px;margin:0 auto 26px}.story-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;margin-bottom:9px}.story-progress span{height:4px;border-radius:999px;background:rgba(255,255,255,.12)}.story-progress span.active{background:#fff}.story-card{min-height:620px;border-radius:34px;padding:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(255,72,171,.36),transparent 30%),radial-gradient(circle at 10% 85%,rgba(58,216,255,.28),transparent 35%),linear-gradient(145deg,#241247,#100a1c);border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 90px rgba(0,0,0,.34);display:flex;flex-direction:column;justify-content:center;cursor:pointer}.story-card::after{content:"";position:absolute;inset:auto -120px -160px auto;width:380px;height:380px;border:35px solid rgba(255,255,255,.08);border-radius:50%}.story-label{font-size:12px;font-weight:950;letter-spacing:.15em;color:#d8c9ed;position:relative;z-index:1}.story-main{font-size:clamp(74px,17vw,130px);line-height:.9;font-weight:1000;letter-spacing:-.075em;margin:40px 0 12px;position:relative;z-index:1}.story-sub{font-size:24px;color:#d0c4d8;max-width:390px;position:relative;z-index:1}.tap-hint{position:absolute;bottom:28px;right:28px;color:#b7a9c7;font-size:12px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{min-height:155px;border-radius:23px;padding:20px;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card>span{font-size:10px;font-weight:950;letter-spacing:.13em;color:#9388a2}.stat-card strong{font-size:40px;letter-spacing:-.05em;margin:auto 0 0}.stat-card small{color:#7e7487}.lock-wash{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;background:rgba(8,5,15,.52);backdrop-filter:blur(6px);opacity:1;transition:.25s}.unlocked .lock-wash{display:none}.leaderboard-card,.timeline-card,.game-shell,.premium-game-shell{margin-top:14px;padding:24px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.035);position:relative;overflow:hidden}.premium-block:not(.unlocked)::after{content:"";position:absolute;inset:0;background:rgba(9,6,15,.68);backdrop-filter:blur(7px)}.lock-ribbon{display:none;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#0b0712;border-radius:999px;padding:10px 14px;font-weight:900;font-size:12px}.premium-block:not(.unlocked) .lock-ribbon{display:block}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head h3,.timeline-card h3,.share-intro h3,.games-hero h3,.section-heading h3{font-size:28px;letter-spacing:-.035em;margin:6px 0 20px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.06)}.rank-row:first-child{border-top:0}.rank-num{color:#857b8f;font-weight:850}.rank-person{font-weight:850}.rank-bar-wrap{height:6px;background:rgba(255,255,255,.06);margin-top:7px;border-radius:999px;overflow:hidden}.rank-bar{height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:999px}.rank-value{font-size:13px;color:#bfb4cc;font-weight:800}.hour-chart{height:170px;display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:4px;margin-top:20px;padding-bottom:24px}.hour-bar{min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--pink),var(--purple));position:relative}.hour-bar:nth-child(6n+1)::after{content:attr(data-hour);position:absolute;left:0;bottom:-20px;color:#756d80;font-size:9px}.section-heading{margin-bottom:18px}.award-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.award-card{min-height:330px;border-radius:28px;padding:25px;border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer}.award-card::before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;filter:blur(58px);opacity:.22;right:-60px;top:-60px;background:var(--themeGlow,#fff)}.award-card .award-icon{font-size:48px;position:relative}.award-card h3{font-size:16px;color:#c8bdd3;margin:30px 0 4px;position:relative}.award-card .winner{font-size:43px;font-weight:1000;letter-spacing:-.055em;position:relative}.award-card p{margin-top:auto;color:#a79cab;position:relative}.award-card.locked-card{filter:saturate(.85)}.award-card.locked-card::after{content:"🔒 FULL AWARD";position:absolute;inset:0;display:grid;place-items:center;background:rgba(9,6,15,.64);backdrop-filter:blur(7px);font-weight:950;letter-spacing:.08em}.theme-award-yapper{--themeGlow:#ffc94f;background:linear-gradient(145deg,#312018,#100a18)}.theme-award-night{--themeGlow:#6b76ff;background:linear-gradient(145deg,#19123b,#0c0a19)}.theme-award-early{--themeGlow:#ffb64a;background:linear-gradient(145deg,#3c2710,#0c1017)}.theme-award-emoji{--themeGlow:#ff4fa7;background:linear-gradient(145deg,#32102f,#110918)}.theme-award-double{--themeGlow:#ff4e7a;background:linear-gradient(145deg,#35111f,#100915)}.theme-award-question{--themeGlow:#3bdfff;background:linear-gradient(145deg,#0d2a35,#0b0a17)}.theme-award-links{--themeGlow:#8b6bff;background:linear-gradient(145deg,#21143c,#100a18)}.theme-award-essay{--themeGlow:#ff7a96;background:linear-gradient(145deg,#32131f,#100916)}.games-hero{margin-bottom:16px}.game-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.game-mode{min-height:120px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:20px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer}.game-mode>span{font-size:28px}.game-mode strong{margin-top:auto}.game-mode small{color:#857a8e}.game-mode.active{border-color:rgba(157,108,255,.55);background:rgba(132,78,255,.10)}.premium-mode{position:relative}.premium-mode::after{content:"🔒";position:absolute;right:12px;top:12px}.game-shell{max-width:760px;margin:18px auto 0}.game-topline{display:flex;justify-content:space-between;color:#a093ac;font-size:12px;font-weight:900}.quote-card{margin:20px 0;padding:28px;border-radius:25px;background:radial-gradient(circle at 80% 10%,rgba(255,77,167,.16),transparent 26%),linear-gradient(145deg,#251042,#12091f);border:1px solid rgba(163,105,255,.24)}.quote-card blockquote{font-size:clamp(24px,5vw,40px);line-height:1.14;font-weight:950;letter-spacing:-.04em;margin:28px 0}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-btn{min-height:62px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:16px;font-weight:850;font-size:15px;padding:12px}.answer-btn.correct{background:rgba(74,213,146,.15);border-color:rgba(74,213,146,.48)}.answer-btn.wrong{background:rgba(255,77,111,.14);border-color:rgba(255,77,111,.48)}.game-feedback{margin:14px 0;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);color:#c5bacd}.premium-game-shell{text-align:center;max-width:660px;margin:18px auto 0;padding:46px 24px}.premium-game-icon{font-size:64px}.premium-game-shell h3{font-size:34px;letter-spacing:-.04em}.share-awards{display:flex;gap:9px;overflow:auto;padding-bottom:10px;scrollbar-width:none}.share-awards::-webkit-scrollbar{display:none}.share-pick{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:15px;padding:12px 14px;white-space:nowrap;font-weight:800}.share-pick.locked-share::after{content:" 🔒"}.share-preview-wrap{text-align:center;margin-top:25px}.share-preview{width:min(390px,92vw);border-radius:24px;box-shadow:0 35px 90px rgba(0,0,0,.38)}.share-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}.unlock-banner{max-width:1060px;margin:0 auto 90px;padding:24px;border:1px solid rgba(191,247,74,.20);background:linear-gradient(135deg,rgba(191,247,74,.06),rgba(146,87,255,.07));border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.unlock-banner h3{font-size:28px;letter-spacing:-.03em;margin:6px 0}.unlock-banner p{color:#9fa991;margin:0}.unlocked .unlock-banner{display:none}.legal-list{margin-top:30px}.legal-list>div{display:grid;grid-template-columns:52px 1fr;gap:10px;border-top:1px solid var(--line);padding:20px 0}.legal-list b{color:#8b72ae;font-size:13px}.legal-list p{margin:0;color:#a9a0b1;line-height:1.6}.legal-list strong{color:#fff}footer{padding:24px max(20px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);color:#6f6678;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;padding-bottom:calc(24px + var(--safe-bottom))}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.66);backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;padding:16px}.modal-sheet{width:min(600px,100%);background:linear-gradient(155deg,#1a1028,#0d0915);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:25px;box-shadow:0 40px 120px rgba(0,0,0,.55);max-height:88vh;overflow:auto;margin-bottom:var(--safe-bottom)}.small-sheet{max-width:440px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head h3,.paywall-sheet h3{font-size:32px;letter-spacing:-.04em;margin:0}.close-modal{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:23px}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.language-grid button{min-height:52px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:14px;text-align:left;padding:0 15px;font-weight:800}.account-pill{padding:15px;border-radius:15px;background:rgba(80,219,153,.08);border:1px solid rgba(80,219,153,.18);margin:20px 0}.paywall-sheet{text-align:center;position:relative;overflow:hidden}.paywall-sheet::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,73,166,.28),transparent 68%);top:-160px;left:50%;transform:translateX(-50%);pointer-events:none}.paywall-close{position:absolute;right:18px;top:18px;z-index:2}.paywall-burst{font-size:68px;margin:8px 0 8px}.paywall-sheet .pill{margin-bottom:14px}.paywall-sheet>p{max-width:460px;margin:8px auto 20px}.pay-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin:18px 0}.pay-features span{padding:11px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px;font-size:13px}.price-box{margin:18px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(143,89,255,.13),rgba(255,77,164,.11));border:1px solid rgba(174,113,255,.23);display:flex;flex-direction:column}.price-box>span{font-size:10px;font-weight:950;letter-spacing:.15em;color:#ccb7ff}.price-box strong{font-size:52px;letter-spacing:-.06em}.price-box small{color:#9d92a7}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti-piece{position:absolute;top:-30px;width:10px;height:18px;border-radius:3px;animation:confettiFall var(--dur) cubic-bezier(.15,.65,.25,1) forwards;transform:translate3d(0,0,0) rotate(0deg)}@keyframes confettiFall{to{transform:translate3d(var(--dx),110vh,0) rotate(var(--rot));opacity:.85}}.shake{animation:shake .28s linear}.pop{animation:pop .4s cubic-bezier(.18,.89,.32,1.28)}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes pop{0%{transform:scale(.92)}100%{transform:scale(1)}}
@media(max-width:820px){.top-actions .ghost-btn#accountBtn{display:none}.preview-stage{grid-template-columns:1fr;max-width:500px}.game-preview{transform:rotate(1.3deg) translateY(0)}.how-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.award-grid{grid-template-columns:1fr}.game-mode-grid{grid-template-columns:1fr 1fr}.results-top{align-items:flex-start;flex-direction:column}.answer-grid{grid-template-columns:1fr}.unlock-banner{align-items:flex-start;flex-direction:column}.unlock-banner .primary-btn{width:100%}.story-card{min-height:570px}.hero{padding-top:64px}}
@media(max-width:520px){.topbar{padding-left:14px;padding-right:14px}.brand{font-size:16px}.brand-mark{width:29px;height:29px}.ghost-btn,.icon-btn{min-height:40px;padding:0 10px}.hero{padding-left:18px;padding-right:18px}.preview-stage,.how-section,.section-shell,.tab-panel{padding-left:16px;padding-right:16px}.stat-card{min-height:145px;padding:17px}.stat-card strong{font-size:36px}.award-card{min-height:300px}.tabs{padding-left:14px;padding-right:14px}.game-mode{min-height:110px;padding:13px}.story-card{min-height:530px;padding:24px}.story-main{font-size:76px}.story-sub{font-size:21px}.modal-backdrop{padding:10px}.modal-sheet{border-radius:26px;padding:20px}.language-grid{grid-template-columns:1fr}.pay-features{grid-template-columns:1fr}.results-top{padding-left:16px;padding-right:16px}.hour-chart{gap:2px}}

/* ===== ChatClash V2 runtime overrides ===== */
body.modal-open{overflow-x:hidden}.topbar{isolation:isolate}.top-actions{min-width:0}.top-actions .icon-btn{white-space:nowrap}.tabs{position:sticky;top:calc(72px + var(--safe-top));z-index:35;display:flex;gap:10px;overflow-x:auto;padding:14px max(16px,calc((100vw - 1060px)/2));background:rgba(8,5,15,.88);backdrop-filter:blur(22px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#aaa0b5;font-weight:900}.tab.active{background:#fff;color:#0b0712;border-color:#fff;box-shadow:0 8px 30px rgba(255,255,255,.08)}.tab-panel{display:none;max-width:1060px;margin:0 auto;padding:38px 22px 52px}.tab-panel.active{display:block}.results-hero{padding:44px max(22px,calc((100vw - 1060px)/2));background:radial-gradient(circle at 20% 0,rgba(137,78,255,.22),transparent 30%),radial-gradient(circle at 85% 25%,rgba(255,69,163,.12),transparent 30%)}.results-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.results-top h2{font-size:clamp(42px,7vw,76px);line-height:1;letter-spacing:-.06em;margin:15px 0 10px}.story-shell{max-width:760px;margin:0 auto 32px}.story-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;margin:0 7px 10px}.story-progress i{height:4px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.story-progress i.done{background:linear-gradient(90deg,var(--purple),var(--pink),var(--cyan))}.story-card{position:relative;min-height:620px;border-radius:34px;padding:36px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 100px rgba(0,0,0,.38);display:flex;flex-direction:column;justify-content:center;cursor:pointer;user-select:none;isolation:isolate}.story-card:before{content:"";position:absolute;inset:-35%;z-index:-2;background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.08),transparent 32%);animation:storySpin 10s linear infinite}.story-card:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(70px);right:-120px;top:-130px;z-index:-1;opacity:.38;background:var(--story-accent,#9957ff)}@keyframes storySpin{to{transform:rotate(360deg)}}.story-card.theme-violet{background:linear-gradient(145deg,#2b1050,#0c0818);--story-accent:#9257ff}.story-card.theme-blue{background:linear-gradient(145deg,#0c294b,#090a18);--story-accent:#39cfff}.story-card.theme-pink{background:linear-gradient(145deg,#4a0c37,#100818);--story-accent:#ff4fa3}.story-card.theme-gold{background:linear-gradient(145deg,#442500,#0d0915);--story-accent:#ffc84c}.story-card.theme-night{background:linear-gradient(145deg,#0b1542,#070914);--story-accent:#7898ff}.story-card.story-locked{background:radial-gradient(circle at center,rgba(148,84,255,.18),transparent 35%),linear-gradient(145deg,#171022,#090711)}.story-label{font-size:13px;font-weight:1000;letter-spacing:.16em;color:#d8c9ea}.story-main{font-size:clamp(74px,15vw,150px);font-weight:1000;line-height:.86;letter-spacing:-.075em;margin:30px 0 22px;overflow-wrap:anywhere}.story-sub{font-size:clamp(22px,4vw,36px);font-weight:800;line-height:1.15;color:rgba(255,255,255,.78);max-width:610px}.tap-hint{position:absolute;bottom:28px;right:30px;color:rgba(255,255,255,.5);font-size:13px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 auto 18px}.stat-card{min-height:180px;border-radius:24px;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,29,48,.82),rgba(15,12,23,.76));position:relative;overflow:hidden}.stat-card>span{font-size:11px;letter-spacing:.14em;font-weight:1000;color:#bbadd0}.stat-card strong{display:block;font-size:48px;letter-spacing:-.055em;margin:22px 0 2px}.stat-card small{color:#857b90}.lock-wash{display:none}.premium-stat:not(.unlocked) .lock-wash{display:grid;position:absolute;inset:0;place-items:center;font-size:26px;background:rgba(8,6,13,.66);backdrop-filter:blur(7px)}.leaderboard-card,.timeline-card{border-radius:28px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,20,35,.9),rgba(10,8,16,.84));margin:16px 0;position:relative;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head h3,.timeline-card h3,.section-heading h3,.games-hero h3,.share-intro h3{font-size:clamp(30px,5vw,48px);letter-spacing:-.045em;margin:6px 0 18px}.lock-ribbon{display:none}.premium-block:not(.unlocked){max-height:280px;overflow:hidden}.premium-block:not(.unlocked):after{content:attr(data-lock-label);position:absolute;inset:auto 0 0;height:150px;display:grid;place-items:center;font-size:14px;font-weight:1000;letter-spacing:.12em;background:linear-gradient(transparent,rgba(8,6,13,.97) 58%)}.leader-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.leader-row:last-child{border:0}.leader-row>b{color:#776d83}.leader-row span{min-width:0}.leader-row strong{display:block;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row i{display:block;height:6px;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--pink));margin-top:7px;box-shadow:0 0 20px rgba(255,73,164,.22)}.leader-row em{font-style:normal;color:#cbbdda;font-weight:900}.hour-chart{height:190px;display:grid;grid-template-columns:repeat(24,1fr);gap:4px;align-items:end;padding-top:15px}.hour-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.hour-col i{display:block;width:100%;min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ff55b2,#8a59ff 65%,#45dfff);box-shadow:0 0 16px rgba(154,80,255,.15);transition:height .4s}.hour-col small{position:absolute;bottom:-20px;color:#756c81;font-size:9px}.award-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.award-card{min-height:380px;border-radius:30px;padding:28px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.award-card:before{content:"";position:absolute;right:-90px;top:-100px;width:280px;height:280px;border-radius:50%;filter:blur(75px);opacity:.45;background:var(--award-accent,#9b5cff);z-index:-1}.award-card:after{content:"";position:absolute;left:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;filter:blur(75px);opacity:.22;background:#fff;z-index:-1}.award-sparkles{position:absolute;right:24px;top:20px;color:rgba(255,255,255,.45);letter-spacing:12px}.award-emoji{font-size:62px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.2));margin-bottom:38px}.award-card>span{font-size:14px;color:#cabbd8;font-weight:1000;letter-spacing:.08em}.award-card h4{font-size:clamp(42px,8vw,68px);line-height:.92;letter-spacing:-.065em;margin:9px 0 20px;overflow-wrap:anywhere}.award-card p{margin:auto 0 0;color:#a99daf;font-size:17px;line-height:1.45}.theme-gold{--award-accent:#ffce45;background:linear-gradient(145deg,#321d08,#0e0917)}.theme-night{--award-accent:#778cff;background:linear-gradient(145deg,#11143c,#080916)}.theme-emoji{--award-accent:#ff53aa;background:linear-gradient(145deg,#3b0e31,#100817)}.theme-pink{--award-accent:#ff537d;background:linear-gradient(145deg,#3f0c25,#0f0813)}.theme-blue{--award-accent:#35d8ff;background:linear-gradient(145deg,#082f42,#080b16)}.theme-lime{--award-accent:#76ff90;background:linear-gradient(145deg,#0b3720,#080e0c)}.theme-indigo{--award-accent:#8d70ff;background:linear-gradient(145deg,#211648,#090817)}.theme-wine{--award-accent:#ff709f;background:linear-gradient(145deg,#3b1225,#100812)}.theme-orange{--award-accent:#ff984d;background:linear-gradient(145deg,#421908,#100913)}.theme-cyan{--award-accent:#4eeaff;background:linear-gradient(145deg,#09333c,#071014)}.theme-sun{--award-accent:#ffd163;background:linear-gradient(145deg,#4a2707,#11100c)}.theme-ghost{--award-accent:#c5c9da;background:linear-gradient(145deg,#262a36,#0c0d12)}.locked-award{filter:saturate(.55)}.locked-award>*:not(.mini-unlock){filter:blur(7px);opacity:.45}.mini-unlock{margin-top:auto;position:relative;z-index:2;min-height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.15);background:rgba(5,4,8,.65);color:#fff;font-weight:900}.game-mode-grid{grid-template-columns:repeat(3,1fr)}.game-mode{position:relative;overflow:hidden}.game-mode:before{content:"";position:absolute;width:80px;height:80px;right:-20px;top:-20px;border-radius:50%;background:rgba(139,84,255,.12);filter:blur(16px)}.quote-card blockquote{overflow-wrap:anywhere;word-break:break-word}.answer-grid button{min-height:64px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;border-radius:17px;padding:13px;font-weight:900;font-size:16px}.answer-grid button.correct{border-color:rgba(70,230,151,.65);background:rgba(70,230,151,.14);box-shadow:0 0 30px rgba(70,230,151,.08)}.answer-grid button.wrong{border-color:rgba(255,77,111,.65);background:rgba(255,77,111,.12)}.share-award-chip{flex:0 0 210px;min-height:110px;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;padding:15px;text-align:left;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(30,24,44,.95),rgba(12,9,18,.95))}.share-award-chip>span{font-size:30px}.share-award-chip b{margin-top:auto}.share-award-chip small{color:#9e92a8}.confetti-piece{position:absolute;top:-30px;border-radius:3px;animation:ccConfetti 2.1s cubic-bezier(.12,.64,.24,1) forwards}@keyframes ccConfetti{to{transform:translate(var(--x),110vh) rotate(var(--r));opacity:.8}}.person-row{grid-template-columns:auto 1fr}.person-row span{display:flex;flex-direction:column;min-width:0}.person-row small{color:#80778a}.modal-sheet{overscroll-behavior:contain}.paywall-burst{animation:payBurst 1.5s ease-in-out infinite alternate}@keyframes payBurst{to{transform:rotate(8deg) scale(1.08)}}
@media(max-width:760px){.stat-grid{grid-template-columns:1fr 1fr}.award-grid{grid-template-columns:1fr}.game-mode-grid{grid-template-columns:1fr 1fr}.story-card{min-height:560px}.story-main{font-size:clamp(66px,19vw,110px)}.results-hero{padding-top:32px}.top-actions #privacyBtn{display:none}}
@media(max-width:430px){.tabs{top:calc(72px + var(--safe-top));padding-top:11px;padding-bottom:11px}.tab{min-height:45px;padding:0 15px}.stat-card{min-height:150px}.award-card{min-height:340px}.game-mode{min-height:104px}.quote-card{padding:22px}.quote-card blockquote{font-size:clamp(22px,7vw,32px)}.story-card{min-height:520px;padding:26px}.share-award-chip{flex-basis:180px}.results-top h2{font-size:48px}.hero h1{font-size:52px}.hero-copy{font-size:17px}}

/* V2.1 polish */
.file-example{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;margin-top:10px;padding:15px 16px;border-radius:18px;border:1px dashed rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(139,84,255,.09),rgba(255,79,167,.05))}.file-example .file-icon{width:54px;height:64px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#f7f7fa,#d9d9e2);color:#4b425a;font-size:11px;font-weight:1000;box-shadow:inset 0 -8px 18px rgba(0,0,0,.08)}.file-example strong{display:block;margin-bottom:4px}.file-example p{margin:0;color:#9f95aa;line-height:1.45;font-size:13px}.file-example b{color:#fff}
.empty-game{padding:28px;border:1px solid var(--line);border-radius:20px;color:#b9aec2;background:rgba(255,255,255,.04)}
.preview-card,.award-card,.story-card{transform-style:preserve-3d}.preview-card:active,.award-card:active{transform:scale(.992)}
.preview-stage:before{content:"✦  ✧  ✦";position:absolute;left:50%;transform:translateX(-50%);margin-top:-24px;color:rgba(255,255,255,.25);letter-spacing:28px;font-size:20px;animation:partyTwinkle 2.4s ease-in-out infinite alternate}@keyframes partyTwinkle{to{opacity:.35;filter:drop-shadow(0 0 12px #aa69ff)}}
.unlock-banner{position:relative;overflow:hidden}.unlock-banner:before{content:"";position:absolute;inset:-100% auto -100% -30%;width:30%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:unlockShine 4.8s ease-in-out infinite}@keyframes unlockShine{0%,45%{left:-40%}70%,100%{left:130%}}
.paywall-sheet{background:radial-gradient(circle at 50% -10%,rgba(255,92,186,.18),transparent 32%),linear-gradient(180deg,#171024,#0d0915)}.price-box{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 18px 55px rgba(128,72,255,.12)}
.award-card{transition:transform .18s ease,box-shadow .18s ease}.award-card:hover{transform:translateY(-2px);box-shadow:0 22px 65px rgba(0,0,0,.25)}
.story-card{box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}
.game-mode span{filter:drop-shadow(0 10px 16px rgba(0,0,0,.22))}.game-mode.active{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 18px 38px rgba(133,88,255,.14)}
.share-preview{box-shadow:0 28px 90px rgba(0,0,0,.42)}

@media(max-width:520px){
  .topbar{padding-left:13px;padding-right:13px}.brand{font-size:16px;gap:8px}.brand-mark{width:29px;height:29px}.top-actions{gap:6px}.top-actions .ghost-btn{width:40px;min-height:40px;padding:0;font-size:0}.top-actions #accountBtn:before{content:"👤";font-size:17px}.top-actions #privacyBtn:before{content:"🔒";font-size:16px}.icon-btn{min-height:40px;padding:0 9px;font-size:12px}
  .results-top{align-items:flex-start}.results-top .ghost-btn{font-size:12px;padding:0 11px;min-height:40px}.tabs{scroll-padding-left:14px}.tab{white-space:nowrap;flex:0 0 auto}
  .game-mode-grid{grid-template-columns:1fr 1fr}.game-mode{min-height:112px;padding:15px 12px}.game-mode strong{font-size:14px}.game-mode small{font-size:10px}
  .award-card{padding:24px;min-height:330px}.award-emoji{margin-bottom:26px}.award-card h4{font-size:48px}
  .share-preview-wrap{padding-left:0;padding-right:0}.share-preview{border-radius:24px;width:100%}
  .file-example{grid-template-columns:52px 1fr;padding:13px}.file-example .file-icon{width:48px;height:58px}
  .unlock-banner{margin-left:14px;margin-right:14px;align-items:flex-start;flex-direction:column}.unlock-banner .primary-btn{width:100%}
}

/* V2.2 interaction/auth hardening */
button,a,label,[role="button"]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{position:relative;z-index:1}
.login-btn{white-space:nowrap;min-width:74px}
.footer-link{border:0;background:none;color:#958a9f;font:inherit;padding:0;cursor:pointer}
.auth-sheet{max-width:520px;background:radial-gradient(circle at 50% -20%,rgba(137,92,255,.22),transparent 34%),linear-gradient(180deg,#181025,#0b0812)}
.auth-sheet .modal-head h3{margin:4px 0 0;font-size:34px;letter-spacing:-.04em}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:16px;margin:18px 0}
.auth-tab{min-height:46px;border:0;border-radius:12px;background:transparent;color:#a99eb2;font-weight:900;cursor:pointer}
.auth-tab.active{background:#fff;color:#090613;box-shadow:0 8px 28px rgba(0,0,0,.22)}
.social-auth-grid{display:grid;gap:10px}
.social-auth{min-height:54px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;text-align:left;padding:0 14px;cursor:pointer}
.social-auth:after{content:'→';justify-self:end;color:#8f8499;font-weight:900}
.social-auth b{font-size:14px}
.social-logo{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-weight:1000;font-size:16px}
.apple-logo{background:#fff;color:#000;font-size:10px;box-shadow:inset 0 0 0 7px #000}
.facebook-logo{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:22px}
.auth-divider{display:flex;align-items:center;gap:10px;color:#706778;font-size:12px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}
.auth-magic{display:block;margin:12px auto 0;color:#bba9ff}
.auth-status{display:block;min-height:22px;margin-top:10px;color:#bdb1c7;line-height:1.45}
.auth-status.error{color:#ff8399}.auth-status.success{color:#9ef3b5}
.test-auth{margin-top:16px;padding:14px;border:1px dashed rgba(191,247,74,.35);border-radius:16px;background:rgba(191,247,74,.055)}.test-auth>span{display:block;color:#cfe99b;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:9px}
.signed-in-party{font-size:54px;text-align:center;margin:8px 0 14px}.account-pill{margin:0 0 12px}
.modal-backdrop{z-index:120}.modal-sheet{max-height:min(88vh,760px);overflow:auto;-webkit-overflow-scrolling:touch}
.confetti-layer{z-index:200;pointer-events:none}

/* Better mobile topbar: keep Login visible. */
@media(max-width:520px){
  .topbar{height:calc(68px + var(--safe-top))}
  .top-actions .ghost-btn.login-btn{width:auto;min-width:68px;min-height:40px;padding:0 12px;font-size:12px}
  .top-actions #accountBtn:before{content:none}
  .top-actions #privacyBtn:before{content:none}
  .brand{max-width:170px}
  footer{padding-bottom:calc(28px + var(--safe-bottom))}
  .auth-sheet{padding:22px 18px 26px;border-radius:26px 26px 0 0}
  .social-auth{min-height:52px}
}

/* Ensure interactive layers never sit behind visual effects. */
.topbar,.view,footer{position:relative}.topbar{position:sticky}
.grain,.aurora,.story-noise,.award-sparkles{pointer-events:none!important}
.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translateX(-50%);z-index:260;max-width:min(90vw,520px);padding:12px 16px;border-radius:14px;background:#fff;color:#0b0711;font-weight:850;box-shadow:0 18px 60px rgba(0,0,0,.45);text-align:center}.toast.error{background:#ff667f;color:#17040a}.toast.success{background:#bff79a;color:#091109}.test-badge{position:fixed;right:10px;bottom:calc(10px + var(--safe-bottom));z-index:250;background:rgba(12,9,18,.88);border:1px solid rgba(191,247,74,.4);color:#ccef9a;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;letter-spacing:.06em;pointer-events:none}


/* V2.3 mobile interaction hotfix */
.topbar{overflow:visible}
.top-actions{flex-shrink:0;min-width:max-content}
#accountBtn{display:inline-flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important}
.hero-account-link{margin:16px auto 0;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#d7cde0;min-height:43px;padding:0 15px;border-radius:999px;font-weight:850;cursor:pointer}
.hero-account-link:active{transform:scale(.98)}
@media(max-width:520px){
 .topbar{padding-left:14px;padding-right:14px}
 .brand{max-width:none;font-size:15px}
 .top-actions{gap:5px}
 #accountBtn{min-width:61px!important;padding:0 9px!important;font-size:11px!important}
 #langBtn{padding:0 8px!important}
}


/* ===== V2.4 modal stability + account polish ===== */
.modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:500!important;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:12px 12px calc(12px + var(--safe-bottom));
  background:rgba(4,2,8,.88);
  overflow:hidden;
  overscroll-behavior:contain;
  touch-action:none;
}
.modal-backdrop.hidden{display:none!important}
.modal-sheet{
  position:relative!important;
  width:min(620px,100%);
  max-height:min(86dvh,780px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  margin:0!important;
  border-radius:30px;
  isolation:isolate;
}
.modal-sheet button,.modal-sheet input,.modal-sheet a{touch-action:manipulation}
.modal-grabber{width:42px;height:5px;border-radius:999px;background:rgba(255,255,255,.17);margin:-7px auto 14px}
.modal-back-btn{font-size:18px;font-weight:900}
.auth-sheet{padding:18px;background:linear-gradient(180deg,#160d24 0%,#0b0812 100%);border-color:rgba(255,255,255,.13)}
.auth-head{position:sticky;top:-18px;z-index:10;margin:-18px -18px 12px;padding:15px 18px 10px;background:linear-gradient(180deg,rgba(17,10,28,.98),rgba(17,10,28,.88) 72%,transparent);backdrop-filter:blur(12px)}
.auth-brand-lockup{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:1000;letter-spacing:.08em;color:#f5efff}
.auth-brand-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#855cff,#ff4fa7);box-shadow:0 0 24px rgba(191,76,255,.3)}
.auth-hero-card{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;padding:18px;border-radius:22px;border:1px solid rgba(183,119,255,.2);background:radial-gradient(circle at 0 0,rgba(145,83,255,.17),transparent 42%),rgba(255,255,255,.025);margin-bottom:12px}
.auth-hero-emoji{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,rgba(132,90,255,.18),rgba(255,77,166,.16));border:1px solid rgba(255,255,255,.08)}
.auth-hero-card h3{font-size:33px!important;margin:4px 0 7px!important;line-height:1;letter-spacing:-.05em}
.auth-hero-card p{margin:0;font-size:14px;line-height:1.48}
.auth-benefits{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:0 1px 3px}
.auth-benefits::-webkit-scrollbar{display:none}.auth-benefits span{flex:0 0 auto;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:11px;font-weight:800;color:#bfb3c8}
.auth-tabs{margin:10px 0 12px}
.social-auth-grid{gap:8px}.social-auth{min-height:52px;border-radius:16px;background:rgba(255,255,255,.045);transition:transform .12s ease,background .12s ease}.social-auth:active{transform:scale(.985);background:rgba(255,255,255,.075)}
.google-auth{background:#fff;color:#151219}.google-auth:after{color:#555}.google-auth .social-logo{box-shadow:inset 0 0 0 1px #e7e7e7}
.apple-auth{background:#050505;border-color:#2b2930}.facebook-auth{background:rgba(24,119,242,.10);border-color:rgba(24,119,242,.25)}
.auth-divider{margin:14px 0}.auth-fields{display:grid;grid-template-columns:1fr;gap:9px}.auth-fields .mini-field{margin:0}.auth-fields .mini-field input{background:#100b18;border-color:rgba(255,255,255,.11)}
.auth-main-btn{margin-top:12px}.auth-magic{margin:11px auto 0}.auth-guest{width:100%;min-height:42px;margin-top:6px;border:0;background:transparent;color:#8f8499;font-weight:800}.auth-guest:active{color:#fff}
.signed-in-card{text-align:center;padding:18px;border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(126,255,179,.10),transparent 48%),rgba(255,255,255,.025);border:1px solid rgba(110,255,164,.12);margin-bottom:12px}.signed-in-card h3{font-size:30px;margin:0 0 6px}.signed-in-card p{margin:0}.signed-in-party{margin:0 0 8px;font-size:48px}
.paywall-not-now{border:0;background:transparent;color:#94889d;font-weight:850;min-height:44px;margin:6px auto 0;padding:0 18px}.paywall-not-now:active{color:#fff}

/* Avoid expensive backdrop-filter freezes on mobile Safari while keeping the same look. */
@media(max-width:700px){
  .modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(5,3,10,.94)}
  .modal-sheet{max-height:calc(92dvh - var(--safe-bottom))!important;border-radius:28px 28px 18px 18px}
  .auth-sheet{padding:16px 15px 20px}
  .auth-head{top:-16px;margin:-16px -15px 10px;padding:14px 15px 9px}
  .auth-hero-card{grid-template-columns:48px 1fr;padding:14px;gap:11px}.auth-hero-emoji{width:44px;height:44px;border-radius:14px;font-size:23px}.auth-hero-card h3{font-size:29px!important}
  .auth-benefits span{font-size:10px}
  .grain{opacity:.018}
  .story-card:before{animation-duration:18s;opacity:.45}
}


/* ===== V2.5 iOS stability + Wrapped party polish ===== */
.toast{pointer-events:none!important;animation:ccToastIn .18s ease-out}
@keyframes ccToastIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

/* Centered overlays are dramatically more reliable than bottom sheets in Safari's dynamic viewport. */
.modal-backdrop{
  position:fixed!important;inset:0!important;z-index:500!important;
  display:grid!important;place-items:center!important;
  padding:calc(18px + var(--safe-top)) 14px calc(18px + var(--safe-bottom))!important;
  background:rgba(5,3,10,.91)!important;
  overflow:auto!important;overscroll-behavior:contain!important;touch-action:auto!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.modal-backdrop.hidden{display:none!important}
.modal-sheet.centered-sheet,.modal-sheet{
  width:min(590px,100%)!important;max-height:min(82dvh,760px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  touch-action:pan-y!important;margin:auto!important;border-radius:28px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.05)!important;
}
.small-sheet{max-width:430px!important}
.paywall-sheet{padding:25px 20px 20px!important}
.paywall-close{position:sticky!important;top:0!important;float:right!important;z-index:30!important}
.auth-head{position:sticky!important;top:-16px!important}
.modal-grabber{display:none!important}
@media(max-width:700px){
  .modal-backdrop{align-items:center!important;padding:calc(12px + var(--safe-top)) 11px calc(12px + var(--safe-bottom))!important}
  .modal-sheet.centered-sheet,.modal-sheet{max-height:78dvh!important;border-radius:24px!important}
  .auth-sheet{padding:16px 14px 18px!important}
  .paywall-sheet{max-height:80dvh!important}
}

/* Wrapped should feel like a reveal, not a dashboard card. */
.story-shell{position:relative;overflow:visible}
.story-card{
  min-height:min(68dvh,690px)!important;
  padding:34px 30px 30px!important;
  cursor:pointer;user-select:none;-webkit-user-select:none;
  touch-action:pan-y!important;
  transition:transform .16s ease,filter .16s ease;
  box-shadow:0 34px 90px rgba(0,0,0,.40),inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.story-card:active{transform:scale(.992)}
.story-floating-emoji{
  position:absolute;right:28px;top:30px;width:76px;height:76px;border-radius:24px;
  display:grid;place-items:center;font-size:42px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.22);
  transform:rotate(7deg);z-index:2;
}
.story-label{max-width:68%;position:relative;z-index:3}
.story-main{position:relative;z-index:3;text-shadow:0 14px 40px rgba(0,0,0,.3);max-width:92%}
.story-sub{position:relative;z-index:3;max-width:78%}
.story-footer{position:absolute;left:30px;right:30px;bottom:25px;display:flex;justify-content:space-between;gap:12px;color:rgba(255,255,255,.56);font-size:12px;font-weight:900;letter-spacing:.03em;z-index:3}
.story-confetti-dots{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.story-confetti-dots i{position:absolute;width:9px;height:24px;border-radius:6px;background:var(--story-accent,#9957ff);opacity:.5;transform:rotate(28deg)}
.story-confetti-dots i:nth-child(1){left:9%;top:18%;background:#fff;transform:rotate(-20deg)}
.story-confetti-dots i:nth-child(2){left:21%;bottom:17%;background:#ff4fa7;transform:rotate(65deg)}
.story-confetti-dots i:nth-child(3){right:10%;top:34%;background:#3bddff;transform:rotate(-55deg)}
.story-confetti-dots i:nth-child(4){right:24%;bottom:12%;background:#ffc94f;transform:rotate(18deg)}
.story-confetti-dots i:nth-child(5){left:44%;top:10%;background:#bff74a;transform:rotate(80deg)}
.story-confetti-dots i:nth-child(6){right:39%;bottom:25%;background:#fff;transform:rotate(-8deg)}
.story-card.theme-gold .story-main{background:linear-gradient(90deg,#fff7c9,#ffd158,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.story-card.theme-pink .story-main{background:linear-gradient(90deg,#fff,#ff75c7,#9c75ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.story-card.theme-blue .story-main{background:linear-gradient(90deg,#fff,#62deff,#7c91ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.story-card.theme-night .story-main{background:linear-gradient(90deg,#fff,#a2b7ff,#7590ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.story-card.theme-violet .story-main{background:linear-gradient(90deg,#fff,#d08cff,#7e65ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tap-hint{display:none!important}
@media(max-width:700px){
  .story-card{min-height:62dvh!important;padding:28px 24px 28px!important}
  .story-floating-emoji{right:22px;top:23px;width:64px;height:64px;border-radius:20px;font-size:35px}
  .story-label{max-width:66%;font-size:11px!important}
  .story-main{margin-top:60px!important;max-width:100%!important}
  .story-sub{max-width:90%!important}
  .story-footer{left:24px;right:24px;bottom:22px}
}

/* Account is now a real card rather than a plain utility form. */
.auth-sheet{background:radial-gradient(circle at 50% -8%,rgba(255,80,172,.17),transparent 34%),radial-gradient(circle at 10% 35%,rgba(72,215,255,.08),transparent 28%),linear-gradient(180deg,#171024 0%,#090710 100%)!important}
.auth-hero-card{border-color:rgba(204,135,255,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 20px 55px rgba(85,46,132,.14)}
.auth-hero-emoji{background:linear-gradient(135deg,#865cff,#ff4fa7)!important;color:white;box-shadow:0 10px 35px rgba(173,76,255,.27)}
.auth-tab.active{box-shadow:0 8px 28px rgba(255,255,255,.07)}
.social-auth{font-weight:900}

/* === ChatClash V2.6 Launch Candidate === */
.results-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.invite-pill{min-height:44px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,75,170,.16),rgba(112,76,255,.18));color:#fff;border-radius:14px;padding:0 15px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.invite-pill:active{transform:scale(.98)}

.personality-card{position:relative;overflow:hidden;margin:18px 0 20px;border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:28px;background:radial-gradient(circle at 85% 0%,rgba(255,77,173,.23),transparent 34%),radial-gradient(circle at 10% 100%,rgba(70,220,255,.12),transparent 28%),linear-gradient(145deg,rgba(32,20,48,.97),rgba(10,7,17,.96));box-shadow:0 25px 80px rgba(0,0,0,.25)}.personality-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.personality-badge{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:34px;box-shadow:0 12px 35px rgba(0,0,0,.24)}.personality-card h3{position:relative;z-index:2;margin:18px 0 10px;font-size:clamp(42px,9vw,78px);line-height:.9;letter-spacing:-.065em;max-width:760px}.personality-card p{position:relative;z-index:2;color:#c2b8cc;font-size:17px;max-width:720px;line-height:1.5}.personality-tags{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.personality-tags span{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);padding:8px 11px;border-radius:999px;color:#dfd5e8;font-size:12px;font-weight:900}.personality-orbit{position:absolute;right:-55px;bottom:-80px;width:260px;height:260px;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:orbitPulse 8s ease-in-out infinite}.personality-orbit:before,.personality-orbit:after{content:"";position:absolute;inset:35px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.personality-orbit:after{inset:78px}.personality-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:#ff5ab2;box-shadow:0 0 20px #ff5ab2}.personality-orbit i:nth-child(1){top:40px;left:42px}.personality-orbit i:nth-child(2){right:30px;top:105px;background:#55e9ff;box-shadow:0 0 18px #55e9ff}.personality-orbit i:nth-child(3){left:105px;bottom:20px;background:#ffd75c;box-shadow:0 0 18px #ffd75c}@keyframes orbitPulse{50%{transform:scale(1.04) rotate(8deg);opacity:.75}}

.expose-hero{margin-bottom:18px}.expose-hero h3{font-size:clamp(34px,7vw,58px);letter-spacing:-.05em;margin:7px 0 10px}.expose-people{display:flex;gap:10px;overflow:auto;padding:4px 2px 14px;scrollbar-width:none}.expose-people::-webkit-scrollbar{display:none}.expose-person{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:48px;border-radius:999px;padding:6px 13px 6px 7px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font-weight:900}.expose-person>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ff4fa3,#7759ff);font-size:14px}.expose-person.active{border-color:rgba(255,88,178,.7);background:rgba(255,76,169,.13);box-shadow:0 0 35px rgba(255,67,162,.12)}.expose-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:32px;padding:28px;margin-top:8px;background:linear-gradient(150deg,#25102e,#0c0813 66%,#08101c)}.expose-card-glow{position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:#ff4fa3;filter:blur(95px);opacity:.25;pointer-events:none}.expose-card-top{display:flex;justify-content:space-between;align-items:center;position:relative}.expose-card-top>span:last-child{font-size:48px}.expose-card h3{position:relative;font-size:clamp(48px,11vw,88px);line-height:.9;letter-spacing:-.07em;margin:12px 0}.expose-roast{position:relative;color:#d9cfdf;font-size:18px;line-height:1.48;max-width:700px}.expose-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.expose-stats>div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:18px;padding:14px}.expose-stats span{display:block;color:#8f849a;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.expose-stats strong{display:block;font-size:24px;margin-top:5px}

.party-mixer{margin-top:12px;min-height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#ff4fa3,#7d5cff);color:white;padding:0 18px;font-weight:950;box-shadow:0 12px 35px rgba(136,75,255,.2)}.party-mixer:active{transform:scale(.98)}

.invite-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:radial-gradient(circle at 0 0,rgba(76,220,255,.14),transparent 30%),linear-gradient(145deg,rgba(27,20,42,.93),rgba(10,8,16,.94));margin-bottom:20px}.invite-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.08);font-size:28px}.invite-card h3{font-size:22px;margin:4px 0 6px}.invite-card p{margin:0}.invite-sheet{max-width:500px}.invite-preview{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,rgba(255,81,172,.1),rgba(83,218,255,.08));text-align:center;margin:12px 0 14px}.invite-preview-avatars{display:flex;justify-content:center;margin-bottom:12px}.invite-preview-avatars span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#17101f;border:3px solid #0c0812;margin-left:-8px;font-size:24px}.invite-preview-avatars span:first-child{margin-left:0}.invite-preview strong{display:block;font-size:25px}.invite-preview p{margin:6px auto 0;color:#a99dae;max-width:340px}.whatsapp-btn{min-height:52px;border:0;border-radius:15px;background:#25D366;color:#06180c;font-weight:1000;padding:0 18px}.invite-note{display:block;text-align:center;color:#817789;margin-top:12px;line-height:1.35}

.story-card.special-personality{background:radial-gradient(circle at 80% 15%,rgba(255,85,181,.36),transparent 26%),radial-gradient(circle at 12% 88%,rgba(76,223,255,.2),transparent 28%),linear-gradient(150deg,#2c1234,#0b0813 62%,#0b1220)}
.story-card.special-reveal{box-shadow:0 25px 90px rgba(255,195,67,.12),inset 0 1px 0 rgba(255,255,255,.08)}

@media(max-width:760px){.results-actions{width:100%;justify-content:flex-start}.invite-pill{flex:1}.results-actions .ghost-btn{flex:0 0 auto}.invite-card{grid-template-columns:auto 1fr}.invite-card>button{grid-column:1/-1;width:100%}.expose-stats{grid-template-columns:1fr 1fr}.personality-card{padding:24px}.personality-card h3{font-size:clamp(42px,13vw,66px)}.invite-sheet{max-width:100%}}
@media(max-width:430px){.expose-card{padding:22px}.expose-stats{gap:8px}.expose-stats>div{padding:12px}.expose-stats strong{font-size:21px}.personality-badge{width:58px;height:58px;border-radius:18px;font-size:29px}}
.story-card.special-personality .story-main{font-size:clamp(52px,11vw,104px);line-height:.9;max-width:95%}.story-card.special-personality .story-sub{font-size:clamp(20px,3.7vw,32px);max-width:82%}.story-card.special-reveal .story-main{font-size:clamp(68px,14vw,138px)}

/* ===== V2.8 SAFE REBUILD ===== */
.brand-logo{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain!important;display:block!important;border-radius:10px!important;flex:0 0 32px!important;filter:drop-shadow(0 0 14px rgba(224,72,255,.28))}
.brand{gap:9px!important;overflow:visible!important}.brand span{white-space:nowrap}

.chat-found-card{position:relative;overflow:hidden;margin:0 0 24px;padding:28px;border-radius:32px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 15% 15%,rgba(72,229,255,.16),transparent 28%),radial-gradient(circle at 90% 0,rgba(255,70,172,.18),transparent 34%),linear-gradient(145deg,#171027,#0b0814 70%);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.chat-found-card:after{content:"";position:absolute;inset:auto -80px -100px auto;width:260px;height:260px;border-radius:50%;background:#864fff;filter:blur(100px);opacity:.18;pointer-events:none}
.chat-found-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;margin:0 0 18px;background:linear-gradient(135deg,#54f0c2,#4acbff);color:#06130f;font-size:30px;font-weight:1000;box-shadow:0 15px 45px rgba(78,235,204,.18)}
.chat-found-card h2{font-size:clamp(42px,9vw,68px);line-height:.92;letter-spacing:-.06em;margin:10px 0 12px}.chat-found-copy{color:#c1b7ca;line-height:1.5;font-size:16px;margin:0 0 22px;max-width:620px}
.chat-found-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.chat-found-stats>div{padding:16px 10px;border-radius:19px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);text-align:center}.chat-found-stats strong{display:block;font-size:28px;letter-spacing:-.04em}.chat-found-stats span{display:block;color:#958b9f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.chat-found-ready{position:relative;z-index:2;display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(191,247,74,.18);background:rgba(191,247,74,.055);border-radius:18px}.chat-found-ready>span{font-size:28px}.chat-found-ready strong,.chat-found-ready small{display:block}.chat-found-ready small{color:#9f95a7;margin-top:3px;line-height:1.35}
.chat-found-confetti i{position:absolute;width:8px;height:15px;border-radius:3px;opacity:.65;transform:rotate(20deg)}.chat-found-confetti i:nth-child(1){right:8%;top:10%;background:#ff5ab5}.chat-found-confetti i:nth-child(2){right:18%;top:24%;background:#55e9ff;transform:rotate(62deg)}.chat-found-confetti i:nth-child(3){right:7%;top:42%;background:#ffd65c;transform:rotate(-24deg)}.chat-found-confetti i:nth-child(4){left:6%;bottom:13%;background:#9b62ff}.chat-found-confetti i:nth-child(5){left:14%;bottom:6%;background:#55e9ff;transform:rotate(75deg)}.chat-found-confetti i:nth-child(6){right:28%;bottom:8%;background:#ff5ab5;transform:rotate(-55deg)}

.league-hero{display:flex;gap:18px;align-items:center;padding:26px;border-radius:30px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 0 0,rgba(255,207,72,.16),transparent 30%),radial-gradient(circle at 100% 0,rgba(255,76,171,.14),transparent 32%),linear-gradient(145deg,#171020,#0b0813);margin-bottom:14px}.league-crown{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,rgba(255,211,91,.18),rgba(255,111,62,.09));font-size:38px;border:1px solid rgba(255,218,107,.16);box-shadow:0 16px 42px rgba(255,186,57,.09)}.league-hero h3{font-size:clamp(34px,7vw,54px);line-height:.95;letter-spacing:-.055em;margin:8px 0 7px}
.league-score-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(135deg,rgba(128,78,255,.11),rgba(255,70,170,.08));margin-bottom:14px}.league-score-card strong{display:block;font-size:56px;line-height:1;letter-spacing:-.06em;margin:6px 0}.league-score-card small{color:#a89db1}.league-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.league-board-card,.referral-box{border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(255,255,255,.035);padding:20px}.league-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.league-card-head h3{margin:5px 0 14px;font-size:24px}.league-card-head>span{font-size:28px}.league-list{display:grid;gap:7px}.league-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;min-height:50px;padding:0 10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.league-rank{font-weight:950;color:#c9bfd1}.league-person{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-row strong{font-size:15px}.league-note{display:block;color:#756c7d;margin-top:10px}.referral-box{margin-top:14px}.referral-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.referral-link-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:13px;border-radius:14px;background:#090711;border:1px solid rgba(255,255,255,.08);color:#d8cee1;font-size:11px}.invite-referral{margin-top:12px;padding:11px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);text-align:center}.invite-referral span,.invite-referral strong{display:block}.invite-referral span{font-size:11px;color:#908597}.invite-referral strong{margin-top:5px;color:#fff;letter-spacing:.1em}

/* Keep all clickable UI above decorative layers. */
button,a,input,label,.tabs,.modal-sheet{position:relative;z-index:3}.chat-found-confetti,.personality-orbit,.sparkle,.story-confetti-dots{pointer-events:none!important}

@media(max-width:760px){.league-grid{grid-template-columns:1fr}.league-score-card{grid-template-columns:1fr}.league-score-card .primary-btn{width:100%}.referral-link-row{grid-template-columns:1fr}.league-hero{align-items:flex-start;padding:22px 18px}.league-crown{width:62px;height:62px;border-radius:19px;font-size:32px;flex:0 0 62px}.chat-found-card{padding:24px 18px}.chat-found-stats strong{font-size:24px}.brand-logo{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px!important}}
@media(max-width:390px){.chat-found-stats{gap:7px}.chat-found-stats>div{padding:14px 5px}.chat-found-stats span{font-size:9px}.league-hero{gap:12px}.league-crown{width:54px;height:54px;flex-basis:54px;font-size:28px}.brand span{font-size:14px}}

/* V2.9 Safari performance + inline-logo hardening */
.brand-logo-inline{overflow:hidden}.brand-logo-inline svg{display:block;width:100%;height:100%}
@media(max-width:760px){
  .grain{display:none!important}
  .aurora{filter:blur(70px)!important;opacity:.07!important}
  .topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .story-card,.award-card,.share-preview{box-shadow:0 18px 48px rgba(0,0,0,.28)}
  .unlock-banner:before,.preview-stage:before{animation:none!important}
}


/* V2.10 click reliability + cleaner invites */
.tab, .lock-wash, .premium-stat:not(.unlocked), .premium-block:not(.unlocked), .mini-unlock, .open-paywall{touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,.08)}
.tabs{z-index:65!important;pointer-events:auto!important}.tab{pointer-events:auto!important;user-select:none}.tab-panel{contain:layout style}
.premium-stat:not(.unlocked) .lock-wash{pointer-events:auto!important}
.premium-block:not(.unlocked){cursor:pointer}
.invite-sheet{max-width:470px!important;padding:22px!important}.invite-preview-clean{margin:8px 0 16px!important;padding:18px!important}.invite-preview-clean .invite-preview-avatars span{width:42px;height:42px;font-size:21px}.invite-preview-clean strong{font-size:23px}.invite-preview-clean p{font-size:14px;line-height:1.45;margin-top:5px}.invite-main-action{min-height:58px;font-size:17px;border-radius:17px}.invite-compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.invite-compact-actions .secondary-btn{min-width:0;min-height:48px;padding:0 10px;font-size:13px}.invite-meta-clean{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}.invite-meta-clean .invite-note{margin:0!important;font-size:11px}.invite-code-clean{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:11px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.045);color:#8f8499;font-size:11px}.invite-code-clean strong{color:#fff;letter-spacing:.11em;font-size:13px;white-space:nowrap}
@media(max-width:520px){.invite-sheet{padding:18px!important}.invite-compact-actions{grid-template-columns:1fr 1fr}.invite-preview-clean{padding:16px!important}.invite-code-clean{align-items:flex-start;flex-direction:column;gap:5px}}


/* ===== V2.11 visual polish: wrapped, tabs, mini leaderboard, paywall ===== */
.tabs{position:sticky;top:calc(72px + var(--safe-top));z-index:38;display:flex;gap:10px;overflow:auto;padding:12px 18px 14px;margin:0 auto;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(9,6,19,.94),rgba(9,6,19,.76) 72%,rgba(9,6,19,0));border-bottom:1px solid rgba(255,255,255,.04)}
.tab{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#b7acbf;font-weight:900;letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}
.tab.active{background:linear-gradient(180deg,#fff,#ece7f5);color:#090613;border-color:rgba(255,255,255,.7);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.tab:active{transform:scale(.985)}
.story-shell{max-width:760px;margin:0 auto 18px}
.story-progress{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:0 4px 14px}
.story-progress i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.story-progress i.done{background:linear-gradient(90deg,#8f63ff,#ff5cb7,#56ddff);box-shadow:0 0 22px rgba(153,93,255,.28)}
.story-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.10)!important;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.09),transparent 18%),radial-gradient(circle at 78% 18%,rgba(255,255,255,.06),transparent 12%),linear-gradient(160deg,rgba(43,24,66,.98) 0%,rgba(15,10,24,.98) 58%,rgba(10,8,18,.98) 100%)}
.story-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.18))}
.story-label{display:inline-flex;align-items:center;align-self:flex-start;min-height:34px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#efe7ff;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(10px)}
.story-main{margin-top:86px;font-size:clamp(64px,16vw,146px);line-height:.88;font-weight:1000;letter-spacing:-.07em;max-width:94%;overflow-wrap:anywhere}
.story-sub{margin-top:16px;font-size:clamp(24px,5.4vw,44px);line-height:1.06;font-weight:860;color:rgba(255,255,255,.90);max-width:72%;text-wrap:balance}
.story-card.metric-slide .story-main{font-size:clamp(92px,22vw,180px)}
.story-card.metric-slide .story-sub{font-size:clamp(22px,5vw,38px);max-width:76%;color:rgba(255,255,255,.82)}
.story-floating-emoji{backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.06));border-color:rgba(255,255,255,.14)}
.story-footer{padding-top:18px;color:rgba(255,255,255,.62);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
#storyCounter{display:inline-flex;align-items:center;gap:8px}
.wrapped-quickboard{max-width:760px;margin:0 auto 18px;padding:20px;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(160deg,rgba(25,18,38,.95),rgba(10,8,18,.96));box-shadow:0 18px 42px rgba(0,0,0,.22)}
.compact-head{margin-bottom:14px}
.compact-head h3,.section-heading h3,.card-head h3,.league-card-head h3,.expose-hero h3,.games-hero h3{margin:4px 0 0;letter-spacing:-.04em;font-size:clamp(26px,5vw,34px)}
.wrapped-mini-list{display:grid;gap:10px}
.wrapped-mini-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;min-height:62px;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04)}
.wrapped-mini-row.is-first{background:linear-gradient(135deg,rgba(255,214,95,.12),rgba(255,255,255,.04));border-color:rgba(255,214,95,.22)}
.wrapped-mini-rank{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.09);font-weight:1000;color:#fff}
.wrapped-mini-meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.wrapped-mini-meta strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrapped-mini-meta small{color:#9d93a6;font-size:12px;font-weight:800}
.wrapped-mini-row em{font-style:normal;font-weight:950;color:#fff}
.paywall-sheet{padding:28px 22px 22px!important;border-radius:30px!important;border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 90px rgba(0,0,0,.45)}
.paywall-sheet h3{font-size:clamp(38px,8vw,58px);line-height:.94;letter-spacing:-.05em;margin:14px 0 10px}
.pay-features{display:grid;gap:10px;margin:20px 0 18px}
.pay-features span{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.price-box{margin-top:8px;padding:20px 18px;border-radius:24px;background:linear-gradient(135deg,rgba(116,77,255,.13),rgba(255,65,157,.12));border:1px solid rgba(201,150,255,.18)}
.paywall-not-now{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:12px 0 0;padding:0 18px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#d7cedf;font-weight:900;line-height:1;white-space:nowrap;text-decoration:none!important}
.paywall-not-now:active{transform:scale(.985);color:#fff;background:rgba(255,255,255,.06)}
@media(max-width:760px){
  .tabs{padding:10px 14px 12px;gap:8px}
  .tab{min-height:46px;padding:0 16px}
  .story-progress{gap:6px;margin-bottom:12px}
  .story-card{padding:28px 24px 28px!important;border-radius:30px}
  .story-main{margin-top:72px;font-size:clamp(58px,17vw,110px)}
  .story-card.metric-slide .story-main{font-size:clamp(80px,22vw,154px)}
  .story-sub,.story-card.metric-slide .story-sub{max-width:86%;font-size:clamp(20px,5.9vw,33px)}
  .wrapped-quickboard{padding:18px;border-radius:24px}
  .wrapped-mini-row{min-height:58px}
  .paywall-sheet{padding:24px 18px 18px!important;border-radius:26px!important}
}
@media(max-width:430px){
  .story-label{font-size:10px;letter-spacing:.14em;padding:0 13px}
  .story-floating-emoji{right:18px;top:20px;width:60px;height:60px;border-radius:19px;font-size:33px}
  .story-footer{left:24px;right:24px;bottom:20px}
  .compact-head h3,.section-heading h3,.card-head h3,.league-card-head h3,.expose-hero h3,.games-hero h3{font-size:28px}
}


/* ===== V2.12 final polish ===== */
.tab-panel{padding-top:8px;animation:ccPanelFade .18s ease}
@keyframes ccPanelFade{from{opacity:.0;transform:translateY(4px)}to{opacity:1;transform:none}}
.section-heading{max-width:760px;margin:0 auto 18px;padding:2px 2px 0}
.section-heading .eyebrow{display:inline-flex;margin-bottom:10px}
.section-heading h3{max-width:680px;line-height:.98}
.results-copy,.section-copy{max-width:760px;color:#aaa0b4;line-height:1.55}
.award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.award-card{min-height:320px;padding:24px;border-radius:32px;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);background:radial-gradient(circle at 92% 10%,rgba(255,255,255,.07),transparent 22%),linear-gradient(158deg,rgba(38,26,56,.98),rgba(12,9,19,.97) 58%,rgba(9,8,17,.98));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.award-card:hover{transform:translateY(-2px);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.award-card:before{right:-75px;top:-75px;width:240px;height:240px;filter:blur(65px);opacity:.34}
.award-card:after{left:-70px;bottom:-85px;width:180px;height:180px;filter:blur(70px);opacity:.12}
.award-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.award-emoji{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10);font-size:38px;margin:0;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.award-sparkles{position:static;display:flex;align-items:center;height:70px;color:rgba(255,255,255,.38);font-size:18px;letter-spacing:8px}
.award-card>span{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#ded2e9;font-size:11px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}
.award-card h4{margin:14px 0 14px;font-size:clamp(46px,8vw,72px);line-height:.9;letter-spacing:-.065em;max-width:94%}
.award-card p{margin-top:auto;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#d3c9db;font-size:18px;line-height:1.4}
.mini-unlock{margin-top:14px;min-height:46px;border-radius:15px;background:rgba(5,4,8,.78);border-color:rgba(255,255,255,.18)}
.locked-award>*:not(.mini-unlock){filter:blur(5px);opacity:.43}
.results-top h2,.section-heading h3,.personality-card h3,.expose-card h3,.league-card-head h3{font-weight:1000}
.league-board-card,.referral-box,.personality-card,.expose-card,.wrapped-quickboard{box-shadow:0 18px 46px rgba(0,0,0,.22)}
@media(max-width:760px){
  .section-heading{margin-bottom:16px}
  .award-grid{grid-template-columns:1fr;gap:16px}
  .award-card{min-height:292px;padding:22px;border-radius:28px}
  .award-topline{margin-bottom:16px}
  .award-emoji{width:64px;height:64px;border-radius:20px;font-size:34px}
  .award-sparkles{height:64px;font-size:16px;letter-spacing:7px}
  .award-card p{padding:13px 14px;font-size:17px}
}
@media(max-width:430px){
  .section-heading h3{font-size:clamp(34px,8vw,44px)}
  .award-card{min-height:272px;padding:20px}
  .award-card>span{font-size:10px;padding:7px 11px}
  .award-card h4{font-size:clamp(42px,13vw,58px)}
  .award-card p{font-size:16px;line-height:1.38}
}