.xr-wrap{background:var(--ground);width:100%;max-width:440px;min-height:100svh;color:var(--ink);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (min-width:472px) and (pointer:fine){.xr-wrap{border:1px solid var(--line);border-radius:5px;height:min(880px,100svh - 40px);min-height:0;margin-top:20px}}.xr-hd{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.xr-hd .xr-count{font-family:var(--font-mono);color:var(--muted);letter-spacing:.3px;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.xr-hd .xr-count .xr-tag{color:var(--amber);letter-spacing:1px;font-weight:700}.xr-hd .xr-how{border:1px solid var(--line);width:22px;height:22px;color:var(--muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:11px;line-height:1;text-decoration:none;display:inline-flex}.xr-hd .xr-how:hover{color:var(--amber);border-color:var(--amber)}.xr-body{flex-direction:column;flex:auto;gap:14px;padding:16px 14px 20px;display:flex;overflow-y:auto}.xr-grid{--xr-hdr:clamp(56px, 17vw, 74px);aspect-ratio:1;grid-template-columns:var(--xr-hdr) repeat(3, 1fr);grid-template-rows:var(--xr-hdr) repeat(3, 1fr);gap:5px;width:100%;display:grid}.xr-c{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:4px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.xr-corner{background:0 0;border:none;flex-direction:column;gap:2px}.xr-corner .xr-x{font-family:var(--font-display);color:var(--amber);font-size:clamp(18px,6vw,24px);line-height:1}.xr-corner .xr-9{font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);font-size:6.5px}.xr-cat{background:var(--surface-2);font-family:var(--font-mono);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);padding:4px 5px;font-size:8px;font-weight:700;line-height:1.22}.xr-cat .xr-yr{color:var(--amber)}.xr-play{cursor:pointer;font:inherit;color:inherit;flex-direction:column;gap:3px;padding:6px;transition:border-color .12s,background .12s}.xr-play:not(.xr-done):hover{border-color:var(--amber)}.xr-play.xr-active{border-color:var(--amber);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--amber) 28%, transparent)}.xr-play .xr-plus{font-family:var(--font-display);color:var(--muted);font-size:clamp(18px,6vw,24px);line-height:1}.xr-play .xr-nm{font-family:var(--font-sans);color:var(--ink);font-size:clamp(10px,3vw,12px);font-weight:600;line-height:1.12}.xr-play .xr-pop{font-family:var(--font-mono);letter-spacing:.4px;color:var(--muted);font-size:8px}.xr-play.xr-hit{background:color-mix(in srgb, var(--teal) 15%, var(--surface));border-color:var(--teal)}.xr-play.xr-hit .xr-pop{color:var(--teal)}.xr-play.xr-miss{background:color-mix(in srgb, var(--magenta) 12%, var(--surface));border-color:var(--magenta)}.xr-play.xr-miss .xr-nm{color:var(--magenta);text-decoration:line-through}.xr-play.xr-reveal{background:var(--surface);border-color:var(--line)}.xr-play.xr-reveal .xr-nm{color:var(--muted);font-weight:500}.xr-ans-lbl{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--amber);font-size:7px}.xr-play.xr-done{cursor:default}@keyframes xr-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.xr-play.xr-shake{animation:.22s xr-shake}.xr-scoreline{font-family:var(--font-mono);letter-spacing:.3px;color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.xr-scoreline b{color:var(--amber);font-weight:700}.xr-foot{justify-content:center;gap:14px;display:flex}.xr-foot button{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;padding:7px 12px;font-size:9px}.xr-foot button:hover{color:var(--amber);border-color:var(--amber)}.xr-sheet{background:var(--surface);border-top:2px solid var(--amber);box-shadow:0 -10px 30px var(--shadow);padding:14px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;max-height:72%;animation:.18s ease-out xr-up;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes xr-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.xr-sheet-hd{font-family:var(--font-display);letter-spacing:1.5px;font-size:20px}.xr-sheet-hd .xr-rule{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--amber);margin-top:3px;font-size:9px;font-weight:400;display:block}.xr-sheet input{background:var(--ground);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-sans);border-radius:4px;padding:10px 12px;font-size:14px}.xr-sheet input:focus{border-color:var(--amber);outline:none}.xr-results{flex-direction:column;gap:2px;min-height:90px;display:flex;overflow-y:auto}.xr-res{text-align:left;border:none;border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--font-sans);cursor:pointer;background:0 0;justify-content:space-between;gap:10px;padding:9px 4px;font-size:14px;font-weight:500;display:flex}.xr-res:hover:not(:disabled){color:var(--amber)}.xr-res:disabled{color:var(--line);cursor:default}.xr-res .xr-restag{font-family:var(--font-mono);letter-spacing:.5px;color:var(--muted);text-transform:uppercase;align-self:center;font-size:8px}.xr-res-empty{color:var(--muted);font-family:var(--font-mono);padding:12px 4px;font-size:11px}.xr-sheet-x{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;padding:4px;font-size:10px}.xr-ov{background:var(--ground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.24s xr-fade;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes xr-fade{0%{opacity:0}to{opacity:1}}.xr-ov h2{font-family:var(--font-display);letter-spacing:2px;color:var(--amber);font-size:40px;line-height:.9}.xr-ov .xr-rare{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);margin-top:-6px;font-size:22px}.xr-ov .xr-rare b{color:var(--amber);font-weight:400}.xr-ov .xr-sub{font-family:var(--font-mono);color:var(--muted);letter-spacing:.4px;max-width:260px;font-size:10px;line-height:1.4}.xr-ov .xr-sub b{color:var(--amber)}.xr-share{font-family:var(--font-mono);color:var(--ink);background:var(--surface);border:1px solid var(--line);white-space:pre;border-radius:4px;padding:12px 16px;font-size:13px;line-height:1.5}.xr-ov .xr-cta{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:#14120e;background:var(--amber);cursor:pointer;border:none;border-radius:4px;padding:11px 22px;font-size:18px;text-decoration:none}.xr-ov .xr-cta.xr-ghost{color:var(--amber);border:1.5px solid var(--amber);background:0 0}.xr-ov-links{gap:18px;margin-top:2px;display:flex}.xr-ov-links a,.xr-ov-links button{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:10px;text-decoration:none}.xr-ov-links a:hover,.xr-ov-links button:hover{color:var(--amber)}.xr-note{font-family:var(--font-mono);color:var(--muted);text-align:center;letter-spacing:.3px;padding:6px 16px 14px;font-size:9px}
