:root{--cream:#f3e6cf;--cream-2:#ecdab8;--paper:#f9eed7;--ink:#1a1414;--ink-soft:#4a3a30;--muted:#1a14149e;--pink:#ff4d8d;--pink-deep:#d62a6a;--cobalt:#4353df;--cobalt-deep:#2a37a8;--teal:#16b5a6;--teal-deep:#0a8278;--sun:#ffc233;--sun-deep:#d89908;--red:#e0202e;--red-deep:#a01220;--green:#1fa033;--green-deep:#117022;--ans-a:var(--pink);--ans-a-deep:var(--pink-deep);--ans-b:var(--cobalt);--ans-b-deep:var(--cobalt-deep);--ans-c:var(--sun);--ans-c-deep:var(--sun-deep);--ans-d:var(--teal);--ans-d-deep:var(--teal-deep);--card:#1a14140a;--card-2:var(--paper);--rule:var(--ink);--radius:18px;--radius-sm:10px;--font-display:"Bricolage Grotesque", "Archivo", system-ui, sans-serif;--font-body:"Bricolage Grotesque", system-ui, sans-serif;--font-hand:"Caveat", "Comic Sans MS", cursive;--font-mono:"DM Mono", ui-monospace, "Courier New", monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:500;position:relative;overflow-x:hidden}::selection{background:var(--pink);color:var(--cream)}button{font:inherit;cursor:pointer}.bg-fx{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-shape{font-family:var(--font-display);color:var(--ink);opacity:.16;user-select:none;font-weight:900;position:absolute}.bg-shape-1{color:var(--pink);opacity:.35;font-size:5rem;top:8%;left:6%;transform:rotate(-12deg)}.bg-shape-2{color:var(--cobalt);opacity:.45;font-size:4rem;font-family:var(--font-mono);letter-spacing:-.1em;top:22%;right:8%;transform:rotate(8deg)}.bg-shape-3{color:var(--sun);opacity:.55;font-size:3.2rem;top:50%;left:3%;transform:rotate(-6deg)}.bg-shape-4{color:var(--teal);opacity:.45;font-size:4.4rem;top:62%;right:4%;transform:rotate(14deg)}.bg-shape-5{color:var(--cobalt);opacity:.4;font-size:3.6rem;top:80%;left:12%;transform:rotate(-20deg)}.bg-shape-6{color:var(--pink);opacity:.45;font-size:2.6rem;font-family:var(--font-mono);letter-spacing:-.1em;top:90%;right:18%;transform:rotate(10deg)}.bg-halftone{opacity:.5;background-image:radial-gradient(#1a141424 1px,#0000 1.3px);background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(75% 60% at 50% 40%,#000 0%,#0000 75%)}.bg-grain{opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.65'/%3E%3C/svg%3E");position:absolute;inset:0}.marquee{z-index:5;background:var(--ink);color:var(--cream);border-bottom:3px solid var(--ink);white-space:nowrap;padding:8px 0;display:flex;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.mq-tag{font-family:var(--font-mono);letter-spacing:.08em;flex:none;padding-right:6px;font-size:.78rem;font-weight:700;animation:28s linear infinite scroll}.mq-tag .pink,.mq-tag:empty{color:var(--pink)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.footstamp{z-index:5;border-top:3px solid var(--ink);background:var(--cream);justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding:18px 24px;display:flex;position:relative}.foot-scribble{font-family:var(--font-hand);color:var(--pink);font-size:1.5rem;font-weight:700;transform:rotate(-3deg)}.foot-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem}@media (width<=540px){.footstamp{text-align:center;flex-direction:column;gap:6px}}.page{z-index:2;gap:26px;max-width:1140px;margin:0 auto;padding:36px 22px 64px;display:grid;position:relative}.panel{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:8px 8px 0 var(--ink);padding:34px;position:relative}.panel:before{content:"✦";color:var(--pink);text-shadow:3px 3px 0 var(--ink);font-size:2.4rem;line-height:1;position:absolute;top:-22px;right:24px;transform:rotate(15deg)}.hero{text-align:center;padding-top:30px;padding-bottom:38px}.quiz-page{z-index:2;flex-direction:column;min-height:100dvh;display:flex;position:relative}@keyframes popin{0%{opacity:0;transform:translateY(12px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.reveal{opacity:0;animation:.55s cubic-bezier(.2,.75,.2,1) forwards popin}.quiz-logo{font-family:var(--font-display);letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);text-align:center;margin:0 0 8px;font-size:clamp(2.8rem,11vw,5.8rem);font-weight:900;line-height:.95}.quiz-logo span{font-family:var(--font-hand);color:var(--pink);letter-spacing:0;text-transform:none;font-size:1.05em;font-weight:700;display:inline-block;transform:rotate(-4deg)translateY(.05em)}.quiz-subtitle{color:var(--ink-soft);font-family:var(--font-hand);max-width:48ch;margin:0 auto 28px;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:500;line-height:1.2;transform:rotate(-.6deg)}.alert{background:var(--ink);color:var(--cream);border:3px solid var(--ink);border-radius:var(--radius-sm);max-width:520px;box-shadow:5px 5px 0 var(--pink);margin:0 auto 22px;padding:12px 18px;font-size:.94rem;font-weight:600}.auth-zone{max-width:480px;margin:0 auto}.auth-title{font-family:var(--font-hand);color:var(--ink);margin:0 0 18px;font-size:1.4rem;font-weight:700;transform:rotate(-1deg)}.login-buttons{text-align:center;flex-direction:column;align-items:stretch;gap:14px;display:flex}.login-btn{border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.01em;color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);justify-content:center;align-items:center;gap:10px;padding:16px 22px;font-size:1.04rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .1s;display:inline-flex}.login-btn:hover{filter:brightness(1.06);box-shadow:8px 8px 0 var(--ink);transform:translate(-3px,-3px)rotate(-1deg)}.login-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.login-twitch{background:#9146ff}.login-kick{color:#08120a;background:#53fc18}.login-guest{background:var(--cream);color:var(--ink)}.logged-in{flex-direction:column;align-items:center;gap:22px;display:flex}.mini-user{align-items:center;gap:12px;display:flex}.mini-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:700}.mini-name{font-family:var(--font-display);font-weight:800}.auth-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.avatar{object-fit:cover;border:3px solid var(--ink);width:48px;height:48px;box-shadow:3px 3px 0 var(--pink);border-radius:999px}.avatar-fallback{background:var(--pink);color:var(--cream);font-family:var(--font-display);justify-content:center;align-items:center;font-weight:900;display:inline-flex}.quiz-card{background:var(--cream);border:3px solid var(--ink);border-radius:var(--radius);text-align:left;max-width:580px;box-shadow:6px 6px 0 var(--cobalt);margin:0 auto 24px;padding:28px 26px;position:relative}.quiz-card:after{content:"★";background:var(--sun);color:var(--ink);border:3px solid var(--ink);width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);border-radius:999px;place-items:center;font-size:1.2rem;display:grid;position:absolute;top:-20px;left:24px;transform:rotate(-12deg)}.quiz-field-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--cobalt);margin:6px 0 14px;font-size:.82rem;font-weight:800;display:block}.quiz-categories{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.chip{border:2.5px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;border-radius:999px;padding:8px 15px;font-size:.94rem;font-weight:700;transition:transform .12s,background .12s,color .12s}.chip:hover{background:var(--cream-2);transform:translateY(-2px)rotate(-1.5deg)}.chip-on{background:var(--ink);color:var(--cream);transform:rotate(-1.5deg)}.chip-on:hover{background:var(--pink);color:var(--cream)}.quiz-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.quiz-check{font-family:var(--font-display);cursor:pointer;align-items:center;gap:9px;font-size:.96rem;font-weight:700;display:inline-flex}.quiz-check input{width:20px;height:20px;accent-color:var(--pink)}.toggle{background:var(--paper);border:2.5px solid var(--ink);color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:700}.toggle[aria-pressed=true]{background:var(--sun);color:var(--ink)}.btn-start{background:var(--pink);color:var(--cream);border:3px solid var(--ink);border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-align:center;box-shadow:6px 6px 0 var(--ink);margin:0 auto;padding:16px 42px;font-size:1.15rem;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .1s;display:block}.btn-start:hover{filter:brightness(1.06);box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)rotate(-1.5deg)}.btn-start:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn-ghost{background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-align:center;box-shadow:5px 5px 0 var(--ink);padding:14px 28px;font-size:.94rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-block}.btn-ghost:hover{box-shadow:7px 7px 0 var(--ink);background:var(--teal);color:var(--cream);border-color:var(--ink);transform:translate(-2px,-2px)rotate(1.5deg)}.btn-quiet{background:var(--cream);border:2.5px solid var(--ink);color:var(--ink);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700;transition:background .12s,color .12s}.btn-quiet:hover{background:var(--ink);color:var(--cream)}.btn-next{background:var(--sun);color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;box-shadow:5px 5px 0 var(--ink);margin:26px auto 0;padding:15px 42px;font-size:1.04rem;font-weight:900;animation:.4s cubic-bezier(.2,.75,.2,1) popin;display:block}.quiz-hint{text-align:center;max-width:580px;color:var(--ink-soft);font-family:var(--font-hand);margin:18px auto 0;font-size:1.1rem;transform:rotate(-.5deg)}.quiz-faq{flex-direction:column;gap:10px;max-width:580px;margin:20px auto 0;display:flex}.quiz-help{color:var(--ink-soft);border:2.5px solid var(--ink);border-radius:var(--radius-sm);text-align:left;background:var(--cream);box-shadow:3px 3px 0 var(--cobalt);margin-top:12px;padding:14px 18px;font-size:.94rem;transition:transform .12s}.quiz-help[open]{box-shadow:4px 4px 0 var(--cobalt);transform:translate(-1px,-1px)}.quiz-help summary{cursor:pointer;color:var(--ink);font-weight:800;font-family:var(--font-display);letter-spacing:-.01em;font-size:.96rem;list-style:none}.quiz-help summary::-webkit-details-marker{display:none}.quiz-help summary:before{content:"✚ ";color:var(--pink);font-weight:900}.quiz-help[open] summary:before{content:"✕ ";color:var(--cobalt)}.quiz-help p{margin:8px 0 0;line-height:1.55}.quiz-help-formula{font-family:var(--font-mono);color:var(--cobalt);background:var(--paper);border-radius:var(--radius-sm);padding:2px 7px;font-size:.92em;font-weight:700}.quiz-guest{color:var(--ink-soft);text-align:center;max-width:580px;margin:4px auto;font-size:.96rem;line-height:1.5}.quiz-guest a{color:var(--pink);text-underline-offset:3px;font-weight:800;text-decoration:underline 2.5px}.quiz-guest b{color:var(--ink);background:var(--sun);border-radius:var(--radius-sm);padding:1px 6px;font-weight:800}.quiz-user{font-family:var(--font-display);align-items:center;gap:10px;font-weight:800;display:inline-flex}.quiz-provider{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:4px 9px;font-size:.66rem;font-weight:700}.provider-twitch{color:#fff;background:#9146ff}.provider-kick{color:#08120a;background:#53fc18}#quiz-game{flex-direction:column;flex:1 1 0;gap:1%;width:100%;max-width:960px;height:100dvh;min-height:0;margin:0 auto;padding:20px 22px 26px;display:flex;overflow:hidden auto}#quiz-game .quiz-header,#quiz-game .quiz-progressbar,#quiz-game .quiz-answers,#quiz-game .feedback-row,#quiz-game .feedback,#quiz-game .btn-next{flex:none}#quiz-game .quiz-stage{flex:1 1 0;justify-content:center;min-height:0;margin:0;overflow:hidden}.quiz-header{border-bottom:3px dashed var(--ink);justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.quiz-score{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.84rem;font-weight:700}.quiz-score b{color:var(--ink);font-family:var(--font-display);font-size:1.2rem;font-weight:900}.quiz-progress{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:.96rem;font-weight:800}.quiz-progressbar{background:var(--cream-2);border:2.5px solid var(--ink);border-radius:999px;height:12px;margin-bottom:22px;position:relative;overflow:hidden}.quiz-progressbar-fill{background:repeating-linear-gradient(45deg, var(--pink), var(--pink) 10px, var(--pink-deep) 10px, var(--pink-deep) 20px);height:100%;transition:width .3s}.quiz-stage{text-align:center;flex-direction:column;align-items:center;gap:18px;margin:8px 0 26px;display:flex;position:relative}.timer{border:3px solid var(--ink);background:var(--paper);width:108px;height:108px;box-shadow:5px 5px 0 var(--ink);border-radius:999px;place-items:center;display:grid;position:relative}.timer svg{width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;inset:-3px}.timer-ring{fill:none;stroke:#1a141414;stroke-width:6px}.timer-ring-val{fill:none;stroke:var(--cobalt);stroke-width:6px;stroke-linecap:round;stroke-dasharray:289.03;transform-origin:50%;transition:stroke .3s,stroke-dashoffset .1s linear;transform:rotate(-90deg)}.timer[data-warn=true] .timer-ring-val{stroke:var(--sun)}.timer[data-danger=true] .timer-ring-val{stroke:var(--pink);animation:.55s ease-in-out infinite tickpulse}@keyframes tickpulse{0%,to{opacity:1}50%{opacity:.5}}.timer span{z-index:2;font-family:var(--font-display);color:var(--ink);font-size:2.1rem;font-weight:900;position:relative}.timer[data-danger=true] span{color:var(--pink)}.quiz-question{font-family:var(--font-display);max-width:800px;color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.4rem,4.4vw,2.2rem);font-weight:800;line-height:1.18}.quiz-tag{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;background:var(--sun);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:700;transform:rotate(-1.5deg)}.quiz-answers{grid-template-columns:1fr 1fr;gap:18px;margin-top:auto;display:grid}#quiz-game .quiz-answers{margin-top:14px}.answer-btn{border:3px solid var(--ink);border-radius:var(--radius);color:var(--cream);font-family:var(--font-display);letter-spacing:-.01em;text-align:left;box-shadow:6px 6px 0 var(--ink);align-items:center;gap:16px;min-height:92px;padding:18px 20px;font-size:clamp(1rem,2.5vw,1.22rem);font-weight:800;transition:transform .12s,box-shadow .12s,filter .15s;animation:.45s cubic-bezier(.2,.75,.2,1) both popin;display:flex;position:relative;overflow:hidden}.answer-btn:first-child{animation-delay:40ms;transform:rotate(-1deg)}.answer-btn:nth-child(2){animation-delay:.1s;transform:rotate(1deg)}.answer-btn:nth-child(3){animation-delay:.16s;transform:rotate(-.6deg)}.answer-btn:nth-child(4){animation-delay:.22s;transform:rotate(.8deg)}.answer-btn:hover:not(:disabled){box-shadow:9px 9px 0 var(--ink);filter:brightness(1.07);transform:translate(-3px,-3px)rotate(0)scale(1.02)}.answer-btn:disabled{cursor:default}.answer-btn.correct:disabled,.answer-btn.wrong:disabled{opacity:1}.answer-0{background:var(--ans-a)}.answer-1{background:var(--ans-b)}.answer-2{background:var(--ans-c);color:var(--ink)}.answer-3{background:var(--ans-d)}.answer-letter{font-family:var(--font-display);background:var(--cream);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;font-weight:900;display:inline-flex}.answer-btn.correct{z-index:5;animation:.5s cubic-bezier(.2,.75,.2,1) pop;transform:scale(1.04);border-color:var(--green)!important}.answer-btn.correct .answer-letter{background:var(--green);color:#fff;border-color:var(--green)}.answer-btn.wrong{z-index:5;animation:.45s shake;border-color:var(--red)!important}.answer-btn.wrong .answer-letter{background:var(--red);color:#fff;border-color:var(--red)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.07)rotate(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(-10px)rotate(-1deg)}36%{transform:translate(10px)rotate(1deg)}54%{transform:translate(-6px)rotate(-.5deg)}72%{transform:translate(6px)rotate(.5deg)}90%{transform:translate(-3px)}}.feedback{font-family:var(--font-display);letter-spacing:-.01em;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:12px 20px;font-size:1.05rem;font-weight:800;transform:rotate(-1deg)}.feedback b{font-family:var(--font-display)}.feedback-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:64px;margin-top:6px;display:flex}.feedback-row:empty{visibility:hidden;visibility:hidden}.feedback-row .feedback{flex:auto;min-width:0;margin-top:0;animation:.3s popin}.feedback-row .btn-next{flex:none;margin:0;animation:.3s 50ms both popin}.feedback-ok{background:var(--teal);color:var(--cream)}.feedback-ok b{color:var(--sun)}.feedback-no{background:var(--pink);color:var(--cream)}.feedback-no b{color:var(--sun)}.quiz-results{text-align:center;justify-content:center;align-items:center;gap:12px}.results-title{font-family:var(--font-hand);color:var(--cobalt);margin:0;font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:700;transform:rotate(-2deg)}.results-score{font-family:var(--font-display);color:var(--pink);letter-spacing:-.05em;text-shadow:6px 6px 0 var(--ink);font-size:clamp(4.8rem,18vw,7.5rem);font-weight:900;line-height:.92}.results-detail{font-family:var(--font-hand);color:var(--ink-soft);font-size:1.3rem;font-weight:500}.results-podium{margin:22px 0}.podium-medal{filter:drop-shadow(4px 4px 0 var(--ink));font-size:4rem;display:inline-block}.podium-text{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-size:1.2rem;font-weight:900;display:inline-block;transform:rotate(-1.5deg)}.results-save{margin:14px 0}.results-save-box{flex-direction:column;align-items:center;gap:10px;margin:6px 0;display:flex}#q-banner .results-save-ok{margin-top:4px}#q-banner .results-save-rank{font-size:1.05rem}.modal-backdrop{z-index:1000;background:#1a141480;justify-content:center;align-items:center;padding:16px;animation:.25s popin;display:flex;position:fixed;inset:0}.modal{text-align:center;background:var(--cream);border:3px solid var(--ink);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:8px 8px 0 var(--pink);flex-direction:column;gap:14px;padding:32px 28px;display:flex;position:relative}.modal:before{content:"★";background:var(--sun);color:var(--ink);border:3px solid var(--ink);width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);border-radius:999px;place-items:center;font-size:1.2rem;display:grid;position:absolute;top:-20px;left:24px;transform:rotate(-12deg)}.modal-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:1.55rem;font-weight:900}.modal .quiz-guest b{color:var(--pink)}.modal-actions{flex-direction:column;gap:12px;display:flex}.results-save-ok{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:900}.results-save-ok b{color:var(--pink)}.results-save-rank{color:var(--ink-soft);font-family:var(--font-hand);font-size:1.1rem;font-weight:500}.results-save-rank b{color:var(--cobalt);font-family:var(--font-display)}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.lb-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);border-bottom:3px dashed var(--ink);align-items:center;gap:12px;margin:0 0 22px;padding-bottom:14px;font-size:1.4rem;font-weight:900;display:flex}.lb-title:before{content:"★";color:var(--pink);font-size:1.2em}.lb-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lb-row{background:var(--cream);grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;padding:12px 16px 12px 14px;transition:transform .14s,box-shadow .14s,background .14s;display:grid;position:relative}.lb-row.lb-top .lb-score{color:var(--pink);font-family:var(--font-display);font-size:1.18rem}.lb-rank{min-width:38px;font-family:var(--font-display);letter-spacing:-.03em;color:var(--cobalt);flex:none;justify-content:center;align-items:baseline;font-size:1.5rem;font-weight:900;display:inline-flex;position:relative}.lb-rank-suffix{font-family:var(--font-mono);opacity:.55;margin-left:1px;font-size:.5em;font-weight:700}.lb-row.lb-top-1 .lb-rank{color:var(--sun);font-size:1.9rem;transform:rotate(-4deg)}.lb-row.lb-top-1 .lb-rank-suffix{opacity:.7}.lb-row.lb-top-2 .lb-rank{color:#c9ccd0;font-size:1.75rem;transform:rotate(3deg)}.lb-row.lb-top-3 .lb-rank{color:#d99058;font-size:1.65rem;transform:rotate(-2deg)}.lb-avatar{object-fit:cover;border:2.5px solid var(--ink);border-radius:999px;flex:none;width:42px;height:42px}.lb-avatar-fallback{background:var(--pink);width:42px;height:42px;color:var(--cream);font-family:var(--font-display);border:2.5px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:inline-flex}.lb-name{font-family:var(--font-display);letter-spacing:-.01em;word-break:break-word;color:var(--ink);min-width:0;font-size:1rem;font-weight:700}.lb-score{font-family:var(--font-mono);color:var(--cobalt);white-space:nowrap;text-align:right;font-size:1.08rem;font-weight:700}.lb-score:after{content:" pts";opacity:.6;font-size:.7em;font-weight:500}.lb-you{max-width:560px;color:var(--ink-soft);text-align:center;font-family:var(--font-hand);border-top:2px dashed var(--ink);margin:22px auto 0;padding:10px 14px;font-size:1.2rem;font-weight:500;transform:rotate(-.5deg)}.lb-you b{color:var(--pink);font-family:var(--font-display);font-weight:900}@media (width>=880px){.page{grid-template-columns:1.1fr .9fr;align-items:start}}@media (width<=540px){.panel{box-shadow:5px 5px 0 var(--ink);padding:24px 18px}.quiz-card{box-shadow:4px 4px 0 var(--cobalt);padding:24px 20px}.bg-shape-3,.bg-shape-5{display:none}.answer-btn{min-height:64px;padding:12px 14px}}@media (height<=720px){.quiz-screen{padding:14px 18px 16px}.quiz-header{margin-bottom:10px;padding-bottom:8px}.quiz-progressbar{margin-bottom:14px}.quiz-stage{gap:12px;margin:4px 0 16px}.timer{width:84px;height:84px;box-shadow:4px 4px 0 var(--ink)}.timer span{font-size:1.7rem}.answer-btn{min-height:64px;box-shadow:4px 4px 0 var(--ink);padding:14px 16px}.answer-btn:hover:not(:disabled){box-shadow:6px 6px 0 var(--ink)}.answer-letter{width:34px;height:34px;font-size:1rem}.feedback-row{min-height:52px;margin-top:12px}}@media (height<=560px){.quiz-screen{padding:10px 16px 12px}.quiz-header{margin-bottom:8px;padding-bottom:6px}.quiz-progressbar{height:8px;margin-bottom:10px}.quiz-stage{gap:10px;margin:2px 0 12px}.timer{width:64px;height:64px}.timer span{font-size:1.3rem}.quiz-question{font-size:1.25rem}.answer-btn{min-height:54px;box-shadow:3px 3px 0 var(--ink);gap:10px;padding:10px 14px}.answer-letter{width:30px;height:30px;font-size:.92rem}.feedback-row{min-height:42px;margin-top:8px}.feedback{padding:8px 14px;font-size:.92rem}.btn-next{padding:11px 30px}}@media (width<=380px){.quiz-answers{grid-template-columns:1fr}.answer-btn{min-height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.mq-tag{animation:none!important}.reveal{opacity:1;transform:none}.answer-btn:first-child,.answer-btn:nth-child(2),.answer-btn:nth-child(3),.answer-btn:nth-child(4){transform:none}}