#quiz-root{position:fixed;right:24px;bottom:calc(var(--controls-gap, 150px) + 12px);z-index:35;width:min(420px,calc(100vw - 24px));pointer-events:none}#quiz-root button,#quiz-root input{font:inherit}#quiz-root button{cursor:pointer;min-height:44px}#quiz-root button:disabled{cursor:default;opacity:.55}.quiz-launchers{display:flex;gap:8px}.quiz-launch{font:inherit;font-family:Mali,Anuphan,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.5rem 1rem;border:var(--ink-w) solid var(--ink);border-radius:var(--radius);cursor:pointer;background:var(--paper-2);color:var(--ink);font-weight:500!important;white-space:nowrap;box-shadow:0 3px 0 var(--ink);transition:background-color .18s var(--ease),transform .14s var(--ease),box-shadow .14s var(--ease)}.quiz-launch--primary{background:var(--logo-ground);color:var(--ink);border-color:var(--vermilion);box-shadow:0 4px 0 var(--vermilion)}.quiz-launch--primary:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--vermilion)}.quiz-launch--primary:active{transform:translateY(4px);box-shadow:0 0 0 var(--vermilion)}.quiz-launch__icon{font-size:1.05rem;line-height:1}.quiz-launch__text{font-size:1.1em}.quiz-launch--alert{box-shadow:0 4px 0 var(--vermilion),0 0 color-mix(in oklch,var(--vermilion) 70%,transparent);animation:quiz-knock 1.6s var(--ease) infinite}@keyframes quiz-knock{0%,62%,to{box-shadow:0 4px 0 var(--vermilion),0 0 color-mix(in oklch,var(--vermilion) 60%,transparent)}30%{box-shadow:0 4px 0 var(--vermilion),0 0 0 10px color-mix(in oklch,var(--vermilion) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.quiz-launch--alert{animation:none}}.quiz-launch--alert:active{box-shadow:0 0 0 var(--vermilion)}.quiz-header-actions{display:flex;gap:8px;flex:0 0 auto}.quiz-panel{position:absolute;bottom:0;left:0;width:100%;max-height:calc(100dvh - var(--controls-gap, 150px) - 36px);overflow-y:auto;overscroll-behavior:contain;border:var(--ink-w) solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);pointer-events:auto;box-shadow:var(--paper-lift)}.quiz-panel{overflow-x:hidden;touch-action:pan-y}.quiz-header>*,.quiz-body>*,.rps-reveal>*,.quiz-score>*{min-width:0}.rps-art{max-width:100%}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--line)}.quiz-header h2{font-family:Mali,Anuphan,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.3}.quiz-icon{flex:0 0 44px;width:44px;height:44px;border:var(--ink-w) solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 2px 0 var(--ink)}.quiz-icon:hover{background:var(--sun)}.quiz-icon:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.quiz-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px}.quiz-lead{font-size:1rem;font-weight:500;line-height:1.5}.quiz-muted{color:var(--ink-2);font-size:.88rem}.quiz-fine{color:var(--ink-2);font-size:.76rem}.quiz-fine a{color:var(--vermilion-lo);text-decoration:underline}.quiz-clock{font-variant-numeric:tabular-nums}.quiz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quiz-peek{display:flex;gap:6px}.quiz-peek .rps-art{width:44px;height:auto;aspect-ratio:1}.quiz-peek .rps-art:nth-child(1){rotate:-8deg}.quiz-peek .rps-art:nth-child(3){rotate:8deg}.quiz-panel--challenged{border-color:var(--vermilion);box-shadow:0 6px 0 var(--vermilion)}.quiz-challenged{display:flex;justify-content:center;padding-top:2px}.quiz-challenged__art{width:min(100%,340px);max-width:100%;height:auto;aspect-ratio:397 / 160}@media(prefers-reduced-motion:no-preference){.quiz-challenged__art{animation:quiz-stamp .42s var(--ease) both}@keyframes quiz-stamp{0%{opacity:0;transform:scale(1.35) rotate(-6deg)}to{opacity:1;transform:none}}}@media(max-width:600px){.quiz-challenged__art{width:min(100%,250px)}}.quiz-consent{display:flex;gap:10px;font-size:.82rem;align-items:flex-start;cursor:pointer}.quiz-consent input{margin-top:3px;width:20px;height:20px;flex:0 0 20px;accent-color:var(--vermilion)}.quiz-consent a{color:var(--vermilion-lo);text-decoration:underline}.quiz-consent small{color:var(--ink-2);white-space:nowrap}.quiz-primary,.quiz-secondary{border:var(--ink-w) solid var(--ink);border-radius:var(--radius);padding:12px 18px;color:var(--ink);font-weight:600!important;transition:transform .14s var(--ease),box-shadow .14s var(--ease),background-color .18s var(--ease)}.quiz-primary{background:var(--grape);color:#fff!important;box-shadow:0 4px 0 var(--ink)}.quiz-primary:hover:not(:disabled){background:color-mix(in oklch,var(--grape) 88%,white);transform:translateY(-1px);box-shadow:0 5px 0 var(--ink)}.quiz-primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--ink)}.quiz-secondary{background:var(--paper);box-shadow:0 3px 0 var(--ink)}.quiz-secondary:hover:not(:disabled){background:var(--sun);transform:translateY(-1px);box-shadow:0 4px 0 var(--ink)}.quiz-secondary:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--ink)}.quiz-actions{display:flex;flex-wrap:wrap;gap:8px}.quiz-actions>*{flex:1}.quiz-notice{padding:12px;background:color-mix(in srgb,var(--sun) 18%,white);border:var(--ink-w) solid var(--ink);border-radius:var(--radius);font-size:.85rem}.quiz-big{font-family:Mali,sans-serif;font-size:1.6rem;line-height:1.4}.quiz-countdown{text-align:center;padding:16px 0}.quiz-countdown strong{display:block;font-size:5rem;line-height:1.4;color:var(--vermilion-lo)}.quiz-countdown p{color:var(--ink-2);font-size:.88rem}.quiz-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;text-align:center}.quiz-score__side{display:flex;flex-direction:column}.quiz-score__side small{font-size:.78rem;color:var(--ink-2)}.quiz-score__side b{font-size:2rem;line-height:1.2;font-variant-numeric:tabular-nums}.quiz-score__mid{display:flex;flex-direction:column;font-size:.88rem;font-weight:600;padding-bottom:6px}.quiz-score__mid small{font-size:.72rem;font-weight:400;color:var(--ink-2)}.quiz-result-score{font-size:3.5rem;font-weight:700;line-height:1.1}.quiz-result-score span{color:var(--ink-3)}.quiz-points{color:var(--vermilion-lo);font-weight:700}.quiz-reward{border-top:1px solid var(--line-strong);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.88rem}.quiz-reward p{min-width:0}#quiz-root .quiz-reward .quiz-secondary{flex:0 0 auto;padding:6px 12px;font-size:.85rem}.quiz-reward{flex-wrap:wrap}.quiz-reward__actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.quiz-board{position:fixed;inset:0;margin:auto;width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:var(--ink-w) solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);pointer-events:auto;box-shadow:var(--paper-lift)}.quiz-board::backdrop{background:#241b14a6}.quiz-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line-strong)}.quiz-tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 4px;color:var(--ink-2)}.quiz-tabs button[aria-pressed=true]{border-bottom-color:var(--vermilion-lo);color:var(--ink);font-weight:700}.quiz-standing{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px;background:var(--sun);border:var(--ink-w) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop-1)}.quiz-standing__name{font-weight:600}.quiz-standing__rank{flex-basis:100%;font-size:.8rem}.quiz-rename{padding:4px 10px;font-size:.78rem}.quiz-rename-form{display:grid;gap:8px;padding:14px;margin-top:10px;border:var(--ink-w) dashed color-mix(in oklch,var(--ink) 45%,transparent);border-radius:var(--radius)}.quiz-rename-form label{font-size:.82rem;font-weight:600}.quiz-rename-form input{font:inherit;padding:10px 12px;border:var(--ink-w) solid var(--ink);border-radius:var(--radius);background:#fff;color:var(--ink)}.quiz-rename-form input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.quiz-name-error{color:var(--vermilion, #c0392b);font-size:.82rem}.quiz-table-wrap{overflow-x:auto}.quiz-table{width:100%;border-collapse:collapse;font-size:.88rem}.quiz-table th,.quiz-table td{text-align:left;padding:13px 8px;border-bottom:1px solid var(--line)}.quiz-table th:last-child,.quiz-table td:last-child{text-align:right}.quiz-table small{display:block;font-size:.73rem;color:var(--ink-2)}.quiz-mine{background:color-mix(in srgb,var(--sun) 26%,white)}.quiz-empty{padding:32px 4px}.quiz-empty p{margin-top:8px;color:var(--ink-2)}.selfie.quiz-champion:after,.stage__remote.quiz-champion:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:8;box-shadow:inset 0 0 0 5px var(--sun),inset 0 0 0 10px var(--vermilion),inset 0 0 0 15px var(--grape)}.selfie.quiz-champion--national:after,.stage__remote.quiz-champion--national:after{box-shadow:none;padding:15px;background:linear-gradient(125deg,#7a5410,#c8961e 12%,#fbe38c,#d9a92b 32%,#8f6414,#e8bd45 56%,#fff4c2 64%,#d6a52a 74%,#9a6d16 86%,#f1cf62);background-size:250% 250%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.selfie.quiz-champion--national:before,.stage__remote.quiz-champion--national:before{content:"";position:absolute;inset:14px;border:1.5px solid #6b4a0c;border-radius:max(0px,calc(var(--radius-lg, 20px) - 14px));pointer-events:none;z-index:8}@media(prefers-reduced-motion:no-preference){.selfie.quiz-champion--national:after,.stage__remote.quiz-champion--national:after{animation:quiz-gold-shine 6s ease-in-out infinite alternate}@keyframes quiz-gold-shine{0%{background-position:0% 50%}to{background-position:100% 50%}}}.rps-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--radius);border:var(--ink-w) solid var(--ink);background:var(--paper);font-weight:600;font-size:.95rem}.rps-status--picked{background:var(--sun);box-shadow:0 3px 0 var(--ink)}.rps-clock{font-variant-numeric:tabular-nums;flex:0 0 auto}.rps-hands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rps-hand{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;min-width:0;border:var(--ink-w) solid var(--ink);border-radius:var(--radius);background:var(--logo-ground);color:var(--ink);font-family:Mali,Anuphan,sans-serif;font-size:1rem;font-weight:700!important;box-shadow:0 4px 0 var(--ink);transition:transform .14s var(--ease),box-shadow .14s var(--ease),background-color .18s var(--ease)}.rps-hand .rps-art{width:min(72px,70%);height:auto;aspect-ratio:1}.rps-hand:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.rps-hand:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--ink)}#quiz-root .rps-hand--picked:disabled{opacity:1;background:var(--sun);transform:translateY(4px);box-shadow:0 0 0 var(--ink)}.rps-hand:disabled:not(.rps-hand--picked){background:transparent;border-style:dashed;box-shadow:none}.rps-reveal{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;text-align:center}.rps-face{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border:var(--ink-w) solid var(--ink);border-radius:var(--radius);background:var(--logo-ground);animation:rps-pop .32s var(--ease)}.rps-face .rps-art{width:min(84px,72%);height:auto;aspect-ratio:1}.rps-face--win{background:var(--sun);box-shadow:0 4px 0 var(--ink)}.rps-none{padding:22px 0;font-size:.82rem;color:var(--ink-2)}.rps-vs{font-family:Kanit,Mali,sans-serif;font-weight:700;font-size:1.1rem}.rps-verdict{grid-column:1 / -1;font-size:1.3rem;margin-top:10px;line-height:1.5}@keyframes rps-pop{0%{transform:scale(.86)}60%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:860px){#quiz-root{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto}.quiz-header{padding:10px 12px 10px 16px}.quiz-body{padding:16px}}@media(max-width:600px){.quiz-launch{padding-inline:.85rem;min-height:46px}.quiz-header{padding:6px 8px 6px 14px}.quiz-header h2{font-size:1.05rem}.quiz-body{padding:12px 14px 14px;gap:10px}.quiz-big{font-size:1.25rem;line-height:1.35}.quiz-lead{font-size:.92rem}.quiz-consent{font-size:.78rem}.quiz-primary,.quiz-secondary{padding:8px 12px}.quiz-peek{display:none}.quiz-countdown{padding:4px 0}.quiz-countdown strong{font-size:3.2rem;line-height:1.3}.quiz-score__side b{font-size:1.5rem;line-height:1.15}.quiz-score__mid{padding-bottom:3px}.rps-status{padding:6px 12px;font-size:.88rem}.rps-hands{gap:8px}.rps-hand{padding:6px 4px 5px;font-size:.9rem}.rps-hand .rps-art{width:min(48px,60%)}.rps-reveal{gap:6px}.rps-face{padding:4px 6px 6px}.rps-face .rps-art{width:min(52px,60%)}.rps-none{padding:14px 0}.rps-vs{font-size:.95rem}.rps-verdict{font-size:1.05rem;margin-top:4px}.quiz-result-score{font-size:2.4rem}.quiz-reward{padding-top:8px;gap:8px}.quiz-notice{padding:8px 10px;font-size:.82rem}}@media(prefers-reduced-motion:reduce){.rps-face{animation:none}}@media(prefers-reduced-motion:no-preference){.quiz-panel{animation:quiz-appear .18s ease-out}@keyframes quiz-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}