:root{--ink: #493c34;--paper: #fff8e8;--mint: #50c98a;--lime: #a7df4d;--cream: #ffdcb0;--coral: #f06f67;--blue: #49b8d7;--navy: #51485f;--brown: #9b594d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{color:var(--ink);background:#f8c77f;font-family:system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}.game{position:relative;isolation:isolate;width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));overflow-x:hidden;background:linear-gradient(145deg,#ffdba4,#f8bd78 52%,#f4a86f);box-shadow:0 0 70px #5a301b47}.game:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background:repeating-linear-gradient(45deg,transparent 0 54px,rgba(255,255,255,.65) 55px 105px)}.sun-glow{position:absolute;z-index:-1;width:340px;height:340px;left:-130px;top:-170px;border-radius:50%;background:#ffffff59;filter:blur(30px)}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:950;letter-spacing:-.05em;text-shadow:0 2px rgba(255,255,255,.5)}.brand__paw{display:grid;place-items:center;width:40px;height:40px;border:3px solid #8a5a43;border-radius:13px;background:var(--paper);box-shadow:0 4px #663c2740;font-size:20px;transform:rotate(-3deg)}.topbar__actions{display:flex;gap:8px}.topbar__actions button,.stage-heading button{min-width:44px;height:44px;border:0;border-radius:13px;background:#fff8e1e6;box-shadow:inset 0 -4px #6d4a331f,0 4px #6740282e;font-weight:950;cursor:pointer}.topbar__actions button.is-on{color:#fff;background:var(--coral)}.stage-heading{position:relative;padding:12px 68px 11px 9px}.stage-heading span{color:#8b654b;font-size:11px;font-weight:900;letter-spacing:.15em}.stage-heading h1{margin:2px 0 0;font-size:clamp(23px,6vw,31px);line-height:1;letter-spacing:-.055em}.stage-heading button{position:absolute;right:4px;top:8px;font-size:24px}.board-wrap{position:relative;padding:15px;border:4px solid rgba(128,80,48,.2);border-radius:27px;background:#f6ead3;box-shadow:inset 0 0 0 5px #ffffff73,0 10px #7e4b2d2e,0 16px 30px #5d321b24}.board-shadow{position:absolute;inset:17px;border-radius:10px;box-shadow:inset 0 0 18px #452d1e47;pointer-events:none}.board{--gap: 2px;position:relative;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:var(--gap);aspect-ratio:1;padding:4px;overflow:hidden;contain:layout paint style;border:2px solid rgba(85,63,47,.23);border-radius:10px;background:#fff4d9}.board.is-dense{--gap: 1px;padding:3px}.board__underlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#74573e38}.board__underlay strong{font-size:48px;line-height:.9}.board__underlay span{margin-top:6px;font-size:10px;font-weight:900;letter-spacing:.15em}.mosaic-block,.mosaic-hole{position:relative;z-index:1;min-width:0;aspect-ratio:1;border:0;border-radius:3px}.mosaic-hole{background:transparent}.mosaic-block{cursor:default;box-shadow:inset 2px 2px #ffffff52,inset -2px -2px #2d231d29,0 1px 1px #35241829}.mosaic-block:after{content:"";position:absolute;left:28%;top:20%;width:22%;height:22%;border-radius:50%;background:#ffffff57}.mosaic-block--mint{background:var(--mint)}.mosaic-block--lime{background:var(--lime)}.mosaic-block--cream{background:var(--cream)}.mosaic-block--coral{background:var(--coral)}.mosaic-block--blue{background:var(--blue)}.mosaic-block--navy{background:var(--navy)}.mosaic-block--brown{background:var(--brown)}.mosaic-block.is-frontier{box-shadow:inset 2px 2px #ffffff5c,inset -2px -2px #2d231d24,0 1px 1px #35241829}.mosaic-block.is-collecting{z-index:5;will-change:transform,opacity;animation:block-pickup .24s cubic-bezier(.2,.85,.2,1) var(--pickup-delay) both}.game.is-collecting .mosaic-block:not(.is-collecting):after{display:none}.board.is-dense .mosaic-block,.board.is-dense .mosaic-hole{border-radius:2px}.collection-result{position:absolute;z-index:12;inset:0;pointer-events:none}.collection-result strong{position:absolute;left:50%;top:46%;padding:7px 12px;border:3px solid #fff;border-radius:10px;color:#fff;background:var(--ink);font-size:clamp(17px,5vw,28px);font-style:italic;font-weight:1000;transform:translate(-50%,-50%) rotate(-4deg);animation:collect-label 1.1s ease both;box-shadow:0 5px #33221a33}.cat-token{--cat-color: var(--cream);position:relative;display:block;width:40px;height:37px;filter:drop-shadow(0 3px 0 rgba(61,43,32,.28))}.cat-token--mint{--cat-color: var(--mint)}.cat-token--lime{--cat-color: var(--lime)}.cat-token--cream{--cat-color: var(--cream)}.cat-token--coral{--cat-color: var(--coral)}.cat-token--blue{--cat-color: var(--blue)}.cat-token--navy{--cat-color: var(--navy)}.cat-token--brown{--cat-color: var(--brown)}.cat-token__face{position:absolute;z-index:2;left:4px;top:7px;display:grid;place-items:center;width:31px;height:27px;border:3px solid #5c4a3e;border-radius:46% 46% 43% 43%;background:var(--cat-color);color:#55443a;font:900 11px/1 monospace;letter-spacing:5px;padding-left:4px}.cat-token__ear{position:absolute;z-index:1;top:1px;width:15px;height:17px;border:3px solid #5c4a3e;background:var(--cat-color);transform:rotate(45deg)}.cat-token__ear--left{left:4px}.cat-token__ear--right{right:4px}.cat-token__tail{position:absolute;right:-7px;bottom:4px;width:15px;height:12px;border:4px solid #5c4a3e;border-left:0;border-bottom:0;border-radius:0 12px 0 0;transform:rotate(16deg)}.collection-runner-layer{position:fixed;z-index:30;inset:0;pointer-events:none;overflow:hidden;contain:layout paint style}.collection-runner{--runner-color: var(--cream);position:absolute;left:0;top:0;width:28px;height:30px;offset-distance:0%;opacity:0;will-change:offset-distance,transform,opacity;animation:runner-follow-path 1.76s linear var(--runner-delay) both}.collection-runner--mint{--runner-color: var(--mint)}.collection-runner--lime{--runner-color: var(--lime)}.collection-runner--cream{--runner-color: var(--cream)}.collection-runner--coral{--runner-color: var(--coral)}.collection-runner--blue{--runner-color: var(--blue)}.collection-runner--navy{--runner-color: var(--navy)}.collection-runner--brown{--runner-color: var(--brown)}.collection-runner__walker{position:absolute;inset:0;transform:translateZ(0)}.collection-runner .cat-token{position:absolute;left:-6px;top:-2px;transform:scale(.68);filter:none}.collection-runner__steps{position:absolute;z-index:-1;left:4px;top:20px;color:#5b3f2d8f;font-size:9px;font-style:normal;opacity:.55}.collection-runner__cargo{position:absolute;z-index:7;left:7px;top:-5px;width:14px;height:14px;border:2px solid rgba(72,51,39,.5);border-radius:4px;background:var(--runner-color);box-shadow:inset 2px 2px #ffffff61;opacity:0;will-change:transform,opacity;animation:runner-cargo 1.76s linear var(--runner-delay) both}.progress-panel{margin:18px 5px 10px;padding:11px 13px 10px;border:3px solid rgba(117,76,48,.17);border-radius:17px;background:#fff8e6e0;box-shadow:0 5px #71462a21}.progress-panel__numbers{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;font-size:9px;font-weight:850;letter-spacing:.05em}.progress-panel__numbers span:not(:first-child){text-align:right}.progress-panel__numbers strong{display:block;color:var(--brown);font-size:15px;letter-spacing:-.04em}.progress-track{height:11px;margin-top:7px;overflow:hidden;border:2px solid rgba(84,61,44,.2);border-radius:20px;background:#e7d9be}.progress-track span{display:block;height:100%;border-radius:inherit;background:repeating-linear-gradient(-45deg,var(--lime) 0 10px,#c9ee73 10px 20px);transition:width .35s}.progress-panel p{min-height:18px;margin:7px 0 0;text-align:center;font-size:11px;font-weight:850}.dispatch-dock{margin:10px 4px 11px;padding:9px 9px 10px;border:3px solid rgba(117,76,48,.2);border-radius:19px;background:#fff8e6eb;box-shadow:0 6px #71462a24}.dispatch-dock__heading{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:0 3px 7px}.dispatch-dock__heading div{display:flex;align-items:baseline;gap:7px}.dispatch-dock__heading strong{font-size:14px}.dispatch-dock__heading small{color:#876b58;font-size:8px;font-weight:850}.dispatch-dock__heading>span{padding:3px 7px;border-radius:9px;color:#fff;background:#79604f;font-size:10px;font-weight:950}.dispatch-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.dispatch-slot{--slot-color: var(--cream);position:relative;display:grid;place-items:center;height:61px;overflow:hidden;border:3px solid rgba(74,53,40,.3);border-radius:13px;background:color-mix(in srgb,var(--slot-color) 45%,white);box-shadow:inset 0 -5px #402b1f14,0 3px #4f332224;animation:queue-arrive .34s cubic-bezier(.2,1.35,.45,1)}.dispatch-slot--mint{--slot-color: var(--mint)}.dispatch-slot--lime{--slot-color: var(--lime)}.dispatch-slot--cream{--slot-color: var(--cream)}.dispatch-slot--coral{--slot-color: var(--coral)}.dispatch-slot--blue{--slot-color: var(--blue)}.dispatch-slot--navy{--slot-color: var(--navy)}.dispatch-slot--brown{--slot-color: var(--brown)}.dispatch-slot.is-empty{border-style:dashed;color:#4e3a2c40;background:#ffffff61;box-shadow:none;animation:none}.dispatch-slot.is-empty i{font-size:22px;font-style:normal}.dispatch-slot .cat-token{position:absolute;left:50%;bottom:3px;transform:translate(-50%) scale(.7)}.dispatch-slot>strong{position:absolute;z-index:4;right:3px;top:3px;min-width:22px;padding:3px;border-radius:7px;color:#fff;background:#4e423a;text-align:center;font-size:12px;line-height:1}.dispatch-slot>small{position:absolute;z-index:5;left:3px;top:4px;padding:2px 3px;border-radius:5px;color:#fff;background:var(--coral);font-size:6px;font-weight:950}.dispatch-slot.is-active{border-color:#fff;animation:dispatch-pulse .4s ease-in-out infinite alternate}.cat-depot{margin:0 4px 1px;padding:10px 8px 9px;border:3px solid rgba(117,76,48,.2);border-radius:19px;background:#fff8e6d6;box-shadow:0 6px #71462a24}.cat-depot__heading{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 4px 7px}.cat-depot__heading div{display:flex;align-items:baseline;gap:7px}.cat-depot__heading strong{font-size:14px}.cat-depot__heading small,.cat-depot__heading>span{color:#876b58;font-size:8px;font-weight:850}.cat-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cat-lane{position:relative;height:148px;padding:0;overflow:hidden;border:3px solid rgba(84,60,44,.25);border-radius:15px;background:linear-gradient(#fffdf5 0 57%,#ead7b7 58% 100%);box-shadow:inset 0 -6px #4d332314,0 4px #56352229;cursor:pointer}.cat-lane:disabled{cursor:default;opacity:.58}.cat-lane__number{position:absolute;z-index:9;left:5px;top:4px;display:grid;place-items:center;width:20px;height:20px;border-radius:8px;color:#fff;background:#7e624f;font-size:10px;font-weight:950}.cat-lane__active{--bundle-color: var(--cream);position:absolute;z-index:7;left:6px;right:6px;top:27px;height:54px;border:3px solid rgba(70,48,35,.35);border-radius:12px;background:color-mix(in srgb,var(--bundle-color) 67%,white);box-shadow:inset 0 -5px #3a2a211a,0 4px #57372526;animation:queue-arrive .34s cubic-bezier(.2,1.35,.45,1)}.cat-lane__active--mint{--bundle-color: var(--mint)}.cat-lane__active--lime{--bundle-color: var(--lime)}.cat-lane__active--cream{--bundle-color: var(--cream)}.cat-lane__active--coral{--bundle-color: var(--coral)}.cat-lane__active--blue{--bundle-color: var(--blue)}.cat-lane__active--navy{--bundle-color: var(--navy)}.cat-lane__active--brown{--bundle-color: var(--brown)}.cat-lane__active>strong{position:absolute;z-index:9;right:3px;top:3px;min-width:25px;padding:3px 4px;border-radius:8px;color:#fff;background:#4e423a;font-size:14px;line-height:1}.cat-lane__mini-cats{position:absolute;inset:0}.cat-lane__mini-cats .cat-token{position:absolute;left:3px;bottom:0;transform:scale(.58);transform-origin:bottom left}.cat-lane__mini-cats .cat-token:nth-child(2){left:19px;bottom:1px}.cat-lane__mini-cats .cat-token:nth-child(3){left:35px;bottom:0}.cat-lane__preview{position:absolute;left:7px;right:7px;top:91px;display:grid;gap:4px}.cat-lane__next{--next-color: var(--cream);position:relative;height:19px;border:2px solid rgba(70,48,35,.22);border-radius:7px;background:color-mix(in srgb,var(--next-color) 63%,white);box-shadow:0 2px #5737251f}.cat-lane__next--mint{--next-color: var(--mint)}.cat-lane__next--lime{--next-color: var(--lime)}.cat-lane__next--cream{--next-color: var(--cream)}.cat-lane__next--coral{--next-color: var(--coral)}.cat-lane__next--blue{--next-color: var(--blue)}.cat-lane__next--navy{--next-color: var(--navy)}.cat-lane__next--brown{--next-color: var(--brown)}.cat-lane__next small{position:absolute;left:5px;top:1px;font-size:10px;font-weight:950}.cat-lane__next i{position:absolute;right:4px;top:1px;font-size:7px;font-style:normal;font-weight:900;opacity:.62}.cat-lane__empty{position:absolute;inset:28px 8px auto;height:52px;display:grid;place-items:center;border:3px dashed rgba(80,58,43,.2);border-radius:12px;color:#503a2b40;font-size:20px}.cat-lane.is-streaming .cat-lane__active{animation:bundle-stream .35s ease-in-out infinite alternate}.cat-lane.is-blocked{animation:lane-nope .4s ease}.cat-lane.is-blocked .cat-lane__active{animation:cat-nope .4s ease}.combo{position:fixed;z-index:20;left:50%;top:23%;color:#fff;font-size:clamp(26px,9vw,48px);font-style:italic;font-weight:1000;text-shadow:0 4px 0 var(--brown),0 0 16px #fff;pointer-events:none;animation:combo-pop .6s ease both}.clear-panel{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:24px;background:#46312673;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.clear-panel>div{width:min(360px,100%);padding:28px;border:5px solid #fff;border-radius:30px;text-align:center;background:linear-gradient(#fff8dd,#ffd98f);box-shadow:0 14px #5835233d;animation:clear-in .42s cubic-bezier(.2,1.5,.4,1)}.clear-panel__stars{color:#f8b52c;font-size:30px;letter-spacing:7px;text-shadow:0 3px #b97522}.clear-panel h2{margin:8px 0;font-size:30px}.clear-panel p{font-size:21px;font-weight:950}.clear-panel>div>small{display:block;margin:-8px 0 20px;color:#7f6654;font-size:11px;font-weight:800;line-height:1.5}.clear-panel button{width:100%;padding:14px;border:0;border-radius:15px;color:#fff;background:var(--coral);box-shadow:inset 0 -5px #5e2c2833,0 5px #aa4f48;font-weight:950;cursor:pointer}.clear-panel--stuck>div{background:linear-gradient(#fff8e8,#f4c3a4)}.clear-panel--stuck .clear-panel__stars{color:var(--coral);text-shadow:0 3px #a84e47}.reward-scene{position:relative;width:168px;height:154px;margin:-5px auto -8px;animation:reward-arrive .58s cubic-bezier(.15,1.45,.35,1) both}.reward-scene__cat{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 5px rgba(90,53,34,.2));animation:reward-float .72s ease-in-out .58s infinite alternate}.reward-scene__spark{position:absolute;z-index:3;color:#fff;font-size:24px;text-shadow:0 2px var(--coral),0 0 8px #fff;animation:reward-spark .8s ease-in-out infinite alternate}.reward-scene__spark--one{left:-12px;top:32px}.reward-scene__spark--two{right:-8px;top:68px;color:var(--coral);animation-delay:.22s}.clear-panel .reward-copy{margin:0 0 4px;color:#87634e;font-size:11px}.game.is-dense .collection-runner .cat-token{transform:scale(.46)}.game.is-dense .collection-runner__cargo{left:9px;width:11px;height:11px}.game.is-dense .collection-runner__steps{font-size:7px}.game.is-fast .mosaic-block.is-collecting{animation-duration:.16s}.game.is-fast .collection-result strong{animation-duration:.7s}.game.is-fast .collection-runner,.game.is-fast .collection-runner__cargo{animation-duration:.88s}@keyframes block-pickup{0%{transform:scale(1);opacity:1}55%{transform:scale(1.55) rotate(9deg);opacity:1}to{transform:scale(.1) rotate(25deg);opacity:0}}@keyframes runner-follow-path{0%{offset-distance:0%;transform:scale(.86);opacity:1}48%{offset-distance:48%;transform:scale(.96);opacity:1}52%{offset-distance:52%;transform:scale(1.06);opacity:1}98%{offset-distance:100%;transform:scale(.88);opacity:1}to{offset-distance:100%;transform:scale(.82);opacity:0}}@keyframes runner-cargo{0%,53%{opacity:0;transform:translateY(5px) scale(.3) rotate(-10deg)}60%,94%{opacity:1;transform:translateY(0) scale(1) rotate(5deg)}to{opacity:0;transform:translateY(5px) scale(.6)}}@keyframes collect-label{0%,51%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-14deg)}62%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(3deg)}to{opacity:0;transform:translate(-50%,-70%) scale(.9) rotate(-4deg)}}@keyframes queue-arrive{0%{transform:translateY(12px) scale(.88);opacity:.35}to{transform:none;opacity:1}}@keyframes bundle-stream{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes dispatch-pulse{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes reward-arrive{0%{opacity:0;transform:translateY(28px) scale(.38) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes reward-float{0%{transform:translateY(1px) rotate(-2deg) scale(.98)}to{transform:translateY(-7px) rotate(2deg) scale(1.03)}}@keyframes reward-spark{0%{opacity:.35;transform:scale(.65) rotate(-12deg)}to{opacity:1;transform:scale(1.2) rotate(10deg)}}@keyframes lane-nope{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes cat-nope{0%,to{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,10px) scale(.4) rotate(-7deg)}32%{opacity:1;transform:translate(-50%) scale(1.2) rotate(3deg)}to{opacity:0;transform:translate(-50%,-32px) scale(.85) rotate(-3deg)}}@keyframes clear-in{0%{opacity:0;transform:scale(.6) rotate(-7deg)}to{opacity:1;transform:none}}@media(max-width:390px){.game{padding-inline:9px}.board-wrap{padding:10px;border-radius:22px}.board{--gap: 1.5px}.cat-lanes{gap:4px}.cat-lane{height:142px}.cat-depot{padding-inline:6px}.cat-depot__heading>span{display:none}.progress-panel{margin-top:14px}}@media(min-width:561px){body{display:grid;place-items:start center}.game{min-height:100vh}}@media(min-width:900px)and (orientation:landscape){.game{--board-size: clamp(400px, min( calc(100dvh - 140px) , calc(100vw - 460px) ), 680px);display:grid;grid-template-columns:var(--board-size) minmax(340px,400px);grid-template-areas:"top top" "board heading" "board progress" "board dispatch" "board depot" "board .";grid-template-rows:auto auto auto auto auto 1fr;column-gap:24px;align-content:start;width:min(100%,calc(var(--board-size) + 452px));padding-inline:14px}.topbar{grid-area:top}.stage-heading{grid-area:heading;padding-top:4px}.board-wrap{grid-area:board;align-self:start;width:var(--board-size);box-sizing:border-box}.progress-panel{grid-area:progress;margin-top:0}.dispatch-dock{grid-area:dispatch}.cat-depot{grid-area:depot}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}