:root{--cream:#fff6ec;--cream-deep:#ffe9d4;--cocoa:#4a2f27;--cocoa-soft:#8a6a5c;--gold:#ffc53d;--gold-deep:#e09a00;--white:#fff;--country:#e8836b;--country-soft:#ffeee6;--country-ink:#b5543d;--board-size:min(calc(100vw - 24px), 560px, calc(100dvh - 210px));color:var(--cocoa);background:var(--cream);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Fredoka,Avenir Next,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%, #ffffffe6, transparent 40%), radial-gradient(circle at 90% 60%, #ffd6ba80, transparent 45%), var(--cream);touch-action:manipulation;background-attachment:fixed;min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2,p{margin:0}:focus-visible{outline:3px solid var(--country-ink);outline-offset:3px}.btn{width:100%;color:var(--white);background:var(--country);box-shadow:0 5px 0 var(--country-ink);border:0;border-radius:999px;padding:12px 20px;font-size:18px;font-weight:600;transition:transform .1s,box-shadow .1s;display:block}.btn:active{box-shadow:0 1px 0 var(--country-ink);transform:translateY(4px)}.btn--big{padding:14px 20px;font-size:22px}.btn--soft{background:var(--white);color:var(--country-ink);box-shadow:0 5px 0 var(--country-soft), inset 0 0 0 2px var(--country-soft)}.btn+.btn{margin-top:12px}.btn-link{color:var(--country-ink);text-underline-offset:3px;background:0 0;border:0;padding:12px;font-size:16px;font-weight:500;text-decoration:underline}.btn-link--quiet{color:var(--cocoa-soft);font-size:14px}.icon-btn{background:var(--white);border:0;border-radius:50%;flex:none;width:44px;height:44px;font-size:22px;font-weight:700;line-height:1;box-shadow:0 3px #4a2f271f}.star{width:100%;height:100%;display:block}.star path{fill:#e8dcd2;stroke:#cdbcae;stroke-width:6px}.star--on path{fill:var(--gold);stroke:var(--gold-deep)}.cat-art{width:100%;height:auto;display:block;overflow:visible}.cat-duo{flex:none;width:150px;height:120px;position:relative}.cat-duo-chef{width:64%;position:absolute;top:0;left:0}.cat-duo-kitten{width:58%;animation:2.6s ease-in-out infinite bob;position:absolute;bottom:-6px;right:0}@keyframes bob{50%{transform:translateY(-4px)rotate(2deg)}}.speech{background:var(--white);border-radius:18px;padding:12px 16px;font-size:16px;line-height:1.35;position:relative;box-shadow:0 3px #4a2f2714}.speech strong{color:var(--country-ink);font-weight:600}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6eceb;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.logo{letter-spacing:.5px;color:#ff8a65;-webkit-text-stroke:1.5px var(--cocoa);paint-order:stroke fill;min-width:0;max-width:170px;text-shadow:0 3px 0 var(--cocoa);flex:1;font-size:clamp(24px,7.5vw,30px);font-weight:700;line-height:.95}.topbar-title{text-align:center;flex:1;font-size:24px;font-weight:600}.passport-btn{color:#ffe08a;background:#2d3a6b;border:0;border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 14px 0 10px;font-size:15px;font-weight:600;display:flex;box-shadow:0 3px #1b244a}.passport-btn svg{color:#ffe08a;width:20px;height:20px}.passport-btn span{opacity:.8}.map,.passport-screen{max-width:560px;margin:0 auto;padding-bottom:48px}.map-hero{align-items:center;gap:12px;padding:12px 16px 8px;display:flex}.map-hero-cats{width:130px;height:108px}.tagline{color:var(--cocoa-soft);margin-bottom:8px;font-size:15px;font-weight:500}.flight{color:var(--cocoa-soft);flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-weight:500;display:flex}.flight:before{content:"";background:radial-gradient(circle, var(--cocoa-soft) 1.4px, transparent 1.6px) center top / 3px 7px repeat-y;width:3px;height:22px}.country{background:var(--country-soft);border-radius:28px;margin:8px 16px;padding:14px 14px 6px;box-shadow:inset 0 0 0 2px #ffffffb3}.country-card{align-items:center;gap:12px;display:flex;position:relative}.country-landmark{background:var(--country);width:56px;height:56px;color:var(--white);border-radius:18px;flex:none;padding:8px}.country-landmark .landmark{width:100%;height:100%;display:block}.country-words{flex:1;min-width:0}.country-stop{text-transform:uppercase;letter-spacing:1px;color:var(--country-ink);font-size:13px;font-weight:600}.country h2{font-size:21px;font-weight:600;line-height:1.15}.country-treats{color:var(--cocoa-soft);font-size:14px}.country-stamp{flex:none;width:70px}.path{margin:34px 0 10px;padding:0;list-style:none;position:relative}.path-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.path-line path{fill:none;stroke:var(--country);stroke-width:6px;stroke-linecap:round;stroke-dasharray:.1 14;opacity:.55}.path li{position:absolute;translate:-50% -50%}.node{border:4px solid var(--white);background:var(--country);width:70px;height:70px;color:var(--white);box-shadow:0 5px 0 var(--country-ink), 0 8px 16px #4a2f2726;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:relative}.node:not(:disabled):active{transform:translateY(3px)scale(.97)}.node-num{text-shadow:0 2px 0 var(--country-ink);font-size:28px;font-weight:700;line-height:1}.node-stars{gap:1px;display:flex;position:absolute;bottom:-14px}.node-stars .star{width:20px;height:20px}.node--locked{background:#e9ddd2;box-shadow:0 5px #cdbcae}.node--locked .node-num{text-shadow:none;font-size:22px}.node--locked .node-stars{display:none}.node--here{animation:1.4s ease-in-out infinite here}@keyframes here{50%{box-shadow:0 5px 0 var(--country-ink), 0 0 0 10px #ffffffb3}}.node-kitten{pointer-events:none;width:54px;animation:2s ease-in-out infinite bob;position:absolute;top:-50px;left:34px}.map-end{text-align:center;color:var(--cocoa-soft);padding:24px 16px 0}.game{background:linear-gradient(180deg, var(--country-soft), var(--cream) 70%);flex-direction:column;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.game-landmark{width:260px;color:var(--country);opacity:.12;pointer-events:none;position:absolute;bottom:-20px;right:-30px}.hud{width:100%;max-width:560px;padding:8px 12px 0}.hud-top{align-items:center;gap:8px;display:flex}.hud-title{text-align:center;flex:1;font-size:18px;font-weight:600}.hud-title span{color:var(--cocoa-soft);font-weight:400}.hud-panel{background:var(--white);border-radius:20px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:flex;box-shadow:0 3px #4a2f2714}.hud-moves{background:var(--country);width:62px;height:62px;color:var(--white);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.hud-moves strong{font-size:26px;font-weight:700}.hud-moves span{margin-top:-10px;font-size:11px}.hud-moves--low{background:#e5484d;animation:.8s ease-in-out infinite alternate low}@keyframes low{to{transform:scale(1.08)}}.hud-score{text-align:right;flex:none;min-width:70px;line-height:1.1}.hud-score span{color:var(--cocoa-soft);font-size:12px;display:block}.hud-score strong{font-size:20px;font-weight:600}.goals{flex-wrap:wrap;flex:1;justify-content:center;gap:4px 10px;margin:0;padding:0;list-style:none;display:flex}.goal{align-items:center;gap:2px;font-size:18px;font-weight:600;display:flex}.goal-icon{flex:none;width:34px;height:34px;display:block}.goal-icon .art{width:100%;height:100%;display:block;overflow:visible}.goal--done .goal-left{color:#2f9e44}.scorebar{background:#4a2f271a;border-radius:999px;height:10px;margin:10px 14px 4px;position:relative}.scorebar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold), #ff9f43);height:100%;transition:width .4s ease-out}.scorebar-star{width:22px;height:22px;position:absolute;top:50%;translate:-50% -50%}.game-board{flex:1;place-items:start center;padding:14px 12px 20px;display:grid}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#4a2f2759;place-items:center;padding:16px;animation:.25s ease-out fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.dialog{background:var(--cream);text-align:center;width:min(100%,400px);box-shadow:0 0 0 5px var(--white), 0 20px 50px #4a2f274d;border-radius:28px;padding:20px 20px 10px;animation:.35s cubic-bezier(.3,1.5,.5,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.dialog .speech{text-align:left;background:var(--white);margin:4px 0 14px}.dialog-cats{width:150px;margin:-64px auto 4px}.dialog-title{color:var(--country-ink);margin-bottom:10px;font-size:26px;font-weight:600}.dialog-title--big{font-size:34px}.dialog-note{color:var(--cocoa-soft);margin:10px 0 16px;font-size:16px}.dialog .goals{margin:4px 0 18px}.goal-cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.goal-cards li{background:var(--country-soft);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;font-size:17px;font-weight:500;display:flex}.goal-cards .goal-icon{width:38px;height:38px}.result-stars{justify-content:center;align-items:flex-end;gap:6px;margin:4px 0 6px;display:flex}.result-stars .star{width:64px;height:64px}.result-stars .star:nth-child(2){width:82px;height:82px}.star--pop.star--on{animation:.5s cubic-bezier(.3,1.8,.5,1) backwards star-pop}.star--pop-1.star--on{animation-delay:.25s}.star--pop-2.star--on{animation-delay:.5s}@keyframes star-pop{0%{transform:scale(0)rotate(-90deg)}}.result-score{margin-bottom:14px;font-size:28px;font-weight:700}.new-stamp{margin:0 0 18px}.new-stamp p{color:var(--country-ink);margin-bottom:6px;font-weight:600}.new-stamp-art{width:140px;margin:0 auto;animation:.5s cubic-bezier(.5,0,.6,1.4) 1.2s backwards thunk}@keyframes thunk{0%{opacity:0;transform:scale(2.6)rotate(-20deg)}}.stamp{opacity:.9;width:100%}.stamp svg{width:100%;height:auto;display:block;overflow:visible}.stamp-ring-text{letter-spacing:2px;font-size:13px;font-weight:700}.stamp-text{letter-spacing:2px;font-size:15px;font-weight:700}.stamp-small{letter-spacing:1px;font-size:10px;font-weight:600}.passport-cover{color:#ffe08a;background:#2d3a6b;border-radius:22px;align-items:center;gap:16px;margin:8px 16px 16px;padding:18px;display:flex;box-shadow:0 6px #1b244a}.passport-photo{background:var(--cream);border-radius:12px;flex:none;padding:6px 4px 12px}.passport-photo .cat-duo{width:110px;height:90px}.passport-details{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:15px;display:grid}.passport-details dt{opacity:.7;text-transform:uppercase;letter-spacing:1px;align-self:center;font-size:12px}.passport-details dd{color:var(--white);margin:0;font-weight:600}.passport-pages{background:repeating-linear-gradient(0deg,#0000 0 27px,#2d3a6b0f 27px 28px),#fffdf8;border-radius:22px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;margin:0 16px 16px;padding:20px;display:grid;box-shadow:0 3px #4a2f2714}.stamp-slot{aspect-ratio:1;place-items:center;display:grid}.stamp-empty{color:#c4b6aa;text-align:center;border:3px dashed #d9cfc6;border-radius:50%;align-content:center;place-items:center;gap:2px;width:100%;height:100%;display:grid}.stamp-empty .landmark{width:44px;height:44px}.stamp-empty span{font-weight:600}.stamp-empty small{font-size:12px}.passport-screen>.btn-link{margin:0 auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.board{--cell:12.5%;width:var(--board-size);aspect-ratio:1;box-shadow:0 0 0 4px var(--country), 0 14px 30px #4a2f272e;-webkit-user-select:none;user-select:none;background:#ffffff8c;border-radius:22px;padding:7px;position:relative}.board-grid{touch-action:none;cursor:pointer;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}.tile{left:calc(var(--c) * var(--cell));top:calc(var(--r) * var(--cell));width:var(--cell);height:var(--cell);position:absolute}.tile--light{background:#fffaf4}.tile--dark{background:#fdeee0}.tile--jam:after{content:"";background:radial-gradient(circle at 18% 16%,#ffffffb3 0 6%,#0000 8%),radial-gradient(circle at 84% 88%,#fff6 0 5%,#0000 7%),linear-gradient(135deg,#f4687f,#d8304f);animation:.35s cubic-bezier(.3,1.6,.5,1) jam-in;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff40}@keyframes jam-in{0%{opacity:0;transform:scale(.2)}}.piece{width:var(--cell);height:var(--cell);transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));pointer-events:none;z-index:1;position:absolute;top:0;left:0}.board-grid--swap .piece{transition:transform .18s ease-in-out}.board-grid--fall .piece{transition:transform .3s cubic-bezier(.5,0,.75,1.12)}.piece-drop,.piece-art,.piece-body{width:100%;height:100%}.piece-drop--in{animation:.3s cubic-bezier(.5,0,.75,1.12) both drop-in}@keyframes drop-in{0%{transform:translateY(calc(var(--drop) * -100%))}}.piece-body{padding:5%;transition:transform .15s}.piece-body .art{filter:drop-shadow(0 2px #4a2f272e);width:100%;height:100%;display:block;overflow:visible}.piece--selected{z-index:3}.piece--selected .piece-body{animation:.6s ease-in-out infinite alternate picked}@keyframes picked{0%{transform:scale(1.08)}to{transform:scale(1.18)rotate(-4deg)}}.piece--hint .piece-body{animation:1.2s ease-in-out infinite hint}@keyframes hint{0%,60%,to{transform:none}70%{transform:rotate(-12deg)scale(1.08)}80%{transform:rotate(12deg)scale(1.08)}90%{transform:rotate(-6deg)scale(1.04)}}.piece--gone{z-index:2}.piece--gone .piece-body{animation:.26s ease-in forwards vanish}@keyframes vanish{35%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(0)}}.piece-art--power{animation:.45s cubic-bezier(.3,1.8,.5,1) power-in}@keyframes power-in{0%{transform:scale(.3)rotate(-30deg)}}.piece-art--power .art-glow{transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite alternate glow}@keyframes glow{0%{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.05)}}.piece-art--power .art-stripes{animation:.9s ease-in-out infinite alternate shimmer}@keyframes shimmer{0%{opacity:.55}to{opacity:1}}.art-yarn{animation:5s linear infinite spin}@keyframes spin{to{rotate:360deg}}.fx{pointer-events:none;z-index:4;position:absolute}.fx--row{width:100%;left:0;top:calc(var(--r) * var(--cell));height:var(--cell);background:linear-gradient(90deg,#0000,#fff 15%,#fffbe0 50%,#fff 85%,#0000);animation:.5s ease-out forwards beam-row;box-shadow:0 0 18px 6px #ffec8ccc}.fx--col{height:100%;top:0;left:calc(var(--c) * var(--cell));width:var(--cell);background:linear-gradient(#0000,#fff 15%,#fffbe0 50%,#fff 85%,#0000);animation:.5s ease-out forwards beam-col;box-shadow:0 0 18px 6px #ffec8ccc}@keyframes beam-row{0%{transform:scaleX(0)}45%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)scaleY(.2)}}@keyframes beam-col{0%{transform:scaleY(0)}45%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)scaleX(.2)}}.fx--bomb{left:calc((var(--c) - var(--size)) * var(--cell));top:calc((var(--r) - var(--size)) * var(--cell));width:calc((var(--size) * 2 + 1) * var(--cell));height:calc((var(--size) * 2 + 1) * var(--cell));background:radial-gradient(circle,#fff 0 25%,#fff3a6 40%,#ffc440b3 55%,#0000 70%);border-radius:50%;animation:.5s ease-out forwards boom}@keyframes boom{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.4)}}.fx--rainbow{left:calc((var(--c) + .5) * var(--cell));top:calc((var(--r) + .5) * var(--cell));width:calc(var(--cell) * 3);height:calc(var(--cell) * 3);margin:calc(var(--cell) * -1.5) 0 0 calc(var(--cell) * -1.5);background:conic-gradient(#ff6b6b,#ffa94d,#ffd43b,#69db7c,#4dabf7,#b197fc,#ff6b6b);border-radius:50%;animation:.7s ease-out forwards ripple;-webkit-mask:radial-gradient(circle,#0000 52%,#000 54%);mask:radial-gradient(circle,#0000 52%,#000 54%)}@keyframes ripple{0%{opacity:1;transform:scale(.2)}to{transform:scale(calc(3 + var(--size) * 2));opacity:0}}.board-popups{pointer-events:none;z-index:5;position:absolute;inset:7px}.popup{left:calc((var(--c) + .5) * var(--cell));top:calc((var(--r) + .5) * var(--cell));color:var(--color);text-shadow:0 0 3px #fff,0 0 3px #fff,0 2px #fff;white-space:nowrap;font-size:clamp(15px,4.4vw,22px);font-weight:700;animation:1s ease-out forwards float-up;position:absolute;translate:-50% -50%}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:0;transform:translateY(-44px)scale(1)}}.banner{pointer-events:none;z-index:6;place-items:center;display:grid;position:absolute;inset:0}.banner span{color:#fff;-webkit-text-stroke:3px var(--country-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--country-ink);white-space:nowrap;font-size:clamp(34px,11vw,60px);font-weight:700;animation:1.3s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:scale(.3)rotate(-8deg)}15%{opacity:1;transform:scale(1.12)rotate(-3deg)}25%{transform:scale(1)rotate(-3deg)}80%{opacity:1;transform:scale(1)rotate(-3deg)}to{opacity:0;transform:scale(1.1)rotate(-3deg)translateY(-20px)}}@media (prefers-reduced-motion:reduce){.piece-art--power .art-glow,.piece-art--power .art-stripes,.art-yarn,.piece--hint .piece-body{animation:none}}