@font-face{font-family:Inter;src:url(./inter-BwkfbSeq.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Bagel;src:url(./bagel-CB1T13M1.woff2) format("woff2");font-display:swap}@font-face{font-family:Syne;src:url(./syne800-EehdNYzx.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:TicketMono;src:url(./dmmono-DRMDZjhP.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Griffy;src:url(./griffy-i6EZju_L.woff2) format("woff2");font-display:swap}:root{--cream: #fff4ff;--orange: #ff7a1a;--gold: #ffc65c;--yellow: #ffd23f;--mint: #7fe0c3;--lilac: #c4b0ff;--violet: #8f5cff}html,body{margin:0;height:100%;overflow:hidden;background:#0b0614;color:var(--cream);font:500 14px/1.45 Inter,system-ui,sans-serif}#stage,#stage canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#stage canvas{cursor:grab}body.pulling #stage canvas{cursor:grabbing}#copy{position:fixed;right:14px;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;font:600 11.5px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;color:#fff5ffd1;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none}.glass{position:relative;isolation:isolate;border-radius:22px;background:radial-gradient(120% 70% at 50% -10%,#ffffff38,#fff0 55%),radial-gradient(90% 60% at 50% 115%,#ff8c3238,#ff8c3200 60%),linear-gradient(180deg,#46246e6b,#1a0c2c8c);-webkit-backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);box-shadow:inset 0 1.5px #ffffff8c,inset 0 -1px #ffaa5a59,inset 0 0 0 1px #d2b4ff38,inset 0 0 22px #a06eff2e,0 10px 34px #00000073,0 0 26px #8f5cff2e}@supports (backdrop-filter: url(#tt-lens)){.glass{backdrop-filter:url(#tt-lens) blur(14px) saturate(1.8) brightness(1.1)}.glass.sm{backdrop-filter:url(#tt-lens-sm) blur(10px) saturate(1.8) brightness(1.1)}}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(135deg,#fff9,#c4b0ff26 30%,#ff8c3c59 70%,#ffffff40);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}:where(#ui) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.brand{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));padding:6px 18px 6px 8px;display:flex;align-items:center;gap:8px;border-radius:999px;pointer-events:none!important}.brand svg{width:30px;height:30px;filter:drop-shadow(0 0 8px rgba(255,140,40,.75));animation:jackGlow 2.4s ease-in-out infinite}.brand span{font:400 22px/1 Griffy,Inter,sans-serif;letter-spacing:.01em;background:linear-gradient(180deg,#fff0b8,#ffb347 55%,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(90,30,0,.8)) drop-shadow(0 0 10px rgba(255,140,40,.45))}.brand i{font-style:normal;font-size:17px}@keyframes jackGlow{50%{filter:drop-shadow(0 0 14px rgba(255,160,60,1))}}html.noui #ui,html.noui .grab{display:none!important}html.framed .brand{left:136px}@media(max-width:600px){html.framed .brand{left:80px}}.bar{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));padding:5px 8px 5px 14px;display:flex;align-items:center;gap:4px;border-radius:999px}.tally{display:flex;gap:10px;padding-right:6px}.tc{display:inline-flex;align-items:center;gap:4px;font:400 18px/1 Griffy,Inter,sans-serif;color:var(--cream)}.tc svg{width:22px;height:22px;filter:drop-shadow(0 0 5px rgba(255,200,120,.35))}.ib{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff0ffeb;transition:background .2s,transform .2s}.ib svg{width:19px;height:19px}.ib:hover,.ib:focus-visible{background:#ffffff24;outline:none;transform:scale(1.06)}.ib.snd.on{color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,190,90,.7))}.pill{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 22px 10px 14px;max-width:min(560px,calc(100vw - 150px));border-radius:999px;font:600 14.5px/1.3 Inter,sans-serif;letter-spacing:.01em;pointer-events:none!important;text-align:center}.pill[hidden]{display:none}.pill .hint{display:inline-flex;align-items:center;gap:10px}.pill .hi-ico{display:inline-grid;width:26px;height:26px;color:var(--gold);animation:tug 1.6s ease-in-out infinite}.pill .hi-ico svg{width:26px;height:26px}@keyframes tug{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.pill .meter{display:none;align-items:center;gap:12px}.pill.metering .hint{display:none}.pill.metering .meter{display:flex}.pill .lab{font:400 16px/1 Griffy,Inter,sans-serif;color:var(--lilac)}.pill .track{width:170px;height:10px;border-radius:6px;background:#ffffff1f;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.pill .track i{display:block;height:100%;width:100%;border-radius:inherit;transition:width .12s linear;background:repeating-linear-gradient(135deg,#ff9a3c 0 8px,#ffd23f 8px 16px);background-size:22.6px 22.6px;box-shadow:0 0 10px #ffaa3cb3;animation:candyRoll .8s linear infinite}@keyframes candyRoll{to{background-position:22.6px 0}}.pill .pct{font:400 20px/1 Griffy,Inter,sans-serif;min-width:66px;text-align:right;color:var(--gold);text-shadow:0 0 10px rgba(255,170,60,.6)}.pill.off .track i{background:repeating-linear-gradient(135deg,#a77bff 0 8px,#6a3fd6 8px 16px);background-size:22.6px 22.6px;box-shadow:0 0 10px #a06effcc}.pill.off .pct{color:var(--lilac);text-shadow:0 0 10px rgba(160,110,255,.7)}.card{position:absolute;inset:0;display:grid;place-items:end center;padding:20px 20px max(22px,env(safe-area-inset-bottom));pointer-events:none!important}.card[hidden]{display:none}.card .ci{box-sizing:border-box;pointer-events:auto;width:min(400px,calc(100vw - 40px));padding:22px 28px;text-align:center;border-radius:28px;overflow:hidden;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.25)}.card.in .ci{opacity:1;transform:none}.ci .web,.hi .web{position:absolute;left:-2px;top:-2px;width:64px;height:64px;pointer-events:none;opacity:.8}.ci .no{font:600 11px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f0e1ffb8}.ci h2{margin:8px 0 4px;font:400 54px/1 Griffy,Inter,sans-serif;letter-spacing:.01em}.ci h2.big{background:linear-gradient(180deg,#fff3c4,#ffb347 50%,#ff6a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(90,30,0,.85)) drop-shadow(0 0 18px rgba(255,140,40,.55));animation:pop .6s cubic-bezier(.2,.9,.3,1.4) both}.ci.trick h2.big{background:linear-gradient(180deg,#f4ecff,#c4b0ff 50%,#8f5cff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 rgba(30,10,70,.9)) drop-shadow(0 0 18px rgba(150,100,255,.6))}@keyframes pop{0%{transform:scale(.6) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.ci p{margin:6px 0;color:#faf0ffeb}.ci p b{color:var(--gold)}.ci p.tip{font-size:13px;color:#e1d2ffc7}.ci .stars{font-size:30px;letter-spacing:6px;margin:2px 0 4px}.ci .stars b{font-weight:400;color:var(--yellow);text-shadow:0 0 12px rgba(255,200,60,.8),0 2px 0 #7a3c00}.ci .stars span{color:#ffffff29}.ci .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.ci .go{padding:12px 22px;border-radius:999px;color:#2a0d00;font:700 14px/1 Inter,sans-serif;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px;background:radial-gradient(120% 90% at 50% 0%,#ffe3a8,#ffb04a 40%,#ff7a1a 75%,#e85a0c);box-shadow:inset 0 2px #ffffffb3,inset 0 -3px 6px #96320073,0 6px 20px #ff781e80,0 0 0 1px #78280059;transition:transform .15s,box-shadow .15s}.ci .go:hover,.ci .go:focus-visible{transform:translateY(-1px) scale(1.03);outline:none;box-shadow:inset 0 2px #fffc,inset 0 -3px 6px #96320073,0 8px 26px #ff8228bf,0 0 0 1px #78280059}.ci .go kbd{font:700 11px/1 Inter,sans-serif;padding:3px 5px;border-radius:5px;background:#7828002e}.ci .alt{padding:11px 18px;border-radius:999px;font:700 14px/1 Inter,sans-serif;color:var(--cream);background:#ffffff14;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #dcc8ff59}.ci .alt:hover,.ci .alt:focus-visible{background:#ffffff29;outline:none}.help{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#08030e80}.help[hidden]{display:none}.help .hi{box-sizing:border-box;width:min(450px,calc(100vw - 40px));max-height:calc(100vh - 60px);overflow:auto;padding:22px 28px 18px;border-radius:26px}.help h2{margin:2px 0 8px;font:400 34px/1 Griffy,sans-serif;background:linear-gradient(180deg,#fff3c4,#ffb347 55%,#ff6a12);-webkit-background-clip:text;background-clip:text;color:transparent}.help h3{margin:14px 0 4px;font:700 12.5px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}.help p{margin:6px 0;color:#faf0ffeb;font-size:13.5px}.help b{color:var(--gold)}.help .keys{margin-top:12px;color:#e6d7ffb8;font-size:12px}.help kbd,.ci kbd{font-family:Inter,sans-serif}.help kbd{padding:2px 6px;border-radius:5px;background:#ffffff1f}.help .x{position:absolute;right:12px;top:10px;font-size:24px;line-height:1;width:34px;height:34px;border-radius:50%;z-index:2}.help .x:hover{background:#ffffff1f}.grab{position:fixed;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;pointer-events:none;z-index:9;border:2px solid rgba(255,210,120,.95);box-shadow:0 0 0 5px #ffaa3c2e,0 0 22px #ffa03cbf,inset 0 0 12px #ffbe5a80;animation:grabPulse 1.4s ease-in-out infinite}.grab:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:36px;margin-left:-1px;background:linear-gradient(#ffc86ef2,#ffc86e00)}.grab[hidden]{display:none}@keyframes grabPulse{50%{transform:scale(.82)}}@media(max-width:640px){.brand{padding:5px 14px 5px 6px}.brand svg{width:24px;height:24px}.brand span{font-size:18px}.bar{padding:4px 6px 4px 10px}.tc{font-size:15px}.tc svg{width:18px;height:18px}.ib{width:30px;height:30px}.pill{bottom:max(42px,env(safe-area-inset-bottom));max-width:calc(100vw - 40px);font-size:13px}.pill .track{width:110px}.ci h2{font-size:44px}#copy{right:0;left:0;text-align:center}}@media(max-width:420px){.brand{display:none}.bar{left:50%;right:auto;transform:translate(-50%)}.card .ci{padding:18px 16px 16px}.ci .go,.ci .alt{padding:10px 14px;font-size:13px}.ci h2{font-size:40px}}@media(max-height:520px)and (min-width:600px){.card{place-items:center end;padding-right:max(18px,env(safe-area-inset-right))}.card .ci{width:min(330px,42vw);padding:14px 18px}.ci h2{font-size:38px;margin:4px 0}.ci p{font-size:13px;margin:4px 0}.ci .stars{font-size:22px}}
