.rn2{--rn2-hdr:77px;--rn2-room:calc(100vh - var(--rn2-hdr));--rn2-ease:cubic-bezier(.4,0,.2,1);--rn2-r:24px;--rn2-ink:#0B2127;position:relative;background:var(--wash);padding:clamp(16px,3vh,56px) 0}@supports (height:100svh){.rn2{--rn2-room:calc(100svh - var(--rn2-hdr))}}.rn2-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 40px;margin:0 0 clamp(10px,2.2vh,22px)}.rn2-head .eyebrow{grid-column:1/-1;margin:0 0 4px}.rn2-head h2{margin:0;font-size:clamp(24px,min(3vw,5.2vh),38px);line-height:1.08}.rn2-lede{margin:0;padding-bottom:3px;max-width:31ch;font-size:15px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.rn2-game{position:relative}.rn2-stage{position:relative;overflow:hidden;isolation:isolate;outline:none;height:clamp(280px,calc(var(--rn2-room) - 158px),600px);border-radius:var(--rn2-r);background:linear-gradient(180deg,#C9D0D2 0%,#BCC5C8 79%,#8F9B9F 79.2%,#6E7A7E 100%);box-shadow:0 1px 2px rgba(15,59,68,.06),0 24px 48px -28px rgba(8,26,31,.55);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@supports (height:round(down,10.5px,1px)){.rn2-stage{height:clamp(280px,round(down,calc(var(--rn2-room) - 158px),1px),600px)}}.rn2-cv{position:absolute;inset:0;width:100%;height:100%;display:block}.rn2-hud{position:absolute;left:0;right:0;top:0;z-index:2;pointer-events:none;display:flex;align-items:center;gap:18px;padding:16px 18px 0 18px}.rn2-time{margin:0;min-width:5.6ch;padding:0 11px;height:34px;box-sizing:border-box;display:flex;align-items:center;border-radius:17px;background:rgba(253,252,251,.58);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 6px 16px -10px rgba(8,26,31,.5);font-family:var(--mono);font-weight:600;font-size:16px;line-height:1;color:var(--rn2-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rn2-time span{font-size:.75em;margin-left:2px;color:var(--ink-2)}.rn2-prog{flex:1;display:flex;gap:4px;max-width:360px;margin:0 auto;padding:0;list-style:none}.rn2-prog li{flex:1 1 0;height:5px;border-radius:3px;background:rgba(11,33,39,.16);transition:background-color .3s var(--rn2-ease)}.rn2-prog li.big{flex-grow:1.8}.rn2-prog li.on{background:var(--teal);animation:rn2-tick .5s var(--rn2-ease)}.rn2-prog li.miss{background:var(--accent)}@keyframes rn2-tick{35%{transform:scaleY(2.2)}}.rn2-slots{display:flex;gap:8px;margin:0;padding:0;list-style:none}.rn2-slots li{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(253,252,251,.5);color:rgba(11,33,39,.34);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1.5px rgba(11,33,39,.12);transition:background-color .3s var(--rn2-ease),color .3s var(--rn2-ease),box-shadow .3s var(--rn2-ease)}.rn2-slots svg{width:19px;height:19px;display:block}.rn2-slots li.on{background:var(--c);color:var(--g);box-shadow:0 0 0 3px rgba(253,252,251,.85),0 8px 18px -6px var(--c);animation:rn2-pop .5s var(--rn2-ease)}@keyframes rn2-pop{0%{transform:scale(.55)}40%{transform:scale(1.32)}70%{transform:scale(.94)}100%{transform:none}}.rn2-toast{position:absolute;left:50%;top:62px;z-index:3;margin:0;pointer-events:none;max-width:calc(100% - 32px);width:max-content;padding:9px 15px;border-radius:14px;background:rgba(253,252,251,.86);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 10px 26px -12px rgba(8,26,31,.5),0 0 0 .5px rgba(11,33,39,.08);font-family:var(--head);font-size:14.5px;font-weight:500;line-height:1.35;color:var(--ink);text-align:center;text-wrap:balance;opacity:0;transform:translate(-50%,-6px);transition:opacity .3s var(--rn2-ease),transform .3s var(--rn2-ease)}.rn2-toast.on{opacity:1;transform:translate(-50%,0)}.rn2-toast b{font-weight:700;color:var(--c,var(--ink))}.rn2-start,.rn2-end{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .3s var(--rn2-ease),visibility .3s var(--rn2-ease)}.rn2-start{gap:10px;padding:40px 0 4%;background:radial-gradient(closest-side,rgba(243,237,226,.62),rgba(243,237,226,0)) 50% 46% / min(560px,94%) 80% no-repeat}.rn2-play{position:relative;width:76px;height:76px;margin:0 0 6px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:#FDFCFB;background:radial-gradient(circle at 35% 28%,#F08B47,#DE6B20 58%,#C25B19);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 30px -12px rgba(173,82,24,.85),0 0 0 7px rgba(253,252,251,.55);transition:transform .15s var(--rn2-ease),box-shadow .3s var(--rn2-ease)}.rn2-play::after{content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 1.5px rgba(222,107,32,.5);animation:rn2-breathe 2.6s ease-in-out infinite}@keyframes rn2-breathe{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.14);opacity:0}}.rn2-play svg{width:32px;height:32px;margin-left:4px}.rn2-play:hover{transform:scale(1.05)}.rn2-play:active{transform:scale(.95)}.rn2-play:focus-visible{outline:3px solid var(--teal);outline-offset:9px}.rn2-title{margin:0;font-family:var(--head);font-size:clamp(17px,2.6vh,21px);font-weight:650;letter-spacing:-.015em;color:var(--rn2-ink);line-height:1.2}.rn2-hint{margin:0;font-size:14.5px;line-height:1.3;color:#3E5057}.rn2.rn2-on .rn2-start{opacity:0;visibility:hidden}.rn2.rn2-on.rn2-paused .rn2-start{opacity:1;visibility:visible;background:rgba(243,237,226,.5);-webkit-backdrop-filter:blur(5px) saturate(1.1);backdrop-filter:blur(5px) saturate(1.1)}.rn2.rn2-on.rn2-paused .rn2-play::after{animation:none;opacity:0}.rn2-end{gap:6px;padding:40px 0 4%;opacity:0;visibility:hidden;align-items:flex-end;padding-right:max(28px,7%);text-align:right;background:radial-gradient(closest-side,rgba(250,246,239,.94),rgba(250,246,239,.6) 55%,rgba(250,246,239,0)) 100% 34% / min(660px,66%) 64% no-repeat}.rn2.rn2-done .rn2-end{opacity:1;visibility:visible}.rn2.rn2-done .rn2-end > *{animation:rn2-rise .5s var(--rn2-ease) both}.rn2.rn2-done .rn2-end > :nth-child(2){animation-delay:.07s}.rn2.rn2-done .rn2-end > :nth-child(3){animation-delay:.14s}.rn2.rn2-done .rn2-end > :nth-child(4){animation-delay:.21s}@keyframes rn2-rise{from{opacity:0;transform:translateY(12px)}}.rn2-end-k{margin:0;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-tx)}.rn2-end-t{margin:0;font-family:var(--head);font-weight:760;font-size:clamp(44px,8vh,84px);line-height:1;letter-spacing:-.04em;color:var(--rn2-ink);font-variant-numeric:tabular-nums}.rn2-end-t span{font-size:.45em;font-weight:650;margin-left:3px;letter-spacing:0;color:var(--ink-2)}.rn2-end-l{margin:2px 0 8px;font-size:15px;line-height:1.4;color:#3E5057;max-width:30ch;text-wrap:balance}.rn2-again{min-height:44px;padding:0 22px;border:0;border-radius:22px;cursor:pointer;font-family:var(--head);font-size:15px;font-weight:600;color:#FDFCFB;background:var(--teal);box-shadow:0 12px 24px -12px rgba(8,26,31,.8);transition:transform .15s var(--rn2-ease),background-color .3s var(--rn2-ease)}.rn2-again:hover{background:var(--teal-lt)}.rn2-again:active{transform:scale(.96)}.rn2-again:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:1100px) and (min-width:900px){.rn2-lede{max-width:26ch;font-size:14px}}@media(max-width:899px){.rn2{--rn2-hdr:var(--m-hdr,63px);--rn2-r:20px;--rn2-s:calc(100svh - var(--m-hdr,63px));height:var(--rn2-s);box-sizing:border-box;padding:12px 0 14px;display:flex;flex-direction:column;justify-content:center}.rn2 > .wrap{width:100%}.rn2-head{display:block;text-align:center;margin-bottom:12px}.rn2-head .eyebrow{margin-bottom:6px}.rn2-head h2{font-size:clamp(22px,6.2vw,27px);line-height:1.1;text-wrap:balance}.rn2-lede{display:none}.rn2-stage{height:min(560px,calc(var(--rn2-s) - 132px))}.rn2-hud{gap:10px;padding:12px 12px 0 12px}.rn2-time{font-size:14px;height:30px;padding:0 9px;min-width:5.2ch}.rn2-prog{gap:2px}.rn2-prog li{height:4px}.rn2-slots{gap:5px}.rn2-slots li{width:30px;height:30px}.rn2-slots svg{width:17px;height:17px}.rn2-toast{top:54px;font-size:13px;padding:7px 12px;max-width:calc(100% - 40px)}.rn2-start{gap:8px;padding:0 0 24%;background:radial-gradient(closest-side,rgba(243,237,226,.55),rgba(243,237,226,0)) 50% 40% / 96% 60% no-repeat}.rn2-title{font-size:18px}.rn2-hint{font-size:14px;font-weight:500;color:var(--ink)}.rn2-play{width:72px;height:72px}.rn2-play svg{width:30px;height:30px}.rn2.rn2-on.rn2-paused .rn2-start{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(closest-side,rgba(243,237,226,.7),rgba(243,237,226,0)) 50% 40% / 96% 60% no-repeat}.rn2-end{align-items:center;text-align:center;justify-content:flex-start;padding:68px 20px 0;background:radial-gradient(closest-side,rgba(250,246,239,.9),rgba(250,246,239,0)) 50% 24% / 116% 50% no-repeat}.rn2-end-t{font-size:clamp(48px,15vw,64px)}}@media(max-width:899px){@supports (height:round(down,10.5px,1px)){.rn2-stage{height:min(560px,round(down,calc(var(--rn2-s) - 132px),1px))}}}@media (prefers-reduced-motion:reduce){.rn2 *,.rn2 *::after{animation:none!important}}
