: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:#08060557}.result-modal,.name-modal{width:min(560px,100%);padding:22px 24px 24px;border-radius:24px;box-shadow:0 24px 80px #0000006b;animation:modal-pop-in .14s ease}.result-modal{background:linear-gradient(180deg,#fff7ea12,#1c1410f5),#140e0bf5;border:1px solid rgba(255,240,219,.18);position:relative;overflow:hidden}.result-modal.correct{box-shadow:0 24px 80px #0b5c267a,0 0 0 1px #7bffa924;border-color:#7bffa96b}.result-modal.correct:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(123,255,169,.26),transparent 42%),radial-gradient(circle at bottom right,rgba(72,201,120,.16),transparent 34%),linear-gradient(180deg,rgba(72,201,120,.12),transparent 52%);pointer-events:none}.result-modal.wrong{box-shadow:0 24px 80px #74251675;border-color:#e76f5157}.result-modal.wrong:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(231,111,81,.2),transparent 42%),repeating-linear-gradient(135deg,transparent 0 16px,rgba(231,111,81,.06) 16px 26px);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)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}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}.sidebar-button{margin-top:14px}.about-layout{width:min(860px,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}.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}}@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}}