:root{font-family:Avenir Next,Trebuchet MS,sans-serif;color:#f8f3e8;background:radial-gradient(circle at top left,rgba(20,115,56,.22),transparent 32%),radial-gradient(circle at top right,rgba(179,36,0,.2),transparent 30%),linear-gradient(135deg,#10311f,#1c1612 52%,#431b10);line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card: rgba(255, 247, 234, .08);--card-strong: rgba(255, 247, 234, .14);--line: rgba(255, 240, 219, .12);--shadow: 0 24px 80px rgba(0, 0, 0, .35);--green: #3cb66a;--red: #db5f48;--gold: #ffd166}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:32px 20px}.quiz-layout{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:24px;align-items:start}.main-card,.leaderboard-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.main-card{overflow:hidden}.hero{position:relative;isolation:isolate}.hero-image{width:100%;height:clamp(220px,34vw,380px);object-fit:cover;object-position:center center;display:block}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hero-word{position:absolute;margin:0;padding:0;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:.9;color:#fff7ea;text-shadow:-1px -1px 0 rgba(54,35,20,.72),1px -1px 0 rgba(54,35,20,.72),-1px 1px 0 rgba(54,35,20,.72),1px 1px 0 rgba(54,35,20,.72),0 6px 18px rgba(0,0,0,.42);letter-spacing:-.03em}.hero-word-player,.hero-word-pasta{font-size:clamp(3rem,7.8vw,5.8rem);letter-spacing:.02em}.hero-word-player{left:6%;top:10%}.hero-word-or{left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(2.9rem,7vw,5.2rem);font-variant:small-caps;letter-spacing:.08em}.hero-word-pasta{right:7%;bottom:10%}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:#f7d8a1}.leaderboard-card h3,.question-block h2{margin:0;font-family:Georgia,Times New Roman,serif}.quiz-card{margin:0;padding:22px;border-radius:0 0 28px 28px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%),linear-gradient(180deg,rgba(0,0,0,.1),transparent 34%);border:0;position:relative;overflow:hidden}.quiz-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .22s ease}.quiz-card.revealed:after{opacity:1}.quiz-card.revealed:not(.missed):after{background:linear-gradient(180deg,rgba(60,182,106,.12),transparent 35%)}.quiz-card.missed:after{background:linear-gradient(180deg,rgba(219,95,72,.22),transparent 34%),repeating-linear-gradient(120deg,transparent 0 18px,rgba(219,95,72,.08) 18px 28px);animation:sad-drop .5s ease}@keyframes sad-drop{0%{transform:translateY(-8px)}to{transform:translateY(0)}}.score-single{padding:12px 14px;border-radius:16px;background:var(--card-strong);border:1px solid rgba(255,245,230,.08)}.score-single{margin-top:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:112px;min-height:92px;animation:score-flash-up .26s ease}.score-single.raised{border-color:#3cb66a42}.score-single.dropped{border-color:#db5f483d;animation-name:score-flash-down}@keyframes score-flash-up{0%{transform:translateY(8px) scale(.98);background:#3cb66a3d}to{transform:translateY(0) scale(1);background:var(--card-strong)}}@keyframes score-flash-down{0%{transform:translateY(8px) scale(.98);background:#db5f4838}to{transform:translateY(0) scale(1);background:var(--card-strong)}}.score-single-label{display:block;font-size:.78rem;color:#fff2e1ad;text-transform:uppercase;letter-spacing:.12em}.score-single strong{font-size:2.5rem;line-height:1}.question-block{padding:30px 0 18px;text-align:center}.question-label{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;color:#fff0dca3;font-size:.76rem}.about-link{margin:0 0 12px;padding:0;border:0;background:transparent;color:#fff0dca3;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem}.question-block h2{font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.02}.question-stack{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.question-line-primary,.question-line-secondary{display:block}.question-line-secondary{font-size:.82em}.question-name{color:#ffebba}.answer-flash{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,9vw,7rem);font-weight:700;letter-spacing:.04em;pointer-events:none;z-index:2;opacity:0;animation:answer-flash-pop .52s ease-out forwards}.answer-flash.hit{color:#c9ffd8;text-shadow:0 0 18px rgba(123,255,169,.24),0 10px 32px rgba(11,92,38,.3)}.answer-flash.miss{color:#ffd8cf;text-shadow:0 0 18px rgba(231,111,81,.22),0 10px 32px rgba(116,37,22,.3)}@keyframes answer-flash-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(.78)}}.result-pill{margin:16px auto 0;width:fit-content;padding:10px 16px;border-radius:999px;font-size:.95rem;background:#ffffff14;color:#fff6ecc7;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.result-pill.visible{opacity:1;transform:translateY(0)}.result-pill.correct{background:#3cb66a2e;color:#d9ffe5}.result-pill.wrong{background:#db5f482e;color:#ffe2dc}.answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}.inline-reveal{margin-top:18px;min-height:72px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,245,230,.08);background:#fff7ea0a;transition:background .16s ease,border-color .16s ease}.inline-reveal.correct{background:#48c97814;border-color:#7bffa92e}.inline-reveal.wrong{background:#e76f5114;border-color:#e76f5129}.inline-reveal-placeholder,.inline-reveal-copy{margin:10px 0 0;color:#fff5e6d1;line-height:1.5}.inline-reveal-placeholder{margin-top:0;color:#fff5e69e}.answer-button,.ghost-button,.name-form button{border:0;border-radius:18px;padding:16px 20px;font-weight:700;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.answer-button:hover,.ghost-button:hover,.name-form button:hover{transform:translateY(-1px)}.answer-button:disabled,.ghost-button:disabled,.name-form button:disabled{opacity:.6;cursor:not-allowed}.answer-button.player{background:linear-gradient(135deg,#0f9342,#3cb66a);color:#fff;min-height:92px}.answer-button.pasta{background:linear-gradient(135deg,#b8401f,#f18432);color:#fff;min-height:92px}.reveal-title{margin:0 0 8px;font-weight:700;color:#ffebba}.reveal-actions{margin-top:14px;display:flex}.ghost-button{padding:10px 14px;background:#fff8ec1a;color:#fff6ea}.name-title{margin:0;font-weight:800}.name-copy{margin:8px 0 14px;color:#fff8ecd1}.name-form{display:flex;gap:12px}.name-form input{flex:1;min-width:0;border:1px solid rgba(255,242,225,.18);border-radius:16px;background:#2018127a;color:#fff7eb;padding:14px 16px}.name-form button{background:#ffd166;color:#43230e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0806058f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:20;animation:modal-fade-in .12s ease}.result-backdrop{background:radial-gradient(ellipse at center,#08060533,#08060599)}.result-modal,.name-modal{width:min(480px,100%);padding:22px 24px 24px;border-radius:24px;box-shadow:0 24px 80px #00000080,0 0 0 1px #fff0db0f;animation:modal-pop-in .28s cubic-bezier(.2,.9,.3,1)}.result-modal{background:radial-gradient(circle at 50% 30%,rgba(255,200,120,.1),transparent 50%),radial-gradient(circle at top left,rgba(219,166,99,.08),transparent 34%),radial-gradient(circle at bottom right,rgba(120,52,31,.1),transparent 42%),linear-gradient(180deg,#261c14fa,#140e0bfc);border:1px solid rgba(255,240,219,.12);position:relative;overflow:hidden}.result-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 24% 18%,rgba(255,220,164,.08),transparent 28%),radial-gradient(circle at 80% 78%,rgba(166,58,28,.08),transparent 24%);pointer-events:none}.result-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent,#00000014),repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.012) 2px 3px);mix-blend-mode:soft-light;opacity:.55;pointer-events:none}.result-copy{margin:0;color:#fff5e6d1;font-size:1.02rem;line-height:1.55;position:relative;z-index:1}.name-modal{background:linear-gradient(180deg,#ffd1661f,#341e0df0),#20120cf5;border:1px solid rgba(255,209,102,.28)}.streak-modal{text-align:center;padding:36px 32px 32px}.streak-modal .eyebrow{margin-bottom:12px}.streak-modal-title{margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.15;position:relative;z-index:1;color:#fff5e6e0}.streak-player-name{color:#ffd98e;font-weight:700}.streak-hero{margin-top:6px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.streak-hero-number{font-family:Georgia,Times New Roman,serif;font-size:clamp(5rem,16vw,7.5rem);line-height:1;letter-spacing:-.04em;color:#fff5e8;text-shadow:0 0 60px rgba(255,209,102,.18),0 12px 40px rgba(0,0,0,.3),0 0 120px rgba(255,180,80,.06);animation:streak-number-pop .48s cubic-bezier(.175,.885,.32,1.275)}.streak-hero-label{margin-top:8px;text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:#fff0db80}.streak-divider{margin:10px auto 0;width:64px;height:3px;border:0;border-radius:2px;background:linear-gradient(90deg,#4a9e6a,#f5f0e6 50%,#c45a3c);opacity:.5}.streak-modal-copy{margin:8px auto 0;max-width:26ch;font-size:1.02rem;color:#fff5e6b3}.streak-missed-copy{margin:6px auto 0;max-width:28ch;color:#fff5e6c7;line-height:1.45;position:relative;z-index:1}.streak-missed-copy-early{margin:10px auto 0;color:#fff5e6b3}.streak-missed-copy strong{color:#ffebba}.streak-action-row{margin-top:18px;position:relative;z-index:1}.share-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.share-button{min-height:64px;border-radius:18px;color:#fff9ef;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000002e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.share-button:hover,.encore-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 16px 32px #0000003d;filter:saturate(1.06)}.share-button-share{min-width:120px;background:#fff6e814;border:1px solid rgba(255,245,230,.12)}.share-button-copy{background:linear-gradient(135deg,#8a5a20,#d49a3b);color:#2b1606}.share-button-x{background:linear-gradient(135deg,#0f1720,#2f3640)}.share-button-whatsapp{background:linear-gradient(135deg,#1fa855,#43d97c)}.share-icon-row{margin-top:20px;display:flex;gap:10px;justify-content:center;position:relative;z-index:1}.share-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:12px;background:#fff6e814;color:#fff5e699;text-decoration:none;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.share-icon-button:hover{background:#fff6e829;color:#fff5e6e6;transform:translateY(-1px)}.share-fallback-menu{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;z-index:1;animation:modal-fade-in .16s ease}.encore-button{width:100%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:18px;padding:18px 28px 15px;font-weight:800;color:#1e140d;background:linear-gradient(135deg,#3fae68,#b8d4ba 22%,#f0ebe0 42%,#f0ebe0 58%,#d4a9a0 78%,#c45040);box-shadow:0 12px 28px #00000040,0 0 0 1px #ffffff14 inset;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.encore-button:hover{box-shadow:0 16px 36px #0000004d,0 0 0 1px #ffffff1f inset}.encore-button-main{font-size:1.05rem;color:#1e140d}.encore-button-sub{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#1e140d85}@keyframes streak-number-pop{0%{opacity:0;transform:translateY(18px) scale(.7)}50%{opacity:1;transform:translateY(-4px) scale(1.06)}75%{transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(12px) scale(.96)}60%{opacity:1;transform:translateY(-2px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}.error-text{margin:0 20px 20px;color:#ffb4a5}.leaderboard-card{padding:22px;position:sticky;top:20px}.leaderboard-header h3{font-size:1.7rem;line-height:1.05}.leaderboard-list{list-style:none;padding:0;margin:18px 0 12px;display:grid;gap:8px}.leaderboard-list li{display:block;padding:0;border:0;background:transparent;border-radius:0}.leaderboard-entry{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card-strong);border:1px solid rgba(255,245,230,.08);text-align:left;color:#f8f3e8}.leaderboard-entry.is-current{border-color:#ffd16666;background:#ffd16624}.rank{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:28px;border-radius:999px;background:#fff7e71a;font-weight:700;font-size:.92rem}.leader-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.96rem}.leaderboard-entry strong{justify-self:end;font-size:.95rem}.sidebar-note{margin:14px 4px 0;color:#fff5e8b3;font-size:.9rem}.player-chip{width:100%;margin-top:12px;padding:12px 14px;display:grid;gap:4px;text-align:left;border:1px solid rgba(255,245,230,.08);border-radius:14px;background:#fff7ea0d;color:#f8f3e8}.player-chip:hover{background:#fff7ea14}.player-chip-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#fff5e88a}.player-chip-name{font-size:.98rem;color:#ffebba}.sidebar-button{margin-top:14px}.about-layout{width:min(860px,100%);margin:0 auto}.insights-layout{width:min(1180px,100%);margin:0 auto}.about-card{padding:32px;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-card h1{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.about-card p{margin:0 0 14px;max-width:58ch;color:#fff5e6d6;font-size:1.02rem}.insights-card{padding:32px;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.insights-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.insights-card h1,.insights-panel h2{margin:0;font-family:Georgia,Times New Roman,serif}.insights-card h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1}.insights-subtitle{margin:12px 0 0;color:#fff5e6bd}.insights-empty{margin:28px 0 0;color:#fff5e6bd}.insights-error{margin:22px 0 0}.insights-summary-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.insight-stat,.insights-panel{border-radius:20px;background:#fff7ea0d;border:1px solid rgba(255,245,230,.08)}.insight-stat{padding:18px 20px}.insight-stat-label{display:block;margin-bottom:10px;color:#fff5e69e;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.insight-stat strong{font-size:clamp(1.8rem,4vw,2.7rem)}.insights-panels{margin-top:24px;display:grid;gap:20px}.insights-panel{padding:22px}.insights-panel-header{margin-bottom:16px}.insights-panel h2{font-size:clamp(1.4rem,3vw,2rem)}.day-list,.insight-item-list{display:grid;gap:10px}.day-row,.insight-item-row{border-radius:16px;background:#fff7ea0d;border:1px solid rgba(255,245,230,.08)}.day-row{padding:14px 16px;display:flex;justify-content:space-between;gap:12px}.insight-item-row{padding:14px 16px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}.insight-item-rank{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffd16626;color:#ffebba;font-weight:800}.insight-item-title,.insight-item-meta{margin:0}.insight-item-title{color:#fff2d4;font-weight:700}.insight-item-meta{margin-top:6px;color:#fff5e6ad}.about-mail{color:#ffebba;text-decoration-color:#ffebba73}.about-actions{margin-top:22px}@media (max-width: 980px){.quiz-layout{grid-template-columns:1fr}.leaderboard-card{position:static}.insights-summary-grid{grid-template-columns:1fr}}@media (max-width: 720px){.page-shell{padding:8px}.hero-image{height:120px}.hero-word-player,.hero-word-pasta{font-size:clamp(2rem,9vw,3rem)}.hero-word-player{left:5%;top:9%}.hero-word-or{top:46%;font-size:clamp(1.9rem,9.5vw,2.9rem)}.hero-word-pasta{right:5%;bottom:8%}.quiz-card{margin:0;padding:10px}.answer-row,.name-form{grid-template-columns:1fr;display:grid}.reveal-actions{flex-direction:column;align-items:flex-start}.score-single{width:100%;justify-content:space-between;min-height:72px}.question-block{padding:10px 0}.question-block h2{font-size:clamp(1.25rem,7.6vw,2.1rem)}.question-stack{gap:0}.about-link{margin-bottom:6px;font-size:.64rem}.answer-button.player,.answer-button.pasta{min-height:64px;padding:12px 14px}.score-single{min-height:64px;min-width:88px;padding:10px 12px;gap:4px}.score-single strong{font-size:2rem}.inline-reveal{margin-top:10px;min-height:48px;padding:10px 12px}.inline-reveal-copy,.inline-reveal-placeholder{font-size:.88rem;line-height:1.4}.question-line-secondary{font-size:.84em}.leaderboard-card{padding:16px}.leaderboard-header h3{font-size:1.45rem}.leaderboard-list{margin:14px 0 0;gap:6px}.leaderboard-entry{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:8px 10px;border-radius:12px}.rank{min-width:24px;min-height:24px;font-size:.84rem}.leader-name,.leaderboard-entry strong{font-size:.9rem}.insights-card,.about-card{padding:18px}.insights-header{flex-direction:column}.insight-item-row{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px}.insight-item-rank{width:36px;height:36px}.streak-modal{padding:28px 20px 24px}}