:root{--ram: "Rammetto One", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--nav-h: calc(70px + env(safe-area-inset-top, 0px)) ;--box-radius: 28px;--floor-h: 32px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--ram);overflow:hidden;background:radial-gradient(1100px 600px at 15% 18%,rgba(180,255,198,.44),transparent 62%),radial-gradient(900px 620px at 80% 16%,rgba(123,214,146,.32),transparent 58%),linear-gradient(150deg,#2f8f4f,#25683f 58%,#1b4e31);color:#fff}.game-board{min-height:calc(100svh - var(--nav-h));margin-top:var(--nav-h);--board-pad: clamp(16px, 3vw, 36px);padding:var(--board-pad);padding-bottom:calc(var(--board-pad) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.board-copy{position:absolute;inset:0 0 auto;z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:clamp(10px,2.2%,20px) 16px 16px;pointer-events:none;text-shadow:0 4px 18px rgba(0,0,0,.36)}.board-copy h1{margin:0;font-size:clamp(1.2rem,2.9vw,2rem);letter-spacing:.02em;transition:opacity .18s ease,transform .22s ease}.board-copy p{margin:10px 0 0;max-width:46ch;font-size:clamp(.74rem,1.3vw,.95rem);line-height:1.5;color:#fffffff2;transition:opacity .18s ease,transform .22s ease,font-size .22s ease,max-width .22s ease}.board-copy.is-copy-swapping h1,.board-copy.is-copy-swapping p{opacity:0;transform:translateY(-6px)}.board-copy.is-midpoint-copy p{font-size:clamp(.62rem,1.05vw,.8rem);max-width:42ch}.floating-game-box{--knight-fx-x: 50%;--knight-fx-y: 57%;position:relative;width:min(1040px,100%);height:clamp(380px,66vh,620px);border-radius:var(--box-radius);overflow:hidden;border:2px solid rgba(255,255,255,.34);background:linear-gradient(180deg,#fff3,#ffffff0f);box-shadow:0 20px 60px #0000005c,0 1px #ffffff59 inset}.floating-game-box.is-knight-flash:before{content:"";position:absolute;inset:-18%;z-index:18;pointer-events:none;background:radial-gradient(circle at var(--knight-fx-x) var(--knight-fx-y),rgba(255,255,255,.98) 0 14%,rgba(255,255,255,0) 44%),radial-gradient(circle at var(--knight-fx-x) var(--knight-fx-y),rgba(209,219,255,.82) 0 24%,rgba(209,219,255,0) 70%);mix-blend-mode:screen;animation:knight-screen-flash 1.72s cubic-bezier(.2,.8,.2,1)}.floating-game-box.is-knight-flash:after{content:"";position:absolute;inset:-28%;z-index:17;pointer-events:none;background:conic-gradient(from 0deg at var(--knight-fx-x) var(--knight-fx-y),rgba(255,255,255,0) 0deg,rgba(200,219,255,.36) 28deg,rgba(255,255,255,.08) 56deg,rgba(255,255,255,0) 84deg,rgba(200,219,255,.34) 116deg,rgba(255,255,255,0) 144deg,rgba(200,219,255,.3) 176deg,rgba(255,255,255,0) 220deg,rgba(200,219,255,.36) 260deg,rgba(255,255,255,0) 300deg,rgba(200,219,255,.34) 340deg,rgba(255,255,255,0) 360deg);mix-blend-mode:screen;filter:blur(1.2px);transform-origin:var(--knight-fx-x) var(--knight-fx-y);animation:knight-screen-beam 1.86s cubic-bezier(.22,.61,.36,1)}.floating-game-box.is-impact-shake{animation:impact-shake .46s cubic-bezier(.22,.61,.36,1)}.floating-game-box.is-knight-sway{transform-origin:var(--knight-fx-x) calc(var(--knight-fx-y) + 3%);animation:knight-sway 1.32s cubic-bezier(.22,.61,.36,1)}@keyframes impact-shake{0%{transform:translateZ(0)}15%{transform:translate3d(-8px,1px,0)}30%{transform:translate3d(9px,-1px,0)}45%{transform:translate3d(-7px,1px,0)}60%{transform:translate3d(7px,-1px,0)}75%{transform:translate3d(-4px,0,0)}to{transform:translateZ(0)}}@keyframes knight-sway{0%{transform:rotate(0)}20%{transform:rotate(-2deg)}42%{transform:rotate(1.6deg)}64%{transform:rotate(-1.1deg)}82%{transform:rotate(.8deg)}to{transform:rotate(0)}}@keyframes knight-screen-flash{0%{opacity:0;transform:scale(.68)}18%{opacity:1;transform:scale(1.02)}44%{opacity:.58;transform:scale(1.12)}66%{opacity:.96;transform:scale(1.26)}to{opacity:0;transform:scale(1.52)}}@keyframes knight-screen-beam{0%{opacity:0;transform:scale(.6) rotate(0)}22%{opacity:.92;transform:scale(.9) rotate(56deg)}54%{opacity:.48;transform:scale(1.08) rotate(136deg)}72%{opacity:.8;transform:scale(1.2) rotate(186deg)}to{opacity:0;transform:scale(1.42) rotate(268deg)}}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .26s ease}.scene.is-active{opacity:1;visibility:visible}.scene:not(.is-active) .world-layer,.scene:not(.is-active) .world-layer *{animation-play-state:paused!important}.scene-bedroom{--walk-shift: 0px;--walk-shift-far: 0px;--walk-shift-mid: 0px;--walk-shift-near: 0px;--cloud-parallax: 0px;background:radial-gradient(120% 74% at 50% 100%,rgba(250,186,116,.24),transparent 62%),linear-gradient(180deg,#7faad1,#d2e3f4 52%,#95b49a 53%,#607d68)}.scene-coffee{background:radial-gradient(130% 86% at 72% 100%,rgba(255,209,150,.36),transparent 57%),linear-gradient(180deg,#82bfeb,#cae8ff 50%,#8ec997 51%,#5ea86e)}.world-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.world-layer-bedroom{opacity:.98;isolation:isolate}.world-layer-bedroom:before{content:none}.world-layer-bedroom:after{content:none}.city-horizon{position:absolute;left:-2%;right:-2%;background-repeat:repeat-x}.city-horizon-far{bottom:calc(var(--floor-h) + 102px);height:clamp(74px,13vw,120px);opacity:.44;background:linear-gradient(to top,#324b5b85,#324b5b00),repeating-linear-gradient(90deg,#3a5666bf 0 20px,#3a566652 20px 28px,#405f6fbf 28px 52px,#405f6f4d 52px 60px)}.city-horizon-near{bottom:calc(var(--floor-h) + 66px);height:clamp(62px,11vw,98px);opacity:.68;background:linear-gradient(to top,#27464980,#27464900),repeating-linear-gradient(90deg,#3f6669d1 0 26px,#3f666966 26px 34px,#4c746ed1 34px 62px,#4c746e5c 62px 72px)}.city-road{position:absolute;left:-4%;right:-4%;bottom:calc(var(--floor-h) + 2px);height:clamp(26px,4vw,38px);border-top:2px solid rgba(195,206,214,.44);background:linear-gradient(180deg,#4f5f6af0,#374652f2)}.city-road:before{content:"";position:absolute;left:0;right:0;top:44%;height:2px;opacity:.55;background:repeating-linear-gradient(90deg,#f5faff00 0 20px,#f5faffb3 20px 34px)}.city-crosswalk{position:absolute;left:16%;bottom:calc(var(--floor-h) + 4px);width:clamp(82px,13vw,132px);height:clamp(18px,2.8vw,26px);opacity:.62;background:repeating-linear-gradient(90deg,#f0f6f9b8 0 8px,#f0f6f900 8px 14px)}.city-light{position:absolute;bottom:calc(var(--floor-h) + 20px);width:7px;height:clamp(70px,12vw,112px);border-radius:6px;background:linear-gradient(180deg,#516771,#334952);box-shadow:0 4px 8px #18262e47}.city-light:before{content:"";position:absolute;top:-10px;left:50%;width:24px;height:12px;transform:translate(-50%);border-radius:10px;background:linear-gradient(180deg,#6f838d,#4a5f69)}.city-light:after{content:"";position:absolute;top:-1px;left:50%;width:58px;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#ffecb852,#ffecb800 72%)}.city-light-a{left:46%}.city-light-b{left:74%;height:clamp(62px,10vw,96px);opacity:.88}.world-layer-coffee{z-index:3;opacity:1}.coffee-back-tree{position:absolute;z-index:1;bottom:calc(var(--floor-h) + 54px);width:clamp(20px,3.1vw,32px);height:clamp(58px,9.2vw,92px);opacity:.62;filter:drop-shadow(0 1px 3px rgba(19,54,35,.16));transform-origin:50% 100%;animation:foliage-sway 7.2s ease-in-out infinite;will-change:transform}.coffee-back-tree:before{content:"";position:absolute;bottom:0;left:44%;width:12%;height:40%;border-radius:6px;background:linear-gradient(180deg,#6e4b32,#4a3021)}.coffee-back-tree:after{content:"";position:absolute;left:50%;top:2%;width:100%;height:66%;transform:translate(-50%);border-radius:56% 44% 52% 50%;background:radial-gradient(circle at 32% 34%,rgba(220,255,192,.36) 0 16%,transparent 17%),linear-gradient(180deg,#65a56cf0,#43794cf5)}.coffee-back-tree-a{left:9%;animation-delay:.2s}.coffee-back-tree-b{left:22%;animation-delay:.9s}.coffee-back-tree-c{left:78%;animation-delay:.45s}.coffee-back-tree-d{left:89%;animation-delay:1.2s}.sun-glow{position:absolute;z-index:0;right:10%;top:12%;width:clamp(62px,10vw,108px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff9d2fa,#ffdb84cc 36%,#ffd37b00 74%);isolation:isolate;box-shadow:0 0 24px #ffe6986b,0 0 56px #ffde9142}.sun-glow:before{content:"";position:absolute;left:50%;top:50%;width:clamp(290px,58vw,690px);height:clamp(180px,50vh,460px);transform-origin:0 0;transform:rotate(136deg) translate(0);clip-path:polygon(0 0,16% 0,100% 100%,58% 100%);background:linear-gradient(90deg,rgba(255,242,187,.56) 0%,rgba(255,236,173,.25) 42%,rgba(255,230,164,.07) 70%,transparent 100%);mix-blend-mode:screen;opacity:.82;animation:none;z-index:0}.sun-glow:after{content:"";position:absolute;left:50%;top:50%;width:clamp(220px,46vw,560px);height:clamp(140px,42vh,360px);transform-origin:0 0;transform:rotate(124deg) translate(0);clip-path:polygon(0 0,14% 0,100% 100%,56% 100%);background:linear-gradient(90deg,rgba(255,246,201,.4) 0%,rgba(255,238,177,.14) 45%,transparent 100%);mix-blend-mode:screen;opacity:.68;animation:none;z-index:0}.cloud{--cloud-drift-x: 34px;--cloud-drift-x-mid: 18px;--cloud-drift-y: 4px;position:absolute;z-index:1;border-radius:999px;background:#f9fdffe6;filter:drop-shadow(0 1px 4px rgba(17,69,49,.12));margin-top:clamp(74px,10vh,106px);animation:cloud-drift 24s ease-in-out infinite;will-change:transform}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud-a{top:15%;left:10%;width:46px;height:18px;--cloud-drift-x: 28px;--cloud-drift-x-mid: 14px;--cloud-drift-y: 3px}.cloud-a:before{width:24px;height:24px;left:6px;top:-12px}.cloud-a:after{width:20px;height:20px;right:4px;top:-9px}.cloud-b{top:23%;left:50%;width:40px;height:16px;--cloud-drift-x: 40px;--cloud-drift-x-mid: 22px;--cloud-drift-y: 5px;animation-duration:28s;animation-delay:-4s}.cloud-b:before{width:22px;height:22px;left:8px;top:-10px}.cloud-b:after{width:18px;height:18px;right:2px;top:-8px}.cloud-c{top:12%;left:30%;width:44px;height:18px;--cloud-drift-x: 36px;--cloud-drift-x-mid: 20px;--cloud-drift-y: 4px;animation-duration:26s;animation-delay:-10s}.cloud-c:before{width:25px;height:25px;left:5px;top:-11px}.cloud-c:after{width:21px;height:21px;right:3px;top:-8px}.cloud-d{top:9%;left:68%;width:50px;height:19px;--cloud-drift-x: 44px;--cloud-drift-x-mid: 24px;--cloud-drift-y: 6px;animation-duration:30s;animation-delay:-14s}.cloud-d:before{width:27px;height:27px;left:7px;top:-12px}.cloud-d:after{width:21px;height:21px;right:4px;top:-9px}.cloud-e{top:26%;left:78%;width:35px;height:14px;--cloud-drift-x: 26px;--cloud-drift-x-mid: 14px;--cloud-drift-y: 3px;animation-duration:29s;animation-delay:-7s}.cloud-e:before{width:19px;height:19px;left:5px;top:-9px}.cloud-e:after{width:15px;height:15px;right:3px;top:-6px}.cloud-f{top:18%;left:2%;width:38px;height:15px;--cloud-drift-x: 42px;--cloud-drift-x-mid: 22px;--cloud-drift-y: 5px;animation-duration:31s;animation-delay:-12s}.cloud-f:before{width:21px;height:21px;left:4px;top:-9px}.cloud-f:after{width:17px;height:17px;right:3px;top:-7px}.cloud-g{top:8%;left:40%;width:43px;height:16px;--cloud-drift-x: 38px;--cloud-drift-x-mid: 20px;--cloud-drift-y: 4px;animation-duration:25s;animation-delay:-9s}.cloud-g:before{width:23px;height:23px;left:6px;top:-10px}.cloud-g:after{width:18px;height:18px;right:4px;top:-8px}.cloud-h{top:30%;left:63%;width:32px;height:13px;--cloud-drift-x: 24px;--cloud-drift-x-mid: 12px;--cloud-drift-y: 3px;animation-duration:32s;animation-delay:-15s}.cloud-h:before{width:17px;height:17px;left:4px;top:-8px}.cloud-h:after{width:13px;height:13px;right:2px;top:-5px}.cloud-i{top:20%;left:56%;width:36px;height:14px;--cloud-drift-x: 32px;--cloud-drift-x-mid: 18px;--cloud-drift-y: 4px;animation-duration:27s;animation-delay:-6s}.cloud-i:before{width:19px;height:19px;left:5px;top:-8px}.cloud-i:after{width:15px;height:15px;right:3px;top:-6px}.cloud-j{top:10%;left:78%;width:34px;height:14px;--cloud-drift-x: 35px;--cloud-drift-x-mid: 19px;--cloud-drift-y: 4px;animation-duration:29s;animation-delay:-11s}.cloud-j:before{width:18px;height:18px;left:5px;top:-8px}.cloud-j:after{width:14px;height:14px;right:2px;top:-6px}.eco-coffee-guide{position:absolute;z-index:12;bottom:calc(var(--floor-h) + 28px);right:8%;transform:translate(var(--walk-shift-mid));display:flex;align-items:center;filter:drop-shadow(0 3px 8px rgba(24,40,24,.24))}.etix-marker-icon-host{background:transparent;border:0}.etix-marker-root{--etix-size: 44px;--etix-pointer-width: 30px;--etix-pointer-height: 18px;--etix-marker-color: #3c55f7;--etix-inner-color: #fff;--etix-score-gradient: conic-gradient(#4caf50 0deg 360deg);width:var(--etix-size);height:calc(var(--etix-size) + var(--etix-pointer-height) * .56);position:relative;transform-origin:center bottom;transition:transform .15s ease,filter .15s ease;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}.etix-marker-root:hover,.etix-marker-root.is-selected{transform:scale(1.06)}.etix-marker-core{position:relative;z-index:2;width:var(--etix-size);height:var(--etix-size);border-radius:999px;background:var(--etix-marker-color);border:2px solid #fff;display:grid;place-items:center;box-shadow:0 0 0 1px #23294d26}.etix-marker-score-ring{width:calc(var(--etix-size) * .84);height:calc(var(--etix-size) * .84);border-radius:999px;display:grid;place-items:center;background:var(--etix-score-gradient);box-shadow:inset 0 0 0 1px #ffffffb8}.etix-marker-inner{width:calc(var(--etix-size) * .68);height:calc(var(--etix-size) * .68);border-radius:999px;background:var(--etix-inner-color);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #1f26501c}.etix-marker-icons{display:grid;grid-template-columns:repeat(var(--etix-icon-columns, 2),minmax(0,1fr));grid-auto-rows:1fr;place-items:center;gap:var(--etix-icon-gap, 1px);padding:3px;width:100%;height:100%;position:relative;box-sizing:border-box;overflow:hidden}.etix-marker-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.etix-marker-icon ion-icon,.etix-marker-icon .material-icons,.etix-marker-icon .material-symbols-outlined,.etix-marker-icon .mdi{display:block;line-height:1}.etix-icon-missing{display:inline-flex;align-items:center;justify-content:center;font-family:Rammetto One,sans-serif;font-weight:900;line-height:1}.etix-marker-icons--1 .etix-marker-icon{transform:translateY(0)}.etix-marker-icons--2 .etix-marker-icon{transform:scale(.95)}.etix-marker-icons--4{grid-template-areas:"tl tr" "bl br"}.etix-marker-icons--4 .etix-marker-icon:nth-child(1){grid-area:tl}.etix-marker-icons--4 .etix-marker-icon:nth-child(2){grid-area:tr}.etix-marker-icons--4 .etix-marker-icon:nth-child(3){grid-area:br}.etix-marker-icons--4 .etix-marker-icon:nth-child(4){grid-area:bl}.etix-marker-pointer{z-index:1;width:var(--etix-pointer-width);height:var(--etix-pointer-height);position:absolute;bottom:0;left:50%;transform:translate(calc(-50% + var(--etix-pointer-offset-x, 0px)))}.etix-marker-root.is-selected .etix-marker-core{box-shadow:0 0 0 3px #1f4dff42,0 0 0 1px #23294d33}.etix-marker-root.is-selected:after{content:"";position:absolute;inset:2px auto auto 2px;width:calc(var(--etix-size) - 4px);height:calc(var(--etix-size) - 4px);border-radius:999px;border:2px solid rgba(31,77,255,.42);animation:etixMarkerPulse 1.2s ease-out infinite;pointer-events:none}.eco-coffee-marker{margin-right:8px;animation:sky-marker-float 2.8s ease-in-out infinite}.eco-coffee-marker .etix-marker-pointer{width:var(--etix-pointer-width);height:var(--etix-pointer-height);left:auto;right:-20px;top:calc(var(--etix-size) / 2);bottom:auto;transform:translateY(-50%) rotate(-90deg);transform-origin:center}.urban-depth{position:absolute;left:-3%;right:-3%;background-repeat:repeat-x}.urban-depth-far{z-index:2;bottom:calc(var(--floor-h) + 108px);height:clamp(72px,12vw,122px);transform:translate(var(--walk-shift-far));opacity:.52;overflow:hidden;isolation:isolate;clip-path:polygon(0 100%,0 52%,10% 60%,19% 44%,31% 58%,44% 40%,55% 62%,66% 47%,77% 60%,88% 42%,100% 56%,100% 100%);background:linear-gradient(180deg,#a8c6a861 0 18%,#a8c6a800 18% 100%),repeating-linear-gradient(90deg,#7fa189e6 0 54px,#60806ee6 54px 118px)}.urban-depth-far:before{content:none}.urban-depth-far:after{content:none}.urban-depth-mid{position:absolute;z-index:3;bottom:calc(var(--floor-h) + 70px);height:clamp(62px,10vw,98px);transform:translate(var(--walk-shift-mid));opacity:.74;border-radius:18px 18px 4px 4px;background:radial-gradient(140px 58px at 12% 100%,#8db27beb,#749c63db 70%,#749c6300 71%),radial-gradient(180px 66px at 42% 100%,#85a972eb,#6d935dd6 70%,#6d935d00 71%),radial-gradient(160px 62px at 72% 100%,#92b77ee6,#759c63d1 70%,#759c6300 71%),radial-gradient(150px 60px at 94% 100%,#88ad75e6,#6d925dd1 70%,#6d925d00 71%),linear-gradient(180deg,#afcc97b8 0 28%,#7a9e68d6 28% 100%)}.urban-depth-mid:before{content:none}.urban-depth-mid:after{content:none}.village-back-tree{position:absolute;z-index:4;bottom:calc(var(--floor-h) + 80px);width:clamp(18px,2.8vw,30px);height:clamp(52px,8.6vw,82px);transform:translate(var(--walk-shift-far));transform-origin:50% 100%;opacity:.7;animation:foliage-sway 7.4s ease-in-out infinite;will-change:transform}.village-back-tree:before{content:"";position:absolute;bottom:0;left:44%;width:12%;height:42%;border-radius:6px;background:linear-gradient(180deg,#855638,#5e3d28)}.village-back-tree:after{content:"";position:absolute;top:4%;left:50%;width:100%;height:64%;transform:translate(-50%);border-radius:56% 44% 52% 50%;background:radial-gradient(circle at 32% 36%,rgba(222,255,196,.42) 0 16%,transparent 17%),linear-gradient(180deg,#7aae6cf5,#55854ef5)}.village-back-tree-a{left:6%}.village-back-tree-b{left:20%;animation-delay:.6s}.village-back-tree-c{left:40%;animation-delay:1.1s}.village-back-tree-d{left:61%;animation-delay:.9s}.village-back-tree-e{left:82%;animation-delay:1.4s}.village-house-bg{position:absolute;z-index:5;bottom:calc(var(--floor-h) + 56px);width:clamp(38px,5.8vw,62px);height:clamp(36px,5.6vw,56px);transform:translate(var(--walk-shift-mid));opacity:1;border-radius:7px 7px 4px 4px;border:2px solid rgba(110,73,46,.62);overflow:visible;background:linear-gradient(180deg,#cd5541eb 0 18%,#aa4234eb 18% 28%,#aa423400 28% 100%),linear-gradient(90deg,rgba(247,235,210,.36) 0 14%,transparent 14% 100%),linear-gradient(180deg,#e9cca5fa,#ba9670fa);box-shadow:0 5px 10px #46301e3d;transition:opacity .32s ease,transform .36s cubic-bezier(.2,.9,.2,1)}.scene-bedroom:not(.is-village-entered) .village-house-bg{opacity:0;transform:translate(var(--walk-shift-mid)) translateY(8px) scale(.92)}.scene-bedroom.is-village-entered .village-house-bg{opacity:1;transform:translate(var(--walk-shift-mid)) translateY(0) scale(1)}.village-house-bg:before{content:"";position:absolute;left:-7%;right:-7%;top:-24%;height:24%;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#9e5e3afa,#724126fa);box-shadow:0 1px #fff1d947 inset}.village-house-bg:after{content:"";position:absolute;left:14%;right:14%;bottom:14%;height:34%;border-radius:4px;background:linear-gradient(180deg,#e7f6ffe0,#b4dcf4b8)}.village-shop-icon-host{position:absolute;left:50%;top:-18%;transform:translate(-50%);width:clamp(16px,2.3vw,22px);height:clamp(16px,2.3vw,22px);display:flex;align-items:center;justify-content:center;z-index:3}.village-shop-icon-marker{height:var(--etix-size);filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}.village-shop-icon-marker .etix-marker-pointer{display:none}.village-shop-icon-marker:hover,.village-shop-icon-marker.is-selected{transform:none}.village-house-a{left:12%;transition-delay:20ms}.village-house-b{left:30%;transition-delay:.1s}.village-house-c{left:52%;transition-delay:.17s}.village-house-d{left:72%;transition-delay:.24s}.street-sidewalk{position:absolute;z-index:6;left:-3%;right:-3%;bottom:calc(var(--floor-h) + 24px);transform:translate(var(--walk-shift-mid));height:clamp(14px,2.5vw,20px);border-top:1px solid rgba(248,239,210,.42);border-bottom:1px solid rgba(120,89,58,.32);background:repeating-linear-gradient(90deg,#b48d63e0 0 8px,#a47c56e0 8px 12px,#7f5e3d00 12px 24px)}.street-base{position:absolute;z-index:7;left:-3%;right:-3%;bottom:calc(var(--floor-h) + 1px);transform:translate(var(--walk-shift-near));height:clamp(24px,4vw,36px);border-top:2px solid rgba(185,210,145,.56);background:radial-gradient(circle at 12% 34%,rgba(198,231,165,.56) 0 10%,transparent 11%),radial-gradient(circle at 36% 60%,rgba(198,231,165,.46) 0 8%,transparent 9%),radial-gradient(circle at 68% 46%,rgba(198,231,165,.5) 0 9%,transparent 10%),radial-gradient(circle at 88% 62%,rgba(198,231,165,.44) 0 7%,transparent 8%),linear-gradient(180deg,#6d9a54f2,#4d783af5)}.street-line{position:absolute;z-index:8;left:8%;right:36%;bottom:calc(var(--floor-h) + 12px);transform:translate(var(--walk-shift-near));height:clamp(8px,1.4vw,12px);border-radius:999px;opacity:.74;background:repeating-linear-gradient(90deg,#d6b891db 0 18px,#c6a67edb 18px 28px,#926e4929 28px 40px)}.street-lamp2{position:absolute;z-index:9;bottom:calc(var(--floor-h) + 21px);transform:translate(var(--walk-shift-mid));width:clamp(58px,8.8vw,84px);height:clamp(42px,6.8vw,64px);border-radius:8px 8px 6px 6px;border:2px solid rgba(105,73,50,.64);background:linear-gradient(90deg,rgba(246,236,210,.36) 0 14%,transparent 14% 100%),linear-gradient(180deg,#e2c6a2f5,#bc9874fa);box-shadow:0 6px 12px #4d34213d}.street-lamp2:before{content:"";position:absolute;left:-6%;right:-6%;top:-44%;height:48%;clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:8px;background:linear-gradient(180deg,#b25f47fa,#834231fa)}.street-lamp2:after{content:"";position:absolute;left:14%;right:14%;bottom:10%;height:40%;border-radius:6px;background:linear-gradient(90deg,rgba(101,64,42,.84) 0 26%,transparent 26% 74%,rgba(101,64,42,.84) 74% 100%),linear-gradient(180deg,#ffe7a3c7,#ffcd6e99)}.street-lamp2-left{left:44%}.street-lamp2-right{left:69%;width:clamp(52px,7.9vw,74px);height:clamp(38px,6.1vw,56px);opacity:.92}.street-tree{position:absolute;z-index:10;bottom:calc(var(--floor-h) + 19px);width:clamp(30px,4.8vw,50px);height:clamp(66px,10.6vw,98px);transform-origin:50% 100%;animation:foliage-sway 5.8s ease-in-out infinite;will-change:transform}.street-tree:before{content:"";position:absolute;bottom:0;left:43%;width:16%;height:44%;border-radius:8px;background:linear-gradient(180deg,#8a5938,#5f3d28)}.street-tree:after{content:"";position:absolute;top:2%;left:50%;width:100%;height:64%;transform:translate(-50%);border-radius:56% 44% 52% 50%;background:radial-gradient(circle at 32% 36%,rgba(220,255,190,.4) 0 16%,transparent 17%),linear-gradient(180deg,#65b973,#3d8e51)}.street-tree-left{left:calc(8% + var(--walk-shift-near))}.street-tree-right{left:calc(28% + var(--walk-shift-near));animation-delay:.8s}.village-animal{position:absolute;z-index:11;bottom:calc(var(--floor-h) + 28px);width:clamp(28px,4.5vw,46px);height:clamp(16px,2.8vw,26px);border-radius:999px;box-shadow:0 2px 4px #1c18123d;animation:animal-breathe 3.2s ease-in-out infinite}.village-animal:before{content:"";position:absolute;right:-16%;top:18%;width:28%;height:48%;border-radius:60% 55% 55% 60%;background:inherit}.village-animal:after{content:"";position:absolute;left:14%;right:12%;bottom:-16%;height:16%;background:linear-gradient(90deg,rgba(65,53,39,.74) 0 10%,transparent 10% 40%,rgba(65,53,39,.74) 40% 50%,transparent 50% 80%,rgba(65,53,39,.74) 80% 90%,transparent 90% 100%)}.village-animal-cow{left:calc(15% + var(--walk-shift-near));background:radial-gradient(circle at 35% 48%,rgba(255,246,231,.96) 0 14%,transparent 15%),radial-gradient(circle at 60% 42%,rgba(115,88,62,.88) 0 16%,transparent 17%),linear-gradient(180deg,#efdfc8fa,#d6c1a6fa)}.village-animal-sheep{left:calc(33% + var(--walk-shift-near));width:clamp(30px,4.8vw,50px);background:radial-gradient(circle at 28% 42%,rgba(255,255,255,.98) 0 24%,transparent 25%),radial-gradient(circle at 48% 40%,rgba(255,255,255,.98) 0 24%,transparent 25%),radial-gradient(circle at 66% 44%,rgba(255,255,255,.98) 0 20%,transparent 21%),linear-gradient(180deg,#f8f6f1fa,#ddd6ccfa)}.village-animal-sheep:before{background:linear-gradient(180deg,#5a5040f2,#453b2df2)}.village-animal-cat{left:calc(76% + var(--walk-shift-near));width:clamp(20px,3.2vw,30px);height:clamp(14px,2.3vw,22px);bottom:calc(var(--floor-h) + 27px);background:linear-gradient(180deg,#bf8452fa,#915c36fa)}.village-animal-cat:before{right:-12%;top:12%;width:34%;height:56%;border-radius:55% 55% 52% 52%;background:linear-gradient(180deg,#bc814efa,#8f5a35fa)}.village-animal-cat:after{left:-14%;right:auto;bottom:58%;width:18px;height:3px;border-radius:999px;transform:rotate(-30deg);background:#97613af5}.arcade-platform{position:absolute;z-index:8;bottom:calc(var(--floor-h) + 12px);width:clamp(44px,7vw,68px);height:clamp(18px,2.8vw,24px);border:2px solid #8f6435;border-radius:14px;background:repeating-linear-gradient(90deg,rgba(235,206,145,.62) 0 3px,transparent 3px 6px),linear-gradient(180deg,#c99753,#aa763d);box-shadow:inset 0 -2px 3px #734e2557,0 4px 8px #3f281333}.arcade-platform-left{left:calc(54% + var(--walk-shift-mid))}.arcade-platform-right{left:calc(64% + var(--walk-shift-mid))}.arcade-coin{position:absolute;z-index:9;bottom:calc(var(--floor-h) + 34px);width:14px;height:14px;border-radius:50%;border:2px solid #dba33c;background:radial-gradient(circle at 50% 50%,rgba(255,228,114,.95) 0 24%,rgba(218,144,39,.95) 25% 52%,transparent 53%),linear-gradient(180deg,#ffe08e,#f1b32f);box-shadow:0 3px 5px #88591f42,inset 0 -2px 3px #a166174d;animation:game-coin-bob 1.6s ease-in-out infinite}.arcade-coin-a{left:calc(22% + var(--walk-shift-near))}.arcade-coin-b{left:calc(80% + var(--walk-shift-near));bottom:calc(var(--floor-h) + 40px);animation-delay:.24s}.arcade-pipe{position:absolute;z-index:9;right:6%;bottom:calc(var(--floor-h) + 18px);transform:translate(var(--walk-shift-mid));width:clamp(40px,6.5vw,60px);height:clamp(72px,11vw,106px);border:2px solid rgba(108,81,54,.7);border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,rgba(247,241,221,.36) 0 24%,transparent 24% 100%),linear-gradient(180deg,#cbb18bf5,#ae8d67fa);box-shadow:0 6px 12px #4b351f47,inset -2px 0 5px #75583b42}.arcade-pipe:before{content:"";position:absolute;left:50%;top:-24%;width:126%;height:32%;transform:translate(-50%);clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,#b25e47fa,#844131fa)}.arcade-pipe:after{content:"";position:absolute;left:50%;top:26%;width:clamp(36px,5.6vw,56px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(90deg,transparent 46%,rgba(223,201,165,.95) 46% 54%,transparent 54%),linear-gradient(0deg,transparent 46%,rgba(223,201,165,.95) 46% 54%,transparent 54%);filter:drop-shadow(0 1px 2px rgba(66,47,31,.34));animation:windmill-spin 7s linear infinite}.game-hill{position:absolute;bottom:var(--floor-h);border-radius:30px 30px 10px 10px;border:3px solid rgba(24,88,52,.66);background:radial-gradient(circle at 30% 28%,rgba(198,255,187,.52) 0 14%,transparent 15%),radial-gradient(circle at 64% 48%,rgba(198,255,187,.42) 0 10%,transparent 11%),repeating-linear-gradient(135deg,#35814a29 0 7px,#35814a00 7px 14px),linear-gradient(180deg,#6cd76f,#3e9f53 62%,#2f8344);box-shadow:0 8px 16px #1342293d,inset 0 -6px 10px #1a583347}.game-hill-a{left:8%;width:clamp(110px,17vw,166px);height:clamp(64px,11vw,98px)}.game-hill-b{left:33%;width:clamp(82px,13vw,126px);height:clamp(48px,8vw,72px)}.game-platform-row{position:absolute;top:34%;left:56%;display:flex;gap:6px;filter:drop-shadow(0 3px 4px rgba(36,25,12,.24))}.game-block{width:26px;height:26px;border:3px solid #684024;background:radial-gradient(circle at 24% 24%,rgba(255,232,196,.45) 0 12%,transparent 13%),linear-gradient(90deg,rgba(247,206,157,.36) 0 2px,transparent 2px 100%),linear-gradient(0deg,rgba(247,206,157,.36) 0 2px,transparent 2px 100%),linear-gradient(180deg,#c98447,#9f5f31);box-shadow:inset 0 -3px 5px #623a1e61,0 2px #f4cc9a42}.game-block-question{background:radial-gradient(circle at 50% 52%,#fff6be 0 2px,transparent 3px),linear-gradient(90deg,rgba(255,246,191,.4) 0 2px,transparent 2px 100%),linear-gradient(0deg,rgba(255,246,191,.4) 0 2px,transparent 2px 100%),linear-gradient(180deg,#f1c754,#d29424);animation:block-bump 1.45s steps(2,end) infinite}.game-coin{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid #8d5610;background:radial-gradient(circle at 34% 30%,rgba(255,248,196,.95) 0 20%,transparent 21%),radial-gradient(circle at 66% 72%,rgba(184,114,17,.24) 0 28%,transparent 29%),linear-gradient(180deg,#ffe079,#f2b620 62%,#d8921d);box-shadow:0 3px 5px #754a1342,inset 0 -2px 3px #965c1052;animation:game-coin-bob 1.1s ease-in-out infinite}.game-coin-a{top:24%;left:64%}.game-coin-b{top:20%;left:70%;animation-delay:.18s}.game-coin-c{top:24%;left:76%;animation-delay:.32s}.game-pipe{position:absolute;right:8%;bottom:var(--floor-h);width:clamp(58px,9vw,90px);height:clamp(72px,11vw,108px);border:3px solid #1c5c2a;border-radius:6px 6px 0 0;background:linear-gradient(90deg,rgba(171,242,187,.3) 0 14%,transparent 14% 100%),linear-gradient(90deg,#58c272,#2f8f4f 62%,#2b7f46);box-shadow:0 6px 10px #13482952,inset -3px 0 5px #195e3247}.game-pipe:before{content:"";position:absolute;left:-8%;right:-8%;top:-18%;height:18%;border:3px solid #1c5c2a;border-radius:8px;background:linear-gradient(90deg,#63cb78,#3aa35a 65%,#2d8a4a)}.game-ground{position:absolute;left:-3%;right:-3%;bottom:calc(var(--floor-h) + 1px);height:clamp(30px,4.8vw,46px);border-top:2px solid rgba(41,112,62,.55);background:repeating-linear-gradient(90deg,#50a25a42 0 18px,#3482474d 18px 36px),linear-gradient(180deg,#5fb86a94,#3a824d8f);box-shadow:inset 0 4px 8px #c2ffd02e}.city-skyline{position:absolute;left:-2%;right:-2%;bottom:calc(var(--floor-h) + 88px);height:clamp(56px,11vw,94px);opacity:.7;background:linear-gradient(to top,#14443473,#14443400),repeating-linear-gradient(90deg,#21503c99 0 36px,#21503c33 36px 46px,#1c463499 46px 74px,#1c46343d 74px 86px)}.pavement{position:absolute;left:-2%;right:-2%;bottom:calc(var(--floor-h) - 1px);height:clamp(30px,4.8vw,46px);opacity:.92;background:repeating-linear-gradient(90deg,#d0ccc1eb 0 26px,#c2bdb2eb 26px 52px),linear-gradient(180deg,#bcb8abf2,#9f9a8bf2)}.tree{position:absolute;bottom:calc(var(--floor-h) + 2px);width:clamp(34px,5.6vw,60px);height:clamp(74px,13vw,120px);transform-origin:50% 100%;animation:foliage-sway 5.8s ease-in-out infinite;will-change:transform}.tree:before{content:"";position:absolute;bottom:0;left:44%;width:14%;height:45%;border-radius:8px;background:linear-gradient(180deg,#865336,#5c3823)}.tree:after{content:"";position:absolute;top:4%;left:50%;width:100%;height:66%;transform:translate(-50%);border-radius:54% 46% 50% 50%;background:radial-gradient(circle at 34% 38%,rgba(190,255,181,.34) 0 17%,transparent 18%),radial-gradient(circle at 68% 54%,rgba(190,255,181,.28) 0 13%,transparent 14%),linear-gradient(180deg,#4ea75d,#2f7f46);box-shadow:-14px 12px 0 -2px #3d9153,15px 10px 0 -2px #3d9153}.tree-a{left:8%}.tree-b{left:28%;animation-delay:.8s}.tree-c{left:4%;height:clamp(78px,13vw,126px)}.tree-d{right:3%;animation-delay:1.1s}.bush{position:absolute;bottom:calc(var(--floor-h) + 4px);border-radius:20px;background:radial-gradient(circle at 38% 42%,rgba(191,255,182,.45) 0 18%,transparent 19%),linear-gradient(180deg,#4da05e,#2f7f46)}.bush-a{left:48%;width:clamp(64px,9.5vw,112px);height:clamp(24px,4vw,40px)}.bush-b{right:39%;width:clamp(56px,8.8vw,96px);height:clamp(20px,3.6vw,34px)}.path-strip{position:absolute;left:-6%;right:34%;bottom:calc(var(--floor-h) + 1px);height:clamp(26px,4.2vw,40px);border-radius:0 22px 0 0;background:repeating-linear-gradient(90deg,#f3ebd6eb 0 18px,#e9ddc5eb 18px 36px),linear-gradient(180deg,#ccb998e6,#b29b7ae6)}.street-lamp{position:absolute;bottom:calc(var(--floor-h) + 2px);width:8px;height:clamp(72px,12vw,114px);border-radius:6px;background:linear-gradient(180deg,#46585f,#2f4047)}.street-lamp:before{content:"";position:absolute;top:-12px;left:50%;width:24px;height:13px;transform:translate(-50%);border-radius:10px;background:linear-gradient(180deg,#60747e,#41545d)}.street-lamp:after{content:"";position:absolute;top:-2px;left:50%;width:60px;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#ffebaf52,#ffebaf00 72%);animation:lamp-glow 2.8s ease-in-out infinite}.lamp-a{left:18%}.lamp-b{left:70%;height:clamp(62px,10vw,96px);opacity:.92}.bench{position:absolute;left:30%;bottom:calc(var(--floor-h) + 6px);width:clamp(82px,13vw,134px);height:clamp(30px,5vw,46px);border-radius:9px 9px 5px 5px;background:repeating-linear-gradient(0deg,#9d6a41 0 4px,#875632 4px 8px),linear-gradient(180deg,#aa7347,#7f4f2f)}.bench:before{content:"";position:absolute;left:10%;right:10%;top:-38%;height:36%;border-radius:8px 8px 3px 3px;background:repeating-linear-gradient(0deg,#a8764b 0 4px,#895832 4px 8px),linear-gradient(180deg,#af7a4c,#83502e)}.bench:after{content:"";position:absolute;left:12%;right:12%;bottom:-24%;height:24%;background:linear-gradient(90deg,transparent 0 18%,#5b3b25 18% 24%,transparent 24% 76%,#5b3b25 76% 82%,transparent 82% 100%)}.planter{position:absolute;bottom:calc(var(--floor-h) + 4px);width:clamp(28px,5vw,44px);height:clamp(24px,4vw,36px);border-radius:6px 6px 4px 4px;background:linear-gradient(180deg,#9a6a43,#70472b)}.planter:before{content:"";position:absolute;left:8%;right:8%;top:-40%;height:54%;border-radius:50% 50% 36% 36%;background:radial-gradient(circle at 40% 30%,rgba(188,255,180,.45) 0 16%,transparent 17%),linear-gradient(180deg,#56ad63,#2f7f46)}.planter-a{left:58%}.planter-b{left:80%}.floor-line{position:absolute;left:0;right:0;bottom:0;z-index:2;height:var(--floor-h);border-top:2px solid rgba(25,77,42,.35);background:#21633638}.coffee-action-popups{position:absolute;z-index:15;pointer-events:none}.coffee-money-popup{position:absolute;top:0;left:0;width:122px;aspect-ratio:1 / 1;border-radius:50%;border:2px solid rgba(214,224,240,.9);background:radial-gradient(circle at 30% 24%,#fff,#f4f7ff 58%,#e8edf8);color:#14314f;box-shadow:0 0 0 1px #ffffffeb,0 12px 28px #142e524d,0 0 20px #bfd6ff85,inset 0 2px #fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transform:translateY(14px) scale(.58);transform-origin:center bottom;transition:opacity .21s ease,transform .3s cubic-bezier(.16,1.02,.2,1)}.coffee-money-popup.is-show{opacity:1;transform:translateY(0) scale(.66);animation:coffee-money-popup-pop .54s cubic-bezier(.16,1.04,.2,1) 1}.coffee-money-popup-icon{font-size:clamp(1.42rem,2.45vw,2rem);line-height:1;color:#d05a63}.coffee-coffee-popup .coffee-money-popup-icon{color:#388e62}.coffee-levelup-popup .coffee-money-popup-icon{color:#5074d7}.coffee-money-popup-label{font-size:clamp(.9rem,1.48vw,1.2rem);font-weight:800;line-height:1;color:#1a3657;white-space:nowrap}.coffee-levelup-popup .coffee-money-popup-label{font-size:clamp(.78rem,1.24vw,1rem)}.coffee-reward-panels{position:absolute;z-index:12;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));right:auto;top:auto;width:min(clamp(170px,24vw,238px),calc(100% - 24px));max-width:calc(100% - 24px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;max-height:min(75%,calc(100% - 16px));overflow:hidden;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .24s ease;container-type:inline-size;container-name:reward-panels}.coffee-reward-panels.is-visible{opacity:1;transform:translateY(0)}.coffee-reward-panels .reward-popup{transform-origin:left bottom;width:100%;max-width:100%;box-sizing:border-box}.reward-popup{--popup-show-scale: 1;--popup-hidden-scale: .94;--popup-docked-scale: .82;--popup-hidden-y: 12px;--popup-show-y: 0px;--popup-docked-y: 0px;opacity:0;transform:translateY(var(--popup-hidden-y)) scale(var(--popup-hidden-scale));transition:opacity .28s ease,transform .32s cubic-bezier(.16,1.1,.2,1)}.reward-popup.is-show{opacity:1;transform:translateY(var(--popup-show-y)) scale(var(--popup-show-scale))}.reward-popup.is-docked{transform:translateY(var(--popup-docked-y)) scale(var(--popup-docked-scale))}.reward-popup.is-absorbing{pointer-events:none;will-change:transform,opacity,filter}.reward-popup-vegan.is-mini,.reward-popup-levelup.is-mini{--popup-show-scale: 1;--popup-hidden-scale: 1;--popup-docked-scale: 1;filter:saturate(.94)}.reward-popup-vegan.is-action-focus,.reward-popup-levelup.is-action-focus{--popup-show-scale: 1;--popup-hidden-scale: 1;--popup-docked-scale: 1;filter:saturate(1.08)}.reward-popup-vegan.is-levelup-source{box-shadow:0 0 0 2px #7084ff6b,0 10px 22px #2d417a3d,0 0 28px #8199ff8f}.reward-popup-vegan,.reward-popup-levelup{border-radius:14px;border:2px solid rgba(214,224,240,.9);background:radial-gradient(circle at 24% 14%,#fffffff5,#fff0 42%),radial-gradient(circle at 30% 24%,#fff,#f4f7ff 58%,#e8edf8);color:#14314f;box-shadow:0 0 0 1px #ffffffeb,0 12px 28px #142e524d,0 0 22px #bfd6ff8c,inset 0 2px #fffc}.reward-popup-vegan{order:1;flex:0 0 auto}.reward-popup-levelup{order:2;flex:1 1 auto;min-height:0}.reward-popup-vegan{padding:10px 12px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:clamp(8px,3.4cqi,12px);grid-template-columns:clamp(30px,18cqi,40px) 1fr;gap:clamp(6px,3cqi,10px);transition:box-shadow .32s ease,border-color .32s ease,filter .32s ease}.reward-popup-vegan.is-action-focus{border-color:#e2e9f7f0;box-shadow:0 0 0 1px #fffffff5,0 0 24px #b2cbff80,0 12px 30px #142e5257,inset 0 2px #ffffffdb}.reward-popup-levelup{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:10px 12px;padding:clamp(8px,3.4cqi,12px);transition:background .34s ease,border-color .34s ease,box-shadow .34s ease,color .34s ease,filter .32s ease}.reward-benefit-unlocked-bubble{position:absolute;left:calc(100% + 10px);top:50%;width:clamp(118px,17vw,158px);border-radius:14px;border:2px solid rgba(214,224,240,.92);background:radial-gradient(circle at 26% 16%,#fffffff5,#fff0 42%),radial-gradient(circle at 30% 24%,#fff,#f4f7ff 58%,#e8edf8);color:#15385c;font-size:clamp(.62rem,2.7cqi,.72rem);line-height:1.35;text-align:center;padding:8px 10px;box-shadow:0 0 0 1px #ffffffeb,0 10px 24px #142e5242,0 0 16px #bfd6ff70,inset 0 2px #fffc;pointer-events:none;opacity:0;transform:translateY(-50%) scale(.86);transform-origin:left center;transition:opacity .22s ease,transform .3s cubic-bezier(.16,1.02,.2,1)}.reward-benefit-unlocked-bubble:before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;border-left:2px solid rgba(214,224,240,.92);border-bottom:2px solid rgba(214,224,240,.92);background:#f7faff;transform:translateY(-50%) rotate(45deg)}.reward-benefit-unlocked-bubble.is-show{opacity:1;transform:translateY(-50%) scale(1)}.reward-popup-levelup.is-action-focus{border-color:#e2e9f7f0;box-shadow:0 0 0 1px #fffffff5,0 0 24px #b2cbff80,0 12px 30px #142e5257,inset 0 2px #ffffffdb}.reward-popup-levelup.is-levelup-achieved{border-color:#bccef4f2;background:radial-gradient(120% 120% at 18% 8%,#dbecff9e,#dbecff00 55%),radial-gradient(circle at 30% 24%,#fff,#f4f7ff 58%,#e8edf8);box-shadow:0 0 0 1px #d2e0fcbd,0 0 24px #9bbaff8a,0 12px 30px #142e5257,inset 0 2px #ffffffd6;animation:benefits-levelup-burst .9s cubic-bezier(.18,.84,.2,1) 1,benefits-levelup-glow 1.8s ease-in-out .9s infinite}.coffee-reward-panels.is-frozen .reward-popup{--popup-show-scale: 1;--popup-hidden-scale: 1;--popup-docked-scale: 1;transition:none;filter:none}.coffee-reward-panels.is-frozen .reward-popup-levelup.is-levelup-achieved,.coffee-reward-panels.is-frozen .reward-benefit-card-target.is-levelup,.coffee-reward-panels.is-frozen .reward-benefit-card-target.is-levelup:before,.coffee-reward-panels.is-frozen .reward-benefit-card-target.is-levelup:after,.coffee-reward-panels.is-frozen .reward-benefit-card-target.is-levelup .reward-benefit-star{animation:none}@keyframes benefits-levelup-burst{0%{box-shadow:0 0 0 1px #d2e0fc85,0 0 12px #9bbaff42,0 8px 18px #142e5233,inset 0 2px #ffffff6b}45%{box-shadow:0 0 0 2px #d9e7ffdb,0 0 40px #a8c4ffc2,0 16px 34px #142e5270,inset 0 2px #ffffff9e}to{box-shadow:0 0 0 1px #d2e0fcbd,0 0 20px #9bbaff80,0 12px 26px #142e5257,inset 0 2px #ffffff75}}@keyframes benefits-levelup-glow{0%{box-shadow:0 0 0 1px #d2e0fcbd,0 0 20px #9bbaff80,0 12px 26px #142e5257,inset 0 2px #ffffff75}50%{box-shadow:0 0 0 1px #d9e7ffdb,0 0 34px #a8c4ffbd,0 14px 30px #142e526b,inset 0 2px #ffffff94}to{box-shadow:0 0 0 1px #d2e0fcbd,0 0 20px #9bbaff80,0 12px 26px #142e5257,inset 0 2px #ffffff75}}@keyframes coffee-money-popup-pop{0%{transform:translateY(0) scale(.38);filter:saturate(1.1)}56%{transform:translateY(0) scale(.76);filter:saturate(1.18)}to{transform:translateY(0) scale(.66);filter:saturate(1)}}.reward-levelup-title{font-size:clamp(.66rem,1.04vw,.82rem);font-size:clamp(.72rem,3.4cqi,.9rem);line-height:1.1;text-align:center}.reward-levelup-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;gap:clamp(5px,2.5cqi,8px);flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.reward-benefit-card{position:relative;border-radius:10px;border:1px solid rgba(132,144,212,.58);background:#fffffff5;padding:7px 6px 6px;min-height:86px;padding:clamp(5px,2.3cqi,7px) clamp(5px,2cqi,6px) clamp(5px,2cqi,6px);min-height:clamp(70px,40cqi,90px);color:#111739;box-shadow:inset 0 1px #ffffffc7}.reward-benefit-card-green{background:linear-gradient(145deg,#63b775fa,#499a61fa);border-color:#ffffff9e;color:#fff}.reward-benefit-star{position:absolute;top:-7px;left:-2px;font-size:.75rem;font-size:clamp(.62rem,4cqi,.75rem);color:#5658d8;text-shadow:0 1px 2px rgba(24,32,85,.35)}.reward-benefit-avatar{width:clamp(18px,11cqi,22px);height:clamp(18px,11cqi,22px);border-radius:50%;display:grid;place-items:center;font-size:clamp(.64rem,3.1cqi,.72rem);background:#e9eefffa;border:1px solid rgba(177,187,236,.8)}.reward-benefit-name{margin-top:4px;font-size:clamp(.62rem,2.8cqi,.72rem);line-height:1.15}.reward-benefit-percent{margin-top:3px;font-size:clamp(.58rem,2.4cqi,.68rem);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reward-benefit-badges{margin-top:6px;display:flex;gap:4px}.reward-benefit-badge{border-radius:999px;border:1px solid rgba(165,176,232,.72);background:#f3f7fff2;font-size:clamp(.56rem,2.3cqi,.66rem);line-height:1;padding:clamp(2px,1.4cqi,3px) clamp(4px,2cqi,5px);color:#1f2753}.reward-benefit-card-green .reward-benefit-badge{border-color:#ffffff8a;background:#ffffff38;color:#fff}.reward-benefit-card-target{border-style:dashed;border-color:#6470b999;overflow:hidden}.reward-benefit-card-target{transition:background-color .26s ease,border-color .26s ease,color .26s ease,transform .26s ease,box-shadow .26s ease}.reward-benefit-card-target.is-levelup{background:linear-gradient(135deg,#5ac370fa,#389652fa);border-color:#ffffffc2;color:#fff;box-shadow:0 0 0 2px #85f1a86b,0 8px 16px #175c3257;transform:scale(1.03);animation:benefit-card-levelup-burst .98s cubic-bezier(.2,.88,.2,1) 1}.reward-benefit-card-target:before,.reward-benefit-card-target:after{content:"";position:absolute;pointer-events:none;opacity:0}.reward-benefit-card-target:before{left:-42%;top:-16%;width:54%;height:148%;transform:rotate(18deg);background:linear-gradient(90deg,#fff0,#ffffff2e 30%,#ffffffb3,#fff3 74%,#fff0);mix-blend-mode:screen}.reward-benefit-card-target:after{inset:-4px;border-radius:14px;border:2px solid rgba(214,255,228,.78);box-shadow:0 0 26px #95fabbb3}.reward-benefit-card-target.is-levelup:before{animation:benefit-card-shine-sweep .86s ease-out 1}.reward-benefit-card-target.is-levelup:after{animation:benefit-card-ring-pulse .86s ease-out 1}.reward-benefit-card-target.is-levelup .reward-benefit-star{animation:benefit-card-star-pop .92s cubic-bezier(.2,.88,.2,1) 1}.reward-benefit-card-target.is-levelup .reward-benefit-badge{border-color:#ffffff8a;background:#ffffff38;color:#fff}@keyframes benefit-card-levelup-burst{0%{transform:scale(1);box-shadow:0 0 0 1px #85f1a833,0 4px 10px #175c3238}40%{transform:scale(1.09);box-shadow:0 0 0 3px #b0ffcd94,0 0 34px #85f1a8c7,0 14px 28px #175c3270}to{transform:scale(1.03);box-shadow:0 0 0 2px #85f1a86b,0 8px 16px #175c3257}}@keyframes benefit-card-shine-sweep{0%{opacity:0;transform:translate(0) rotate(18deg)}22%{opacity:1}to{opacity:0;transform:translate(210%) rotate(18deg)}}@keyframes benefit-card-ring-pulse{0%{opacity:0;transform:scale(.74)}30%{opacity:.9;transform:scale(1.02)}to{opacity:0;transform:scale(1.24)}}@keyframes benefit-card-star-pop{0%{transform:scale(1) rotate(0);text-shadow:0 1px 2px rgba(24,32,85,.35)}32%{transform:scale(1.45) rotate(24deg);text-shadow:0 0 10px rgba(206,255,222,.88),0 0 18px rgba(129,239,170,.66)}to{transform:scale(1) rotate(0);text-shadow:0 1px 2px rgba(24,32,85,.35)}}.reward-levelup-copy{margin-top:7px;font-size:clamp(.54rem,.86vw,.68rem);font-size:clamp(.66rem,2.8cqi,.76rem);color:#2b3362}.reward-vegan-icon{width:clamp(30px,18cqi,38px);height:clamp(30px,18cqi,38px);border-radius:50%;display:grid;place-items:center;font-size:clamp(.94rem,6.2cqi,1.2rem);background:linear-gradient(180deg,#f8fbff,#e6eefb);border:2px solid rgba(170,189,234,.8)}.reward-vegan-copy{min-width:0}.reward-vegan-title{font-size:clamp(.66rem,1.05vw,.84rem);font-size:clamp(.72rem,3.6cqi,.88rem);line-height:1.1;color:#12183b}.reward-vegan-subtitle{margin-top:2px;font-size:clamp(.52rem,.86vw,.66rem);font-size:clamp(.62rem,2.6cqi,.72rem);color:#2c3463}.reward-vegan-score{margin-top:6px;font-size:clamp(.5rem,.82vw,.62rem);font-size:clamp(.62rem,2.5cqi,.72rem);color:#262d58}.reward-vegan-track{margin-top:4px;height:11px;width:100%;height:clamp(9px,5cqi,11px);border-radius:999px;background:#ffffffdb;overflow:hidden}.reward-vegan-fill{width:19%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f58e8,#6050d7);box-shadow:inset 0 -1px 2px #221e7652;transition:width .38s ease}.level-up-orb{position:absolute;z-index:16;width:20px;height:20px;border-radius:50%;pointer-events:none;left:0;top:0;opacity:0;background:radial-gradient(circle at 35% 30%,#fffffff5 0 18%,#fff0 36%),radial-gradient(circle,#c5d6fff5 0 44%,#738affd9 68%,#5463d1c7);box-shadow:0 0 0 2px #9cb2ff80,0 0 26px #98b2ffdb,0 0 52px #637cffa8}.level-up-orb:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#99b3ff94,#99b3ff00 72%)}.level-up-orb.is-return-orb{background:radial-gradient(circle at 35% 30%,#fffffffa 0 18%,#fff0 36%),radial-gradient(circle,#c9ffdcf5 0 44%,#6fde97e6 68%,#41ab67cc);box-shadow:0 0 0 2px #beffd98a,0 0 28px #a4ffcde0,0 0 56px #63da94ad}.level-up-orb.is-return-orb:after{background:radial-gradient(circle,#abffcea8,#abffce00 74%)}.level-up-orb.is-active:before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,#a5bfff3d,#a5bfff00 72%);animation:orb-aura-pulse .58s ease-in-out infinite}@container reward-panels (max-width: 205px){.reward-levelup-grid{grid-template-columns:1fr}}@keyframes orb-aura-pulse{0%{transform:scale(.9);opacity:.58}50%{transform:scale(1.06);opacity:1}to{transform:scale(.9);opacity:.58}}.knight-transform-fx{position:absolute;z-index:15;left:0;top:0;width:220px;height:220px;pointer-events:none;opacity:0;transform:translate(-50%,-58%) scale(.84)}.knight-transform-fx.is-active{opacity:1;animation:knight-fx-fade 1.72s ease-out forwards}.knight-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.knight-ring-a{width:116px;height:116px;border:2px solid rgba(232,242,255,.92);box-shadow:0 0 22px #bdd5ffbd,inset 0 0 16px #d7e8ff8a;animation:knight-ring-burst-a 1.48s cubic-bezier(.2,.8,.2,1) forwards}.knight-ring-b{width:84px;height:84px;border:1px solid rgba(211,224,255,.94);box-shadow:0 0 18px #aac2ffc7;animation:knight-ring-burst-b 1.58s cubic-bezier(.2,.8,.2,1) forwards}.knight-spark{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:2px;background:linear-gradient(180deg,#fffffffa,#d1e4ffeb);box-shadow:0 0 8px #e5f1fff0,0 0 16px #a8c3ffa3;clip-path:polygon(50% 0,68% 34%,100% 50%,68% 66%,50% 100%,32% 66%,0 50%,32% 34%)}.knight-spark-a{animation:knight-spark-burst-a 1.5s ease-out forwards}.knight-spark-b{animation:knight-spark-burst-b 1.46s ease-out forwards}.knight-spark-c{animation:knight-spark-burst-c 1.54s ease-out forwards}.knight-spark-d{animation:knight-spark-burst-d 1.45s ease-out forwards}.knight-spark-e{animation:knight-spark-burst-e 1.51s ease-out forwards}.knight-spark-f{animation:knight-spark-burst-f 1.49s ease-out forwards}@keyframes knight-fx-fade{0%{opacity:0;transform:translate(-50%,-58%) scale(.84)}18%{opacity:1;transform:translate(-50%,-58%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(1.18)}}@keyframes knight-ring-burst-a{0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(0)}24%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(92deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.56) rotate(192deg)}}@keyframes knight-ring-burst-b{0%{opacity:0;transform:translate(-50%,-50%) scale(.52) rotate(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(-82deg)}to{opacity:0;transform:translate(-50%,-50%) scale(2.02) rotate(-172deg)}}@keyframes knight-spark-burst-a{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}16%{opacity:1;transform:translate(-50%,-50%) translate(22px,-54px) scale(1.08) rotate(22deg)}to{opacity:0;transform:translate(-50%,-50%) translate(34px,-84px) scale(.56) rotate(52deg)}}@keyframes knight-spark-burst-b{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}16%{opacity:1;transform:translate(-50%,-50%) translate(-16px,-58px) scale(1) rotate(-18deg)}to{opacity:0;transform:translate(-50%,-50%) translate(-26px,-90px) scale(.54) rotate(-54deg)}}@keyframes knight-spark-burst-c{0%{opacity:0;transform:translate(-50%,-50%) scale(.42)}20%{opacity:1;transform:translate(-50%,-50%) translate(58px,-4px) scale(1.04) rotate(30deg)}to{opacity:0;transform:translate(-50%,-50%) translate(92px,-10px) scale(.58) rotate(60deg)}}@keyframes knight-spark-burst-d{0%{opacity:0;transform:translate(-50%,-50%) scale(.42)}20%{opacity:1;transform:translate(-50%,-50%) translate(-60px,2px) scale(1.02) rotate(-34deg)}to{opacity:0;transform:translate(-50%,-50%) translate(-92px,8px) scale(.56) rotate(-64deg)}}@keyframes knight-spark-burst-e{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1;transform:translate(-50%,-50%) translate(28px,44px) scale(1.08) rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%) translate(46px,70px) scale(.56) rotate(42deg)}}@keyframes knight-spark-burst-f{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1;transform:translate(-50%,-50%) translate(-30px,42px) scale(1.08) rotate(-20deg)}to{opacity:0;transform:translate(-50%,-50%) translate(-48px,72px) scale(.56) rotate(-46deg)}}.player{position:absolute;z-index:7;left:clamp(24px,4vw,40px);bottom:calc(var(--floor-h) + 2px);width:clamp(72px,8.5vw,104px);aspect-ratio:2 / 3;background-image:url(/assets/Charactervector-CYsyXuBw.svg);background-repeat:no-repeat;background-size:400% 400%;background-position:0% 0%;image-rendering:pixelated;clip-path:inset(18px 8px 8px 8px);will-change:left,background-position}.player.player-sleeping{background-position:0% 0%}.player.player-waking{background-position:33.333% 0%}.player.player-standing{background-position:100% 100%}.player.player-walking{animation:walk-seq .72s steps(1,end) infinite}.player.player-drinking{background-image:url(/assets/drinking%20coffee-Bn2U7vze.png);background-size:400% 400%;animation:drink-seq 1.96s steps(1,end) infinite}.player.player-row-one-preview{background-image:url(/assets/drinking%20coffee-Bn2U7vze.png);background-size:400% 400%;animation:row-one-preview .9s steps(1,end) 1 forwards}.player.player-knight-transition{background-image:url(/assets/knight-B8IEcQHN.png);background-size:400% 400%;animation:knight-row-one-seq 1.5s steps(1,end) 1 forwards,knight-transform-shimmer 1.5s cubic-bezier(.2,.8,.2,1) 1 forwards;clip-path:inset(8px 6px 2px 6px);filter:brightness(1.18) saturate(1.24) drop-shadow(0 0 9px rgba(220,236,255,.72)) drop-shadow(0 0 18px rgba(173,198,255,.62))}.player.player-knight{background-image:url(/assets/knight-B8IEcQHN.png);background-size:400% 400%;animation:knight-row-one-seq 1.96s steps(1,end) infinite;clip-path:inset(8px 6px 2px 6px)}.coffee-sheet{position:absolute;z-index:5;left:56%;bottom:calc(var(--floor-h) + 2px);width:clamp(180px,32vw,380px);aspect-ratio:3 / 2;transform:translate(-18%);background-image:url(/assets/coffeeplace-j7v-uQlR.png);background-repeat:no-repeat;background-size:contain;background-position:center bottom;image-rendering:pixelated;opacity:0;transition:opacity .22s ease;will-change:background-position,transform}@keyframes walk-seq{0%{background-position:0% 100%}25%{background-position:33.333% 100%}50%{background-position:66.667% 100%}75%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes drink-seq{0%{background-position:0% 0%}25%{background-position:33.333% 0%}50%{background-position:66.667% 0%}75%{background-position:100% 0%}to{background-position:100% 0%}}@keyframes row-one-preview{0%{background-position:0% 0%}25%{background-position:33.333% 0%}50%{background-position:66.667% 0%}75%{background-position:100% 0%}to{background-position:100% 0%}}@keyframes knight-row-one-seq{0%{background-position:0% 0%}25%{background-position:33.333% 0%}50%{background-position:66.667% 0%}75%{background-position:100% 0%}to{background-position:100% 0%}}@keyframes knight-transform-shimmer{0%{filter:brightness(1.52) saturate(1.38) drop-shadow(0 0 16px rgba(235,245,255,.82)) drop-shadow(0 0 32px rgba(190,211,255,.78))}32%{filter:brightness(1.1) saturate(1.22) drop-shadow(0 0 10px rgba(215,233,255,.7)) drop-shadow(0 0 20px rgba(168,194,255,.66))}62%{filter:brightness(1.34) saturate(1.3) drop-shadow(0 0 14px rgba(229,242,255,.8)) drop-shadow(0 0 30px rgba(185,210,255,.74))}to{filter:brightness(1.02) saturate(1.08) drop-shadow(0 0 2px rgba(198,220,255,.28)) drop-shadow(0 0 8px rgba(156,183,248,.3))}}.scene-coffee.is-active .coffee-sheet{opacity:1;animation:none}@keyframes cloud-drift{0%{transform:translate(var(--cloud-parallax, 0px))}33%{transform:translate(calc(var(--cloud-parallax, 0px) + var(--cloud-drift-x)),calc(var(--cloud-drift-y) * -1))}66%{transform:translate(calc(var(--cloud-parallax, 0px) + var(--cloud-drift-x-mid)),var(--cloud-drift-y))}to{transform:translate(var(--cloud-parallax, 0px))}}@keyframes sun-beam-shift-a{0%{transform:rotate(136deg) translate(0);opacity:.78}50%{transform:rotate(132deg) translate(-8px,2px);opacity:.94}to{transform:rotate(136deg) translate(0);opacity:.78}}@keyframes sun-beam-shift-b{0%{transform:rotate(124deg) translate(0);opacity:.64}50%{transform:rotate(120deg) translate(-6px,2px);opacity:.82}to{transform:rotate(124deg) translate(0);opacity:.64}}@keyframes sky-marker-float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes game-coin-bob{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes etixMarkerPulse{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.22);opacity:0}}@keyframes windmill-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes block-bump{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes foliage-sway{0%{transform:rotate(0)}25%{transform:rotate(-1.4deg)}55%{transform:rotate(2.1deg)}78%{transform:rotate(-.9deg)}to{transform:rotate(0)}}@keyframes animal-breathe{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes lamp-glow{0%{opacity:.58}50%{opacity:1}to{opacity:.58}}.coffee-shop{position:absolute;left:50%;bottom:calc(var(--floor-h) + 6px);width:clamp(170px,28vw,260px);height:clamp(132px,22vw,198px);transform:translate(-50%) scale(.9);opacity:0}.scene-coffee.is-active .coffee-shop{animation:shop-pop .56s cubic-bezier(.16,1.1,.22,1) forwards}@keyframes shop-pop{0%{transform:translate(-50%) scale(.86);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.shop-roof{position:absolute;left:10%;right:10%;top:0;height:20%;border-radius:14px 14px 6px 6px;background:#944d2f}.shop-body{position:absolute;inset:17% 0 0;border-radius:12px;border:2px solid rgba(0,0,0,.2);background:linear-gradient(180deg,#ffe9c8,#ffd79f)}.shop-awning{position:absolute;left:8%;right:8%;top:26%;height:12%;border-radius:7px;background:repeating-linear-gradient(90deg,#e25b44 0 15%,#fff 15% 30%)}.shop-sign{position:absolute;left:50%;top:8%;transform:translate(-50%);font-size:clamp(.55rem,1.2vw,.72rem);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.04em}.shop-door{position:absolute;left:43%;bottom:0;width:14%;height:38%;border-radius:8px 8px 0 0;border:2px solid rgba(0,0,0,.2);background:#7b5330}.shop-window{position:absolute;top:45%;width:18%;height:22%;border-radius:8px;border:2px solid rgba(0,0,0,.15);background:linear-gradient(180deg,#d8f2ff,#9bd9f4)}.shop-window-left{left:16%}.shop-window-right{right:16%}.screen-wipe{position:absolute;inset:0;z-index:20;pointer-events:none;background:#0e2c1a;transform:scaleX(0);transform-origin:left;opacity:0}.screen-wipe.is-wiping{animation:wipe-scene .74s cubic-bezier(.72,0,.28,1)}@keyframes wipe-scene{0%{transform:scaleX(0);opacity:1}50%{transform:scaleX(1);opacity:1;transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);opacity:1}}@media(max-width:900px){:root{--nav-h: 64px;--box-radius: 22px}.game-board{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:0}.board-copy{padding:8px 10px 10px}.board-copy h1{font-size:clamp(1.04rem,4.8vw,1.34rem)}.board-copy p{margin-top:6px;max-width:34ch;font-size:clamp(.68rem,2.6vw,.82rem)}.floating-game-box{height:clamp(360px,64vh,520px);box-shadow:0 14px 36px #00000047,0 1px #ffffff59 inset}.coffee-reward-panels{left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));right:auto;top:auto;width:min(48vw,168px);max-width:min(48vw,168px);gap:2px;z-index:10;max-height:min(75%,calc(100% - 10px))}.coffee-reward-panels .reward-popup{transform-origin:left bottom}.coffee-money-popup{width:108px}.reward-popup-vegan.is-mini,.reward-popup-levelup.is-mini,.reward-popup-vegan.is-action-focus,.reward-popup-levelup.is-action-focus{--popup-show-scale: 1;--popup-hidden-scale: 1;--popup-docked-scale: 1}.reward-popup-vegan{grid-template-columns:34px 1fr;padding:7px 8px}.reward-popup-levelup{padding:6px 7px}.reward-benefit-unlocked-bubble{left:calc(100% + 6px);width:clamp(96px,24vw,126px);padding:6px 8px}.reward-benefit-card{min-height:clamp(52px,32cqi,64px);padding:clamp(3px,1.9cqi,5px) clamp(3px,1.8cqi,5px) clamp(3px,1.8cqi,4px)}.reward-levelup-grid{margin-top:5px;gap:4px}.reward-levelup-grid::-webkit-scrollbar{width:5px}.reward-levelup-grid::-webkit-scrollbar-thumb{background:#556da273;border-radius:999px}.reward-levelup-title{font-size:clamp(.56rem,2.8cqi,.66rem)}.reward-levelup-copy{margin-top:4px;font-size:clamp(.52rem,2.5cqi,.6rem)}.reward-vegan-title{font-size:clamp(.58rem,2.8cqi,.68rem)}.reward-vegan-subtitle{font-size:clamp(.5rem,2.4cqi,.58rem)}.reward-vegan-score{font-size:clamp(.48rem,2.3cqi,.56rem)}.reward-benefit-name{font-size:clamp(.52rem,2.3cqi,.58rem)}.reward-benefit-percent{font-size:clamp(.48rem,2.1cqi,.54rem)}.reward-benefit-badge{font-size:clamp(.46rem,2cqi,.52rem)}.reward-vegan-icon{width:26px;height:26px;font-size:.78rem}.eco-coffee-guide{bottom:calc(var(--floor-h) + 24px);right:6%}.urban-depth-far{bottom:calc(var(--floor-h) + 86px)}.urban-depth-mid{bottom:calc(var(--floor-h) + 60px)}.village-back-tree{bottom:calc(var(--floor-h) + 72px)}.coffee-back-tree{bottom:calc(var(--floor-h) + 48px);width:clamp(18px,4.2vw,28px);height:clamp(52px,12vw,78px)}.coffee-back-tree-a{left:6%}.coffee-back-tree-b{left:18%}.coffee-back-tree-c{left:80%}.coffee-back-tree-d{left:91%}.village-house-bg{bottom:calc(var(--floor-h) + 48px)}.village-shop-icon-host{top:-16%;width:14px;height:14px}.village-house-a{left:10%}.village-house-b{left:27%}.village-house-c{left:50%}.village-house-d{left:70%}.street-base{height:clamp(22px,4.2vw,32px)}.street-sidewalk{height:clamp(12px,2.4vw,16px)}.street-line{right:42%;bottom:calc(var(--floor-h) + 10px)}.street-lamp2-left{left:42%}.street-lamp2-right{left:66%}.village-animal{bottom:calc(var(--floor-h) + 24px)}.village-animal-cow{left:calc(13% + var(--walk-shift-near))}.village-animal-sheep{left:calc(31% + var(--walk-shift-near))}.village-animal-cat{left:calc(74% + var(--walk-shift-near))}.arcade-platform{width:clamp(38px,6.8vw,56px);height:clamp(16px,3vw,22px)}.arcade-platform-left{left:calc(52% + var(--walk-shift-mid))}.arcade-platform-right{left:calc(62% + var(--walk-shift-mid))}.arcade-coin{width:12px;height:12px;border-width:2px}.arcade-pipe{width:clamp(36px,7.4vw,52px)}}@media(max-width:900px)and (max-height:760px){.coffee-reward-panels{width:min(45vw,154px);max-width:min(45vw,154px);gap:1px}.reward-popup-vegan{grid-template-columns:30px 1fr;padding:6px 7px}.reward-popup-levelup{padding:5px 6px}.reward-levelup-grid{margin-top:4px;gap:3px}.reward-benefit-card{min-height:clamp(42px,28cqi,56px);padding:clamp(2px,1.6cqi,4px) clamp(2px,1.6cqi,4px)}}@media(prefers-reduced-motion:reduce){.world-layer-bedroom:before,.world-layer-bedroom:after,.sun-glow:before,.sun-glow:after,.cloud,.village-back-tree,.coffee-back-tree,.street-tree,.village-animal,.eco-coffee-guide .etix-marker-root,.eco-coffee-marker,.eco-coffee-guide .etix-marker-root.is-selected:after,.street-lamp2:after,.arcade-coin,.arcade-pipe:after{animation:none}.floating-game-box.is-knight-flash:before,.floating-game-box.is-knight-flash:after,.knight-transform-fx.is-active,.knight-ring,.knight-spark{animation:none}.floating-game-box.is-knight-flash:before,.floating-game-box.is-knight-flash:after{content:none}.knight-transform-fx{display:none}.floating-game-box.is-impact-shake,.floating-game-box.is-knight-sway,.coffee-money-popup.is-show{animation:none}.player.player-row-one-preview{animation:none;background-position:0% 0%}.player.player-knight-transition{animation:none;background-position:100% 0%;filter:none}.level-up-orb.is-active:before{animation:none}.reward-popup-levelup.is-levelup-achieved{animation:none}.reward-benefit-card-target.is-levelup,.reward-benefit-card-target.is-levelup:before,.reward-benefit-card-target.is-levelup:after,.reward-benefit-card-target.is-levelup .reward-benefit-star{animation:none}}