.quiz{--sc-ground: #d9e3cc;--sc-ground-edge: #c4d4b8;--sc-asph: #94979e;--sc-asph-edge: #7a7d85;--sc-bike: #ba6e59;--sc-bike-edge: #a15947;--sc-pave: #d1cfc9;--sc-pave-edge: #b8b5b0;--sc-rail: #75757d;--sc-paint: #ffffff;--sc-bld: #e3ded6;--sc-bld-far: #ccc7bf;--sc-bld-edge: #a8a39c;--sc-leaf: #69945a;--sc-leaf-light: #8cb873;--sc-shadow-c: #000;--sc-shadow-o: .22;--sc-glass: #a8bfd4;--sc-glass-dark: #738ca6;--sc-outline: rgba(41, 43, 48, .55);--sc-chip: rgba(33, 36, 38, .92);--sc-note: rgba(255, 255, 255, .96);--sc-note-text: #1f2124;--sc-leader: rgba(41, 43, 48, .7);--sc-casing: rgba(0, 0, 0, .3);--sc-target: rgba(255, 255, 255, .88);--sc-target-ring: rgba(19, 38, 28, .4);max-width:760px;margin:0 auto;scroll-margin-top:80px}@media(prefers-color-scheme:dark){.quiz{--sc-ground: #262e26;--sc-ground-edge: #1c241f;--sc-asph: #45474d;--sc-asph-edge: #33363b;--sc-bike: #6b3d36;--sc-bike-edge: #543029;--sc-pave: #545459;--sc-pave-edge: #404045;--sc-rail: #8c8f96;--sc-paint: #e6e6e0;--sc-bld: #3b3d45;--sc-bld-far: #2b2e36;--sc-bld-edge: #5c5e69;--sc-leaf: #304f36;--sc-leaf-light: #476b47;--sc-shadow-o: .5;--sc-glass: #70879e;--sc-glass-dark: #455466;--sc-outline: rgba(0, 0, 0, .55);--sc-chip: rgba(26, 28, 31, .94);--sc-note: rgba(237, 237, 232, .94);--sc-leader: rgba(255, 255, 255, .75);--sc-casing: rgba(0, 0, 0, .55);--sc-target: rgba(20, 30, 25, .88);--sc-target-ring: rgba(241, 237, 228, .45)}}.quiz-loading{min-height:520px}.quiz-skeleton{height:520px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-sunken),var(--bg-raised),var(--bg-sunken));background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.quiz-bar{position:sticky;top:64px;z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 0 12px;margin-bottom:12px}.quiz-bar-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-2);margin-bottom:8px}.quiz-timer{display:inline-flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums;font-weight:650;color:var(--text)}.quiz-timer.is-critical{color:var(--bad)}.quiz-progress{height:6px;background:var(--bg-sunken);border-radius:99px;overflow:hidden}.quiz-progress span{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .25s}.quiz-tools{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.chip-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--text);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.chip-btn.is-on{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.quiz-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-top:10px;max-height:40vh;overflow:auto;padding:2px}.nav-cell{position:relative;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg-raised);font:inherit;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);cursor:pointer}.nav-cell.is-done{background:var(--mint-soft)}.nav-cell.is-current{border:2px solid var(--brand)}.nav-flag{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--warn)}.quiz-card{display:flex;flex-direction:column;gap:18px}.quiz-stem{font-size:1.25rem;font-weight:650;letter-spacing:-.01em;margin:4px 0 0;line-height:1.35}.quiz-hint{font-size:.88rem;color:var(--text-2);margin:0}.quiz-scene,.order{display:flex;flex-direction:column;gap:10px}.scene-frame{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg-sunken)}.scene-svg{width:100%;height:auto;display:block;touch-action:manipulation;user-select:none;-webkit-user-select:none}.scene-controls{display:flex;align-items:center;gap:12px}.scene-play{width:44px;height:44px;border-radius:50%;border:0;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;cursor:pointer;flex:none}.scene-controls input[type=range]{flex:1;accent-color:var(--brand);height:32px}.quiz-photo{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg-sunken);aspect-ratio:1264 / 848}.quiz-photo img{width:100%;height:100%;object-fit:cover}.quiz-sign{display:flex;justify-content:center;padding:20px;background:var(--bg-raised);border:1px solid var(--line);border-radius:16px}.quiz-sign img{width:160px;height:160px;object-fit:contain}.quiz-options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--text);font:inherit;font-size:1rem;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s}.option:hover:not([disabled]){border-color:var(--brand)}.option[disabled]{cursor:default}.option-mark{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff}.option.is-multi .option-mark{border-radius:6px}.option.is-selected{border:2px solid var(--brand);padding:13px 15px;background:color-mix(in srgb,var(--brand) 6%,var(--bg-raised))}.option.is-selected .option-mark{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 3px var(--bg-raised)}.option.is-multi.is-selected .option-mark{box-shadow:none}.option.is-multi.is-selected .option-mark:after{content:"✓";color:var(--brand-ink)}.option.is-correct{border:2px solid var(--good);padding:13px 15px;background:var(--good-soft)}.option.is-correct .option-mark{border-color:var(--good);background:var(--good)}.option.is-correct .option-mark:after{content:"✓"}.option.is-wrong{border:2px solid var(--bad);padding:13px 15px;background:var(--bad-soft)}.option.is-wrong .option-mark{border-color:var(--bad);background:var(--bad)}.option.is-wrong .option-mark:after{content:"✕"}.option.is-missed{border:2px dashed var(--warn);padding:13px 15px}.option.is-missed .option-mark{border-color:var(--warn);background:var(--warn)}.option.is-missed .option-mark:after{content:"!"}.option.is-dimmed{color:var(--text-3)}.numpad{display:flex;flex-direction:column;gap:14px}.numpad-display{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg-raised)}.numpad-display span{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums}.numpad-display span.is-empty{color:var(--text-3)}.numpad-display small{font-size:1.1rem;color:var(--text-2);font-weight:550}.numpad-display.is-correct{border:2px solid var(--good)}.numpad-display.is-wrong{border:2px solid var(--bad)}.numpad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:360px;width:100%;margin:0 auto}.numpad-keys button{height:54px;border-radius:12px;border:1px solid var(--line);background:var(--bg-raised);color:var(--text);font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer;display:grid;place-items:center}.numpad-keys button:active{background:var(--bg-sunken)}.order-chips{display:flex;gap:12px}.order-chip{width:52px;height:52px;border-radius:50%;border:3px solid transparent;background:var(--brand);color:var(--brand-ink);font:inherit;font-size:1.3rem;font-weight:800;cursor:grab;transition:transform .12s,opacity .12s}.order-chip.is-placed{background:var(--bg-sunken);color:var(--text-3)}.order-chip.is-held{border-color:var(--text);transform:scale(1.08)}.order-ghost{position:fixed;z-index:50;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-weight:800;font-size:1.3rem;pointer-events:none;box-shadow:0 8px 20px #00000040}.feedback{border-radius:14px;padding:16px 18px;background:var(--bg-raised);border:1px solid var(--line)}.feedback p{margin:0 0 .6em;font-size:.97rem}.feedback p:last-child{margin-bottom:0}.feedback-head{display:flex;align-items:center;gap:8px;font-weight:750;font-size:1.05rem!important}.feedback-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px}.feedback.is-correct .feedback-head{color:var(--good)}.feedback.is-correct .feedback-icon{background:var(--good)}.feedback.is-wrong .feedback-head{color:var(--bad)}.feedback.is-wrong .feedback-icon{background:var(--bad)}.feedback-right{font-weight:600}.feedback-why{color:var(--text-2)}.feedback-cite{font-size:.8rem!important;color:var(--text-3)}.quiz-actions{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0 calc(14px + env(safe-area-inset-bottom));margin-top:18px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quiz-primary{flex:1;min-width:160px}.btn-link{background:none;border:0;color:var(--text-2);font:inherit;font-size:.9rem;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer;padding:10px 4px}.quiz-dialog{border:1px solid var(--line);border-radius:18px;padding:22px;max-width:420px;width:calc(100% - 32px);background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow)}.quiz-dialog::backdrop{background:#0006}.quiz-dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.quiz-start{text-align:center;padding:28px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised)}.quiz-rules{list-style:none;padding:0;margin:0 0 18px;display:flex;justify-content:center;gap:clamp(16px,6vw,48px)}.quiz-rules li{display:flex;flex-direction:column}.quiz-rules strong{font-size:2rem;font-weight:800;color:var(--brand);line-height:1.1}.quiz-rules span{font-size:.85rem;color:var(--text-2)}.result{text-align:center;padding:28px 20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised)}.result-timeup{font-weight:650;color:var(--warn)}.result-score{font-size:4rem;font-weight:800;line-height:1;margin:0 0 6px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.result-score span{font-size:1.6rem;color:var(--text-3);font-weight:650}.result-verdict{font-size:1.3rem;font-weight:750;margin-bottom:6px}.result.is-pass .result-verdict{color:var(--good)}.result.is-fail .result-verdict{color:var(--warn)}.result-topics{text-align:left;max-width:420px;margin:18px auto 0}.result-topics-title{font-weight:650;margin-bottom:6px}.result-topics ul{list-style:none;padding:0;margin:0}.result-topics li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.result-topic-score{font-variant-numeric:tabular-nums;color:var(--text-2)}.result-pitch{margin:18px 0 8px;padding:24px 20px;border-radius:var(--radius);background:var(--mint-soft);text-align:center}.result-pitch .store-link{display:inline-block;margin:6px 0 8px}.result-pitch .store-link img{height:50px;width:auto}.result-next{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:10px}.review-title{margin-top:32px}.review{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.review-item{border:1px solid var(--line);border-radius:14px;background:var(--bg-raised)}.review-item summary{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;cursor:pointer;list-style:none}.review-item summary::-webkit-details-marker{display:none}.review-mark{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:var(--text-3);font-weight:800}.review-item.is-correct .review-mark{background:var(--good)}.review-item.is-wrong .review-mark{background:var(--bad)}.review-num{color:var(--text-3);font-variant-numeric:tabular-nums}.review-stem{flex:1;font-size:.97rem}.review-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.review-body p{margin:0}.review-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.review-options li{display:flex;gap:8px;color:var(--text-2)}.review-options li.is-correct{color:var(--good);font-weight:600}.review-options li.is-wrong{color:var(--bad)}.quiz-host[data-astro-cid-tercajvc]{min-height:560px}
