@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}:root{--ink:#2b1d1a;--cream:#fff4dc;--red:#e8443a;--mint:#8fe3cf;--gold:#ffc93c;--chrome:#cfd8dc;--display:"Lilita One", "Arial Black", sans-serif;--body:"Fredoka", ui-rounded, system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#9fe7d6;margin:0;overflow:hidden}button{color:inherit;font-family:inherit}#game{touch-action:none;display:block;position:fixed;inset:0}#safe-probe{width:0;height:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);pointer-events:none;visibility:hidden;position:fixed;top:0;left:0}.icon-btn{top:calc(env(safe-area-inset-top) + 10px);border:3px solid var(--ink);background:var(--cream);width:42px;height:42px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:opacity .2s;display:grid;position:fixed;right:max(12px,50vw - 228px)}.icon-btn svg{width:18px;height:18px;stroke:var(--ink);stroke-width:3.2px;stroke-linecap:round}body:not(.playing) #pause{opacity:0;pointer-events:none}.screen{background:#2b1d1a59;place-items:center;padding:16px;transition:opacity .25s;display:grid;position:fixed;inset:0;overflow-y:auto}.screen.hidden{opacity:0;pointer-events:none}#title{background:0 0}.card{border:4px solid var(--ink);background:var(--cream);width:min(360px,100%);box-shadow:0 8px 0 var(--ink), 0 18px 40px #2b1d1a4d;text-align:center;border-radius:22px;padding:22px 20px 18px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop}.card.wide{width:min(420px,100%)}.screen.hidden .card{animation:none}@keyframes pop{0%{opacity:0;transform:scale(.85)rotate(-2deg)}}.sign{border:4px solid var(--ink);background:var(--red);border-radius:18px;flex-direction:column;align-items:center;margin:-4px 0 6px;padding:14px 10px 12px;display:flex;transform:rotate(-2deg);box-shadow:inset 0 0 0 4px #ff8a7f}.sign-top{font:400 22px var(--display);color:var(--gold);letter-spacing:2px;text-shadow:2px 2px 0 var(--ink)}.sign-main{font:400 52px var(--display);color:var(--cream);letter-spacing:3px;text-shadow:3px 4px 0 var(--ink);line-height:1}.sign-sub{color:var(--cream);margin-top:6px;font-size:13px;font-weight:600}h2{font:400 30px var(--display);letter-spacing:1px;color:var(--red);text-shadow:2px 2px 0 var(--ink);margin:0 0 8px}.sub{margin:6px 0;font-size:15px;font-weight:500}.btn{border:3px solid var(--ink);width:100%;min-height:52px;box-shadow:0 5px 0 var(--ink);font:400 22px var(--display);letter-spacing:1px;color:var(--cream);text-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:12px;transition:transform 60ms,box-shadow 60ms;display:flex}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{opacity:.5;pointer-events:none}.btn.red{background:var(--red)}.btn.mint{background:#3fae96}.btn.gold{background:var(--gold);color:var(--ink);text-shadow:none;font:600 16px var(--body)}.btn.ghost{color:var(--ink);text-shadow:none;font:600 16px var(--body);background:#fffaf0}.btn.small{min-height:44px;font-size:16px}.btn.hidden{display:none}.btn svg{fill:currentColor;width:16px;height:16px}.row-btns{gap:8px;display:flex}.row-btns .btn{flex:1}.decor{margin-top:14px;font-size:13px;font-weight:600}#themes{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.theme{border:2px solid var(--ink);font:600 12px var(--body);cursor:pointer;border-radius:10px;padding:6px 10px}.theme.on{box-shadow:0 0 0 3px var(--red)}.theme.locked{opacity:.45;cursor:default}.how{text-align:left;margin:14px 0 0;padding:0;font-size:13px;list-style:none}.how li{margin:4px 0}.how b{color:var(--red)}@media (pointer:coarse){.how .keys{display:none}}#shift-list{flex-direction:column;gap:8px;margin:8px 0 4px;display:flex}.shift{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:left;cursor:pointer;background:#fffaf0;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.shift:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.shift.locked{opacity:.5;pointer-events:none}.shift .num{border:3px solid var(--ink);background:var(--red);width:38px;height:38px;color:var(--cream);font:400 20px var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.shift.boss .num{background:var(--ink);color:var(--gold)}.shift .info{flex:1;min-width:0}.shift .name{font:400 19px var(--display);letter-spacing:.5px}.shift .meta{opacity:.8;font-size:12px;font-weight:500}.shift .st{letter-spacing:-2px;color:#d9c9a3;flex:none;font-size:18px}.shift .st b{color:#e8a300}.stamp{border:4px solid var(--red);font:400 34px var(--display);color:var(--red);letter-spacing:2px;border-radius:10px;margin:6px 0 4px;padding:6px 14px;display:inline-block;transform:rotate(-6deg)}.big-stars{letter-spacing:4px;color:#e0d3b4;-webkit-text-stroke:2px var(--ink);font-size:44px;line-height:1}.big-stars b{color:var(--gold);animation:.45s cubic-bezier(.2,1.6,.4,1) both starpop;display:inline-block}.big-stars b:nth-child(2){animation-delay:.15s}.big-stars b:nth-child(3){animation-delay:.3s}@keyframes starpop{0%{transform:scale(0)}}.tips{font:400 40px var(--display);color:#3fae96;text-shadow:2px 2px 0 var(--ink);margin:8px 0 2px}.badge{border:2px solid var(--ink);background:var(--gold);border-radius:99px;padding:3px 12px;font-size:13px;font-weight:700;display:inline-block}.badge.hidden{display:none}.stats{justify-content:space-around;margin:12px 0 4px;display:flex}.stats div{flex-direction:column;display:flex}.stats b{font:400 24px var(--display)}.stats span{opacity:.7;font-size:12px;font-weight:600}.offset{justify-content:center;align-items:center;gap:14px;display:flex}.offset .btn{width:56px;font-size:24px}.offset b{min-width:90px;font:400 26px var(--display)}.cal-pad{border:3px dashed var(--ink);font:400 20px var(--display);cursor:pointer;touch-action:none;background:#fffaf0;border-radius:16px;margin-top:12px;padding:34px 10px}.cal-pad.hidden{display:none}.cal-pad.hit{background:var(--gold)}.portal-back{top:calc(env(safe-area-inset-top) + 12px);left:calc(env(safe-area-inset-left) + 12px);z-index:2;cursor:pointer;border:2px solid var(--ink);min-height:36px;box-shadow:0 3px 0 var(--ink);background:var(--cream);color:var(--ink);font:600 14px var(--body);border-radius:10px;padding:0 14px;position:absolute}
