.x4Ko0q_room{--dark:var(--darkroom);--safe:var(--safelight);--W:clamp(210px, 30vw, 330px);--H:calc(var(--W) * 2 / 3);--G:calc(var(--W) * .07);--P:calc(var(--W) + var(--G));--M:calc(var(--W) * .13);--mx:0;--my:0;isolation:isolate;background:var(--dark);min-height:100svh;color:var(--paper);grid-template-rows:auto 1fr;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.x4Ko0q_display{font-family:var(--font-archivo), -apple-system, system-ui, sans-serif;font-weight:800;font-stretch:62%}.x4Ko0q_sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.x4Ko0q_lamp{background:linear-gradient(#ff8a6a, var(--safe));border-radius:0 0 14px 14px;width:120px;height:18px;margin-left:-60px;animation:5.5s ease-in-out infinite x4Ko0q_breathe;position:absolute;top:-6px;left:50%;box-shadow:0 0 30px 6px #d9432bbf,0 0 120px 30px #d9432b59}.x4Ko0q_glow{z-index:-1;height:95%;translate:calc(var(--mx) * -22px) 0;background:radial-gradient(55% 60% at 50% 0,#d9432b66,#d9432b1a 55%,#0000 78%);transition:translate 1s cubic-bezier(.2,.8,.2,1);animation:5.5s ease-in-out infinite x4Ko0q_breathe;position:absolute;inset:-10% -20% auto}@keyframes x4Ko0q_breathe{0%,to{opacity:.72}50%{opacity:1}}.x4Ko0q_dust{z-index:-1;pointer-events:none;position:absolute;inset:0}.x4Ko0q_dust i{width:var(--s);height:var(--s);opacity:0;filter:blur(.5px);animation:x4Ko0q_float var(--d) linear var(--l) infinite;background:#ffb39c;border-radius:50%;position:absolute}@keyframes x4Ko0q_float{0%{opacity:0;transform:translate(0)}15%{opacity:.7}85%{opacity:.5}to{opacity:0;transform:translate(var(--x), -120px)}}.x4Ko0q_win{background:#0d0a08;border-radius:7px;place-items:center;width:40px;height:27px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #f5efe424,inset 0 2px 6px #000c}.x4Ko0q_count{font-variant-numeric:tabular-nums;color:var(--safe);text-shadow:0 0 8px #d9432b99;font:600 15px/1 -apple-system,system-ui,sans-serif;display:block}.x4Ko0q_main{padding:20px 0 max(36px, env(safe-area-inset-bottom));align-content:center;justify-items:center;gap:clamp(26px,5vh,52px);display:grid}.x4Ko0q_stage{width:100%;height:calc(var(--H) + var(--M) * 2 + 48px);translate:calc(var(--mx) * 14px) calc(var(--my) * 8px);transition:translate .8s cubic-bezier(.2,.8,.2,1);position:relative}.x4Ko0q_sway{animation:9s ease-in-out infinite alternate x4Ko0q_sway;position:absolute;inset:0}@keyframes x4Ko0q_sway{0%{transform:rotate(-3.2deg)}to{transform:rotate(-1.8deg)translateY(-6px)}}.x4Ko0q_strip{top:50%;left:calc(50% - var(--P) * 7.5);padding:var(--M) 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' preserveAspectRatio='none'%3E%3Crect x='2.6' y='3' width='4.8' height='4' rx='1' fill='%23F5EFE4' fill-opacity='.2'/%3E%3C/svg%3E") repeat-x 0 0 / calc(var(--P) / 8) var(--M), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' preserveAspectRatio='none'%3E%3Crect x='2.6' y='3' width='4.8' height='4' rx='1' fill='%23F5EFE4' fill-opacity='.2'/%3E%3C/svg%3E") repeat-x 0 100% / calc(var(--P) / 8) var(--M), linear-gradient(#21180f, #120d0a 50%, #21180f);animation:1.9s .25s both x4Ko0q_advance;display:flex;position:absolute;translate:0 -50%;box-shadow:0 30px 70px #0009,inset 0 1px #ffdcbe12,inset 0 -1px #ffdcbe0d}@keyframes x4Ko0q_advance{0%{transform:translateX(calc(var(--P) * 3));animation-timing-function:cubic-bezier(.3,.9,.3,1.14)}20%,32%{transform:translateX(calc(var(--P) * 2));animation-timing-function:cubic-bezier(.3,.9,.3,1.14)}52%,64%{transform:translateX(var(--P));animation-timing-function:cubic-bezier(.3,.9,.3,1.14)}86%,to{transform:translate(0)}}.x4Ko0q_cell{width:var(--P);flex:none;place-items:center;display:grid}.x4Ko0q_frame{width:var(--W);height:var(--H);background:#0b0806;border-radius:3px;position:relative;overflow:hidden}.x4Ko0q_frame img{object-fit:cover;object-position:50% 28%;filter:saturate(1.08)contrast(1.06)brightness(.9);width:100%;height:100%;display:block}.x4Ko0q_frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000073,inset 0 0 28px #00000080}.x4Ko0q_stamp{z-index:1;font:600 max(9px, calc(var(--W) * .043)) / 1 ui-monospace, Menlo, monospace;letter-spacing:.08em;color:#f26a44;text-shadow:0 0 6px #d9432be6;position:absolute;bottom:7%;right:7%}.x4Ko0q_miss{appearance:none;cursor:pointer;background:radial-gradient(120% 120% at 32% 26%,#fffaf1 0%,#f3e3c9 38%,#d8b089 76%,#a87650 100%);border:0;place-items:center;padding:0;transition:transform .35s cubic-bezier(.2,1.3,.4,1);display:grid;box-shadow:0 0 60px #ffd6a038}.x4Ko0q_miss:hover{transform:translateY(-4px)scale(1.015)}.x4Ko0q_miss:active{transform:scale(.98)}.x4Ko0q_miss:focus-visible{outline:2px solid var(--safe);outline-offset:4px}.x4Ko0q_fog{background:#fffdf8;animation:1.6s 1.6s both x4Ko0q_fog;position:absolute;inset:0}@keyframes x4Ko0q_fog{0%{opacity:1}to{opacity:0}}.x4Ko0q_latent{z-index:1;position:relative}.x4Ko0q_dev{font-size:calc(var(--W) * .44);letter-spacing:-.01em;color:#2a1f17;line-height:1;animation:2.4s 1.7s both x4Ko0q_develop;display:block}@keyframes x4Ko0q_develop{0%{opacity:0;filter:blur(16px);color:#c49a70}55%{opacity:.75;filter:blur(3px)}to{opacity:.9;filter:blur();color:#2a1f17}}.x4Ko0q_leak{z-index:2;mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#e860348c 44%,#ffaa6e80 52%,#0000 66%);animation:8s ease-in-out 3.6s infinite both x4Ko0q_leak;position:absolute;inset:-10% -60%}@keyframes x4Ko0q_leak{0%,62%{opacity:0;transform:translate(-55%)}70%{opacity:1}to{opacity:0;transform:translate(55%)}}.x4Ko0q_copy{text-align:center;justify-items:center;gap:14px;max-width:640px;padding:0 20px;display:grid}.x4Ko0q_copy>*{margin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both x4Ko0q_up}.x4Ko0q_copy>:first-child{animation-delay:1.55s}.x4Ko0q_copy>:nth-child(2){animation-delay:1.68s}.x4Ko0q_copy>:nth-child(3){animation-delay:1.81s}.x4Ko0q_copy>:nth-child(4){animation-delay:1.94s}.x4Ko0q_copy>:nth-child(5){animation-delay:2.07s}@keyframes x4Ko0q_up{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.x4Ko0q_title{letter-spacing:.005em;text-wrap:balance;font-size:clamp(36px,6.4vw,66px);line-height:.95}.x4Ko0q_sub{color:var(--silver);font-size:17px;line-height:1.4}.x4Ko0q_copy>.x4Ko0q_win{margin-bottom:4px}.x4Ko0q_copy>.x4Ko0q_btn{margin-top:10px}.x4Ko0q_btn{background:var(--safe);height:54px;color:var(--paper);font:700 20px/1 var(--font-archivo), system-ui, sans-serif;letter-spacing:.01em;border-radius:999px;align-items:center;padding:0 28px;font-stretch:75%;text-decoration:none;transition:transform .25s cubic-bezier(.2,1.3,.4,1),box-shadow .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff38,0 10px 30px #d9432b59}.x4Ko0q_btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff38,0 14px 44px #d9432b8c}.x4Ko0q_btn:active{transform:scale(.97)}.x4Ko0q_btn:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.x4Ko0q_aside{color:var(--silver);opacity:.85;font-size:14px}.x4Ko0q_grain{z-index:5;pointer-events:none;opacity:.13;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:1s steps(6,end) infinite x4Ko0q_grain;position:fixed;inset:-50%}@keyframes x4Ko0q_grain{0%{transform:translate(0)}20%{transform:translate(-5%,3%)}40%{transform:translate(4%,-6%)}60%{transform:translate(-3%,5%)}80%{transform:translate(6%,2%)}to{transform:translate(-2%,-4%)}}.x4Ko0q_vignette{z-index:4;pointer-events:none;background:radial-gradient(130% 95% at 50% 42%,#0000 55%,#060403cc 100%);position:fixed;inset:0}.x4Ko0q_flash{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--fx,50%) var(--fy,50%), #fff 0%, #fff7ea 35%, #fff7ea8c 100%);position:fixed;inset:0}.x4Ko0q_toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:7;opacity:0;-webkit-backdrop-filter:blur(30px)saturate(180%);background:#241f1bcc;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:600;transition:opacity .3s,translate .45s cubic-bezier(.2,1.3,.4,1);position:fixed;translate:-50% 14px;box-shadow:inset 0 0 0 .5px #f5efe429,0 12px 32px #0006}.x4Ko0q_show{opacity:1;translate:-50%}@media (prefers-reduced-motion:no-preference){.x4Ko0q_latent{filter:url(#wet)}}@media (prefers-reduced-motion:reduce){.x4Ko0q_room,.x4Ko0q_room *,.x4Ko0q_room :before,.x4Ko0q_room :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.x4Ko0q_dust{display:none}}
