.sc-game{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}.sc-game__screen{animation:.25s ease-out sc-game-fade}.sc-game__screen[hidden]{display:none}@keyframes sc-game-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sc-game__hero{text-align:center;margin-bottom:1.5rem}.sc-game__eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.25em;color:var(--ui-primary,#2563eb);margin:0 0 .5rem;text-transform:uppercase}.sc-game__title{font-size:clamp(1.5rem, 5vw, 2rem);font-weight:800;color:var(--ui-text,#1a1a2e);margin:0 0 .5rem;line-height:1.3;letter-spacing:-.01em}.sc-game__tagline{font-size:.9rem;color:var(--ui-text-sub,#444459);margin:0;line-height:1.6}.sc-game__best{display:flex;align-items:baseline;justify-content:center;gap:.6rem;margin:1.5rem auto;padding:.8rem 1.2rem;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-radius:999px;max-width:fit-content;box-shadow:0 4px 12px rgba(251,191,36,.2)}:root[data-ui-theme=dark] .sc-game__best{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(251,191,36,.1));box-shadow:none}.sc-game__best-label{font-size:.8rem;font-weight:700;color:#92400e}:root[data-ui-theme=dark] .sc-game__best-label{color:#fbbf24}.sc-game__best-value{font-size:1.6rem;font-weight:800;color:#92400e;font-family:var(--ui-font-mono, monospace)}:root[data-ui-theme=dark] .sc-game__best-value{color:#fde68a}.sc-game__best-meta{font-size:.75rem;color:#92400e;opacity:.8}:root[data-ui-theme=dark] .sc-game__best-meta{color:#fbbf24;opacity:.7}.sc-game__config{background:var(--ui-surface-alt,#f0f0f5);padding:1.25rem;border-radius:var(--ui-radius-md,12px);margin-bottom:1.25rem}.sc-game__config-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.sc-game__config-row:last-child{margin-bottom:0}.sc-game__config-label{flex-shrink:0;min-width:4em;font-size:.78rem;font-weight:700;letter-spacing:.05em;color:var(--ui-text-muted,#8888a0)}.sc-game__chips{display:flex;flex-wrap:wrap;gap:.35rem}.sc-game__chip{padding:.3rem .8rem;font-size:.85rem;font-weight:500;font-family:inherit;border:1px solid var(--ui-border,#d4d4dc);background:var(--ui-surface,#fff);color:var(--ui-text-sub,#444459);border-radius:999px;cursor:pointer;transition:.12s}.sc-game__chip:hover{border-color:var(--ui-primary,#2563eb);color:var(--ui-primary,#2563eb)}.sc-game__chip.is-active{background:var(--ui-primary,#2563eb);color:#fff;border-color:var(--ui-primary,#2563eb)}.sc-game__start-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:1rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--ui-primary,#2563eb) 0,#3b82f6 100%);color:#fff;border:none;border-radius:var(--ui-radius-md,12px);font-family:inherit;cursor:pointer;box-shadow:0 6px 20px rgba(37,99,235,.35);transition:transform .12s,box-shadow .12s}.sc-game__start-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,99,235,.4)}.sc-game__start-btn:active{transform:translateY(0)}.sc-game__start-label{font-size:1.25rem;font-weight:800;letter-spacing:.02em}.sc-game__start-hint{font-size:.75rem;opacity:.9}.sc-game__rules{margin:0;padding:.85rem;background:var(--ui-surface-alt,#f0f0f5);border-radius:var(--ui-radius-sm,8px);font-size:.8rem;color:var(--ui-text-muted,#8888a0);line-height:1.65}.sc-game__playhead{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;color:var(--ui-text-sub,#444459)}.sc-game__playhead-progress{font-weight:600;font-variant-numeric:tabular-nums}.sc-game__playhead-score{display:flex;align-items:baseline;gap:.4rem}.sc-game__playhead-score-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--ui-text-muted,#8888a0)}.sc-game__playhead-score #sc-game-score{font-size:1.1rem;font-weight:800;color:var(--ui-primary,#2563eb);font-family:var(--ui-font-mono, monospace);font-variant-numeric:tabular-nums}.sc-game__playhead-combo{display:flex;align-items:center;gap:.25rem;padding:.25rem .6rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:999px;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px rgba(249,115,22,.35)}.sc-game__playhead-combo.is-flash{animation:.4s ease-out sc-game-combo-flash}@keyframes sc-game-combo-flash{0%,100%{transform:scale(1)}40%{transform:scale(1.25);box-shadow:0 0 20px rgba(249,115,22,.8)}}.sc-game__playhead-combo-icon{font-size:.9rem}.sc-game__playhead-combo-label{font-size:.65rem;letter-spacing:.08em}.sc-game__timer{height:6px;background:var(--ui-border,#d4d4dc);border-radius:999px;overflow:hidden;margin-bottom:1.5rem}.sc-game__timer-bar{height:100%;width:100%;background:#10b981;transition:width 7s linear,background .3s}.sc-game__timer-bar.is-low{background:#f59e0b}.sc-game__timer-bar.is-critical{background:#ef4444}.sc-game__question{text-align:center;margin-bottom:1.75rem}.sc-game__question-badges{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.sc-game__question-os{padding:.25rem .7rem;background:var(--ui-surface-alt,#f0f0f5);border-radius:999px;font-size:.78rem;font-weight:600;color:var(--ui-text-sub,#444459)}.sc-game__question-ctx{padding:.25rem .7rem;background:var(--ui-surface-alt,#f0f0f5);color:var(--ui-text-sub,#444459);border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.sc-game__question-ctx--os{background:var(--sc-ctx-os-bg);color:var(--sc-ctx-os-fg)}.sc-game__question-ctx--browser{background:var(--sc-ctx-browser-bg);color:var(--sc-ctx-browser-fg)}.sc-game__question-ctx--excel{background:var(--sc-ctx-excel-bg);color:var(--sc-ctx-excel-fg)}.sc-game__question-ctx--word{background:var(--sc-ctx-word-bg);color:var(--sc-ctx-word-fg)}.sc-game__question-ctx--powerpoint{background:var(--sc-ctx-powerpoint-bg);color:var(--sc-ctx-powerpoint-fg)}.sc-game__question-ctx--gdocs{background:var(--sc-ctx-gdocs-bg);color:var(--sc-ctx-gdocs-fg)}.sc-game__question-ctx--gsheets{background:var(--sc-ctx-gsheets-bg);color:var(--sc-ctx-gsheets-fg)}.sc-game__question-ctx--gslides{background:var(--sc-ctx-gslides-bg);color:var(--sc-ctx-gslides-fg)}.sc-game__question-action{font-size:clamp(1.5rem, 5vw, 2.25rem);font-weight:800;color:var(--ui-text,#1a1a2e);margin:0 0 .85rem;line-height:1.3;letter-spacing:-.01em}.sc-game__question-demo{min-height:80px;margin:0 auto .85rem;padding:.7rem .5rem;background:var(--ui-surface-alt,#f0f0f5);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sc-game__question-demo:empty{display:none}.sc-demo--cat{flex-direction:column;gap:.35rem;animation:2.2s ease-in-out infinite sc-demo-cat-pulse}.sc-demo-cat-icon{font-size:2.2rem;display:inline-block;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, .15))}.sc-demo-cat-label{font-size:.78rem;font-weight:600;color:var(--ui-text-muted,#8888a0);letter-spacing:.03em}@keyframes sc-demo-cat-pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.sc-game__question-prompt{font-size:.82rem;color:var(--ui-text-muted,#8888a0);margin:0}.sc-game__options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media (max-width:480px){.sc-game__options{grid-template-columns:1fr}}.sc-game__option{padding:1rem;background:var(--ui-surface,#fff);border:2px solid var(--ui-border,#d4d4dc);border-radius:var(--ui-radius-md,12px);cursor:pointer;font-family:inherit;transition:.12s;min-height:62px;display:flex;align-items:center;justify-content:center}.sc-game__option:hover:not(:disabled){border-color:var(--ui-primary,#2563eb);background:var(--ui-primary-light,rgba(37,99,235,.08));transform:translateY(-1px)}.sc-game__option:disabled{cursor:default}.sc-game__option.is-correct{border-color:#10b981;background:#d1fae5;animation:.4s ease-out sc-game-correct}.sc-game__option.is-wrong{border-color:#ef4444;background:#fee2e2;animation:.4s ease-out sc-game-wrong}:root[data-ui-theme=dark] .sc-game__option.is-correct{background:rgba(16,185,129,.2)}:root[data-ui-theme=dark] .sc-game__option.is-wrong{background:rgba(239,68,68,.2)}@keyframes sc-game-correct{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sc-game-wrong{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.sc-game__option-key{font-size:1.15rem;font-weight:700;padding:.35rem .8rem}.sc-game__feedback{margin-top:1.25rem;padding:1.25rem;background:var(--ui-surface-alt,#f0f0f5);border-radius:var(--ui-radius-md,12px);text-align:center;animation:.25s ease-out sc-game-feedback-in}@keyframes sc-game-feedback-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.sc-game__feedback.is-correct .sc-game__feedback-result{color:#10b981}.sc-game__feedback.is-wrong .sc-game__feedback-result{color:#ef4444}.sc-game__feedback-result{font-size:1.15rem;font-weight:800;margin-bottom:.75rem}.sc-game__feedback-demo{min-height:70px;margin:.5rem 0 .75rem;display:flex;align-items:center;justify-content:center}.sc-game__feedback-correct{font-size:.9rem;color:var(--ui-text-sub,#444459)}.sc-game__feedback-correct .sc-kbd{font-size:.95rem;font-weight:700;margin-left:.3rem}.sc-game__result-hero{text-align:center;margin-bottom:1.5rem}.sc-game__result-emoji{font-size:4rem;margin-bottom:.5rem;animation:.5s cubic-bezier(.16,1,.3,1) sc-game-emoji-pop}@keyframes sc-game-emoji-pop{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(10deg)}100%{transform:scale(1) rotate(0)}}.sc-game__result-headline{font-size:clamp(1.35rem, 4.5vw, 1.85rem);font-weight:800;margin:0 0 .5rem;color:var(--ui-text,#1a1a2e)}.sc-game__result-newrecord{margin:.75rem 0 0;padding:.4rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border-radius:999px;font-size:.85rem;font-weight:700;display:inline-block;animation:1.5s ease-in-out infinite sc-game-record-glow}@keyframes sc-game-record-glow{0%,100%{box-shadow:0 0 8px rgba(251,191,36,.5)}50%{box-shadow:0 0 20px rgba(251,191,36,.9)}}.sc-game__result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.sc-game__result-stat{padding:1rem .5rem;background:var(--ui-surface-alt,#f0f0f5);border-radius:var(--ui-radius-md,12px);text-align:center}.sc-game__result-stat--score{background:linear-gradient(135deg,var(--ui-primary,#2563eb) 0,#3b82f6 100%);color:#fff}.sc-game__result-stat-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-bottom:.3rem;opacity:.8}.sc-game__result-stat-value{display:block;font-size:1.5rem;font-weight:800;font-family:var(--ui-font-mono, monospace);line-height:1}.sc-game__result-stat-unit{font-size:.7rem;font-weight:500;opacity:.7;margin-left:.15rem}.sc-game__share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;background:var(--ui-surface-alt,#f0f0f5);border-radius:var(--ui-radius-md,12px);margin-bottom:1.25rem}.sc-game__share-label{font-size:.82rem;font-weight:600;color:var(--ui-text-sub,#444459);margin-right:.2rem}.sc-game__share-btn{padding:.4rem .85rem;font-size:.85rem;font-weight:600;border-radius:999px;text-decoration:none;transition:transform .12s}.sc-game__share-btn:hover{transform:translateY(-1px)}.sc-game__share-btn--x{background:#000;color:#fff}.sc-game__share-btn--line{background:#06c755;color:#fff}.sc-game__result-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.sc-game__back-btn,.sc-game__retry-btn{padding:.85rem 1rem;border:none;border-radius:var(--ui-radius-md,10px);font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .12s}.sc-game__retry-btn{background:linear-gradient(135deg,var(--ui-primary,#2563eb),#3b82f6);color:#fff;box-shadow:0 4px 14px rgba(37,99,235,.3)}.sc-game__retry-btn:hover{transform:translateY(-1px)}.sc-game__back-btn{background:var(--ui-surface,#fff);color:var(--ui-text-sub,#444459);border:1px solid var(--ui-border,#d4d4dc)}.sc-game__back-btn:hover{border-color:var(--ui-primary,#2563eb);color:var(--ui-primary,#2563eb)}.sc-game__hub-link{display:block;text-align:center;padding:.5rem;font-size:.85rem;color:var(--ui-text-muted,#8888a0);text-decoration:none}.sc-game__hub-link:hover{color:var(--ui-primary,#2563eb);text-decoration:underline}.sc-game__review{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--ui-border,#d4d4dc)}.sc-game__review-title{font-size:1rem;font-weight:700;margin:0 0 1rem;color:var(--ui-text,#1a1a2e)}.sc-game__review-list{list-style:none;counter-reset:review;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sc-game__review-item{counter-increment:review;padding:.7rem .85rem .7rem 2.6rem;background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#d4d4dc);border-radius:var(--ui-radius-sm,8px);position:relative;font-size:.85rem;line-height:1.55;display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem}.sc-game__review-item::before{content:counter(review);position:absolute;left:.7rem;top:.7rem;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;background:var(--ui-surface-alt,#f0f0f5);border-radius:4px;font-size:.7rem;font-weight:700;color:var(--ui-text-muted,#8888a0)}.sc-game__review-item.is-correct{border-left:3px solid #10b981}.sc-game__review-item.is-wrong{border-left:3px solid #ef4444}.sc-game__review-mark{position:absolute;right:.85rem;top:.65rem;font-size:1rem;font-weight:800}.sc-game__review-item.is-correct .sc-game__review-mark{color:#10b981}.sc-game__review-item.is-wrong .sc-game__review-mark{color:#ef4444}.sc-game__review-action{font-weight:700;color:var(--ui-text,#1a1a2e);grid-column:1/2}.sc-game__review-keys{grid-column:1/-1;font-size:.78rem;color:var(--ui-text-muted,#8888a0)}.sc-game__review-keys .sc-kbd{font-size:.75rem;padding:.1rem .35rem;margin:0 .35rem 0 .15rem}.sc-game__review-user{grid-column:1/-1;font-size:.78rem;color:#ef4444;padding-top:.2rem}.sc-game__confetti{position:fixed;inset:0;pointer-events:none;z-index:1000;display:none}.sc-game__confetti.is-firing{display:block}