.oy{--oy-sky-1:#86bcd2;--oy-sky-2:#f4dcae;--oy-tent:#c9a07e;--oy-tent-2:#d9b994;--oy-red:#c4362c;--oy-cream:#f6ecd6;--oy-teal:#23707b;--oy-mustard:#e3a33b;--oy-bulb:#ffd27a;--oy-wood:#9a6a3e;--oy-wood-dark:#6b4424;--oy-floor:#b8905f;--oy-floor-line:#a07a4c;--oy-counter:#7a2a23;--oy-counter-trim:#f6ecd6;--oy-metal:#8f99a4;--oy-water:#4fb8c6;--oy-water-deep:#1f6f86;--oy-water-hi:#e4fbfd;--oy-drop:#4fb8c6;--oy-glass:#fff;--oy-ball:#fbf6ea;--oy-aim:#7a2a23;--oy-ink:#1e1a22;--oy-badge:#fff;--oy-frame:#6b4424;--oy-bubble-bg:#fffaf0;--oy-bubble-ink:#1e1a22}:root[data-theme=dark] .oy{--oy-sky-1:#0b1222;--oy-sky-2:#2c2445;--oy-tent:#171b2e;--oy-tent-2:#252a47;--oy-cream:#f1e4c8;--oy-floor:#2b2231;--oy-floor-line:#3b3043;--oy-wood:#8a5a34;--oy-wood-dark:#5e3a1f;--oy-water:#3aa7b8;--oy-water-deep:#17566c;--oy-water-hi:#bff0f4;--oy-drop:#bff0f4;--oy-glass:#d8f3f7;--oy-aim:#ffd27a;--oy-frame:#47505d}.oy-game{--oy-stage-w:min(100%, 36rem, max(18rem, calc((100svh - 8rem) * .8889)));margin-top:var(--space-3);scroll-margin-top:calc(-1 * var(--space-2));gap:var(--space-3);flex-direction:column;display:flex}.oy [hidden]{display:none!important}.oy-pick{width:var(--oy-stage-w);order:1;margin-inline:auto;container-type:inline-size}.oy-side{display:contents}.oy-hudbox{order:2}.oy-ctrl{order:4}.oy-pick-title{margin:0 0 var(--space-2);font-size:var(--step-0);line-height:1.25}.oy-tickets{--notch:2.5px;grid-template-columns:repeat(10,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none;display:grid}@container (width>=330px){.oy-tickets{--notch:3px;gap:.3rem}}@container (width>=480px){.oy-tickets{--notch:4px;gap:.4rem}.oy-ticket{min-height:2.9rem}.oy-ticket:after{border:1.5px dashed;inset:3px 6px}.oy-ticket-no{letter-spacing:0;font-size:1.25rem}}.oy-ticket{--t-bg:var(--oy-red);--t-ink:#fff6e6;isolation:isolate;width:100%;min-height:2rem;color:var(--t-ink);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:.15rem 0;line-height:1.05;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.oy-ticket:before,.oy-ticket:after{content:"";z-index:-1;border-radius:5px;position:absolute}.oy-ticket:before{background:var(--t-bg);box-shadow:inset 0 0 0 1px var(--t-edge,transparent);-webkit-mask:radial-gradient(circle var(--notch) at 0 50%, #0000 96%, #000 100%), radial-gradient(circle var(--notch) at 100% 50%, #0000 96%, #000 100%);-webkit-mask-composite:source-in;mask:radial-gradient(circle var(--notch) at 0 50%, #0000 96%, #000 100%), radial-gradient(circle var(--notch) at 100% 50%, #0000 96%, #000 100%);inset:0;mask-composite:intersect}.oy-ticket:after{opacity:.4;border-block:1.5px dashed;border-radius:3px;inset:3px 4px}.oy-tickets li:nth-child(4n+2) .oy-ticket{--t-bg:var(--oy-cream);--t-ink:#7a2219}:root:not([data-theme=dark]) .oy-tickets li:nth-child(4n+2) .oy-ticket{--t-bg:#ead6aa;--t-edge:#7a221961}.oy-tickets li:nth-child(4n+3) .oy-ticket{--t-bg:var(--oy-teal);--t-ink:#f4fbfb}.oy-tickets li:nth-child(4n+4) .oy-ticket{--t-bg:var(--oy-mustard);--t-ink:#2a1d10}.oy-ticket-no{font-family:var(--font-head);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;font-size:.88rem;font-weight:700}.oy-ticket-best{white-space:nowrap;font-size:.58rem;font-weight:650}.oy-ticket-best:empty{display:none}.oy-ticket:hover{transform:translateY(-2px)rotate(-2deg)}.oy-tickets li:nth-child(2n) .oy-ticket:hover{transform:translateY(-2px)rotate(2deg)}.oy-ticket:active{transform:translateY(1px)scale(.97)}.oy-ticket:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.oy-noscript{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--rule-strong);border-radius:var(--radius-m)}.oy-stage{width:var(--oy-stage-w);aspect-ratio:480/540;background:var(--oy-sky-2);box-shadow:0 0 0 2px var(--oy-frame), 0 10px 30px -14px #0000008c;border-radius:12px;order:3;margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.oy-canvas{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;width:100%;height:100%;display:block}.oy-canvas:active,.oy-throwzone:active{cursor:grabbing}.oy-throwzone{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;position:absolute;inset:50% 0 0}.oy-canvas:focus-visible{outline:none}.oy-stage:has(.oy-canvas:focus-visible){box-shadow:0 0 0 2px var(--oy-frame), 0 0 0 5px var(--focus)}.oy-hint{color:#fff6e6;text-align:center;pointer-events:none;background:#141018cc;border-radius:999px;width:max-content;max-width:88%;margin:0;padding:.3em .85em;font-size:clamp(.74rem,3.4cqi,.95rem);font-weight:650;line-height:1.25;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.oy-hint.is-nudge{animation:.42s ease-out oy-nudge}@keyframes oy-nudge{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 6px))}50%{transform:translate(calc(5px - 50%))}75%{transform:translate(calc(-50% - 3px))}}@media (width>=60rem){.oy-game{justify-content:center;column-gap:var(--space-6);grid-template:"pick side""stage side"1fr/minmax(0,36rem) 19rem;align-items:start;row-gap:0;display:grid}.oy-pick{margin-bottom:var(--space-3);grid-area:pick}.oy-stage{grid-area:stage;margin-inline:auto}.oy-side{gap:var(--space-4);flex-direction:column;grid-area:side;display:flex}}.oy-bubble{--tail-x:70%;border:2px solid var(--oy-ink);background:var(--oy-bubble-bg);max-width:70%;color:var(--oy-bubble-ink);text-wrap:pretty;pointer-events:none;opacity:0;visibility:hidden;transform-origin:var(--tail-x) 100%;border-radius:14px;padding:.45em .75em;font-size:clamp(.82rem,3.7cqi,1.08rem);font-weight:650;line-height:1.3;transition:opacity .16s ease-out,transform .22s cubic-bezier(.2,1.4,.4,1),visibility 0s linear .16s;position:absolute;top:2.5%;right:3%;transform:translateY(4px)scale(.92)}.oy-bubble.is-on{opacity:1;visibility:visible;transition:opacity .16s ease-out,transform .22s cubic-bezier(.2,1.4,.4,1),visibility;transform:none}.oy-bubble p{margin:0}.oy-bubble:before,.oy-bubble:after{content:"";left:var(--tail-x);border-style:solid;width:0;height:0;position:absolute;transform:translate(-50%)}.oy-bubble:before{border-width:13px 9px 0;border-color:var(--oy-ink) transparent transparent transparent;bottom:-13px}.oy-bubble:after{border-width:10px 7px 0;border-color:var(--oy-bubble-bg) transparent transparent transparent;bottom:-9px}@container (width<=22rem){.oy-bubble{max-width:none;padding:.35em .6em;font-size:.78rem;line-height:1.22;top:1.5%;left:3%;right:3%}}@container (width<=16rem){.oy-bubble{font-size:.72rem;line-height:1.18}}@media (prefers-reduced-motion:reduce){.oy-bubble,.oy-bubble.is-on,.oy-ticket:hover,.oy-tickets li:nth-child(2n) .oy-ticket:hover,.oy-ticket:active{transform:none}.oy-hint.is-nudge{background:var(--oy-counter);animation:none}}.oy-who{margin:0 0 var(--space-2);color:var(--ink-muted)}.oy-who strong{color:var(--ink)}.oy-hud{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.oy-hud>div{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-left:3px solid var(--oy-red);background:var(--paper-raised);border-radius:0 var(--radius-s) var(--radius-s) 0;flex-direction:row-reverse;display:flex}.oy-hud>div:nth-child(2){border-left-color:var(--oy-mustard)}.oy-hud>div:nth-child(3){border-left-color:var(--oy-water)}.oy-hud>div:nth-child(4){border-left-color:var(--oy-teal)}.oy-hud dt{font-size:var(--step--1);color:var(--ink-muted);overflow-wrap:normal;text-wrap:balance;line-height:1.2}.oy-hud dd{font-family:var(--font-head);font-size:var(--step-2);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;margin:0;font-weight:700;line-height:1.15}.oy-best{margin:var(--space-2) 0 0;font-size:var(--step--1);color:var(--ink-muted)}@media (width>=34rem){.oy-hud{grid-template-columns:repeat(4,minmax(0,1fr))}.oy-hud>div{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);flex-direction:column-reverse;align-items:stretch;gap:0}.oy-hud dd{font-size:var(--step-3)}}@media (width>=60rem){.oy-hud{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=59.99rem) and (height<=44rem){.oy-game{gap:var(--space-2)}.oy-who{margin-bottom:var(--space-1);font-size:var(--step--1)}.oy-hud{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr))}.oy-hud>div{flex-direction:column-reverse;align-items:stretch;gap:0;padding:.15rem .3rem .15rem .45rem}.oy-hud dt{font-size:.66rem;line-height:1.15}.oy-hud dd{font-size:var(--step-0,1rem);line-height:1.1}.oy-best{margin-top:var(--space-1);font-size:.7rem}}.oy-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.oy-actions .btn{cursor:pointer;flex:auto}.oy-sound .oy-sound-waves{display:none}.oy-sound[aria-pressed=true] .oy-sound-waves{display:inline}.oy-sound[aria-pressed=true] .oy-sound-off{display:none}.oy-sound[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.oy-help{margin-top:var(--space-4);font-size:var(--step--1);color:var(--ink-muted);max-width:var(--measure)}.oy-help p{margin:0}.oy-help p+p{margin-top:var(--space-2)}.oy-help strong{color:var(--ink)}@media (orientation:landscape) and (height<=30rem) and (width<=59.99rem){.oy-game{grid-template-columns:min(55%, max(14rem, calc((100svh - var(--header-h) - 1.25rem) * .8889))) minmax(0, 1fr);column-gap:var(--space-4);row-gap:var(--space-2);grid-template-rows:auto 1fr;grid-template-areas:"stage pick""stage side";align-items:start;display:grid}.oy-pick{grid-area:pick;width:100%}.oy-stage{grid-area:stage;width:100%;margin-inline:0}.oy-side{gap:var(--space-2);flex-direction:column;grid-area:side;display:flex}.oy-help{margin-top:var(--space-3)}}@media (width<=33.99rem){.oy-best{min-height:2lh}.oy-game{gap:var(--space-2)}.oy-pick-title{margin-bottom:var(--space-1)}}@media (width<=33.99rem) and (height>=44.01rem){.oy-hud>div{min-height:calc(2 * 1.2 * var(--step--1) + 2 * var(--space-1))}}.oy-h1[data-astro-cid-fkq332z6]{margin-bottom:0}.oy-lead[data-astro-cid-fkq332z6]{margin-top:var(--space-2);max-width:var(--measure);font-size:var(--step-0);color:var(--ink-muted)}@media (width<=33.99rem){.oy-lead[data-astro-cid-fkq332z6]{margin-top:var(--space-1);font-size:var(--step--1)}}.oy-note[data-astro-cid-fkq332z6]{margin-top:var(--space-5);max-width:var(--measure);color:var(--ink-muted);font-size:var(--step--1)}
