.oq-skin{--qs-surface: #1f242d;--qs-surface-2: #272c37;--qs-ink: #ebeef5;--qs-ink-soft: #aeb4c0;--qs-muted: #8c939d;--qs-line: #343a45;--qs-track: #2b303a;--qs-cobalt: #4484ec;--qs-cobalt-fg: #5a99ff;--qs-emerald: #34d399;--qs-emerald-tint: rgba(52, 211, 153, .15);--qs-red: #f87171;--qs-wrong-tint: rgba(248, 113, 113, .15);--qs-veil-1: rgba(255, 255, 255, .08);--qs-btn-edge: #131821;--qs-sheen: rgba(255, 255, 255, .1);--qs-sheen-soft: rgba(255, 255, 255, .05);--qs-btn-veil: linear-gradient( 180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 48%, rgba(0, 0, 0, .1) 100% );--qs-stage-shadow: 0 18px 40px -26px rgba(0, 0, 0, .8);--qs-cat-outlines-ink: #36bcf7;--qs-cat-outlines-chip: rgba(54, 188, 247, .16);--qs-cat-flags-ink: #ff8191;--qs-cat-flags-chip: rgba(255, 129, 145, .16)}.oq-stage{--stage-chrome: 7.5rem}:root[data-oq-playing] .site-header{display:none}:root[data-oq-playing] .oq-stage{--stage-chrome: 3rem}.oq-stage{background:var(--qs-surface);border:1px solid var(--qs-line);border-radius:1.5rem;box-shadow:var(--qs-stage-shadow);color:var(--qs-ink)}.oq-stage-meta{color:var(--qs-muted)}.oq-counter{color:var(--qs-ink);font-weight:700;font-variant-numeric:tabular-nums}.oq-stage-quit{color:var(--qs-muted);text-decoration:underline;text-underline-offset:4px}.oq-stage-quit:hover{color:var(--qs-ink)}.oq-stage-track{background:var(--qs-track)}.oq-stage-bar{background:var(--qs-cobalt);box-shadow:0 0 8px -1px var(--qs-cobalt);transition:width .26s cubic-bezier(.22,.61,.36,1)}.oq-prompt{color:var(--qs-ink-soft)}.oq-shot{position:relative}.oq-asset{background:radial-gradient(120% 85% at 50% 38%,#1c2942,#141e33 62%,#0e1626);border-radius:1.25rem;box-shadow:0 14px 34px -18px #000000d9}.oq-frame{position:absolute;inset:0;display:grid;place-items:center;padding:.75rem}@media(min-width:640px){.oq-frame{padding:1.25rem}}.oq-frame>svg{width:100%;height:100%;min-height:0}.oq-flag{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;border:1px solid rgba(148,163,184,.55);border-radius:.75rem;box-shadow:0 14px 34px -18px #000000d9}.oq-flag-missing{position:absolute;inset:0;display:grid;place-items:center;color:var(--qs-muted);font-size:2.5rem;font-weight:800}.oq-tile,.oq-mode{display:flex;width:100%;border:none;border-radius:16px;text-align:left;background-color:var(--qs-surface-2);background-image:var(--qs-btn-veil);color:var(--qs-ink);--qs-emboss: inset 0 1px 0 0 var(--qs-sheen), inset 0 -1px 0 0 var(--qs-btn-edge), inset 0 2px 4px 0 var(--qs-sheen-soft), inset 0 -2px 4px 0 color-mix(in srgb, var(--qs-btn-edge) 55%, transparent);box-shadow:var(--qs-emboss),0 1px 2px #00000038,0 2px 4px #00000029;overflow-wrap:break-word;transition:filter .12s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1)}@media(hover:hover){.oq-tile:not(:disabled):hover,.oq-mode:hover{filter:brightness(1.09)}}.oq-tile:not(:disabled):active,.oq-mode:active{filter:brightness(.93);transform:translateY(1px);box-shadow:var(--qs-emboss),0 1px 1px #0000001f}.oq-tile{align-items:center;gap:12px;padding:14px 16px;font-weight:700;font-size:15px}.oq-badge{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:var(--qs-veil-1);color:var(--qs-muted);font-size:13px;font-weight:800}.oq-tile-name{flex:1}.oq-tile.is-right,.oq-tile.is-wrong,.oq-tile.is-dim{background-image:none;box-shadow:none}.oq-tile.is-right{background-color:var(--qs-emerald-tint);color:var(--qs-emerald);font-weight:800}.oq-tile.is-right .oq-badge{background:var(--qs-emerald);color:#08121b}.oq-tile.is-wrong{background-color:var(--qs-wrong-tint);color:var(--qs-red)}.oq-tile.is-wrong .oq-badge{background:var(--qs-red);color:#1a0a0a}.oq-tile.is-dim{background-color:var(--qs-surface-2);color:var(--qs-muted)}.oq-modes{display:grid;gap:.75rem}@media(min-width:640px){.oq-modes{grid-template-columns:1fr 1fr}}.oq-mode{align-items:flex-start;gap:.85rem;padding:1rem 1.05rem}.oq-mode-badge{display:flex;flex:none;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.75rem;background:var(--qs-cat-chip);color:var(--qs-cat-ink)}.oq-mode-badge svg{width:1.6rem;height:1.6rem}.oq-mode[data-mode=outlines]{--qs-cat-ink: var(--qs-cat-outlines-ink);--qs-cat-chip: var(--qs-cat-outlines-chip)}.oq-mode[data-mode=flags]{--qs-cat-ink: var(--qs-cat-flags-ink);--qs-cat-chip: var(--qs-cat-flags-chip)}.oq-mode-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.oq-mode-name{font-weight:800;font-size:1.05rem;line-height:1.3}.oq-mode-note{color:var(--qs-muted);font-size:.85rem;line-height:1.4}.oq-mode-best{margin-top:.15rem;color:var(--qs-cat-ink);font-weight:700;font-size:.8rem}[data-astro-cid-tstbviyb][hidden]{display:none!important}.oq-ring[data-astro-cid-tstbviyb]{position:relative;display:grid;place-items:center;width:min(58vw,230px);margin-inline:auto;aspect-ratio:1}.oq-ring[data-astro-cid-tstbviyb] svg[data-astro-cid-tstbviyb]{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.oq-ring[data-astro-cid-tstbviyb] circle[data-astro-cid-tstbviyb]{fill:none;stroke-width:11}.oq-fill[data-astro-cid-tstbviyb]{stroke-linecap:round}.oq-mark[data-astro-cid-tstbviyb]{stroke-width:3;stroke-linecap:round}.oq-ring[data-astro-cid-tstbviyb].is-perfect .oq-fill[data-astro-cid-tstbviyb]{stroke:var(--color-accent-300);filter:drop-shadow(0 0 6px var(--color-accent-400))}.oq-score[data-astro-cid-tstbviyb]{display:flex;flex-direction:column;align-items:center;gap:.15rem}.oq-score[data-astro-cid-tstbviyb] b[data-astro-cid-tstbviyb]{font-size:3.4rem;font-variant-numeric:tabular-nums;line-height:1}.oq-burst[data-astro-cid-tstbviyb]{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.oq-burst[data-astro-cid-tstbviyb] i{position:absolute;width:8px;height:8px;border-radius:9999px;background:var(--color-accent-500);animation:oq-burst .72s cubic-bezier(.2,.7,.3,1) forwards}@keyframes oq-burst{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.oq-burst[data-astro-cid-tstbviyb]{display:none}}
