@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--ink:#0b2236;--cream:#fff6da;--paper:#fffdf5;--sun:#ffc23d;--leaf:#5bc236;--leaf-deep:#3f8f3a;--sky:#59c8f5;--tap:96px;--display:"Fraunces", Georgia, serif;--body:"Manrope", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:var(--ink);font:600 18px/1.3 var(--body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none;background:#fff1d2}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}img,canvas{display:block}.screen{position:fixed;inset:0;overflow:hidden}.round{width:var(--tap);height:var(--tap);min-width:var(--tap);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.round .face{border:5px solid var(--ink);background:var(--paper);width:78px;height:78px;box-shadow:0 6px 0 var(--ink), inset 0 -6px 0 #0b22361f;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.round:active .face{box-shadow:0 1px 0 var(--ink), inset 0 -6px 0 #0b22361f;transform:translateY(5px)}.round svg{width:46px;height:46px}.round.big{width:140px;height:140px}.round.big .face{background:var(--sun);width:128px;height:128px;box-shadow:0 8px 0 var(--ink), inset 0 -10px 0 #e8a800}.round.big svg{width:76px;height:76px}@media (orientation:portrait) and (width<=599px){.round .face{width:58px;height:58px;box-shadow:0 4px 0 var(--ink), inset 0 -4px 0 #0b22361f;border-width:4px}.round svg{width:34px;height:34px}}.visit{background:#b9d6e8}.stage{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.loading{background:url(/art/bg-far.webp) 50%/cover;position:absolute;inset:0}.topbar{top:max(4px, env(safe-area-inset-top));left:max(4px, env(safe-area-inset-left));pointer-events:none;flex-direction:column;display:flex;position:absolute}.topbar>*{pointer-events:auto}@media (orientation:portrait){.topbar{flex-direction:row}}@media (orientation:portrait) and (width<=599px){.topbar{flex-direction:row;top:40px;left:0}}.again-wrap{pointer-events:none;place-items:center;animation:.4s both fade-in;display:grid;position:absolute;inset:0}.again{pointer-events:auto;animation:.6s cubic-bezier(.34,1.56,.64,1) both again-pop,1.8s ease-in-out .6s infinite again-breathe}@keyframes again-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes again-breathe{50%{transform:scale(1.06)}}@keyframes fade-in{0%{opacity:0}}.title{background:url(/art/bg-far.webp) bottom/cover no-repeat,#b9d6e8}.title-near{pointer-events:none;width:100%;height:auto;position:absolute;bottom:0;left:0;right:0}.title-card{padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;justify-items:center;display:grid;position:absolute;inset:0}.title-logo{filter:drop-shadow(0 8px #0b22362e);width:min(86vw,640px,62vh);height:auto;animation:.8s cubic-bezier(.34,1.56,.64,1) both logo-in}.title-cast{justify-content:center;align-self:end;align-items:flex-end;gap:2vw;width:min(92vw,760px);display:flex;position:relative}.title-trike-wrap{width:62%;position:relative}.title-trike{transform-origin:50% 100%;width:100%;height:auto;animation:3s ease-in-out infinite breathe;position:relative}.title-trike-wrap .contact{background:radial-gradient(closest-side,#2d190880,#2d190838 60%,#2d190800);height:12%;position:absolute;bottom:-3%;left:10%;right:2%}.title-ground,.map-ground{background:url(/art/ground.webp) top/100% 100% no-repeat;height:34%;position:absolute;bottom:0;left:0;right:0}.map-ground{height:60%}@media (orientation:portrait){.map-ground{background:url(/art/ground.webp) top/100% no-repeat,linear-gradient(#0000 6%,#d9853f 6%,#c46f33);height:80%}}.title-puff{width:26%;height:auto;margin-bottom:18%;animation:2.4s ease-in-out infinite bob}.title .play{z-index:2;margin-top:10px}@keyframes bob{50%{transform:translateY(-10px)rotate(-2deg)}}@keyframes breathe{50%{transform:scaleY(1.02)}}@keyframes logo-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}}.caption{left:50%;top:max(12px, env(safe-area-inset-top));background:var(--paper);border:3px solid var(--ink);max-width:min(520px,100vw - 260px);box-shadow:0 4px 0 var(--ink);font:700 15px/1.25 var(--body);text-align:center;z-index:20;pointer-events:none;border-radius:18px;padding:6px 16px 7px;animation:.25s cubic-bezier(.34,1.56,.64,1) both cap-in;position:fixed;transform:translate(-50%)}.caption.puff{background:#ffe9a8}.caption.dino{background:#ddf2cc}@keyframes cap-in{0%{opacity:0;transform:translate(-50%)scale(.85)}}@media (orientation:portrait) and (width<=599px){.caption{width:calc(100vw - 16px);max-width:calc(100vw - 16px);box-shadow:0 3px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;border-width:2px;padding:4px 10px;font-size:13px;top:4px;overflow:hidden}}.gate{right:max(4px, env(safe-area-inset-right));top:max(4px, env(safe-area-inset-top));z-index:5;position:absolute}.gate .face{background:conic-gradient(var(--leaf) calc(var(--p,0) * 360deg), var(--paper) 0)}.grownups{z-index:40;background:#0b22368c;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.grownups .sheet{background:var(--paper);border:4px solid var(--ink);width:min(640px,100%);max-height:calc(100% - 8px);box-shadow:0 6px 0 var(--ink);font:500 16px/1.45 var(--body);-webkit-user-select:text;user-select:text;border-radius:24px;padding:18px 22px;overflow:auto}.grownups h2{font:800 26px/1.1 var(--display);margin:0 0 10px}.grownups h3{font:800 18px/1.2 var(--display);margin:16px 0 4px}.grownups label{align-items:flex-start;gap:10px;padding:8px 0;font-weight:700;display:flex}.grownups input{width:26px;height:26px;accent-color:var(--leaf-deep);flex:none}.sheet-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px;display:flex}.grownups .sheet-actions{background:var(--paper);padding:8px 0 18px;position:sticky;bottom:-18px}.text-btn{border:4px solid var(--ink);min-width:150px;min-height:96px;box-shadow:0 5px 0 var(--ink);background:var(--sun);font:800 18px var(--body);border-radius:22px;padding:0 18px}.text-btn.danger{background:linear-gradient(90deg, #ff8f7a calc(var(--p,0) * 100%), var(--cream) 0)}.map,.busy{background:url(/art/bg-far.webp) 50% 30%/cover no-repeat,#b9d6e8}.map-queue{inset:24% 16px max(14px, env(safe-area-inset-bottom)) 16px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,1fr);align-items:end;gap:6px 10px;display:grid;position:absolute}.busy-queue{grid-template-rows:repeat(2,minmax(0,1fr))}.map .map-queue{grid-template-columns:repeat(3,1fr) 1.5fr repeat(3,1fr)}.map-diner{grid-area:1/4/span 2;align-self:stretch;min-height:0;position:relative}.map-diner img{position:absolute;left:50%;transform:translate(-50%)}.diner-board{filter:drop-shadow(0 6px #0b22362e);width:78%;bottom:34%}.diner-counter{width:100%;bottom:4%}.diner-puff{width:46%;margin-left:-22%;animation:2.4s ease-in-out infinite bob;bottom:30%}.map-diner .smoke{background:#ffffffd9;border-radius:50%;width:18px;height:18px;animation:3s ease-out infinite smoke;position:absolute;bottom:33%;left:70%}.map-diner .s2{animation-delay:1s}.map-diner .s3{animation-delay:2s}@keyframes smoke{0%{opacity:.9;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(14px,-90px)scale(2.2)}}.map-diner:after{content:"";background:radial-gradient(closest-side,#2d190873,#2d190800);height:18px;position:absolute;bottom:1%;left:0;right:0}.spot{background:0 0;border:0;justify-content:center;align-items:flex-end;min-width:96px;height:100%;min-height:96px;padding:0 0 30px;display:flex;position:relative}.spot img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 4px #0b223626);max-width:100%;height:80%}.spot:before{content:"";background:radial-gradient(closest-side,#2d190873,#2d190800);height:16px;position:absolute;bottom:22px;left:12%;right:12%}.spot.unknown img{filter:brightness(0)opacity(.42)}.spot.next img{filter:drop-shadow(0 0 10px #fff3b0)drop-shadow(0 0 4px #ffe27a);animation:1.3s ease-in-out infinite hop}.spot.next:before{background:radial-gradient(closest-side,#ffec8cf2,#ffd65a80 60%,#ffd65a00);height:26px;animation:1.3s ease-in-out infinite glow;bottom:16px;left:2%;right:2%}@keyframes glow{50%{opacity:.75;transform:scale(1.12)}}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}.leaves{justify-content:center;gap:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.leaves svg{fill:#fffdf5bf;stroke:#0b223673;stroke-width:2.2px;stroke-linejoin:round;width:32px;height:32px}.leaves svg.on{fill:var(--leaf);stroke:var(--ink);stroke-width:2.6px;filter:drop-shadow(0 2px #0b223659)}.spot{padding-bottom:36px}.spot:before{bottom:28px}.map-side{right:max(4px, env(safe-area-inset-right));top:max(4px, env(safe-area-inset-top));display:flex;position:absolute}@media (orientation:portrait){.map-queue{inset:112px 8px max(8px, env(safe-area-inset-bottom));grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr)}.map .map-queue{grid-template-rows:minmax(0,.9fr) repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,1fr)}.map-diner{grid-area:1/1/auto/-1}.map-diner img{left:50%}.diner-board{width:auto;height:92%;margin-left:-18%;bottom:8%}.diner-counter{width:auto;height:62%;margin-left:14%}.diner-puff{width:auto;height:42%;margin-left:10%;bottom:46%}.map-diner .smoke{bottom:58%;left:66%}.busy-queue{grid-template-rows:repeat(4,minmax(0,1fr))}}@media (orientation:portrait) and (width<=599px){.map-side,.gate{top:40px}.map .map-queue{inset:140px 4px max(4px, env(safe-area-inset-bottom))}.leaves svg{width:26px;height:26px}}.brush{background:url(/art/bg-far.webp) 50%/cover no-repeat,#b9d6e8;place-items:center;display:grid}.slab{aspect-ratio:1150/920;width:min(84vw,108vh);position:relative}@media (orientation:portrait){.slab{width:min(94vw,80vh)}}.slab-stone{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.slab-window{border-radius:24px;position:absolute;inset:15% 12% 16%;overflow:hidden}.slab-sticker{object-fit:contain;width:88%;height:88%;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:6%}.slab-sticker.found{transform:scale(1.06)rotate(-2deg)}.sand{touch-action:none;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.sand.gone{opacity:0;pointer-events:none}.sparkles{pointer-events:none;background:radial-gradient(circle at 20% 30%,#fff 0 4px,#0000 5px),radial-gradient(circle at 78% 22%,#ffe27a 0 5px,#0000 6px),radial-gradient(circle at 70% 75%,#fff 0 3px,#0000 4px),radial-gradient(circle at 30% 80%,#ffe27a 0 4px,#0000 5px);animation:1.2s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.3;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}.brush .again-wrap{padding:0 max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) 0;place-items:end}.book{background:url(/art/bg-far.webp) 50%/cover no-repeat,#b9d6e8}.book-spread{background:url(/art/book.webp) 50%/100% 100% no-repeat;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;column-gap:7%;padding:4.5% 5% 5.5% 4.5%;display:grid;position:absolute;inset:18px 18px 18px 116px}.page{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.page.right{padding-top:6%}.page.right .book-head{padding-left:15%}.stickers{flex:none;grid-template-columns:repeat(4,minmax(96px,1fr));grid-auto-rows:96px;gap:4px;display:grid}.sticker{background:#fffdf58c;border:3px dashed #0b22364d;border-radius:18px;place-items:center;min-width:96px;min-height:96px;padding:4px;display:grid;overflow:hidden}.sticker img{object-fit:contain;width:100%;height:100%;display:block}.sticker svg{opacity:.4;width:44px;height:44px}.sticker.sel{border:4px solid var(--leaf-deep);background:#e9f6d9}.glance{font:700 22px/1.2 var(--body);flex-direction:column;gap:6px;display:flex}.glance .row{align-items:center;gap:10px;display:flex}.glance svg{fill:none;width:34px;height:34px;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;flex:none}.glance .row:first-child svg{height:20px}.glance .food{object-fit:contain;width:46px;height:46px}.sizepic{border-bottom:4px solid #b98c4f;align-items:flex-end;gap:14px;height:118px;margin-top:2px;padding:4px 8px 6px;display:flex}.sizepic .sil{filter:brightness(0)opacity(.78);object-fit:fill}.sizepic .child{fill:#3f8f3a;flex:none}.sizepic .span{border:4px solid var(--ink);border-top:0;border-radius:0 0 8px 8px;align-self:center;height:26px;position:relative}.sizepic .span span{font:700 18px var(--body);white-space:nowrap;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.book-head{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.book-name{font:800 clamp(28px, 3.1vw, 40px)/1.05 var(--display);-webkit-hyphens:none;hyphens:none;word-break:keep-all;margin:0}.book-hero{flex:1 1 0;min-height:110px;position:relative}.book-hero img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.facts{flex-direction:column;flex:none;gap:8px;display:flex}.fact-card{text-align:left;border:4px solid var(--ink);background:var(--paper);width:100%;min-height:96px;box-shadow:0 5px 0 var(--ink);font:700 22px/1.2 var(--body);border-radius:18px;align-items:center;gap:12px;padding:8px 14px;display:flex}.fact-card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.fact-card .num{background:var(--leaf);border:3px solid var(--ink);width:46px;height:46px;font:900 24px var(--display);color:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid}.fact-card.closed{box-shadow:none;color:#0b2236b3;background:repeating-linear-gradient(-45deg,#eef6e2 0 14px,#e2efd2 14px 28px);border-style:dashed}.fact-card.closed .num{color:var(--ink);background:#cfe3b8}.fact-card.closed svg{fill:#fffdf5;width:64px;height:40px;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;flex:none}.fact-card.closed svg .seal{fill:var(--leaf)}.book-empty{font:700 22px var(--body);text-align:center;margin:auto}@media (orientation:portrait){.book-spread{background:var(--cream);border:5px solid var(--leaf-deep);border-radius:26px;column-gap:18px;padding:14px;inset:108px 8px 8px}.page.right{padding-top:0}.page.right .book-head{padding-left:0}.stickers{grid-template-columns:repeat(3,minmax(96px,1fr))}}@media (orientation:portrait) and (width<=599px){.book-spread{-webkit-overflow-scrolling:touch;flex-direction:column;gap:14px;padding:10px;display:flex;inset:104px 6px 6px;overflow-y:auto}.page{flex:none}.page.right{order:-1}.book-hero{flex:none;height:170px}.book-name{font-size:30px}.glance,.fact-card{font-size:17px}.sizepic{height:100px}}:root[data-motion=gentle] *,:root[data-motion=gentle] :before,:root[data-motion=gentle] :after{transition-property:opacity!important;animation:none!important}:root[data-motion=gentle] :is(.again-wrap,.caption,.title-logo,.sparkles){animation:.4s both fade-in!important}.upright{display:none}@media (orientation:landscape) and (height<=499px){.screen{visibility:hidden}.upright{z-index:50;background:linear-gradient(#fff6da99,#fff6da99),url(/art/bg-far.webp) 50%/cover,#fff1d2;justify-content:center;align-items:center;gap:6vw;display:flex;position:fixed;inset:0}.upright-face{width:min(46vh,200px);height:auto}.upright-phone{width:min(60vh,260px);height:auto}.upright-device{transform-origin:60px 62px;animation:2.6s ease-in-out infinite turn-upright}}.upright.squeezed{z-index:45;background:linear-gradient(#fff6da99,#fff6da99),url(/art/bg-far.webp) 50%/cover,#fff1d2;flex-direction:column;justify-content:center;align-items:center;gap:4vh;display:flex;position:fixed;inset:0}.upright.squeezed .upright-face{width:min(46vw,200px);height:auto}.upright.squeezed .upright-phone{width:min(60vw,240px);height:auto}@keyframes turn-upright{0%,15%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}
