:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#14120c;--stone:#6f6a4c;--stone-hi:#a59d72;--stone-lo:#3e3a28;--moss:#7aa848;--glyph:#d9b45a;--chori:#ff6a3a;--pan:#3aa8ff;--goo:#9cd84a;--text:#f3ead2;--muted:#b3a885;--title:"Luckiest Guy", "Arial Black", Impact, sans-serif;--body:"Baloo 2", "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night);width:100%;height:100%;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}#app{width:100vw;height:100dvh;position:relative;overflow:hidden}.game-canvas{display:block;position:absolute;inset:0}.hidden{display:none!important}.cp{pointer-events:none;z-index:10;position:absolute;inset:0}.cp-bar{opacity:0;background:repeating-linear-gradient(0deg,#0000000f 0 2px,#0000 2px 5px),linear-gradient(#7a7454,#5a5440);border-radius:12px;align-items:center;gap:26px;padding:6px 22px;transition:opacity .4s;display:flex;position:absolute;top:10px;left:50%;translate:-50%;box-shadow:inset 0 2px #fff0c840,inset 0 -3px #0000004d,0 6px 16px #00000080}.cp--playing .cp-bar{opacity:1}.cp-bar__level{align-items:baseline;gap:10px;display:flex}.cp-bar__level span{font-family:var(--title);color:var(--glyph);text-shadow:0 2px #3e3a28;font-size:18px}.cp-bar__level b{color:var(--text);font-size:15px;font-weight:700}.cp-bar__time{font-family:var(--title);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#fff6dc;text-shadow:0 2px #3e3a28;text-align:center;min-width:96px;font-size:26px}.cp-bar__gems{gap:14px;display:flex}.cp-gem{align-items:center;gap:6px;font-size:15px;font-weight:800;display:inline-flex}.cp-gem i{width:14px;height:14px;display:inline-block}.cp-gem--aji i{background:#e0281a;border-radius:50% 50% 50% 0;rotate:-45deg}.cp-gem--cub i{background:#aee1ff;border-radius:3px;box-shadow:inset 0 0 0 1.5px #fff}.cp-banner{z-index:20;pointer-events:none;opacity:0;white-space:nowrap;justify-items:center;gap:4px;display:grid;position:absolute;top:38%;left:50%;translate:-50% -50%}.cp-banner b{font-family:var(--title);color:#fff6dc;text-shadow:0 4px #3e3a28,0 0 24px #0009;font-size:clamp(30px,5vw,60px);font-weight:400}.cp-banner span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:18px;font-weight:700}.cp-banner--good b{color:#ffe08a}.cp-banner--bad b{color:#ffb4a0}.cp-banner.is-shown{animation:1.5s cubic-bezier(.2,1.3,.4,1) forwards banner}@keyframes banner{0%{opacity:0;transform:scale(.6)rotate(-4deg)}15%{opacity:1;transform:scale(1.06)rotate(1deg)}25%{transform:scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.countdown{z-index:30;font-family:var(--title);color:#fff6dc;text-shadow:0 8px #3e3a28,0 0 40px #ff782899;pointer-events:none;opacity:0;font-size:clamp(90px,15vw,190px);position:absolute;top:46%;left:50%;translate:-50% -50%}.countdown.is-shown{animation:.75s cubic-bezier(.25,1,.5,1) countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.8)}30%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}.cp-overlay{z-index:35;background:radial-gradient(80% 70%,#14120c59,#0a0906d9);place-items:center;padding:20px 16px;display:grid;position:absolute;inset:0;overflow-y:auto}.cp-card{text-align:center;background:radial-gradient(120% 80% at 50% 0,#fff0c81a,#0000 60%),repeating-linear-gradient(0deg,#0000000d 0 2px,#0000 2px 6px),linear-gradient(#5e5840,#3e3a28);border-radius:22px;width:min(600px,100%);padding:28px 30px 22px;animation:.6s cubic-bezier(.2,1.3,.4,1) card-in;box-shadow:inset 0 3px #fff0c833,inset 0 -5px #0000004d,0 0 0 3px #2a2618,0 30px 80px #000000b3}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.95)}}.cp-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--glyph);font-size:12px;font-weight:700}.cp-title{font-family:var(--title);text-shadow:0 6px #2a2618;margin:8px 0 6px;font-size:clamp(48px,9vw,84px);font-weight:400;line-height:1}.cp-title i{color:var(--muted);font-size:.55em;font-style:normal}.cp-title__chori{color:var(--chori)}.cp-title__pan{color:#f0c27a}.cp-title--small{color:#ffe08a;font-size:clamp(32px,6vw,52px)}.cp-sub{color:var(--text);font-size:16px}.cp-who{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 8px;display:grid}.cp-who__card{background:#00000038;border-radius:14px;gap:2px;padding:12px;display:grid;box-shadow:inset 0 0 0 2px #ffffff0f}.cp-who__card b{font-family:var(--title);font-size:26px;font-weight:400}.cp-who__card span{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:800}.cp-who__card small{color:var(--muted);font-size:13px}.cp-who__card--chori b,.cp-who__card--chori span{color:var(--chori)}.cp-who__card--pan b,.cp-who__card--pan span{color:#f0c27a}.cp-warn{color:var(--goo);font-weight:700}.cp-best{font-family:var(--title);color:var(--glyph);margin-top:8px}.cp-hint{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:14px;font-size:13px;font-weight:700;animation:1.8s ease-in-out infinite hint}@keyframes hint{50%{opacity:.45}}.cp-final{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 4px;display:grid}.cp-final>div{background:#00000038;border-radius:12px;padding:10px 6px}.cp-final span{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700;display:block}.cp-final b{font-family:var(--title);color:#ffe08a;font-size:24px;font-weight:400}.cp-card .mg-ht{color:var(--text);margin-top:14px}.cp-card .mg-lb{margin-top:12px}@media (width<=640px){.cp-bar{gap:12px;padding:5px 12px}.cp-bar__level b{display:none}.cp-who{grid-template-columns:1fr}}.cp-pairs{background:#14120cc7;border-radius:12px;min-width:190px;padding:8px 12px;font-size:13px;position:absolute;top:10px;right:14px;box-shadow:0 0 0 1px #d9b45a4d,0 8px 20px #00000073}.cp-pairs__k{letter-spacing:.2em;text-transform:uppercase;color:var(--glyph);font-size:11px;font-weight:800;display:block}.cp-pairs ol{gap:4px;margin-top:4px;list-style:none;display:grid}.cp-pairs li{grid-template-columns:auto auto auto 1fr;align-items:baseline;gap:5px;display:grid}.cp-pairs li b{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-weight:800;overflow:hidden}.cp-pairs li b:first-child{color:var(--chori)}.cp-pairs li b:nth-of-type(2){color:#f0c27a}.cp-pairs li i{color:var(--muted);font-style:normal}.cp-pairs li span{font-family:var(--title);color:var(--text);justify-self:end;font-size:13px}.cp-pairs li.is-me{text-shadow:0 0 10px #ffdc8c80}.cp-pairs li.is-done span{color:#9ff0a0}.cp-bets{gap:10px;margin:16px 0 4px;display:grid}.cp-bet{cursor:pointer;font-family:var(--title);color:var(--text);background:#00000040;border:0;border-radius:14px;justify-content:center;align-items:baseline;gap:10px;padding:12px 16px;font-size:22px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:inset 0 0 0 2px #ffffff14}.cp-bet i{color:var(--muted);font-size:15px;font-style:normal}.cp-bet b:first-of-type{color:var(--chori);font-weight:400}.cp-bet b:last-of-type{color:#f0c27a;font-weight:400}.cp-bet:hover{transform:translateY(-2px)}.cp-bet.is-on{box-shadow:inset 0 0 0 3px var(--glyph), 0 0 24px #d9b45a73}.cp-podium{text-align:left;gap:8px;margin:16px 0 4px;list-style:none;display:grid}.cp-podium li{background:#00000038;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:baseline;gap:10px;padding:8px 12px;display:grid}.cp-podium li span{font-family:var(--title);color:var(--glyph);font-size:20px}.cp-podium li i{font-style:normal;font-family:var(--title);color:#ffe08a}.cp-podium li.is-me{box-shadow:inset 0 0 0 2px var(--glyph)}.cp-overlay--final .mg-ht{display:none}.cp-touch{pointer-events:none;height:0;position:absolute;inset:auto 0 0}.cp-touch button{bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:auto;width:78px;height:78px;color:var(--text);font-family:var(--title);touch-action:none;background:#3c3828bf;border:0;border-radius:50%;font-size:15px;position:absolute;box-shadow:inset 0 3px #fff0c833,0 0 0 2px #d9b45a66}.cp-touch button.is-on{background:#d9b45a99}.cp-touch [data-t=left]{left:18px}.cp-touch [data-t=right]{left:108px}.cp-touch [data-t=left]:after,.cp-touch [data-t=right]:after{content:"";border-top:14px solid #0000;border-bottom:14px solid #0000;width:0;height:0;margin:auto;position:absolute;inset:0}.cp-touch [data-t=left]:after{border-right:20px solid var(--text);translate:-3px}.cp-touch [data-t=right]:after{border-left:20px solid var(--text);translate:3px}.cp-touch [data-t=jump]{width:92px;height:92px;right:22px}@media (width<=479px){.cp-bar{top:52px}}