@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&display=swap";:root{--ch-paper:#fffaf0;--ch-ink:#1f1a17;--ch-soft:#5c544d;--ch-red:#ff5a36;--ch-sun:#ffb800;--ch-green:#22b573;--ch-blue:#2d7ff9;--ch-purple:#9b4dff;--ch-pink:#ff3d8b;--ch-accent:var(--ch-sun);--ch-font:"Bricolage Grotesque",system-ui,sans-serif;--ch-title:clamp(34px,9vw,56px);--ch-btn:18px;--ch-small:14px;--ch-radius:12px;--ch-in:.18s;--ch-stagger:60ms}.ch-title{font-family:var(--ch-font);font-weight:800;font-stretch:75%;font-size:var(--ch-title);letter-spacing:-.02em;line-height:.92}.ch-small{font-family:var(--ch-font);font-size:var(--ch-small);font-weight:600}.ch-btn{min-height:48px;font:800 var(--ch-btn)/1 var(--ch-font);color:var(--ch-ink);background:var(--ch-paper);border:2px solid var(--ch-ink);border-radius:var(--ch-radius);box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:12px 22px;transition:transform .12s,background-color .12s;display:inline-flex}.ch-btn:hover{transform:translateY(-2px)}.ch-btn:active{transform:translateY(1px)}.ch-btn.primary{background:var(--ch-accent)}.ch-btn.danger{background:0 0}.ch-btn:focus-visible{outline:3px solid var(--ch-blue);outline-offset:3px}@keyframes ch-in{0%{opacity:0;transform:translateY(16px)}}.ch-enter>*{animation:ch-in var(--ch-in) ease-out both}.ch-enter>:nth-child(2){animation-delay:calc(var(--ch-stagger)*1)}.ch-enter>:nth-child(3){animation-delay:calc(var(--ch-stagger)*2)}.ch-enter>:nth-child(4){animation-delay:calc(var(--ch-stagger)*3)}.ch-enter>:nth-child(n+5){animation-delay:calc(var(--ch-stagger)*4)}@media (prefers-reduced-motion:reduce){.ch-enter>*{animation-name:none}.ch-btn{transition:none}}@font-face{font-family:Bungee;src:url(../fonts/Bungee-400.woff2)format("woff2");font-display:swap}@font-face{font-family:Chakra;font-weight:600;src:url(../fonts/Chakra-600.woff2)format("woff2");font-display:swap}@font-face{font-family:Chakra;font-weight:700;src:url(../fonts/Chakra-700.woff2)format("woff2");font-display:swap}:root{--night:#0e1230;--ink:#0a0c22;--sodium:#ff9a2e;--teal:#1fd1b2;--neon:#ff3d7f;--volt:#9bf0ff;--brass:#ffd34e;--cream:#fff1dc;--display:"Bungee",Impact,sans-serif;--ui:"Chakra",system-ui,sans-serif;--st:env(safe-area-inset-top);--sb:env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}html,body{background:var(--night);color:var(--cream);font-family:var(--ui);touch-action:none;overscroll-behavior:none;font-weight:600;position:fixed;inset:0;overflow:hidden}canvas#c{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.hud,#ui>.vs{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:3px solid var(--volt);outline-offset:3px}.btn{--c:var(--sodium);--s:#b4570e;--t:var(--ink);background:var(--c);width:100%;color:var(--t);font-family:var(--display);box-shadow:0 6px 0 var(--s),0 12px 20px #0006,inset 0 2px 0 #ffffff73;border-radius:14px;padding:15px 16px;font-size:20px;line-height:1;transition:transform .12s cubic-bezier(.3,1.6,.5,1),box-shadow .12s}.btn.huge{--c:var(--brass);--s:#b8861a;padding:19px;font-size:34px}.btn.alt{--c:var(--neon);--s:#9c1747;--t:var(--cream)}.btn.teal{--c:var(--teal);--s:#0e7d6a}.btn.ghost{--c:#9bf0ff1a;--s:#00000073;--t:var(--cream);font-family:var(--ui);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 0 var(--s),inset 0 0 0 1.5px #9bf0ff40;font-size:17px;font-weight:700}.row{gap:10px;width:100%;display:flex}.btn:has(.ico){white-space:nowrap;justify-content:center;align-items:center;display:flex}.btn .ico{flex:none;width:20px;height:20px;margin-right:6px}.btn.ionly{flex:0 0 56px;min-height:48px;padding:0}.btn.ionly .ico{margin:0}.coin{background:radial-gradient(circle at 35% 32%,#fff2b0 0 12%,var(--brass) 40%,#c98a1a 100%);vertical-align:-4px;border-radius:50%;width:20px;height:20px;display:inline-block;box-shadow:inset 0 0 0 2px #a8670f,0 2px #7a4e12}.coin.sm{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.hud{top:calc(var(--st) + 12px);align-items:center;gap:12px;display:flex;position:absolute;left:14px;right:14px}.hbtn{pointer-events:auto;background:#0a0c2299;border-radius:13px;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;transition:transform .1s;display:flex;box-shadow:0 4px #00000073,inset 0 0 0 1.5px #9bf0ff33}.hbtn i{background:var(--cream);border-radius:3px;width:5px;height:17px}.hbtn svg{width:24px;height:24px}.hlbl{color:var(--brass);text-shadow:0 2px 0 var(--ink);font-size:15px}.duelpause{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.home{padding:calc(var(--st) + 14px) 18px calc(var(--sb) + 20px);background:linear-gradient(#070a1f8c,#070a1f00 30% 48%,#070a1fe0 70%);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.home>*{max-width:380px}.topbar{align-items:center;gap:10px;width:100%;display:flex}.wallet{font-family:var(--display);color:var(--brass);background:#0a0c22a6;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:16px;display:flex;box-shadow:inset 0 0 0 1.5px #ffd34e4d}.streak{color:var(--sodium);background:#ff9a2e33;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:700}.snd{margin-left:auto}.logo{font-family:var(--display);flex-direction:column;align-items:center;margin-top:6px;font-weight:400;line-height:.82;animation:3s ease-in-out infinite hover;display:flex}.logo span{color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:min(26vw,124px);display:block}.logo .l1{color:var(--brass);text-shadow:0 6px 0 #b8861a,0 11px 0 var(--ink),0 0 40px #ff9a2e8c;transform:translate(-14%)rotate(-4deg)}.logo .l2{color:var(--cream);text-shadow:0 6px 0 var(--neon),0 11px 0 var(--ink),0 0 50px #ff3d7f73;transform:translate(10%)rotate(-4deg)}.logo.small span{font-size:min(16vw,80px)}@keyframes hover{50%{transform:translateY(-6px)}}.line{text-align:center;color:var(--volt);text-shadow:0 2px 0 var(--ink);font-size:17px}.spacer{flex:1}.missions{background:#0a0c22b8;border-radius:16px;flex-direction:column;gap:7px;width:100%;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1.5px #9bf0ff26}.mh{font-family:var(--display);color:var(--teal);font-size:14px}.mrow{justify-content:space-between;align-items:center;gap:10px;font-size:15px;display:flex}.mrow b{color:var(--brass);white-space:nowrap;font-weight:700}.chal{text-align:center;text-shadow:0 2px 0 var(--ink);font-size:18px}.chal b{font-family:var(--display);color:var(--brass);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);font-size:84px;font-weight:400;line-height:1.05;display:block}.sheet-wrap{background:#05061499;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:absolute;inset:0}.sheet{width:100%;padding:22px 18px calc(var(--sb) + 22px);background:linear-gradient(#221c4a,#161335);border-radius:26px 26px 0 0;flex-direction:column;gap:12px;animation:.35s cubic-bezier(.2,1.3,.4,1) rise;display:flex;box-shadow:inset 0 2px #9bf0ff40,0 -10px 40px #00000080}.sheet h3{font-family:var(--display);text-align:center;font-size:30px;font-weight:400}.sheettext{text-align:center;opacity:.9;max-width:34ch;margin:0 auto;font-size:16px;line-height:1.4}.shop{gap:8px;max-height:100%}.shophead{justify-content:space-between;align-items:center;display:flex}.sec{font-family:var(--display);color:var(--teal);margin-top:2px;font-size:14px}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.item{background:#9bf0ff12;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 8px;transition:transform .12s cubic-bezier(.3,1.6,.5,1);display:flex;box-shadow:inset 0 0 0 1.5px #9bf0ff26,0 4px #00000059}.item:active{transform:translateY(3px)scale(.96)}.item canvas{aspect-ratio:1;width:100%;max-width:76px}.item span{text-align:center;min-height:2.2em;font-size:12px;line-height:1.1}.item b{color:var(--brass);font-size:13px}.item.on{box-shadow:inset 0 0 0 2px var(--teal),0 4px 0 #00000059;background:#1fd1b22e}.item.on b{color:var(--teal)}.item.poor b{opacity:.5}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.results{padding:calc(var(--st) + 20px) 20px calc(var(--sb) + 22px);background:#05061473;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.plate{text-align:center;background:linear-gradient(#2a2258,#18153a);border-radius:24px;width:100%;max-width:350px;padding:34px 20px 20px;animation:.55s cubic-bezier(.2,1.5,.4,1) drop;position:relative;box-shadow:inset 0 2px #9bf0ff4d,0 10px #0a0c22,0 26px 50px #0000008c}.ribbon{white-space:nowrap;background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:10px;padding:8px 16px;font-size:15px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(-2deg)}.ribbon.on{background:var(--brass);animation:.5s cubic-bezier(.2,1.8,.4,1) .9s both stamp}@keyframes stamp{0%{opacity:0;transform:translate(-50%)scale(2.2)rotate(-12deg)}to{transform:translate(-50%)rotate(-2deg)}}.big{font-family:var(--display);color:var(--cream);text-shadow:0 6px 0 var(--sodium),0 10px 0 var(--ink);font-size:92px;line-height:1}.big.land{animation:.3s cubic-bezier(.2,2,.4,1) thump}@keyframes thump{40%{transform:scale(1.12)}}.unit{font-family:var(--display);color:var(--sodium);margin-top:6px;font-size:18px}.coinline{font-family:var(--display);color:var(--brass);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:28px;display:flex}.coinline .coin{width:26px;height:26px}.mdone{text-align:left;animation:slidein .4s var(--d) cubic-bezier(.2,1.4,.4,1) both;background:#1fd1b226;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:14px;display:flex}.mdone svg{fill:none;width:20px;height:20px;stroke:var(--teal);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.mdone span{flex:1}.mdone b{color:var(--brass)}@keyframes slidein{0%{opacity:0;transform:translate(-30px)}}.sub{opacity:.75;margin-top:12px;font-size:14px}.actions{flex-direction:column;gap:12px;width:100%;max-width:350px;animation:.4s .6s both fade;display:flex}@keyframes drop{0%{opacity:0;transform:translateY(-60px)scale(.85)}}.lbrow{justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.lbrow .link{cursor:pointer;text-decoration:underline}.lbbtn{background:#9bf0ff1f;border-radius:10px;padding:6px 12px;font-weight:700}#toast{bottom:calc(var(--sb) + 120px);background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--teal);opacity:0;pointer-events:none;z-index:5;border-radius:999px;padding:10px 16px;font-size:14px;transition:all .25s cubic-bezier(.2,1.4,.4,1);position:absolute;left:50%;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.confetti i{border-radius:2px;width:8px;height:14px;animation:2s cubic-bezier(.3,.6,.5,1) forwards fall;position:absolute;top:-12px}@keyframes fall{to{transform:translate(var(--x),105vh) rotate(var(--r))}}.vs{background:var(--ink);width:58px;height:42px;box-shadow:0 0 0 3px var(--cream),0 6px 16px #00000080;border-radius:12px;place-items:center;animation:1.6s ease-in-out infinite vspulse;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes vspulse{50%{transform:translate(-50%,-50%)rotate(-8deg)scale(1.08)}}.vs span{font-family:var(--display);background:linear-gradient(90deg,var(--sodium) 50%,var(--teal) 50%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px}.duelover{flex-direction:column;animation:.3s fade;display:flex;position:absolute;inset:0}.dres{text-align:center;background:#050614b3;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.dres.flip{transform:rotate(180deg)}.dres b{font-family:var(--display);color:var(--cream);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:52px;font-weight:400;line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) drop}.dres.win b{color:var(--pc);font-size:64px}.dres span{opacity:.9;font-size:17px}.crown{width:84px;height:58px;fill:var(--brass);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;animation:1.2s cubic-bezier(.2,1.6,.4,1) both crown,2s ease-in-out 1.2s infinite hover}@keyframes crown{0%{opacity:0;transform:translateY(-80px)rotate(-30deg)}}.duelover .mid{box-shadow:0 0 0 3px var(--ink);background:#161335;gap:10px;padding:12px 16px;display:flex}.duelover .mid .btn{padding:13px;font-size:18px}@media (prefers-reduced-motion:reduce){*{animation-duration:10ms!important;animation-iteration-count:1!important}}.row.trio{flex-wrap:wrap}.row.trio>.cgh-home,.row.trio>#bSite{flex-basis:100%}:root{--ch-accent:#1fd1b2}html,body,button{font-family:var(--ch-font)}.btn,.btn.huge,.btn.alt,.btn.teal,.btn.ghost{--c:var(--ch-paper);--t:var(--ch-ink);border-radius:var(--ch-radius);border:2px solid var(--ch-ink);background:var(--ch-paper);min-height:48px;color:var(--ch-ink);box-shadow:none;-webkit-backdrop-filter:none;font:800 var(--ch-btn)/1.1 var(--ch-font);padding:12px 16px;transition:transform .12s,background-color .12s}.btn.huge{background:var(--ch-accent);min-height:60px;font-size:24px;font-stretch:75%}.btn:hover{transform:translateY(-2px)}.btn:active{box-shadow:none;transform:translateY(1px)}.btn.ionly{flex:0 0 56px}.duelover .mid .btn{font-size:var(--ch-btn);padding:12px}.duelover .mid .btn.alt{background:var(--ch-accent)}.hbtn{border-radius:var(--ch-radius);background:var(--ch-paper);width:48px;height:48px;color:var(--ch-ink);border:2px solid var(--ch-ink);box-shadow:none}.hbtn:active{transform:translateY(1px)}.duelpause:active{transform:translateY(calc(1px - 50%))}.hbtn i{background:var(--ch-ink)}.hlbl{font-family:var(--ch-font);text-shadow:0 2px 0 var(--ink);font-size:16px;font-weight:800}.home{background:linear-gradient(#070a1f8c,#070a1f00 30% 48%,#070a1fe0 70%)}.wallet{border-radius:var(--ch-radius);background:var(--ch-ink);border:2px solid var(--ch-paper);box-shadow:none;font:800 17px/1 var(--ch-font)}.streak{background:0 0;border-radius:0;padding:0;font-size:15px;font-weight:700}.line{font-family:var(--ch-font);font-weight:600}.missions{border-radius:var(--ch-radius);background:var(--ch-ink);border:2px solid var(--ch-paper);box-shadow:none}.mh,.sec{font:800 17px/1.1 var(--ch-font);color:var(--teal);letter-spacing:0}.chal{font-family:var(--ch-font)}.ch-enter>.logo{animation:3s ease-in-out infinite hover}.sheet{background:var(--ch-ink);border:2px solid var(--ch-paper);box-shadow:none;border-bottom:0;border-radius:22px 22px 0 0}.sheet h3{font:800 32px/1 var(--ch-font);font-stretch:75%}.sheettext{font-family:var(--ch-font)}.item{border-radius:var(--ch-radius);box-shadow:none;background:#fffaf00f;border:2px solid #fffaf040}.item.on{border-color:var(--teal);box-shadow:none;background:#1fd1b22e}.item span{font-size:13px}.item b{font-size:14px}.plate{background:var(--ch-ink);border:2px solid var(--ch-paper);box-shadow:none;border-radius:22px;padding-top:20px}.ribbon,.ribbon.on{color:var(--cream);box-shadow:none;font:800 18px/1.2 var(--ch-font);white-space:normal;background:0 0;border-radius:0;padding:0 0 8px;animation:none;display:block;position:static;transform:none}.ribbon.on{color:var(--brass)}.big{font-family:var(--ch-font);text-shadow:none;color:var(--cream);font-weight:800;font-stretch:75%}.unit,.coinline{font-family:var(--ch-font);font-weight:800}.mdone{border-radius:var(--ch-radius)}.lbbtn{border-radius:var(--ch-radius);background:var(--ch-paper);min-height:44px;color:var(--ch-ink);border:2px solid var(--ch-ink);padding:8px 14px;font-weight:800}#toast{border-radius:var(--ch-radius);background:var(--ch-ink);box-shadow:none;border:2px solid var(--teal)}.dres b{font-family:var(--ch-font);font-weight:800;font-stretch:75%}.dres.win{background:#05061499}.btn.corner{flex:none;width:auto;min-height:48px;margin:0;padding:8px 12px;font-size:16px}#ui>.btn.corner,.sheet-wrap>.btn.corner{z-index:6;top:calc(var(--st) + 12px);position:absolute;left:14px}.topbar .hbtn{flex:none}.passchip{min-height:36px;color:var(--brass);font:700 13px/1.1 var(--ch-font,var(--ui));cursor:pointer;background:#0a0c2299;border:2px solid #ffd34e8c;border-radius:999px;padding:6px 14px}.passchip.on{border-color:var(--teal);color:var(--teal)}.passchip:focus-visible{outline:3px solid var(--ch-blue,#2d7ff9);outline-offset:3px}.grid.g5{grid-template-columns:repeat(5,1fr);gap:6px}.item.locked canvas{opacity:.55}.item b.lk{color:var(--cream);background:#ffd34e38;border-radius:999px;padding:1px 7px;font-size:12px}.item em.earn{opacity:.8;text-align:center;font-size:10px;font-style:normal;line-height:1.15}.item.gold{border-color:#ffd34e99}.coinline .x2{color:var(--ink,#0e1230);background:var(--brass);border-radius:999px;padding:3px 8px;font-size:14px;font-style:normal}.passline{color:var(--brass);opacity:.9;margin-top:8px;font-size:13px}.passline.earned{color:var(--teal)}.earnp{font-size:14px}.near{text-align:left;margin-top:14px}.near b{font:800 22px/1.1 var(--ch-font);color:var(--cream);margin-bottom:8px;font-stretch:75%;display:block}.near.best b{color:var(--brass)}.track{border:2px solid var(--ch-paper);background:#fffaf01f;border-radius:999px;height:16px;position:relative}.track .fill{width:var(--p);background:var(--sodium);border-radius:999px;animation:.9s cubic-bezier(.2,.9,.3,1) .5s both fillbar;position:absolute;top:0;bottom:0;left:0}.track .flag{background:var(--brass);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-7px;bottom:-7px}.track .you{top:50%;left:var(--p);background:var(--cream);border:3px solid var(--ink);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.9s cubic-bezier(.2,.9,.3,1) .5s both slidep;position:absolute}@keyframes fillbar{0%{width:0}}@keyframes slidep{0%{left:0}}.coinline{flex-wrap:wrap}.coinline .score{color:var(--cream);margin-left:8px;font-size:16px}.coinline .score em{color:var(--teal);margin-left:4px;font-style:normal}.multline{text-align:left;align-items:center;gap:10px;margin-top:10px;font-size:13px;line-height:1.25;display:flex}.multline b{font:800 22px/1 var(--ch-font);color:var(--teal);flex:none;font-stretch:75%}.actions .row{gap:10px;display:flex}.actions .row .btn{font-size:16px}.btn.cont{flex-direction:column;align-items:center;gap:3px;display:flex}.btn.cont small{font-size:13px;font-weight:700;font-stretch:100%}#contSlot:empty{display:none}#contSlot.second{order:2}@media (height<=720px){.results{gap:14px}.plate{padding:14px 16px}.big{font-size:64px}.coinline{margin-top:8px;font-size:22px}.sub,.lbrow{margin-top:6px}.mdone{margin-top:6px;padding:5px 8px}.actions{gap:10px}}.actions .row{order:3}@media (height<=720px){.results{padding-top:calc(var(--st) + 72px);padding-bottom:calc(var(--sb) + 10px)}}
