@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/28a8b9a4052d87b2-s.1gnj6s0gjygsa.woff2)format("woff2");unicode-range:U+308,U+530-58F,U+2010,U+2024,U+25CC,U+FB13-FB17}@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/cb309152b411a8a2-s.01kdoqdnv62ec.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/3d243249de8cbf0d-s.1csu1dsj45u42.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/6c97125237e92a04-s.0diebd523decy.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/8b806afc6c0153ec-s.0s82p20dgaalf.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/c439a42277a34a8a-s.0gyoklu8187x0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/0f14e6261c926999-s.2fn-jnm04-2y0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Tiny5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/486a103cae33528f-s.p.309ilb452anpd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tiny5 Fallback;src:local(Arial);ascent-override:91.2%;descent-override:26.06%;line-gap-override:0.0%;size-adjust:95.95%}.TiVClG_className{font-family:Tiny5,Tiny5 Fallback;font-style:normal;font-weight:400}.TiVClG_variable{--font-tiny5:"Tiny5", "Tiny5 Fallback"}
@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.i-OOma_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.i-OOma_variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
:root{--pad-top:max(12px, env(safe-area-inset-top,0px));--pad-bottom:max(20px, calc(env(safe-area-inset-bottom,0px) + 12px));--screen-h:calc(100dvh - var(--pad-top) - var(--pad-bottom) - 8px);--night:#0f2e33;--cream:#fff7e8;--paper:#fffdf6;--ink:#2a1c12;--outline:#1f1510;--muted:#9fc2bf;--sambal:#d83a24;--sambal-dark:#a52414;--yolk:#ffbf1f;--leaf:#2f8a45;--enamel:#2f6fb8;--awn:#d83a24;--font-display:var(--font-tiny5), "Tiny5", "Courier New", monospace;--font-body:var(--font-fredoka), "Fredoka", "Avenir Next Rounded", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{overscroll-behavior:none;min-height:100%;overflow-x:clip}body{background:linear-gradient(#1d4f55 0 90px, #18454b 90px 200px, #133b40 200px 340px, var(--night) 340px);background-color:var(--night);color:var(--cream);font-family:var(--font-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-top:var(--pad-top);padding-bottom:var(--pad-bottom);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-attachment:fixed;margin:0;font-size:15px}.screen{flex-direction:column;gap:14px;max-width:540px;margin:0 auto;display:flex}button{font-family:var(--font-body);color:inherit;touch-action:manipulation}:focus-visible{outline:3px solid var(--yolk);outline-offset:2px}.btn{font:400 18px/1.1 var(--font-display);border:3px solid var(--outline);background:var(--cream);color:var(--ink);box-shadow:0 5px 0 var(--outline);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 1px 0 var(--outline);transform:translateY(4px)}.btn.primary{background:var(--sambal);color:#fff}.btn.go{background:var(--leaf);color:#fff}.btn.yolk{background:var(--yolk)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{flex-direction:column;gap:3px;padding:14px 24px;font-size:22px}.btn small{font:500 13px var(--font-body);opacity:.85;display:block}.icon-btn{border:3px solid var(--outline);background:var(--cream);width:44px;height:44px;color:var(--ink);box-shadow:0 4px 0 var(--outline);cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}.icon-btn svg{width:24px;height:24px}.awning{background:repeating-linear-gradient(90deg, var(--awn) 0 40px, var(--cream) 40px 80px);filter:drop-shadow(0 6px #00000040);border-radius:6px 6px 0 0;height:58px;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 16px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M0 0H40V4H38V8H34V12H28V16H12V12H6V8H2V4H0Z'/%3E%3C/svg%3E") 0 100%/40px 16px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 16px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M0 0H40V4H38V8H34V12H28V16H12V12H6V8H2V4H0Z'/%3E%3C/svg%3E") 0 100%/40px 16px repeat-x}.awning.mini{background:repeating-linear-gradient(90deg, var(--awn) 0 26px, var(--cream) 26px 52px);height:30px;margin-bottom:-6px;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M0 0H40V4H38V8H34V12H28V16H12V12H6V8H2V4H0Z'/%3E%3C/svg%3E") 0 100%/26px 11px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M0 0H40V4H38V8H34V12H28V16H12V12H6V8H2V4H0Z'/%3E%3C/svg%3E") 0 100%/26px 11px repeat-x}.screen>.awning{width:100vw;margin:calc(-1 * var(--pad-top)) calc(50% - 50vw) 0;height:calc(58px + env(safe-area-inset-top,0px));border-radius:0}.screen>.awning.mini{height:calc(30px + env(safe-area-inset-top,0px));margin-bottom:-6px}@media (max-width:600px){#menu>.awning{height:calc(46px + env(safe-area-inset-top,0px))}}@media (max-width:480px){.screen>.awning.mini{height:calc(22px + env(safe-area-inset-top,0px))}}.screen>.awning{position:relative}.screen>.awning:before{content:"";--h:calc(env(safe-area-inset-top,0px) + 10px);height:var(--h);background:linear-gradient(#0614179e 0 calc(var(--h) * .6), #06141770 0 calc(var(--h) * .76), #06141745 0 calc(var(--h) * .9), #0614171f 0);position:absolute;inset:0 0 auto}.sign{text-align:center;margin-top:-4px}.sign h1{font:700 clamp(40px, 11.5vw, 66px)/.9 var(--font-display);color:var(--yolk);text-shadow:0 4px 0 var(--sambal-dark), 0 8px 0 var(--outline);letter-spacing:1px;margin:0}.sign h1 span{color:var(--cream);letter-spacing:8px;text-shadow:0 3px 0 var(--outline);margin-top:10px;font-size:.5em;display:block}.hero-plate{aspect-ratio:1;width:min(280px,72vw,34dvh);image-rendering:pixelated;filter:drop-shadow(0 9px #0000004d);background:url(/tex/hero-enamel.png) 50%/100% no-repeat;margin:2px auto;animation:.8s cubic-bezier(.2,1.4,.4,1) both spin-in;position:relative}.hero-plate .it{aspect-ratio:1;width:23%;animation:3s ease-in-out infinite bob;position:absolute;transform:translate(-50%,-50%)}.hero-plate .it.mid{width:36%}.hero-plate svg{width:100%;height:100%}@keyframes spin-in{0%{opacity:0;transform:scale(.4)rotate(-90deg)}}@keyframes bob{50%{transform:translate(-50%,calc(-50% - 4px))}}#menu.home{gap:14px;max-width:520px}.home-hud{align-items:center;gap:6px;margin-top:2px;display:flex}.hud-pill{height:36px;color:var(--cream);border:2.5px solid var(--outline);box-shadow:0 3px 0 var(--outline);font:400 17px/1 var(--font-display);background:#0b2327;border-radius:6px;flex:none;align-items:center;gap:5px;padding:0 10px 0 4px;display:inline-flex}.hud-pill.rm b{color:var(--yolk)}.hud-pill svg{flex:none;width:26px;height:26px}.hud-settings{flex:none;margin-left:auto;position:relative}.hud-gear{cursor:pointer;background:var(--cream);border:2.5px solid var(--outline);width:38px;height:36px;box-shadow:0 3px 0 var(--outline);border-radius:6px;place-items:center;padding:0;display:grid}.hud-gear svg{width:26px;height:26px}.hud-gear:active{box-shadow:0 0 0 var(--outline);transform:translateY(3px)}.settings-pop{z-index:30;background:var(--paper);border:3px solid var(--outline);min-width:190px;box-shadow:0 6px 0 var(--outline);border-radius:6px;flex-direction:column;padding:6px;animation:.25s cubic-bezier(.2,1.5,.4,1) card-in;display:flex;position:absolute;top:44px;right:0}.settings-pop[hidden]{display:none}.settings-pop button{color:var(--ink);font:600 15px var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.settings-pop button:hover{background:#0000000f}.settings-pop svg{width:26px;height:26px}.tile-chip{text-align:center;min-width:26px;font:400 12px/1 var(--font-display);background:#e8dcc3;border-radius:4px;padding:3px 5px}#menu.home .sign{margin-top:0}.sign .wordmark{width:184px;height:96px;image-rendering:pixelated;margin:0 auto;display:block;position:relative}@media (max-height:720px){.sign .wordmark{width:138px;height:72px}#menu.home{gap:10px}}@media (max-width:340px){.sign .wordmark{width:92px;height:48px}}#menu.home .sign h1{font-size:clamp(36px,10vw,54px)}#menu.home .sign h1 span{margin-top:6px}.home-card{cursor:pointer;text-align:left;background:var(--paper);width:100%;color:var(--ink);font:inherit;border:3px solid var(--outline);box-shadow:0 5px 0 var(--outline);border-radius:8px;padding:12px;display:flex;position:relative}.home-card:active{box-shadow:0 1px 0 var(--outline);transform:translateY(4px)}.card-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--enamel);font-size:11px;font-weight:700}.home-card.cont{flex-direction:column;align-items:center;gap:10px}#menu .cont .hero-plate{width:min(70%, clamp(64px, calc(100dvh - 630px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)), 260px));margin:4px auto 0}@supports (width:round(down, 100px, 32px)){#menu .cont .hero-plate{width:round(down, min(70%, clamp(64px, calc(100dvh - 630px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)), 260px)), 32px)}}.cont-info{flex-direction:column;gap:7px;width:100%;display:flex}.cont-info .card-tag,.cont-title{text-align:center}.cont-title{font:400 22px/1.05 var(--font-display);color:var(--sambal)}.cont-progress{align-items:center;gap:8px;display:flex}.cont-progress .bar{border:2px solid var(--outline);background:#e2d6bd;border-radius:4px;flex:1;height:10px;overflow:hidden}.cont-progress .bar i{background:var(--leaf);height:100%;display:block}.cont-progress small{color:#7a6a58;white-space:nowrap;font-size:12px;font-weight:600}.play-pill{text-align:center;background:var(--sambal);color:#fff;font:400 24px/1 var(--font-display);border:2.5px solid var(--outline);box-shadow:0 3px 0 var(--outline);border-radius:6px;margin-top:2px;padding:8px 0 7px;animation:1.8s ease-in-out infinite play-breathe}@keyframes play-breathe{50%{transform:scale(1.05)}}.home-card:active .play-pill{animation:none}.play-pill svg{vertical-align:-.12em;width:1em;height:1em}@media (prefers-reduced-motion:reduce){.play-pill{animation:none}}.home-card.daily{background:var(--yolk);flex-direction:column;gap:8px;padding:9px 12px 10px}.daily-head{align-items:center;gap:8px;min-width:0;display:flex}.daily-head>svg{flex:none;width:32px;height:32px}.daily-head .dh{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-head .dh b{font:400 20px/1 var(--font-display);color:var(--ink)}.daily-head .dh small{color:#5a3d00;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.daily-head .streak{background:var(--outline);color:var(--yolk);font:700 13px var(--font-body);border-radius:6px;flex:none;align-items:center;gap:2px;padding:3px 8px 3px 5px;display:inline-flex}.daily-head .streak svg{width:18px;height:18px}.daily .dot{top:-8px;right:-8px}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.wd{height:22px;font:400 12px/1 var(--font-display);color:#6b4a00;border:2px solid var(--outline);background:#ffffff73;border-radius:4px;place-items:center;display:grid}.wd.done{background:var(--leaf)}.wd svg{width:16px;height:16px;display:block}.wd.now{box-shadow:0 0 0 2px var(--sambal);background:#fff}.wd.now.done{background:var(--leaf)}.wd.future{opacity:.45}.dot{background:var(--sambal);color:#fff;min-width:18px;height:18px;font:400 12px/14px var(--font-display);text-align:center;border:2px solid var(--outline);border-radius:6px;padding:0 4px;position:absolute;top:-6px;right:-6px}.tabbar .dot{top:0;right:calc(50% - 24px)}.studio-credit{cursor:pointer;color:var(--muted);font:500 12px var(--font-body);background:0 0;border:0;align-self:center;margin-top:-2px;padding:2px 8px}.studio-credit b{color:var(--cream);font-weight:700}.cat-mini{vertical-align:-3px;width:18px;height:16px;image-rendering:pixelated;margin-left:4px;position:relative}.pop-gap{flex:none;width:26px}.card .lockup{width:132px;height:124px;image-rendering:pixelated}.studio-splash{z-index:200;background:var(--night);transition:opacity .4s;position:fixed;inset:0}.studio-splash.out{opacity:0}.studio-splash .mail{background:var(--mail) 0 0 / calc(26 * var(--u)) calc(32 * var(--u)) repeat;animation:mail-roll var(--roll);animation-play-state:paused;position:absolute;inset:0}.studio-splash.rolling .mail{animation-play-state:running}@keyframes mail-roll{to{background-position:calc(416 * var(--u)) calc(-416 * var(--u))}}.studio-splash img{left:var(--x);top:var(--y);width:calc(66 * var(--u));height:calc(62 * var(--u));position:absolute}@media (prefers-reduced-motion:reduce){.studio-splash .mail{animation:none}}.tabbar{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:20;border:3px solid var(--outline);width:min(100% - 32px,340px);box-shadow:0 5px 0 var(--outline), 0 12px 22px #00000059;background:#0b2327;border-radius:14px;justify-content:space-around;margin:0 auto;padding:5px 6px 4px;display:flex;position:fixed}.tabbar[hidden]{display:none}.tabbar button{cursor:pointer;color:var(--muted);font:600 11px var(--font-body);background:0 0;border:0;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:3px 0;display:flex;position:relative}.tabbar svg{width:32px;height:32px;transition:transform .15s}.tabbar button:not(.on) svg{filter:saturate(.75)brightness(.92)}.tabbar .on{color:var(--yolk);background:#ffbf1f1a}.tabbar .on svg{transform:translateY(-3px)scale(1.12)}#menu,#map,#shop,#scores,#ach{padding-bottom:80px}.ach-list{flex-direction:column;gap:10px;width:100%;display:flex}.ach{background:var(--paper);color:var(--ink);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:6px;grid-template-columns:1fr auto;grid-template-areas:"t b""g b";align-items:center;gap:6px 10px;padding:9px 11px;display:grid}.ach .t{grid-area:t;min-width:0}.ach .t b{color:var(--sambal);font-size:15px;display:block}.ach .t small{color:#6b5a4b;font-size:12.5px;line-height:1.3;display:block}.ach .bar{border:2px solid var(--outline);background:#e2d6bd;border-radius:4px;height:8px;margin-top:6px;display:block;overflow:hidden}.ach .bar i{background:var(--leaf);height:100%;display:block}.ach .gift{grid-area:g}.ach .gift,.ach-all .gift{font:400 14px/1 var(--font-display);align-items:center;gap:8px;display:flex}.ach .gift span,.ach-all .gift span{align-items:center;gap:1px;display:inline-flex}.ach .gift svg,.ach-all .gift svg{width:22px;height:22px}.ach-all{width:100%;color:var(--ink);background:var(--yolk);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:6px;align-items:center;gap:10px;padding:9px 11px;display:flex}.ach-all .t{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.ach-all .t b{font:400 18px/1 var(--font-display)}.ach-all .gift{flex-wrap:wrap}.ach-all .btn{flex:none;padding:8px 10px;font-size:15px}.ach>.btn,.ach>.ok{grid-area:b}.ach>.btn{min-width:70px;padding:8px 10px;font-size:15px}.ach>.btn:disabled{opacity:1;color:#7a6a58;box-shadow:0 3px 0 var(--outline);background:#efe6d2}.ach .ok{padding:0 14px}.ach .ok svg{width:30px;height:30px;display:block}.ach.ready{background:#fff1c9}.ach.got{opacity:.55}.tabs{gap:5px;width:100%;display:flex}.tab{border:2.5px solid var(--outline);color:var(--cream);font:400 15px/1 var(--font-display);cursor:pointer;background:#fff7e81f;border-radius:6px;flex:1 1 0;padding:8px 4px}.tab[aria-pressed=true]{background:var(--cream);color:var(--ink);box-shadow:0 3px 0 var(--outline)}.lb{background:var(--paper);width:100%;color:var(--ink);border:3px solid var(--outline);box-shadow:0 5px 0 var(--outline);border-radius:6px;overflow:hidden}.lb-row{border-top:1px solid #ece4d2;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.lb-row:first-child{border-top:0}.lb-row .rk{font:400 20px/1 var(--font-display);color:var(--enamel);text-align:center}.lb-row:first-child .rk{color:#d79a00}.lb-row:nth-child(2) .rk{color:#8a97a3}.lb-row:nth-child(3) .rk{color:#b06a3a}.lb-row .who{min-width:0}.lb-row .who b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.lb-row .who small{color:#7b6b5c;font-size:12px}.lb-row .sc{font:400 17px/1 var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.lb-row .sc svg{width:20px;height:20px}.lb-row.me{background:#fff1c4}.lb-empty{text-align:center;color:#6b5a4b;padding:22px 16px;line-height:1.45}.lb-foot{width:100%;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.linkish{color:var(--yolk);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:0;padding:10px 4px;text-decoration:underline}.form{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.form label{color:#6b5a4b;flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.form input,.form select{font:400 18px var(--font-display);border:3px solid var(--outline);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:4px;width:100%;padding:10px 12px;box-shadow:inset 0 3px #e8e1d0}.form select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h10v2H8v2H6v2H4V4H2V2H0z' fill='%232a1c12'/%3E%3C/svg%3E") right 12px center/15px 9px no-repeat;padding-right:36px}.board.stuck .tile{filter:saturate(.35)brightness(.7);transition:filter .2s}#game.daily .boosts{display:none}.shop-intro{color:var(--muted);margin:-4px 4px 0;font-size:14px;line-height:1.4}.shop-bank{align-items:center;gap:6px;display:flex}.shop-bank svg,.btn.buy svg,.boost small svg,.pill.money svg,.stats .rm svg{vertical-align:-.3em;flex:none;width:1.3em;height:1.3em}.shop-list{flex-direction:column;gap:10px;width:100%;display:flex}.shop-item{border:2.5px solid var(--outline);text-align:left;background:#fff1c9;border-radius:6px;align-items:center;gap:15px;padding:8px 10px;display:flex}.shop-item .si{flex:none;position:relative}.shop-item .si svg{width:40px;height:40px;display:block}.shop-item .st{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.shop-item .st b{color:var(--sambal);font-size:15px}.shop-item .st small{color:#6b5a4b;font-size:12px;line-height:1.3}.btn.buy{flex:none;align-items:center;gap:4px;padding:8px 10px;display:inline-flex}.btn.buy:disabled{opacity:.45;cursor:default}.topbar{align-items:center;gap:12px;display:flex}.topbar h2{font:700 28px/1 var(--font-display);color:var(--yolk);text-shadow:0 3px 0 var(--outline);flex:1;margin:0}.chapters{flex-direction:column;gap:12px;display:flex}.chap{background:#fff7e812;border:2px solid #fff7e829;border-radius:6px;align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex}.chap.locked{opacity:.55}.chap-pv{flex:none;display:flex}.chap-pv svg{width:34px;height:34px;margin-right:-9px}.chap-t{flex-direction:column;flex:1;gap:2px;min-width:0;margin-left:6px;display:flex}.chap-t b{font:700 22px/1.05 var(--font-display);color:var(--yolk);text-shadow:0 2px 0 var(--outline)}.chap-t small{color:var(--muted);font-size:13px}.chap-stars{font:700 15px var(--font-display);color:var(--yolk);align-items:center;gap:3px;display:flex}.chap-stars svg{width:18px;height:18px}.levels{grid-template-columns:repeat(var(--n,5), 1fr);gap:clamp(6px,2vw,10px);margin-top:-2px;display:grid}.lv{aspect-ratio:1;border:3px solid var(--outline);background:var(--paper);min-width:0;color:var(--ink);box-shadow:0 4px 0 var(--outline);font:700 clamp(17px, 5vw, 22px)/1 var(--font-display);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;position:relative}.lv:active{box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}.lv .st{display:flex}.lv .st svg{width:13px;height:13px}.lv.next{background:var(--yolk);animation:1.6s ease-in-out infinite nudge}.lv.locked{color:#8aa0a2;cursor:not-allowed;box-shadow:0 4px 0 var(--outline);background:#4a5d5f}.lv.locked:active{transform:none}.lv.locked svg{opacity:.6;width:22px;height:22px}@keyframes nudge{50%{transform:translateY(-3px)}}#game{min-height:var(--screen-h);gap:10px}#game .queue{flex:1 0 auto}.hud{align-items:center;gap:8px;display:flex}.lvl{flex:1;min-width:0;line-height:1.05}.lvl b{white-space:nowrap;font:700 21px/1 var(--font-display);color:var(--yolk);text-shadow:0 2px 0 var(--outline);display:block}.lvl small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.pill{background:var(--cream);color:var(--ink);border:3px solid var(--outline);box-shadow:0 3px 0 var(--outline);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;flex-direction:column;align-items:center;min-width:56px;padding:3px 10px;font-size:18px;font-weight:700;line-height:1.05;display:inline-flex}.pill small{letter-spacing:1px;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:600}.pill.money{background:var(--yolk);flex-direction:row;gap:4px;padding:6px 11px;font-size:16px}.pill.moves{background:var(--yolk)}.pill.moves.low{background:var(--sambal);color:#fff;animation:.6s infinite bump}.pill.bump{animation:.3s bump}@keyframes bump{40%{transform:scale(1.15)}}.goals{color:#f4f0e2;border:3px solid var(--outline);background:#2f4a3a;border-radius:6px;justify-content:space-evenly;align-items:center;gap:2px;padding:6px 12px;display:flex;box-shadow:inset 0 0 0 3px #7a4f2a,0 3px #0000004d}.goals .want b{font-size:18px}.goals-label{font:700 10px/1.15 var(--font-body);letter-spacing:1px;text-transform:uppercase;color:#f4f0e29e;flex:none}.goals .want .chip svg,.goals .want>svg{width:clamp(20px,3.4dvh,32px);height:clamp(20px,3.4dvh,32px)}.goals .want.done{color:#a6e47f}.goals .want.done .chip{opacity:.4}.queue{--face:clamp(44px, 8dvh, 64px);grid-template-columns:repeat(var(--cols,6), minmax(0, 1fr));background:var(--scene) center bottom / cover no-repeat var(--night);image-rendering:pixelated;border:3px solid var(--outline);border-radius:6px;align-items:end;padding:14px 2px 8px;display:grid;position:relative;box-shadow:0 3px #0000004d}.queue.two{--face:clamp(30px, 4.8dvh, 44px);row-gap:2px}.queue.two .cust.back{grid-row:1}.queue.two .cust.front{grid-row:2}.queue.two .cust.back .face{filter:brightness(.82)drop-shadow(0 3px #0000004d)}.cust{z-index:1;min-width:0;animation:.45s cubic-bezier(.2,1.5,.4,1) both cust-in;animation-delay:var(--d,0s);flex-direction:column;align-items:center;display:flex;position:relative}.cust.front{z-index:2}.cust .face{width:var(--face);height:var(--face);z-index:1;filter:drop-shadow(0 3px #0000004d);animation:2.6s ease-in-out infinite bob-face;animation-delay:calc(var(--d,0s) * -9);margin-bottom:-6px;display:flex;position:relative}@keyframes bob-face{50%{transform:translateY(-3px)}}.cust .face svg{width:100%;height:100%}.say{background:var(--paper);max-width:100%;color:var(--ink);border:2.5px solid var(--outline);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:1px 5px;margin-bottom:8px;padding:3px 6px;display:flex;position:relative;box-shadow:0 3px #00000040}.say:after{content:"";background:var(--paper);border:solid var(--outline);border-width:0 2.5px 2.5px 0;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-8px;left:50%;rotate:45deg}.say .want{gap:1px}.say .want svg,.say .want .chip svg{width:clamp(20px,3.2dvh,28px);height:clamp(20px,3.2dvh,28px)}.say .want b{font-size:14px}.queue.two .say{flex-wrap:nowrap;gap:3px;max-width:none;margin-bottom:7px;padding:2px 4px}.queue.two .say .want svg,.queue.two .say .want .chip svg{width:clamp(16px,2.4dvh,22px);height:clamp(16px,2.4dvh,22px)}.queue.two .say .want b{font-size:12px}.want{font:700 20px/1 var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.want svg{width:clamp(26px,4.2dvh,40px);height:clamp(26px,4.2dvh,40px);overflow:visible}.want b{font:700 17px/1 var(--font-body)}.want .chip{background:var(--tok);border:2px solid #2a1a10b3;border-radius:6px;padding:1px;display:flex}:where(:root[data-tiles=soft]) .want .chip{background:color-mix(in srgb, var(--tok) 38%, #fffaf0);border-color:color-mix(in srgb, var(--tok) 70%, #2a1a10)}:where(:root[data-tiles=plate]) .want .chip{box-shadow:inset 0 0 0 2.5px var(--tok);background:#fffdf6;border:0;border-radius:50%;padding:3px}:where(:root[data-tiles=plate]) .want .chip svg{scale:.8}:where(:root[data-tiles=icon]) .want .chip{background:0 0;border:0}.want .chip svg{width:clamp(22px,3.6dvh,34px);height:clamp(22px,3.6dvh,34px)}.want.done .chip{opacity:.45}.want.done{color:var(--leaf)}.want.done b{display:none}.want.done:after{content:"";background:var(--tick) center / contain no-repeat;width:16px;height:16px}.want.hit svg{animation:.3s hit}@keyframes hit{40%{transform:scale(1.35)}}.cust.served{animation:1.4s forwards served}.cust.served .say,.cust.served .say:after{background:var(--leaf)}.cust.served .say>*{visibility:hidden}.cust.served .say:before{content:"";background:var(--tick) center / 22px no-repeat;filter:brightness(0)invert();position:absolute;inset:0}.cust.served:after{content:"Terima kasih!";z-index:3;white-space:nowrap;font:700 13px var(--font-display);color:#fff;background:var(--leaf);border:2px solid var(--outline);border-radius:4px;padding:2px 6px;animation:1.3s forwards thanks;position:absolute;top:-6px;left:50%;translate:-50%;rotate:-6deg}@keyframes served{0%{transform:none}20%{transform:scale(1.08)}70%{opacity:1;transform:none}to{opacity:.38}}@keyframes thanks{0%{opacity:0;transform:translateY(6px)scale(.7)}20%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes cust-in{0%{opacity:0;transform:translateY(16px)scale(.8)}}.mat{border:3px solid var(--outline);width:min(100%,92dvh - 300px);min-width:min(100%,260px);image-rendering:pixelated;box-shadow:0 7px 0 var(--outline);background:url(/tex/mat-daun.png) 0 0/96px;border-radius:6px;align-self:center;padding:clamp(5px,1.6vw,10px);position:relative}.mat.tikar{background-image:url(/tex/mat-tikar.png);background-size:48px}.mat.marmar{background-image:url(/tex/mat-marmar.png);background-size:96px}.mat.kayu{background-image:url(/tex/mat-kayu.png);background-size:96px 48px}.mat.tembaga{background-image:url(/tex/mat-tembaga.png);background-size:48px}.mat.shake{animation:.35s shake}@keyframes shake{20%{transform:translate(-6px)rotate(-.5deg)}40%{transform:translate(5px)rotate(.4deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.board{aspect-ratio:1;touch-action:none;image-rendering:auto;clip-path:inset(0 -30px -30px);position:relative}.slot{width:12.5%;height:12.5%;padding:2px;position:absolute}.slot:before{content:"";background:#fffaec6b;border-radius:22%;position:absolute;inset:1px;box-shadow:inset 0 2px #0000001f}.slot.dark:before{background:#fffaec4d}.mat.tikar .slot:before,.mat.kayu .slot:before{background:#fffaec9e}.mat.tikar .slot.dark:before,.mat.kayu .slot.dark:before{background:#fffaec80}.tile{width:12.5%;height:12.5%;transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%));transition:transform var(--t,.18s) cubic-bezier(.4,0,.6,1);cursor:pointer;will-change:transform;z-index:2;padding:1px;position:absolute;top:0;left:0}.tile.fall{transition-timing-function:cubic-bezier(.5,0,.75,1.15)}.tile .tok{background:var(--tok);border:2px solid #2a1a10b3;border-radius:16%;place-items:center;width:100%;height:100%;transition:transform .12s;display:grid;position:relative;box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff73}.tile svg{filter:drop-shadow(0 1.5px #0003);pointer-events:none;width:78%;height:78%;display:block}:where(:root[data-tiles=soft]) .tile .tok{background:color-mix(in srgb, var(--tok) 38%, #fffaf0);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--tok) 45%, transparent);border:0;border-radius:22%}:where(:root[data-tiles=soft]) .tile svg{width:86%;height:86%}:where(:root[data-tiles=plate]) .tile .tok{box-shadow:inset 0 0 0 3.5px var(--tok), 0 2px 0 #00000047;background:radial-gradient(circle,#fffdf6 0 55%,#efe6d2 63%);border:0;border-radius:50%}:where(:root[data-tiles=plate]) .tile svg{width:80%;height:80%}:where(:root[data-tiles=icon]) .tile .tok{box-shadow:none;background:0 0;border:0}:where(:root[data-tiles=icon]) .tile svg{filter:drop-shadow(0 2px #00000059);width:84%;height:84%}.tile.sel .tok{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--outline);transform:scale(1.1)}.tile.hint .tok{animation:.9s ease-in-out infinite wiggle}@keyframes wiggle{15%{transform:rotate(-12deg)scale(1.08)}30%{transform:rotate(10deg)scale(1.08)}45%{transform:none}}.tile.pop{z-index:3}.tile.pop .tok{animation:.24s ease-in forwards popout}@keyframes popout{40%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(0)}}.tile.born .tok{animation:.35s cubic-bezier(.3,1.8,.5,1) born}@keyframes born{0%{transform:scale(.3)rotate(-30deg)}}.tile.sp-h .tok,.tile.sp-v .tok{border:3px solid var(--sambal-dark);background:repeating-linear-gradient(0deg, var(--tok) 0 6px, #fffaf0 6px 10px);background-size:100% 20px;animation:1s linear infinite stripe-y}.tile.sp-v .tok{background:repeating-linear-gradient(90deg, var(--tok) 0 6px, #fffaf0 6px 10px);background-size:20px 100%;animation-name:stripe-x}@keyframes stripe-y{to{background-position:0 20px}}@keyframes stripe-x{to{background-position:20px 0}}.tile.sp-h .tok:before,.tile.sp-h .tok:after,.tile.sp-v .tok:before,.tile.sp-v .tok:after{content:"";background:var(--sambal);z-index:2;width:26%;height:30%;filter:drop-shadow(0 0 1px var(--outline)) drop-shadow(0 0 1px var(--outline));position:absolute}.tile.sp-h .tok:before{clip-path:polygon(0 50%,100% 0,100% 100%);top:35%;left:-14%}.tile.sp-h .tok:after{clip-path:polygon(100% 50%,0 0,0 100%);top:35%;right:-14%}.tile.sp-v .tok:before{clip-path:polygon(50% 0,100% 100%,0 100%);width:30%;height:26%;top:-14%;left:35%}.tile.sp-v .tok:after{clip-path:polygon(50% 100%,100% 0,0 0);width:30%;height:26%;bottom:-14%;left:35%}.tile.sp-bomb .tok{border:3px solid var(--outline);box-shadow:0 0 0 3px var(--yolk), 0 0 12px 4px #ff8c1ecc;animation:1s ease-in-out infinite hot}@keyframes hot{50%{box-shadow:0 0 0 3px #ff7a1a,0 0 18px 6px #ff5a14e6}}.tile.sp-teh .tok{border-color:var(--outline);background:radial-gradient(circle at 40% 35%,#fff6e2,#e8b878 60%,#b9783b);animation:2.4s linear infinite spin-glow}@keyframes spin-glow{0%,to{box-shadow:0 0 0 3px #fff,0 0 10px 3px #ffd36a}50%{box-shadow:0 0 0 3px #fff,0 0 18px 7px #ff9fd0}}.tile .wrap{pointer-events:none;display:none;position:absolute;inset:-3%}.tile .wrap svg{width:100%;height:100%}.tile.wrapped .tok{box-shadow:none;background:0 0;border-color:#0000}.tile.wrapped .tok>svg:first-child{visibility:hidden}.tile.wrapped .wrap{display:block}.tile.wrapped{cursor:not-allowed}.tile.unwrap .wrap{animation:.4s forwards unwrap;display:block}@keyframes unwrap{to{opacity:0;transform:scale(1.5)rotate(25deg)}}.fx{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:visible}.beam{background:linear-gradient(90deg,#0000,#fff8d0 20%,#ffd23f 50%,#fff8d0 80%,#0000);border-radius:99px;animation:.35s ease-out forwards beam;position:absolute;box-shadow:0 0 14px 4px #ffc83ccc}.beam.v{background:linear-gradient(#0000,#fff8d0 20%,#ffd23f 50%,#fff8d0 80%,#0000)}@keyframes beam{0%{opacity:1}to{opacity:0;transform:scale(1.4,.2)}}.beam.v{animation-name:beamv}@keyframes beamv{0%{opacity:1}to{opacity:0;transform:scale(.2,1.4)}}.blast{background:radial-gradient(circle,#fff6c8 0,#ffc21f 35%,#e83a22b3 60%,#0000 70%);border-radius:50%;animation:.45s ease-out forwards blast;position:absolute}@keyframes blast{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.3)}}.spark{background:var(--c,#ffd23f);border:1.5px solid var(--outline);width:8px;height:8px;animation:.55s ease-out forwards spark;position:absolute}@keyframes spark{to{transform:translate(var(--dx), var(--dy)) rotate(200deg) scale(.4);opacity:0}}.flyer{z-index:40;pointer-events:none;width:34px;height:34px;transition:transform .55s cubic-bezier(.5,-.3,.6,1),opacity .55s;position:fixed}.flyer svg{filter:drop-shadow(0 3px #00000059);width:100%;height:100%}.combo{z-index:6;pointer-events:none;font:700 22px/1 var(--font-display);color:var(--yolk);text-shadow:0 2px 0 var(--sambal-dark), 0 4px 0 var(--outline);opacity:0;transition:opacity .2s,transform .2s cubic-bezier(.3,1.8,.5,1);position:absolute;top:-16px;right:10px;transform:scale(.6)rotate(-6deg)}.combo.on{opacity:1;transform:scale(1)rotate(-6deg)}.shout{z-index:8;pointer-events:none;font:700 clamp(30px, 9vw, 46px)/1 var(--font-display);color:var(--yolk);white-space:nowrap;text-shadow:0 3px 0 var(--sambal-dark), 0 6px 0 var(--outline);animation:1.1s cubic-bezier(.2,1.5,.4,1) forwards shout;position:absolute;top:45%;left:50%}@keyframes shout{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}75%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-75%)scale(.9)}}.boosts{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.boost{text-align:left;border:3px solid var(--outline);background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--outline);cursor:pointer;border-radius:6px;align-items:center;gap:15px;min-width:0;padding:5px 10px 5px 6px;display:flex}.boost:active{box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}.boost .bi{flex:none;position:relative}.boost .bi svg{width:32px;height:32px;display:block}.boost .qty,.shop-item .qty{background:var(--sambal);color:#fff;border:2px solid var(--outline);min-width:20px;height:20px;font:400 16px/1 var(--font-display);border-radius:10px;place-items:center;padding:0 4px 0 calc(4px + .125em);font-style:normal;display:grid;position:absolute;top:-8px;right:-9px}.boost .qty.add{background:var(--yolk);color:var(--ink)}.boost .bt{min-width:0;line-height:1.1}.boost b{font:700 16px var(--font-display);display:block}.boost small{color:#6b5a4b;white-space:nowrap;font-size:11.5px}.boost.armed{background:var(--yolk);box-shadow:0 0 0 3px #fff, 0 4px 0 var(--outline)}.boost:disabled{opacity:.5;cursor:not-allowed}.hint-line{text-align:center;color:var(--muted);margin:0;font-size:13px;line-height:1.4}.hint-line b{color:var(--cream)}#game.tight .hint-line{display:none}.board.aiming .tile{cursor:crosshair}.modal{z-index:50;padding:20px max(16px, env(safe-area-inset-right,0px)) 20px max(16px, env(safe-area-inset-left,0px));background:#061214b8;animation:.2s fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.card{background:var(--paper);width:min(100%,380px);color:var(--ink);border:3px solid var(--outline);box-shadow:0 8px 0 var(--outline);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:12px;margin:auto;padding:22px 20px 20px;animation:.45s cubic-bezier(.2,1.5,.4,1) card-in;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.85)}}.card .tag{letter-spacing:2px;color:var(--enamel);text-transform:uppercase;font-size:12px;font-weight:700}.card h3{font:700 34px/1 var(--font-display);color:var(--sambal);text-wrap:balance;margin:0}.card p{color:#4b3d31;max-width:32ch;margin:0;line-height:1.45}.card p.sub{color:#8a7765;font-size:13px}.card .btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.card .stats{font-variant-numeric:tabular-nums;color:#6b5a4b;justify-content:center;gap:22px;font-size:13px;display:flex}.card .stats b{color:var(--ink);font-size:22px;display:block}.big-stars{gap:6px;display:flex}.big-stars .slot{width:54px;height:54px;position:relative}.big-stars .slot:nth-child(2){top:-10px}.big-stars svg{width:54px;height:54px;display:block}.big-stars svg.on{position:absolute;inset:0}#modal>.card{position:relative}.card .stats u{text-decoration:none}.win-keep{z-index:1;top:var(--pad-top);left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));justify-content:space-between;align-items:center;display:flex;position:fixed}.k-goals{width:40px;height:40px;position:relative}.k-goals svg{width:40px;height:40px;display:block}.ach .ok.stamped{animation:.28s steps(4,end) stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.6)rotate(-14deg)}}@media (prefers-reduced-motion:reduce){.ach .ok.stamped{animation:none}}.orders{flex-direction:column;gap:6px;width:100%;display:flex}.order{background:#f5efe0;border:2px solid #e2d6bd;border-radius:6px;align-items:center;gap:8px;padding:5px 10px 5px 6px;display:flex}.order .face{width:32px;height:32px;display:flex}.order .face svg{width:100%;height:100%}.order .nm{text-align:left;flex:1;font-size:14px;font-weight:600}.order .want svg{width:26px;height:26px}.order.more{color:#8a7765;justify-content:center;font-size:13px}.today{background:#f5efe0;border:2px solid #e2d6bd;border-radius:6px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 10px;display:flex}.today>small{letter-spacing:1px;text-transform:uppercase;color:#8a7765;font-size:11px;font-weight:700}.today>div{flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.today .want svg,.today .want .chip svg{width:30px;height:30px}.today .faces{gap:0}.today .face{width:26px;height:26px;display:flex}.today .face svg{width:100%;height:100%}.newthing{text-align:left;border:2.5px solid var(--outline);background:#fff1c9;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.newthing .pv{flex:none;width:46px;height:46px;position:relative}.newthing .pv .tile{width:100%;height:100%;padding:0;position:relative;transform:none}.newthing>span>b{color:var(--sambal);font-size:15px;display:block}.shape{grid-template-columns:repeat(var(--c), 20px);gap:2px;margin-top:6px;display:inline-grid}.shape i{background:#2a1a1014;border-radius:5px;width:20px;height:20px;display:flex}.shape i:has(svg){background:#ff6f5e}.shape svg{width:100%;height:100%}.newthing small{color:#6b5a4b;margin-top:2px;font-size:12.5px;line-height:1.35;display:block}.tip{z-index:60;animation:.2s fade;position:fixed;inset:0}.tip.act{pointer-events:none}.tip-ring{border:3px solid var(--yolk);border-radius:10px;animation:1s ease-in-out infinite tip-ring;position:fixed;box-shadow:0 0 0 200vmax #061214b8}@keyframes tip-ring{50%{border-color:#fff}}.card.tip-card{gap:12px;width:min(100vw - 32px,380px);margin:0;padding:14px 14px 16px;animation:.3s cubic-bezier(.2,1.5,.4,1) tip-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes tip-in{0%{opacity:0;translate:0 12px}}.card.tip-card:before{content:"";left:var(--ax,50%);background:var(--paper);border:3px solid var(--outline);border-width:0 3px 3px 0;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:-10px;rotate:45deg}.card.tip-card.below:before{border-width:3px 0 0 3px;top:-10px;bottom:auto}.tip-card .newthing{background:0 0;border:0;padding:0}.tip-card .newthing>span>b{font:700 22px/1 var(--font-display)}.tip-card .newthing small{margin-top:6px;font-size:13.5px}.tip-card .pv svg{width:100%;height:100%;display:block}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:70;background:var(--sambal);color:#fff;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);text-align:center;border-radius:6px;width:max-content;max-width:92%;padding:8px 14px;font-size:15px;font-weight:600;line-height:1.25;animation:.25s cubic-bezier(.2,1.6,.4,1) toast-in;position:fixed;transform:translate(-50%)}.toast.ok{background:var(--leaf)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,60%)scale(.8)}}@media (max-width:480px){body{padding-left:max(10px, env(safe-area-inset-left,0px));padding-right:max(10px, env(safe-area-inset-right,0px))}#game{gap:8px}.lvl b{font-size:18px}.pill{min-width:48px;padding:2px 8px;font-size:16px}.want b{font-size:15px}.goals{padding:4px 8px}.goals .want .chip svg,.goals .want>svg{width:clamp(18px,3dvh,28px);height:clamp(18px,3dvh,28px)}.goals-label{letter-spacing:.5px;font-size:9px}.goals .want b{font-size:15px}.mat{min-width:0}.tile .tok{border-width:1.5px}.boost small{font-size:10.5px}.boost b{font-size:14px}.boost .bi svg{width:26px;height:26px}.hint-line{font-size:12px}}@media (max-height:720px) and (max-width:480px){.hint-line,.awning.mini{display:none}.goals{padding:2px 10px}.queue{padding-top:16px}}@media (min-width:860px) and (min-aspect-ratio:5/4){#game.screen{max-width:1200px;height:var(--screen-h);grid-template:"awn awn""hud mat""queue mat"1fr"goals mat""boosts mat""hint mat"/minmax(300px,400px) auto;justify-content:center;gap:14px 32px;min-height:560px;display:grid}#game .awning.mini{grid-area:awn}#game .hud{grid-area:hud}#game .goals{grid-area:goals}#game .queue{--face:clamp(64px, 12dvh, 120px);grid-area:queue;align-content:center}#game .mat{grid-area:mat;align-self:start;width:min(100dvh - 110px,820px);min-width:0}#game .boosts{grid-area:boosts}#game .hint-line{text-align:left;grid-area:hint}}@media (prefers-reduced-motion:reduce){.tile.hint .tok,.lv.next,.pill.moves.low{animation:none}}