.quiz-page{max-width:1220px;margin:0 auto;padding:55px 32px 70px}.quiz-page [hidden]{display:none!important}.quiz-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.quiz-heading h1{font-size:clamp(2.4rem,4.6vw,4.1rem);line-height:1.12}.quiz-heading .eyebrow{margin-bottom:14px}.quiz-heading>p{max-width:330px;font-size:1rem;padding-bottom:7px}.quiz-rules-strip{display:flex;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding:19px 0;margin-bottom:34px;color:var(--muted);font-size:.85rem}.quiz-rules-strip b{font-size:1rem;color:var(--accent);margin-right:8px;font-variant-numeric:tabular-nums}.quiz-entry{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.quiz-card{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.quiz-card h2{font-size:1.9rem;margin-bottom:16px}.quiz-card .eyebrow{font-size:.65rem;margin-bottom:12px}.quiz-card p{font-size:.92rem}.quiz-page label{display:block;font-weight:600;font-size:.87rem;margin:22px 0 9px}.quiz-page label span{color:var(--muted);font-size:.77rem;font-weight:400;margin-left:6px}.quiz-page input{display:block;width:100%;min-width:0;background:#101c1b;border:1px solid #4c6158;border-radius:7px;padding:14px 16px;color:var(--text);font-size:1rem}.quiz-page input::placeholder{color:#9daea6}.quiz-page input:disabled{opacity:.6}.quiz-page button:disabled{opacity:.45;cursor:not-allowed;transform:none}.quiz-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quiz-card .quiz-actions{margin-top:24px}.quiz-card .button{flex:1;white-space:nowrap;padding:13px;font-size:.83rem;gap:8px}.quiz-how>h3{font-size:1.2rem;margin-bottom:12px}.quiz-how>p{font-size:.9rem}.quiz-deck{position:relative;width:300px;height:285px;margin:12px auto 35px}.quiz-deck-back{position:absolute;inset:6px 20px 10px 8px;transform:rotate(-11deg);border-radius:18px;border:1px solid #65805a;background:#2c4838;font-size:120px;text-align:center;color:#66815d;line-height:240px}.quiz-deck-front{position:absolute;inset:5px 0 5px 15px;transform:rotate(5deg);border-radius:18px;padding:27px;background:var(--accent);color:var(--dark);box-shadow:0 15px 40px #0004;display:flex;flex-direction:column;gap:20px}.quiz-deck-front small{font-size:.64rem;letter-spacing:.15em;font-weight:700}.quiz-deck-front strong{font-family:Manrope,sans-serif;font-size:1.85rem;letter-spacing:-.045em;line-height:1.1}.quiz-deck-front span{font-size:.76rem;line-height:1.5;max-width:175px}.quiz-deck-front b{font-size:.75rem;margin-top:auto}.quiz-rules{margin-top:40px;border:1px solid var(--line);border-radius:9px;padding:0 20px}.quiz-rules summary{padding:18px 0;font-size:.9rem;cursor:pointer}.quiz-rules>div{padding:0 0 20px}.quiz-rules p{font-size:.87rem;margin:10px 0}.quiz-notice{padding:14px 18px;border-radius:8px;border:1px solid #678f49;background:#bbee7610;margin-bottom:22px;color:var(--text);overflow-wrap:anywhere;font-size:.9rem}.quiz-notice.quiz-error{border-color:#b5746c;background:#e3827710}.quiz-room-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:5px 0 26px}.quiz-room-bar>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quiz-room-bar strong{font-size:.9rem}.quiz-room-bar .button{min-height:36px;font-size:.76rem;padding:9px 12px}.quiz-live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}#quiz-connection{color:var(--muted);font-size:.72rem}#quiz-connection.quiz-offline{color:var(--gold)}.quiz-progress{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 26px}.quiz-progress li{flex:1;border-top:3px solid var(--line);padding-top:10px;color:var(--muted);font-size:.74rem}.quiz-progress span{font-variant-numeric:tabular-nums;margin-right:8px;color:#7b9185}.quiz-progress li.current{border-color:var(--accent);color:var(--text)}.quiz-progress li.current span,.quiz-progress li.done span{color:var(--accent)}.quiz-progress li.done{border-color:#749651}.quiz-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.quiz-board{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;transition:border-color .2s}.quiz-board.quiz-my-turn{border-color:var(--accent)}.quiz-board>.eyebrow{margin-bottom:18px;font-size:.68rem}.quiz-board h2{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.15;margin-bottom:16px;overflow-wrap:anywhere}.quiz-board>p:not(.eyebrow){font-size:.91rem;line-height:1.6}.quiz-board-meta{font-size:.73rem;color:var(--muted);margin-top:18px}.quiz-turn-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;font-size:.91rem}.quiz-my-turn .quiz-turn-row strong{color:var(--accent)}#quiz-clock{flex-shrink:0;padding:7px 10px;border:1px solid #58793e;border-radius:6px;background:#bbee7609;color:var(--accent);font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}#quiz-clock.urgent{color:#ffd0b9;border-color:#b87d60;background:#ffb8a614}.quiz-answer-line{display:flex;gap:10px}.quiz-answer-line .button{flex-shrink:0;font-size:.83rem;gap:8px;padding:12px}.quiz-text-button{border:0;background:none;color:var(--muted);padding:14px 0 0;font-size:.78rem;text-decoration:underline;text-underline-offset:3px}.quiz-scoreboard{border:1px solid var(--line);border-radius:16px;padding:26px 20px;background:#14221f}.quiz-scoreboard>.eyebrow{font-size:.65rem;margin-bottom:8px}.quiz-scoreboard>h3{font-size:1.2rem}.quiz-scoreboard>p:last-child{font-size:.74rem;line-height:1.6;border-top:1px solid var(--line);padding-top:18px}#quiz-players{padding:0;list-style:none;margin:22px 0}#quiz-players li{display:flex;align-items:center;gap:12px;padding:12px 8px;margin:3px -7px;border-radius:8px;border:1px solid transparent}#quiz-players li.active{border-color:#627c48;background:#bbee760b}#quiz-players li.left{opacity:.55}.quiz-avatar{flex-shrink:0;display:grid;place-items:center;border-radius:10px;width:36px;height:36px;background:#314439;color:var(--accent);font-weight:700}#quiz-players li>div{min-width:0;flex:1}#quiz-players strong{display:block;font-size:.86rem;overflow-wrap:anywhere}#quiz-players strong small{font-size:.6rem;font-weight:400;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 3px}#quiz-players li>b{font-size:1.2rem;font-variant-numeric:tabular-nums;text-align:center}#quiz-players li>b small{display:block;font-size:.56rem;font-weight:400;color:var(--muted)}.quiz-hearts{display:block;letter-spacing:3px;color:#f4b4a7;font-size:.85rem;margin-top:5px}.quiz-hearts>span{color:#77857c}.quiz-section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.quiz-section-label h3{font-size:1rem}.quiz-section-label>span{font-size:.71rem;color:var(--muted)}.quiz-page code{color:var(--accent)}
@media(max-width:1000px){.quiz-heading{align-items:flex-start}.quiz-heading>p{max-width:255px}.quiz-entry{gap:30px}.quiz-card{padding:26px}.quiz-card .quiz-actions{flex-direction:column;align-items:stretch}.quiz-play-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.quiz-board{padding:26px}.quiz-answer-line{flex-direction:column}.header{gap:14px}nav{gap:18px}}
@media(max-width:700px){.quiz-page{padding:30px 20px 45px}.quiz-heading{display:block}.quiz-heading>p{margin-top:20px;max-width:none;font-size:.9rem}.quiz-rules-strip{display:grid;grid-template-columns:1fr 1fr;font-size:.73rem;row-gap:16px}.quiz-rules-strip b{font-size:.86rem}.quiz-entry{grid-template-columns:1fr;gap:40px}.quiz-deck{width:260px;height:255px;margin-top:0}.quiz-deck-front{gap:14px}.quiz-deck-front strong{font-size:1.65rem}.quiz-how{text-align:center}.quiz-deck{text-align:left}.quiz-card .quiz-actions{gap:12px}.quiz-room-bar{align-items:flex-start;flex-direction:column;gap:14px}.quiz-play-layout{grid-template-columns:1fr}.quiz-scoreboard{order:1}.quiz-progress li{font-size:.65rem}.quiz-progress span{display:block;margin:0 0 4px}.quiz-board{padding:24px 20px}.quiz-board h2{font-size:1.9rem}.quiz-board-meta{line-height:1.6}.quiz-answer-line{flex-direction:column}.quiz-answer-line .button{width:100%}.quiz-card{padding:25px 22px}.quiz-card h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.quiz-board,}
/* The picture board becomes the focus once the lobby starts. */
.quiz-page.quiz-in-game{padding-top:24px}.quiz-in-game>.quiz-heading,.quiz-in-game>.quiz-rules-strip{display:none}.quiz-in-game .quiz-board{padding:24px}.quiz-in-game .quiz-board>.eyebrow{margin-bottom:10px}.quiz-in-game .quiz-board h2{font-size:clamp(1.65rem,2.6vw,2.3rem);margin-bottom:10px}.quiz-in-game .quiz-board-meta{margin-top:10px}.quiz-answer-dock{margin-top:20px}.quiz-answer-dock .quiz-turn-row{margin-top:0}.quiz-answer-dock label{margin:13px 0 7px}.quiz-answer-dock>.button{margin-top:18px}.quiz-feedback{margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}.quiz-feedback.correct{color:var(--accent);border-color:#58793e;background:#bbee7609}.quiz-feedback.incorrect{color:#ffb8a6;border-color:#916055;background:#ffb8a609}
.quiz-reveal-board{margin-top:24px;padding:18px;background:#10271d;border:1px solid #50703d;border-radius:10px;box-shadow:inset 0 2px 0 #87b44c16}.quiz-reveal-board .quiz-section-label{margin-bottom:14px}.quiz-reveal-board .eyebrow{font-size:.56rem;letter-spacing:.13em;color:#a8c68c;margin:0 0 6px}.quiz-reveal-board h3{font-size:1.15rem}.quiz-reveal-board .quiz-section-label>span{white-space:nowrap;color:var(--accent);font-variant-numeric:tabular-nums}.quiz-answer-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px;list-style:none;margin:0;padding:2px 5px 3px 2px;max-height:min(58vh,650px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#698c4b #142b20}.quiz-answer-cards:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.quiz-answer-card{min-width:0;min-height:128px;padding:9px 5px 8px;border:1px solid #709653;border-radius:6px;background:#20362b;text-align:center;box-shadow:inset 0 -3px 0 #0002}.quiz-answer-card.concealed{display:grid;place-items:center;border-style:dashed;border-color:#435e3d;background:repeating-linear-gradient(135deg,#1a2c2300,#1a2c2300 8px,#99ba7910 8px,#99ba7910 9px),#17281f;color:#93ac77}.quiz-answer-card.concealed>span{font-family:Manrope,sans-serif;font-weight:800;font-size:2.1rem}.quiz-answer-art{position:relative;display:grid;place-items:center;width:88px;height:88px;max-width:100%;margin:0 auto 7px;color:var(--accent);font-size:1.8rem}.quiz-answer-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;background:#20362b}.quiz-answer-art img.quiz-image-loaded{opacity:1}.quiz-answer-card strong{display:block;font-size:.74rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere;color:var(--text)}
.quiz-image-credits{display:block;width:fit-content;margin:10px 0 0 auto;color:var(--muted);font-size:.65rem;text-underline-offset:3px}.quiz-image-credits:hover,.quiz-image-credits:focus-visible{color:var(--accent)}
@media(min-width:1001px){.quiz-in-game .quiz-play-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}}
@media(max-width:700px){.quiz-page.quiz-in-game{padding:18px 12px 40px}.quiz-in-game .quiz-board{padding:18px 14px}.quiz-in-game .quiz-room-bar{margin-bottom:18px}.quiz-in-game .quiz-progress{margin-bottom:18px}.quiz-reveal-board{padding:12px 9px;margin-top:20px}.quiz-reveal-board h3{font-size:1.05rem}.quiz-answer-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:52vh}.quiz-answer-card{min-height:108px;padding:7px 3px}.quiz-answer-art{width:72px;height:72px}.quiz-answer-card strong{font-size:.67rem}.quiz-feedback{font-size:.78rem}}