.cabinet{--neon:#56b6c9;--void:#16171d;--floor:#2a2c35;--grid:#3c3f4b;--ink:#efe9da;--dim:#9b97a3;--edge:#121318;--font-arcade-stack:var(--font-arcade,"Silkscreen"), ui-monospace, monospace;color:var(--ink);box-shadow:inset 0 0 0 4px var(--grid), 0 0 0 4px var(--edge), 0 24px 40px -24px #0009;color-scheme:dark;background:#24262f;border-radius:4px;padding:10px;display:grid;position:relative;overflow:hidden}.cab-marquee{background:var(--neon);border-bottom:4px solid var(--edge);place-items:center;margin:-10px -10px 10px;padding:10px 16px;display:grid;box-shadow:inset 0 -5px #00000038,inset 0 4px #ffffff40}.cab-marquee span{font:700 clamp(1.1rem, .8rem + 1.6vw, 1.8rem) / 1 var(--font-arcade-stack);letter-spacing:.08em;text-transform:uppercase;color:var(--void);text-shadow:0 3px #ffffff59}.cab-hud{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:8px 12px 10px;font-size:.82rem;display:flex}.cab-stat b{color:#fff;font-weight:600}.cab-k{color:var(--dim);letter-spacing:.1em;font-size:.7rem}.cab-status{color:var(--neon);text-transform:none;flex:180px;min-width:0}.cab-screen{aspect-ratio:4/3;background:var(--void);width:100%;max-height:min(76vh,760px);box-shadow:inset 0 0 0 4px var(--edge);border-radius:2px;outline:none;position:relative;overflow:hidden}.cab-screen:focus-visible{box-shadow:inset 0 0 0 4px var(--neon)}.cab-root{position:absolute;inset:0}.cab-crt{pointer-events:none;z-index:1;background:radial-gradient(140% 110%,#0000 70%,#0000004d 100%);position:absolute;inset:0}.cab-overlay{z-index:2;text-align:center;background:#16171ddb;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.cab-title{font:700 clamp(2rem, 1.2rem + 4vw, 3.6rem) / 1 var(--font-arcade-stack);text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 4px 0 color-mix(in srgb, var(--neon) 70%, #000);text-wrap:balance;margin:0}.cabinet[data-end=over] .cab-title{--neon:#c94a3d}.cabinet[data-end=win] .cab-title{--neon:#7fb24a}.cab-msg{color:var(--dim);max-width:40ch;font-family:var(--font-mono);margin:0 0 4px;font-size:.9rem}.cab-diff{border:3px solid var(--edge);background:var(--floor);border-radius:2px;display:inline-flex;overflow:hidden}.cab-diff button{font:700 .86rem / 1 var(--font-arcade-stack);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:10px 14px}.cab-diff button+button{border-left:3px solid var(--edge)}.cab-diff button[aria-checked=true]{background:var(--neon);color:var(--void)}.cab-btn{font:700 .9rem / 1 var(--font-arcade-stack);letter-spacing:.06em;text-transform:uppercase;border:3px solid var(--edge);background:var(--floor);color:var(--ink);cursor:pointer;border-radius:2px;padding:10px 16px;box-shadow:inset 0 -4px #00000059}.cab-btn:hover{filter:brightness(1.12)}.cab-pause{padding:7px 12px;font-size:.76rem}.cab-primary{color:var(--void);background:var(--neon);padding:14px 30px;font-size:1.1rem;animation:1.6s steps(2,jump-none) infinite cab-blink;box-shadow:inset 0 -5px #0000004d,inset 0 3px #ffffff4d}.cab-primary:hover,.cab-primary:focus-visible{animation:none}@keyframes cab-blink{50%{opacity:.6}}.cab-toasts{pointer-events:none;z-index:3;gap:8px;display:grid;position:absolute;bottom:18px;right:18px}.cab-toast{max-width:260px;color:var(--ink);background:#24262f;border:3px solid #7fb24a;border-radius:2px;gap:2px;padding:12px 14px;font-size:.85rem;animation:.3s steps(3,end) toast-in;display:grid}.cab-toast b{font:700 1.05rem / 1.1 var(--font-arcade-stack);text-transform:uppercase;color:#7fb24a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=640px){.cabinet{padding:6px}.cab-marquee{margin:-6px -6px 6px}.cab-screen{aspect-ratio:3/4}.cab-status{flex-basis:100%;order:5}.cab-pause{margin-left:auto}}@media (prefers-reduced-motion:reduce){.cab-toast,.cab-primary{animation:none}}.cabinet [hidden]{display:none!important}.cab-audio{--au-bg:var(--floor);--au-fg:var(--ink);--au-dim:var(--dim);--au-accent:var(--neon);--au-edge:var(--edge);--au-border:var(--edge);--au-radius:2px;--au-shade:inset 0 -3px 0 var(--edge);align-items:center;display:inline-flex}.cab-audio[hidden],.cab-audio:empty{display:none}.cab-audio>*{border:3px solid var(--edge);box-shadow:inset 0 -3px 0 var(--edge);border-radius:2px;max-width:100%}.cab-btn:disabled{opacity:.55;cursor:progress;animation:none}.cab-khipu{display:none}.cabinet[data-skin=aguayo]{--wool-red:#b8304f;--wool-gold:#e2a83c;--wool-green:#2f7d5b;--wool-indigo:#34418f;--wool-cotton:#efe2c4;box-shadow:inset 0 0 0 4px var(--edge), inset 0 0 0 7px var(--wool-cotton), inset 0 0 0 10px var(--wool-indigo), 0 0 0 4px var(--edge), 0 24px 40px -24px #0009;padding:22px}.cabinet[data-skin=aguayo]:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg, var(--wool-gold) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(225deg, var(--wool-gold) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(315deg, var(--wool-green) 25%, transparent 25%) 0 0 / 12px 12px, linear-gradient(45deg, var(--wool-green) 25%, transparent 25%) 0 0 / 12px 12px, var(--wool-red);-webkit-mask-composite:xor;padding:12px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cabinet[data-skin=aguayo]>*{z-index:1;position:relative}.cabinet[data-skin=aguayo]>.cab-toasts{z-index:3;position:absolute}.cabinet[data-skin=aguayo]>.sr-only{position:absolute}.cabinet[data-skin=aguayo] .cab-marquee{background:repeating-linear-gradient(60deg, #6b4423 0 4px, #c58b4a 4px 8px) bottom / 100% 8px no-repeat, var(--neon);border-bottom:0;margin:-10px -10px 22px;padding-bottom:18px}.cabinet[data-skin=aguayo] .cab-khipu{pointer-events:none;background:radial-gradient(circle, #1f1a17 0 2.5px, transparent 3px) 0 5px / 22px 10px repeat-x, radial-gradient(circle, #1f1a17 0 2.5px, transparent 3px) 11px 12px / 22px 10px repeat-x, repeating-linear-gradient(90deg, transparent 0 9px, var(--wool-red) 9px 12px, transparent 12px 20px, var(--wool-gold) 20px 23px, transparent 23px 31px, var(--wool-cotton) 31px 34px, transparent 34px 42px, var(--wool-green) 42px 45px, transparent 45px 53px, var(--wool-indigo) 53px 56px, transparent 56px 66px);height:18px;display:block;position:absolute;top:calc(100% - 2px);left:4%;right:4%;-webkit-mask:linear-gradient(#000 55%,#0000);mask:linear-gradient(#000 55%,#0000)}.cabinet[data-skin=aguayo] .cab-hud{padding-top:4px}.cabinet[data-skin=aguayo] .cab-screen{box-shadow:inset 0 0 0 4px var(--edge), 0 0 0 3px var(--wool-gold)}.cabinet[data-skin=aguayo] .cab-screen:focus-visible{box-shadow:inset 0 0 0 4px var(--neon), 0 0 0 3px var(--wool-gold)}