@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";:root{color:#24331f;background:#fff8df;font-family:Nunito,sans-serif;font-synthesis:none;--ink: #24331f;--green: #476b3d;--deep: #294b32;--matcha: #9dc76b;--lime: #d8e99a;--cream: #fff8df;--peach: #ffc894;--pink: #f5a7b7;--line: #38543b;--cute: "Nunito", sans-serif}*{box-sizing:border-box}img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;pointer-events:none}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background-color:var(--cream);background-image:linear-gradient(rgba(92,121,73,.055) 2px,transparent 2px),linear-gradient(90deg,rgba(92,121,73,.055) 2px,transparent 2px);background-size:24px 24px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{min-height:82px;max-width:1240px;margin:14px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fffcebf0;border:3px solid var(--line);box-shadow:6px 6px #b6ca86}.brand{display:inline-flex;align-items:center;gap:2px;width:max-content;font-weight:700;letter-spacing:-.04em;font-size:19px}.brand>span:last-child>span{color:#789250}.brand-logo{width:54px;height:54px;margin-right:-4px;object-fit:contain;flex:0 0 auto;border-radius:14px}nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);height:100%;font-size:12px;font-weight:700;color:#697262}nav a,.nav-button{height:100%;display:flex;align-items:center;border:0;background:none;padding:0 3px;cursor:pointer;position:relative}.nav-active,.nav-watchlist-active{color:var(--deep)}.nav-active:after,.nav-watchlist-active:after{content:"";position:absolute;height:5px;left:0;right:0;bottom:0;background:var(--matcha);border:1px solid var(--deep)}.nav-button span{margin-left:7px;background:var(--lime);color:var(--deep);padding:3px 8px;border:2px solid var(--deep);font-family:var(--cute);font-size:10px;font-weight:900;border-radius:999px}.sign-in-button,.account-button{justify-self:end;border:2px solid var(--deep);background:#fffdf1;padding:9px 14px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--matcha)}.sign-in-button:active,.account-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--matcha)}.account-button{display:flex;align-items:center;gap:7px;color:#52624d}.account-button span{width:24px;height:24px;display:grid;place-items:center;background:var(--lime);border:1px solid var(--deep)}.hero{text-align:center;padding:94px 24px 82px;max-width:900px;margin:0 auto;position:relative}.hero:before,.hero:after{position:absolute;font-family:var(--cute);color:#91b365;opacity:.65;font-size:24px}.hero:before{content:"✦";left:5%;top:35%}.hero:after{content:"✿";right:5%;top:24%;color:var(--pink)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--deep);text-transform:uppercase;letter-spacing:.08em;font-family:var(--cute);font-size:11px;font-weight:900;margin-bottom:28px;padding:9px 14px;background:var(--lime);border:2px solid var(--deep);border-radius:999px;box-shadow:4px 4px #6f8d55}h1{margin:0;font-family:var(--cute);font-size:clamp(42px,6vw,68px);font-weight:900;line-height:1.08;letter-spacing:-.045em;color:#315435}.hero>p{max-width:620px;margin:26px auto 0;color:#596751;font-size:16px;line-height:1.75}.hero-watchlist{padding-top:34px;padding-bottom:30px}.hero-watchlist .eyebrow,.hero-watchlist>p,.hero-watchlist .hero-stats{display:none}.hero-watchlist h1{font-size:clamp(24px,3vw,36px)}.hero-watchlist h1 br{display:none}.hero-stats{display:flex;justify-content:center;margin:40px auto 0;max-width:610px;border:3px solid var(--deep);background:#fffdf2;box-shadow:6px 6px 0 var(--peach)}.hero-stats div{display:flex;flex:1;flex-direction:column;padding:16px 18px;border-right:2px dashed #8ca775}.hero-stats div:last-child{border:0}.hero-stats strong{font-family:var(--cute);font-size:21px;font-weight:900;color:var(--deep)}.hero-stats span{margin-top:8px;color:#7b856f;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.catalog{background:#fffdf0;padding:70px max(28px,calc((100vw - 1180px)/2)) 96px;border-top:4px solid var(--deep);box-shadow:0 -8px 0 var(--matcha)}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-kicker{display:block;color:#63785a;font-family:var(--cute);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}h2{margin:0;font-family:var(--cute);font-size:clamp(30px,4vw,44px);font-weight:900;line-height:1.15;letter-spacing:-.03em;color:var(--deep)}.catalog-heading p{max-width:390px;color:#707968;line-height:1.6;font-size:13px;margin:0}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 170px 140px 140px 140px;gap:12px}.search,.select-wrap,.filter-button,.maker-filter>summary{height:50px;border:2px solid var(--line);background:#fff;display:flex;align-items:center;color:#778171;box-shadow:3px 3px #ccd9a8}.search{padding:0 15px;gap:10px}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink);font-size:13px}.search input::placeholder{color:#9aa291}.select-wrap{padding:0 14px;gap:8px}.select-wrap select{border:0;outline:0;background:transparent;appearance:none;flex:1;color:var(--ink);font-size:12px;cursor:pointer}.maker-filter{position:relative;min-width:0}.maker-filter>summary{padding:0 12px;gap:7px;list-style:none;cursor:pointer;color:var(--ink);font-size:12px}.maker-filter>summary::-webkit-details-marker{display:none}.maker-filter>summary span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maker-filter[open]>summary{background:var(--lime)}.maker-options{position:absolute;z-index:12;top:57px;left:0;width:230px;max-height:320px;overflow:auto;padding:8px;border:2px solid var(--line);background:#fffdf1;box-shadow:5px 5px #b6ca86}.maker-options label,.maker-options button{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:700;text-align:left;cursor:pointer}.maker-options label:hover,.maker-options button:hover,.maker-options button.active{background:#e8f0c9}.maker-options input{accent-color:#718b55}.filter-button{justify-content:center;gap:8px;font-size:12px;cursor:pointer}.filter-button.selected{background:var(--lime);color:var(--deep);box-shadow:3px 3px #759557}.price-filter{margin-top:12px;margin-left:auto;width:min(620px,100%);padding:14px 16px;border:2px solid var(--line);background:#f6f9e8;box-shadow:3px 3px #ccd9a8;display:grid;gap:12px;color:#596751;font-size:12px}.price-range-row{display:grid;grid-template-columns:105px minmax(160px,1fr) 145px;align-items:center;gap:14px}.price-filter label{display:flex;align-items:center;gap:8px;font-weight:800}.price-filter input{width:100%;accent-color:#718b55;cursor:pointer}.price-filter strong{color:var(--deep);text-align:right}.price-filter button{border:0;background:transparent;color:#587047;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline}.price-filter button:disabled{color:#a1a99a;cursor:default;text-decoration:none}.result-line{display:flex;justify-content:space-between;color:#7c8776;font-size:11px;margin:27px 2px 15px}.live-indicator{display:flex;align-items:center;gap:7px}.live-indicator i{width:8px;height:8px;background:#69a044;box-shadow:0 0 0 3px #dceac0}.matcha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.matcha-card{border:3px solid var(--line);background:#fff;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;box-shadow:6px 6px #c8d6a6;animation:card-in .35s both;animation-delay:var(--delay)}.matcha-card:nth-child(3n+2){box-shadow:6px 6px #f4c8a2}.matcha-card:nth-child(3n+3){box-shadow:6px 6px #efb8c4}.matcha-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #8fa76c}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.card-top{height:190px;padding:14px;background-color:#eef3d4;background-image:linear-gradient(45deg,rgba(255,255,255,.45) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.45) 75%),linear-gradient(45deg,rgba(255,255,255,.45) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.45) 75%);background-position:0 0,12px 12px;background-size:24px 24px;display:flex;justify-content:space-between;align-items:flex-start;position:relative}.pixel-product-frame{position:absolute;inset:8px 84px 8px 8px;display:grid;place-items:center}.pixel-product{width:164px;height:164px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(5px 6px 0 rgba(53,77,43,.18));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.status-row{z-index:2;margin-left:auto;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.shop-count{padding:6px 10px;background:#fffdf2;border:2px solid var(--line);border-radius:999px;box-shadow:2px 2px #b9c99a;font-family:var(--cute);font-size:10px;font-weight:900}.stock{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:#fffdf2;border:2px solid var(--line);font-size:8px;font-weight:700;text-transform:uppercase;box-shadow:2px 2px #b9c99a}.stock i{width:7px;height:7px}.stock-in_stock i{background:#6b9e43}.stock-low_stock i{background:#dfa341}.stock-out_of_stock i{background:#a6aaa2}.stock-unknown i{background:#8a826d;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.checked{display:flex;align-items:center;gap:4px;padding:3px 5px;background:#fffdf2d9;color:#707a69;font-size:9px}.card-body{padding:20px 20px 17px}.maker{color:#63785a;font-family:var(--cute);font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}h3{font-family:var(--cute);color:var(--deep);font-size:22px;font-weight:900;line-height:1.2;letter-spacing:-.02em;margin:7px 0 12px}.origin{display:flex;align-items:center;gap:5px;margin:-5px 0 10px;color:#73806c;font-size:10px;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{background:#eef3dc;color:#68765f;border:1px solid #9bae83;padding:4px 7px;font-size:9px}.offer-list{border-top:2px dashed #ccd4bf;margin-top:18px;padding-top:12px;display:grid;gap:9px}.offer{border:2px solid #9caf87;background:#fffdf3;padding:10px}.offer-heading,.offer-details{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.offer-heading a{display:flex;align-items:center;gap:5px;color:#365537;font-size:10px;font-weight:700}.offer-heading small{margin-left:3px;color:#718b60;font-size:7px;text-transform:uppercase}.offer-heading .stock{font-size:7px;padding:4px 6px;box-shadow:none;border-width:1px}.offer-details{margin-top:7px;color:#7a8574;font-size:9px}.offer-details span:last-child{display:flex;align-items:center;gap:3px}.offer-details strong{color:var(--ink)}.offer-watch{width:100%;margin-top:9px;min-height:32px;border:2px solid var(--line);background:#fff8df;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:700;cursor:pointer}.offer-watch:hover,.offer-watch.watching{background:var(--lime)}.empty-state{text-align:center;color:#778571;padding:70px 20px}.empty-state h3{color:var(--ink)}.empty-state p{font-size:13px}.empty-state button{border:2px solid var(--line);background:#fff;padding:9px 14px;cursor:pointer;box-shadow:3px 3px 0 var(--matcha)}footer{min-height:180px;background-color:#294531;background-image:linear-gradient(rgba(255,255,255,.025) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.025) 2px,transparent 2px);background-size:20px 20px;color:#f5f5e7;padding:40px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:6px solid #9dbc6d}.footer-brand .brand-logo{filter:drop-shadow(3px 3px 0 rgba(0,0,0,.25))}footer p{color:#cad7c0;font-family:var(--cute);font-size:12px;font-weight:700;line-height:1.7}.footer-link{margin-left:7px;color:#f6d69c;text-decoration:underline;text-underline-offset:3px}footer>span{justify-self:end;color:#a9bba4;font-size:9px}.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%);background:var(--deep);color:#fff;border:3px solid #182d1d;padding:12px 17px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:5px 5px 0 var(--matcha);animation:toast-in .2s both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#1b2e1ba8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s both}@keyframes fade-in{0%{opacity:0}}.login-modal{width:min(440px,100%);position:relative;padding:30px 38px 38px;border:4px solid var(--deep);background:#fffbed;box-shadow:10px 10px #8cab67;text-align:center}.login-modal>img{width:118px;height:118px;object-fit:contain;border-radius:26px;margin:-3px auto 10px}.login-modal h2{font-size:24px}.login-modal>p{color:#677461;font-size:12px;line-height:1.65;margin:15px auto 24px;max-width:330px}.modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:2px solid var(--deep);background:var(--peach);color:var(--deep);font-size:22px;line-height:1;cursor:pointer}.login-modal form{display:flex;flex-direction:column;text-align:left}.login-modal form label{margin:0 0 7px 2px;color:#52654d;font-family:var(--cute);font-size:11px;font-weight:900;text-transform:uppercase}.login-modal form input{height:48px;border:2px solid var(--line);background:#fff;padding:0 14px;outline:none}.login-modal form input:focus{box-shadow:4px 4px 0 var(--matcha)}.login-modal form button{height:48px;margin-top:12px;border:2px solid #182d1d;background:var(--deep);color:#fff;font-family:var(--cute);font-size:12px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--matcha)}.login-modal form button:disabled{opacity:.65;cursor:wait}.form-error{color:#a4493e;text-align:center;margin-top:10px;font-size:11px}.login-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px;border:2px solid var(--deep);background:#e4efc9;color:#3f5834}.login-success span{font-size:11px;color:#687461}.flavor-hero{max-width:850px;margin:0 auto;padding:72px 24px 50px;text-align:center}.flavor-hero .eyebrow{margin-bottom:22px}.flavor-hero>p{margin:20px auto 0;max-width:610px;color:#65715e;line-height:1.7}.flavor-finder-page{padding:0 max(28px,calc((100vw - 1180px)/2)) 90px}.matcha-picker{max-width:720px;height:56px;margin:0 auto 28px;padding:0 15px;display:flex;align-items:center;gap:10px;border:3px solid var(--line);background:#fff;box-shadow:5px 5px #b6ca86;color:#708069}.matcha-picker input{width:180px;border:0;border-right:1px dashed #a9b79c;outline:0}.matcha-picker select{min-width:0;flex:1;appearance:none;border:0;outline:0;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.source-profile{display:grid;grid-template-columns:190px 1fr 1.15fr 155px;align-items:center;gap:24px;padding:24px;border:3px solid var(--line);background:#fffdf1;box-shadow:7px 7px 0 var(--peach)}.source-profile>img{width:175px;height:175px;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.source-profile h2{font-size:32px}.source-profile b{display:block;margin-top:5px;color:#63785a;font-size:12px}.profile-origin,.similar-card>p{display:flex;align-items:center;gap:4px;color:#74816d;font-size:10px}.profile-cultivar{color:#69785f;font-size:9px;font-weight:800}.profile-matcha-link:hover{text-decoration:underline;text-decoration-color:var(--matcha);text-decoration-thickness:3px;text-underline-offset:3px}.flavor-bars{display:grid;gap:9px}.flavor-bars>div{display:grid;grid-template-columns:70px 1fr 27px;align-items:center;gap:8px;color:#65715e;font-size:10px;font-weight:800}.flavor-bars>div>div{height:9px;overflow:hidden;border:1px solid #91a27f;background:#edf1df}.flavor-bars i{display:block;height:100%;background:var(--matcha)}.flavor-bars strong{color:var(--deep);font-size:10px}.profile-meta{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center}.profile-meta>strong{color:var(--deep);font-size:18px}.profile-meta>span{color:#77816f;font-size:9px}.profile-meta button,.profile-meta>a,.reviews-section>button,.similar-footer button{border:2px solid var(--line);background:var(--lime);padding:9px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:900;cursor:pointer;box-shadow:3px 3px #78965e}.similar-heading{display:flex;align-items:end;justify-content:space-between;margin:55px 0 20px}.similar-heading p{color:#77816f;font-size:10px}.similar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.similar-card{position:relative;padding:18px;border:3px solid var(--line);background:#fff;box-shadow:5px 5px #c8d6a6}.similar-card>img{display:block;width:130px;height:130px;margin:4px auto 15px;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.similar-card h3{margin:5px 0 8px;font-size:18px}.similar-rank{position:absolute;top:12px;left:12px;color:#7e8b74;font-size:10px;font-weight:900}.match-score{position:absolute;top:10px;right:10px;padding:5px 7px;border:1px solid var(--line);background:var(--lime);color:var(--deep);font-size:9px;font-weight:900}.similar-card .flavor-bars{margin-top:14px}.similar-card .flavor-bars>div{grid-template-columns:58px 1fr 22px;gap:5px;font-size:8px}.match-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:13px}.match-breakdown.has-cultivar{grid-template-columns:repeat(4,1fr)}.match-breakdown span{padding:5px 2px;background:#f2f5e5;color:#7b8674;font-size:7px;text-align:center}.match-breakdown b{display:block;color:var(--deep);font-size:9px}.similar-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px dashed #abb7a0;color:var(--deep);font-size:11px;font-weight:900}.similar-footer button{border:0;padding:5px;background:transparent;box-shadow:none;color:#587047}.reviews-section{position:relative;margin-top:60px;padding-top:35px;border-top:3px solid var(--line)}.reviews-section>button{position:absolute;top:35px;right:0}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.review-grid article{padding:18px;border:2px solid #9caf87;background:#fffdf3}.review-grid article>div{color:#d79b35;letter-spacing:2px}.review-grid article p{color:#4f5f4b;font-size:12px;line-height:1.65}.review-grid article span,.no-reviews{color:#84907c;font-size:9px}.review-prep{margin:12px 0;padding:9px;display:flex;flex-wrap:wrap;gap:7px 12px;border:1px dashed #9fac91;background:#f3f6e6;color:#65735e;font-size:9px}.review-prep b{color:var(--deep);text-transform:capitalize}.review-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:30px;border:4px solid var(--deep);background:#fffbed;box-shadow:10px 10px #8cab67}.review-modal h2{margin-bottom:20px;font-size:26px}.review-modal>label{display:grid;gap:6px;margin-top:14px;color:#52654d;font-size:11px;font-weight:900}.review-modal select,.review-modal textarea{border:2px solid var(--line);background:#fff;padding:10px;outline:0}.review-modal textarea{min-height:110px;resize:vertical}.review-sliders{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:18px 0}.review-sliders label{display:grid;grid-template-columns:78px 1fr 18px;align-items:center;gap:7px;color:#607057;font-size:10px;font-weight:800}.review-sliders input{width:100%;accent-color:#718b55}.preparation-fields{margin:18px 0;padding:15px;border:2px solid #9caf87}.preparation-fields legend{padding:0 7px;color:#52654d;font-size:11px;font-weight:900}.preparation-choice{display:flex;gap:20px;margin-bottom:14px}.preparation-choice label{display:flex;align-items:center;gap:6px;color:var(--deep);font-size:11px;font-weight:800}.preparation-choice input{accent-color:#718b55}.preparation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preparation-grid label{display:grid;grid-template-columns:75px 1fr 42px;align-items:center;gap:6px;color:#607057;font-size:9px;font-weight:800}.preparation-grid input{min-width:0;border:1px solid #91a27f;background:#fff;padding:7px}.preparation-grid label>span{color:#84907c;font-weight:600}.preparation-grid .milk-type{grid-column:1 / -1;grid-template-columns:75px 1fr 42px}.review-submit{width:100%;height:46px;margin-top:16px;border:2px solid #182d1d;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--matcha)}.feedback-page{min-height:680px;padding:70px 20px 90px;display:flex;flex-direction:column;align-items:center;text-align:center}.feedback-page>svg{color:#789250}.feedback-page h1{margin-top:12px}.feedback-page>p{max-width:570px;color:#66745f;line-height:1.7}.feedback-card{width:min(560px,100%);margin-top:28px;padding:28px;border:3px solid var(--line);background:#fffdf1;box-shadow:7px 7px #b6ca86;text-align:left}.feedback-card h2,.feedback-card p{text-align:center}.feedback-card>label{display:grid;gap:7px;margin-bottom:18px;color:#52654d;font-size:11px;font-weight:900}.feedback-card select,.feedback-card textarea{border:2px solid var(--line);background:#fff;padding:11px;outline:0}.feedback-card textarea{min-height:155px;resize:vertical}.feedback-card>small{display:block;margin-top:-12px;color:#899383;text-align:right}.feedback-card>button,.feedback-signin{width:100%;min-height:46px;margin-top:18px;border:2px solid #182d1d;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--matcha)}.feedback-card>button:disabled{opacity:.65}.feedback-sent{text-align:center}.feedback-sent>svg{color:#6c934b}.admin-page{min-height:calc(100vh - 110px);padding:65px max(28px,calc((100vw - 980px)/2)) 90px}.admin-heading{display:flex;align-items:end;justify-content:space-between}.admin-heading .section-kicker{display:flex;align-items:center;gap:6px}.admin-heading>span{padding:6px 10px;border:2px solid var(--line);background:var(--lime);font-size:9px;font-weight:900;text-transform:uppercase}.admin-tabs{display:flex;gap:10px;margin:30px 0 18px}.admin-tabs button{min-height:42px;padding:0 15px;border:2px solid var(--line);background:#fff;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900;cursor:pointer}.admin-tabs button.active{background:var(--lime);box-shadow:3px 3px #78965e}.admin-tabs span{padding:2px 6px;border-radius:10px;background:var(--deep);color:#fff;font-size:8px}.admin-list{display:grid;gap:12px}.admin-list article{border:2px solid var(--line);background:#fffdf1;padding:17px;box-shadow:4px 4px #c8d6a6}.admin-list article>header,.admin-list article>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-list article>header{color:var(--deep);font-size:11px;text-transform:capitalize}.admin-list article>p{color:#4f5e4a;font-size:12px;line-height:1.65;white-space:pre-wrap}.admin-list article>footer{min-height:auto;padding:11px 0 0;border:0;border-top:1px dashed #adb9a2;background:transparent;color:#7f8979;font-size:9px}.admin-list select,.admin-delete{border:1px solid var(--line);background:#fff;padding:6px 8px;font-size:9px;cursor:pointer}.admin-delete{display:flex;align-items:center;gap:5px;color:#9b453e}.admin-status{padding:4px 7px;border:1px solid #8a9980;background:#e7edd5;font-size:8px}.status-new{background:var(--peach)}.status-resolved{background:var(--lime)}.status-closed{background:#e2e3df}.admin-empty{margin-top:30px;padding:60px 20px;border:2px dashed #9dac92;color:#768370;text-align:center}.admin-cafe-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;border:2px solid var(--line);background:#fffdf1;box-shadow:4px 4px #c8d6a6}.admin-cafe-card>svg{color:var(--deep)}.admin-cafe-card h2{margin:0 0 4px}.admin-cafe-card p{margin:0;color:#697561;font-size:10px}.admin-cafe-card a{padding:11px 14px;border:2px solid var(--deep);background:var(--lime);color:var(--deep);font-size:9px;font-weight:900;text-decoration:none;box-shadow:3px 3px #78965e}.matcha-detail-link{color:inherit;text-decoration:none}.matcha-detail-link:hover{text-decoration:underline;text-decoration-color:var(--matcha);text-decoration-thickness:3px}.seo-page{max-width:1180px;margin:0 auto;padding:34px 28px 90px}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:32px;color:#71806a;font-size:11px}.breadcrumbs a{color:var(--deep)}.seo-title{max-width:780px;margin:35px auto 48px;text-align:center}.seo-title h1{margin:12px 0;font-family:var(--cute);font-size:clamp(34px,6vw,66px);line-height:1}.seo-title>p{color:#66715f;font-size:15px;line-height:1.7}.seo-title>span{display:inline-flex;align-items:center;gap:5px;color:#687560;font-weight:800}.product-hero{display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:center;margin-bottom:62px}.seo-product-art{min-height:350px;display:grid;place-items:center;border:3px solid var(--line);background:#f1f3d8;box-shadow:9px 9px #b7c98a}.seo-product-art img{width:78%;height:300px;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.product-hero h1{margin:8px 0 15px;font-family:var(--cute);font-size:clamp(38px,6vw,68px);line-height:.98}.seo-lede{max-width:650px;color:#626d5c;font-size:16px;line-height:1.7}.seo-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.seo-chips span{display:inline-flex;align-items:center;gap:4px;border:2px solid #aab69a;background:#fff;padding:7px 10px;font-size:10px;font-weight:850}.primary-seo-cta{display:inline-flex;align-items:center;gap:7px;border:2px solid #182d1d;background:var(--deep);color:#fff;padding:13px 18px;text-decoration:none;font-weight:900;box-shadow:4px 4px 0 var(--matcha)}.seo-section{margin:42px 0;border:2px solid #aeb7a1;background:#fffdf4;padding:28px;box-shadow:5px 5px #d6dfb8}.seo-section h2{margin:7px 0 20px;font-family:var(--cute);font-size:clamp(24px,3vw,36px)}.seo-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.seo-section-heading>p{max-width:420px;color:#6e7867;font-size:11px;line-height:1.6}.seo-offers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.seo-offers article{border:2px solid #bec6b5;background:#fff;padding:17px}.seo-offers article>div{display:flex;align-items:center;gap:8px}.seo-offers small{border:1px solid #8ca074;padding:2px 5px;font-size:7px;text-transform:uppercase}.seo-offers .stock{margin-left:auto}.seo-offers p{margin:12px 0 7px}.seo-offers article>span{display:flex;align-items:center;gap:5px;color:#75806e;font-size:9px}.seo-offers article>a{display:inline-flex;align-items:center;gap:5px;margin-top:14px;color:var(--deep);font-weight:900;font-size:10px}.seo-two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.seo-two-column .seo-section{margin:0}.seo-flavors>div{display:grid;grid-template-columns:82px 1fr 32px;align-items:center;gap:8px;margin:12px 0;font-size:10px}.seo-flavors>div>div,.comparison-row span{height:9px;background:#e2e7d5;overflow:hidden}.seo-flavors i,.comparison-row i{display:block;height:100%;background:var(--matcha)}.seo-details{margin:0}.seo-details div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed #bdc5b4;padding:13px 0}.seo-details dt{color:#74806c}.seo-details dd{margin:0;text-align:right;font-weight:800}.seo-empty{color:#707a69}.seo-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.seo-related{border:2px solid #bcc5b1;background:#fff}.seo-related>a:first-child{display:flex;align-items:center;gap:13px;padding:12px;color:inherit;text-decoration:none}.seo-related img{width:64px;height:72px;object-fit:contain;image-rendering:pixelated}.seo-related span{display:grid;gap:3px}.seo-related small,.seo-related em{color:#75806e;font-size:9px;font-style:normal}.compare-link{display:block;border-top:1px dashed #b9c2ae;padding:8px 12px;color:var(--deep);font-size:9px;font-weight:900;text-align:center}.seo-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-catalog-grid article{border:2px solid #abb5a0;background:#fff;padding:18px;box-shadow:5px 5px #d5deba}.seo-card-art{display:grid;place-items:center;height:190px;background:#f3f3da;margin-bottom:15px}.seo-card-art img{width:80%;height:170px;object-fit:contain;image-rendering:pixelated}.seo-catalog-grid h2,.seo-catalog-grid h3{margin:5px 0;font-family:var(--cute);font-size:24px}.seo-catalog-grid h2 a,.seo-catalog-grid h3 a{color:inherit;text-decoration:none}.seo-catalog-grid p{min-height:20px;color:#6f7968;font-size:10px}.grade-table-wrap{overflow-x:auto}.grade-table{width:100%;border-collapse:collapse;background:#fff;border:2px solid #abb5a0;font-size:10px}.grade-table th,.grade-table td{padding:11px 13px;text-align:left;border-bottom:1px dashed #bdc5b4;vertical-align:middle}.grade-table thead th{background:#eef2df;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#55614e}.grade-table tbody th{font-weight:900;white-space:nowrap}.grade-table tbody th a{color:var(--deep);text-decoration:none}.grade-table tbody th a:hover{text-decoration:underline}.grade-table tbody tr:last-child th,.grade-table tbody tr:last-child td{border-bottom:0}.grade-table small{color:#75806e}.grade-table .stock{white-space:nowrap}.seo-result-count{margin-bottom:18px;font-weight:900}.seo-stock-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.seo-stock-list article{display:flex;justify-content:space-between;align-items:center;gap:15px;border:2px solid #aeb8a2;background:#fff;padding:12px}.seo-stock-list article>a:first-child{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.seo-stock-list img{width:58px;height:65px;object-fit:contain;image-rendering:pixelated}.seo-stock-list span{display:grid;gap:2px}.seo-stock-list small,.seo-stock-list em{color:#727e6a;font-size:8px;font-style:normal}.seo-stock-list article>a:last-child{color:var(--deep);font-size:9px;font-weight:900}.live-dot{width:8px;height:8px;border-radius:50%;background:#55a84f}.compare-title strong{color:var(--deep)}.comparison-table{max-width:900px;margin:0 auto;border:3px solid #9ca991;background:#fff;box-shadow:7px 7px #c9d7a3;overflow-x:auto}.comparison-head,.comparison-row,.comparison-text-row{display:grid;grid-template-columns:140px 1fr 1fr}.comparison-head>*,.comparison-row>*,.comparison-text-row>*{padding:14px;border-right:1px solid #d1d8c8;border-bottom:1px solid #d1d8c8}.comparison-head a{display:grid;justify-items:center;gap:4px;color:inherit;text-decoration:none}.comparison-head img{width:110px;height:125px;object-fit:contain;image-rendering:pixelated}.comparison-head small{color:#727c6b}.comparison-row{align-items:center}.comparison-row>span{position:relative;margin:18px 14px;padding:0;overflow:visible}.comparison-row em{position:absolute;right:0;top:-18px;font-size:8px;font-style:normal}.comparison-text-row>span{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.5}.comparison-method{max-width:760px;margin:24px auto;color:#6f7968;text-align:center;font-size:10px;line-height:1.6}.review-author{color:var(--deep);font-weight:900;text-decoration:underline;text-underline-offset:2px}.profile-page,.public-profile-page{min-height:680px;padding:65px max(20px,calc((100vw - 900px)/2)) 90px}.profile-card{max-width:590px;margin:0 auto;padding:34px;border:3px solid var(--line);background:#fffdf1;box-shadow:8px 8px #b6ca86;text-align:center}.profile-avatar{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border:2px solid var(--deep);border-radius:50%;background:var(--lime);color:var(--deep);box-shadow:3px 3px #78965e}.profile-card h1,.public-profile-header h1{font-size:clamp(34px,6vw,54px)}.profile-card>p{color:#66745f;line-height:1.7}.profile-card form{display:grid;gap:9px;margin:26px 0 18px;text-align:left}.profile-card form>label{color:#52654d;font-size:11px;font-weight:900;text-transform:uppercase}.profile-card form>div{height:50px;display:flex;align-items:center;border:2px solid var(--line);background:#fff}.profile-card form>div>span{padding-left:14px;color:#789250;font-weight:900}.profile-card input{width:100%;height:100%;border:0;outline:0;padding:0 10px 0 3px;font-weight:800}.profile-card form>small{color:#84907c;font-size:9px}.profile-card form>button{height:46px;margin-top:7px;border:2px solid #182d1d;background:var(--deep);color:#fff;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--matcha)}.profile-success{display:flex;justify-content:center;align-items:center;gap:5px;color:#56833f;font-size:10px;font-weight:900}.view-profile{display:block;padding:11px;border:2px solid var(--line);background:var(--lime);color:var(--deep);font-size:11px;font-weight:900;box-shadow:3px 3px #78965e}.profile-signout{margin-top:24px;border:0;background:transparent;display:inline-flex;align-items:center;gap:5px;color:#7a8473;font-size:10px;cursor:pointer;text-decoration:underline}.profile-signed-out{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-signed-out h1{margin-top:15px}.profile-signed-out p{color:#65715e}.public-profile-header{margin-bottom:42px;text-align:center}.public-profile-header>p{display:flex;justify-content:center;align-items:center;gap:5px;color:#75806e;font-size:10px}.public-review-list{display:grid;gap:18px}.public-review-list>article{padding:24px;border:2px solid #aeb8a2;background:#fffdf3;box-shadow:5px 5px #d5deba}.public-review-list article>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.public-review-list h2{margin-top:5px;font-size:27px}.public-review-list article>p{color:#4f5f4b;font-size:13px;line-height:1.7}.public-stars{color:#d79b35;letter-spacing:2px;white-space:nowrap}.mini-flavors{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-flavors span{padding:7px;background:#eef3dc;color:#718069;font-size:8px;text-align:center}.mini-flavors b{display:block;color:var(--deep);font-size:10px}.public-review-list article>footer{min-height:0;margin-top:15px;padding:10px 0 0;display:block;border:0;border-top:1px dashed #b7c1ac;background:transparent;color:#84907c;font-size:9px}.public-empty{padding:70px 20px;border:2px dashed #aeb8a2;text-align:center}.badge-shelf{margin-bottom:42px;padding:24px;border:2px solid #9fac91;background:#f8f4d7;box-shadow:5px 5px #e9c895}.badge-shelf>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.badge-shelf .section-kicker{display:flex;align-items:center;gap:5px;margin:0}.badge-shelf h2{font-size:22px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.badge-grid article{min-height:78px;display:flex;align-items:center;gap:11px;padding:11px;border:2px solid #a7b497;background:#fffdf1}.badge-grid article>span{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center}.badge-grid article>span img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(53,77,43,.18))}.badge-grid article>div{display:grid;gap:3px}.badge-grid b{color:var(--deep);font-size:10px}.badge-grid small{color:#74806c;font-size:8px;line-height:1.35}.profile-review-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.profile-review-heading h2{font-size:30px}.profile-review-heading label{display:flex;align-items:center;gap:9px;color:#6c7865;font-size:9px;font-weight:900;text-transform:uppercase}.profile-review-heading label>div{height:40px;min-width:155px;display:flex;align-items:center;border:2px solid var(--line);background:#fff;padding:0 10px}.profile-review-heading select{width:100%;border:0;outline:0;appearance:none;background:transparent;color:var(--deep);font-size:10px;font-weight:900;cursor:pointer}.admin-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-badge-grid article{display:flex;align-items:center;gap:13px;padding:17px;border:2px solid var(--line);background:#fffdf1;box-shadow:4px 4px #c8d6a6}.admin-badge-grid article>span{width:62px;height:62px;flex:0 0 auto;display:grid;place-items:center}.admin-badge-grid article>span img{width:62px;height:62px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(53,77,43,.18))}.admin-badge-grid h3{margin:0 0 3px;font-size:14px}.admin-badge-grid p{margin:0 0 7px;color:#697561;font-size:9px;line-height:1.4}.admin-badge-grid small{color:#557249;font-size:8px;font-weight:900}.cafe-page{min-height:100vh;background:#e7e2bd}.game-shell{max-width:1240px;margin:0 auto;padding:38px 22px 80px}.game-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.game-title .section-kicker{display:flex;align-items:center;gap:5px;margin-bottom:5px}.game-title h1{font-size:clamp(31px,5vw,56px)}.game-title-actions{display:flex;align-items:stretch;gap:12px}.upgrade-button{padding:0 15px;border:3px solid var(--deep);background:var(--lime);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--deep);font-size:10px;font-weight:900;cursor:pointer;box-shadow:5px 5px #78965e}.game-stats{display:flex;border:3px solid var(--deep);background:#fffbed;box-shadow:5px 5px #d7a886}.game-stats span{min-width:78px;padding:9px 12px;border-right:2px dashed #a7b693;color:#708066;font-size:9px;text-align:center;text-transform:uppercase}.game-stats span:last-child{border:0}.game-stats b{display:block;color:var(--deep);font-size:15px}.game-screen{position:relative;min-height:620px;overflow:hidden;border:5px solid #263e2c;background:#263e2c;box-shadow:10px 10px #89a668;image-rendering:pixelated}.game-screen:after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;box-shadow:inset 0 0 0 2px #fffbe047,inset 0 -28px 50px #2d33221f}.game-screen:has(.cafe-room){min-height:0;aspect-ratio:1672 / 941}.cafe-room{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#242220;animation:scene-arrive .28s ease-out both}@keyframes scene-arrive{0%{opacity:.3;transform:scale(1.012)}}.cafe-background,.counter-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;image-rendering:pixelated}.cafe-background{z-index:0}.counter-foreground{z-index:4}.person-sprite,.asset-sprite{position:absolute;background-repeat:no-repeat;background-position:center bottom;background-size:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(55,42,28,.18))}.person-sprite{z-index:3}.barista-person{left:47.7%;top:30%;width:7%;height:28%;object-fit:contain;object-position:center bottom;transform-origin:center bottom}.guest-person{left:35%;top:49%;width:9%;height:33%;z-index:5;animation:guest-arrive .42s cubic-bezier(.2,.8,.25,1) both}.person-1{background-image:url(/cafe/momo.png)}.person-2{background-image:url(/cafe/kiko.png)}.person-3{background-image:url(/cafe/hana.png)}@keyframes guest-arrive{0%{opacity:0;transform:translate(-24%,-12%)}}.asset-sprite{z-index:2}.base-whisk{left:43.4%;top:23.7%;width:4.1%;height:10.2%;background-image:url(/cafe/whisk.png)}.base-kettle{left:49%;top:25%;width:7%;height:13%;background-image:url(/cafe/kettle.png)}.base-scale{left:55.5%;top:30%;width:7%;height:8%;background-image:url(/cafe/scale.png)}.base-tins{left:60%;top:27%;width:6%;height:11%;background-image:url(/cafe/tins.png)}.cafe-upgrade{z-index:2}.upgrade-plant{left:12%;top:46%;width:10%;height:25%;background-image:url(/cafe/plant.png)}.upgrade-table{left:61%;top:62%;z-index:5;width:14%;height:20%;background-image:url(/cafe/table.png)}.upgrade-lanterns{left:43%;top:5%;width:18%;height:22%;background-image:url(/cafe/lanterns.png)}.upgrade-shelf{left:76%;top:31%;width:13%;height:25%;background-image:url(/cafe/shelf.png)}.cafe-decoration{position:absolute;z-index:2;image-rendering:pixelated}.decor-plant{left:17%;top:47%;width:65px;height:100px}.decor-plant i,.decor-plant b,.decor-plant span{position:absolute;left:50%;bottom:30px;width:17px;height:55px;transform-origin:bottom;border:4px solid #365137;background:#779b57}.decor-plant i{transform:rotate(-35deg)}.decor-plant b{transform:rotate(35deg)}.decor-plant span{width:22px;transform:translate(-50%)}.decor-plant:after{content:"";position:absolute;left:12px;bottom:0;width:42px;height:35px;border:5px solid #674b35;background:#d69a6f;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.decor-table{right:16%;bottom:13%;width:130px;height:80px;border:5px solid #5d432f;background:#b98255;transform:skewY(12deg);box-shadow:inset 0 -10px #8c6042}.decor-table i,.decor-table b{position:absolute;top:74px;width:12px;height:42px;background:#60432f}.decor-table i{left:14px}.decor-table b{right:14px}.decor-lanterns{left:33%;right:19%;top:10%;display:flex;justify-content:space-between}.decor-lanterns i{width:34px;height:42px;border:5px solid #74503d;border-radius:45%;background:#f2bd8d;box-shadow:inset 0 0 0 5px #ffe4ae}.decor-lanterns i:before{content:"";display:block;width:4px;height:45px;margin:-48px auto 0;background:#624a38}.barista-sprite,.guest-sprite{position:absolute;z-index:2;width:72px;height:82px;display:grid;place-items:center;filter:drop-shadow(0 6px 0 rgba(45,35,24,.35));animation:sprite-bob 1.2s steps(2) infinite}.barista-sprite{left:46%;top:44%}.guest-sprite{left:38%;top:67%}.barista-sprite span,.guest-sprite span{z-index:2;font-size:54px;image-rendering:pixelated}.barista-sprite i,.guest-sprite i{position:absolute;bottom:0;width:42px;height:18px;border:4px solid #422f28;background:#758d58}@keyframes sprite-bob{50%{transform:translateY(-3px)}}.arrival-bubble,.order-bubble,.welcome-card{position:absolute;z-index:4;border:4px solid var(--deep);background:#fffbed;box-shadow:8px 8px #33462d8c}.arrival-bubble{left:50%;bottom:7%;transform:translate(-50%);padding:11px 18px;font-size:11px;font-weight:900}.order-bubble{left:3%;top:4%;bottom:auto;width:min(175px,55%);padding:8px;border-width:3px;box-shadow:4px 4px #33462d8c;animation:order-pop .22s cubic-bezier(.2,.9,.3,1.25) both}.order-bubble:after{content:"";position:absolute;left:32%;bottom:-10px;width:15px;height:15px;border-right:3px solid var(--deep);border-bottom:3px solid var(--deep);background:#fffbed;transform:rotate(45deg)}.order-bubble>b{color:var(--deep);font-size:11px}.order-bubble p{margin:3px 0;color:#607057;font-size:8px;line-height:1.35}.order-bubble>div{display:flex;align-items:center;gap:5px;margin:5px 0;padding:5px;background:#edf2d8;border:1px solid #93a47f}.order-bubble>div span{font-size:14px}.order-bubble>div strong{font-size:8px}.order-bubble button{position:relative;z-index:2;min-height:28px;border-width:2px;font-size:8px;box-shadow:2px 2px 0 var(--matcha)}@keyframes order-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}}.order-bubble button,.welcome-card button,.result-screen>button:not(.game-reset){width:100%;min-height:43px;border:3px solid #172c1d;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--matcha)}.welcome-card{width:min(440px,calc(100% - 32px));padding:28px;text-align:center}.welcome-card .pixel-cup{font-size:55px}.welcome-card h2{margin-top:7px;font-size:27px}.welcome-card p{color:#607057;font-size:12px;line-height:1.7}.prep-station{min-height:620px;padding:20px clamp(18px,4vw,50px) 30px;background-color:#e8d0a4;background-image:linear-gradient(45deg,rgba(88,104,66,.09) 25%,transparent 25%,transparent 75%,rgba(88,104,66,.09) 75%),linear-gradient(45deg,rgba(88,104,66,.09) 25%,transparent 25%,transparent 75%,rgba(88,104,66,.09) 75%);background-position:0 0,16px 16px;background-size:32px 32px}.station-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:12px 15px;border:3px solid var(--deep);background:#fffbed;box-shadow:5px 5px #a9815f}.station-top>button{justify-self:start;border:0;background:none;cursor:pointer;font-weight:900}.station-top>div{display:grid;text-align:center}.station-top>div span,.station-top>span{color:#718069;font-size:8px;text-transform:uppercase}.station-top>div b{color:var(--deep);font-size:14px}.station-top>span{justify-self:end}.ticket{width:max-content;max-width:100%;margin:17px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.ticket span{padding:5px 9px;border:2px solid #8c9c7c;background:#f5f1d7;font-size:8px;font-weight:900}.counter-scene{position:relative;max-width:650px;height:300px;margin:0 auto;border-bottom:22px solid #815938}.game-bowl{position:absolute;left:50%;bottom:16px;width:210px;height:105px;transform:translate(-50%);overflow:hidden;border:7px solid #4e4d37;border-top-width:3px;border-radius:18px 18px 80px 80px;background:#f4dfb8;box-shadow:inset 0 -15px #d0a774,9px 9px #48352433}.bowl-liquid{position:absolute;left:10px;right:10px;top:6px;height:44px;display:grid;place-items:center;border:4px solid #536043;border-radius:50%;background:var(--tea)}.bowl-liquid span{color:#765c3b;font-size:45px;font-weight:900;transform:rotate(-12deg)}.bowl-liquid .whisking{animation:whisk-shake .12s steps(2) infinite}@keyframes whisk-shake{50%{transform:translate(9px) rotate(12deg)}}.ingredient{position:absolute;bottom:20px;display:grid;gap:4px;place-items:center;font-size:53px}.ingredient small{padding:3px 6px;background:#fffbed;border:2px solid #687858;font-size:7px;font-weight:900}.ingredient-matcha{left:5%}.ingredient-water{left:22%}.ingredient-milk{right:7%}.whisk-meter{max-width:430px;margin:-4px auto 9px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.whisk-meter>div{height:17px;border:3px solid var(--deep);background:#fffbed}.whisk-meter i{display:block;height:100%;background:var(--matcha);transition:width .12s steps(5)}.whisk-meter span{color:#52654d;font-size:8px;font-weight:900}.step-track{display:flex;align-items:start;justify-content:center;gap:clamp(7px,2.5vw,28px);margin:12px auto}.step-track>span{width:32px;height:32px;display:grid;place-items:center;position:relative;border:3px solid #748166;background:#f5ebcf;color:#78816e;font-size:9px;font-weight:900}.step-track>span.active{border-color:var(--deep);background:var(--lime);box-shadow:3px 3px #78965e}.step-track>span.done{background:#779b5e;color:#fff}.step-track small{position:absolute;top:35px;color:#4e5c48;font-size:7px}.station-action{display:block;min-width:170px;min-height:48px;margin:35px auto 0;border:3px solid #182d1d;background:var(--deep);color:#fff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:5px 5px 0 var(--matcha)}.station-action:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--matcha)}.station-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.prep-station{position:relative;overflow:hidden;isolation:isolate}.workstation-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.96}.station-top{position:relative;z-index:5}.station-ticket{position:relative;z-index:4;width:max-content;max-width:90%;margin:12px auto 0;display:flex;gap:5px}.station-ticket span{padding:5px 8px;border:2px solid #718064;background:#fffbed;color:var(--deep);font-size:8px;font-weight:900}.workstation-scene{position:relative;z-index:2;width:min(850px,100%);height:255px;margin:2px auto 0}.station-kettle{position:absolute;left:4%;bottom:9%;width:120px;height:150px;background:url(/cafe/kettle.png) center bottom / contain no-repeat;image-rendering:pixelated;transition:filter .2s}.workstation-heat .station-kettle{filter:drop-shadow(0 0 10px #efaa65)}.kettle-readout{position:absolute;left:50%;bottom:0;transform:translate(-50%);padding:4px 7px;border:2px solid #374634;background:#26392a;color:#e7f4b9;font-family:monospace;font-size:10px;font-weight:900}.soak-cup{position:absolute;left:26%;bottom:12%;width:72px;height:74px;overflow:hidden;border:5px solid #6b644e;border-top-width:3px;border-radius:8px 8px 22px 22px;background:#dcefe5b8}.soak-cup:after{content:"";position:absolute;left:23px;bottom:7px;width:23px;height:110px;background:url(/cafe/whisk.png) center bottom / contain no-repeat;transform:rotate(5deg);image-rendering:pixelated}.soak-cup i{position:absolute;inset:auto 0 0;background:#9fcfcd8c;transition:height .2s steps(4)}.workstation-soak .soak-cup{box-shadow:0 0 0 5px #d8e99ab3}.station-sifter{position:absolute;left:39%;bottom:22%;width:95px;height:38px;border:6px solid #73614c;border-radius:50%;background:repeating-linear-gradient(45deg,#c6b99e 0 2px,#eae2ca 2px 4px);transform:rotate(-8deg)}.station-sifter:after{content:"";position:absolute;left:80px;top:10px;width:72px;height:13px;border:4px solid #73614c;background:#d3be94}.station-sifter i{position:absolute;left:18px;top:26px;width:45px;height:25px;border-radius:50%;background:#7a9e4e8c;opacity:0}.station-sifter.is-sifting{animation:sifter-shake .18s steps(2) infinite}.station-sifter.is-sifting i{opacity:1}.workstation-sift .station-sifter{box-shadow:0 0 0 5px #d8e99ab3}@keyframes sifter-shake{50%{transform:translate(6px) rotate(-4deg)}}.station-bowl{position:absolute;left:58%;bottom:4%;width:235px;height:122px;overflow:hidden;border:7px solid #554f3c;border-top-width:3px;border-radius:20px 20px 100px 100px;background:#f1d5a8;box-shadow:inset 0 -17px #c99e6e,8px 8px #3f2f222e}.matcha-surface{position:absolute;left:10px;right:10px;top:6px;height:58px;overflow:hidden;border:4px solid #596044;border-radius:50%;background:#e8dfb7;transition:background .25s}.workstation-pour .matcha-surface,.workstation-whisk .matcha-surface,.workstation-milk .matcha-surface,.workstation-serve .matcha-surface{background:var(--tea)}.sifted-powder{position:absolute;inset:12px 37px;border-radius:50%;background:#759d4b;filter:contrast(1.2)}.active-whisk{position:absolute;z-index:3;left:47%;bottom:8px;width:35px;height:92px;background:url(/cafe/whisk.png) center bottom / contain no-repeat;transform-origin:bottom;animation:station-whisk .13s steps(2) infinite}.microfoam{position:absolute;inset:3px;border-radius:50%;opacity:calc(var(--foam) / 125);background-image:radial-gradient(circle at 20% 30%,#e8f0c9 0 2px,transparent 3px),radial-gradient(circle at 65% 25%,#eff5da 0 3px,transparent 4px),radial-gradient(circle at 45% 65%,#dcebb7 0 2px,transparent 3px),radial-gradient(circle at 80% 62%,#edf4d5 0 2px,transparent 3px);background-size:23px 20px,31px 27px,19px 18px,27px 24px}.foam-100 .matcha-surface{box-shadow:inset 0 0 0 5px #ebf5d385}@keyframes station-whisk{50%{transform:translate(14px) rotate(8deg)}}.station-instruction{position:relative;z-index:4;width:min(520px,94%);min-height:72px;margin:-5px auto 7px;padding:9px 13px;display:grid;gap:5px;border:3px solid var(--deep);background:#fffbedf2;text-align:center;box-shadow:4px 4px #a9815f}.station-instruction b{color:var(--deep);font-size:11px}.station-instruction span{color:#68765f;font-size:8px}.station-instruction input{width:90%;margin:auto;accent-color:#78965e;cursor:pointer}.prep-progress{position:relative;z-index:4;width:min(390px,80%);height:12px;margin:0 auto;border:2px solid var(--deep);background:#fffbed}.prep-progress i{display:block;height:100%;background:var(--matcha);transition:width .16s steps(5)}.prep-station .step-track{position:relative;z-index:4;margin-top:10px}.prep-station .station-action{position:relative;z-index:4;margin-top:32px}.game-screen:has(.prep-station){min-height:0;aspect-ratio:16 / 9}.prep-station{position:absolute;inset:0;min-height:0;padding:0}.workstation-background{opacity:1;object-fit:cover}.prep-station .station-top{position:absolute;z-index:8;left:18px;right:18px;top:16px;min-height:54px;padding:7px 13px;border-width:3px;box-shadow:4px 4px #46523759}.prep-station .station-top>div b{font-size:12px}.prep-station .station-top>button{font-size:9px}.prep-station .station-top>span{font-size:7px}.prep-station .station-ticket{position:absolute;z-index:9;top:78px;right:22px;margin:0}.prep-station .station-ticket span{padding:4px 6px;border-width:1px;font-size:7px}.prep-station .workstation-scene{position:absolute;z-index:3;inset:76px 5% 120px;width:auto;height:auto;margin:0;display:grid;place-items:center}.prep-station .workstation-weigh{place-items:center start;padding-left:5%}.prep-station .workstation-heat{place-items:center end;padding-right:12%}.prep-station .workstation-soak{place-items:center start;padding-left:17%}.prep-station .workstation-sift{place-items:center end;padding-right:12%}.prep-station .workstation-pour{place-items:center;padding-left:4%}.prep-station .workstation-whisk{place-items:center end;padding-right:8%}.prep-station .workstation-milk{place-items:center start;padding-left:15%}.prep-station .workstation-serve{place-items:center end;padding-right:17%}.prep-focus{position:relative;width:min(390px,48%);height:84%;display:grid;place-items:center;image-rendering:pixelated}.prep-focus>img{position:absolute;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(7px 8px 0 rgba(73,55,36,.16))}.focus-kettle{width:min(260px,33%)}.focus-kettle>img{max-height:84%}.focus-kettle>b{position:absolute;z-index:3;bottom:5%;padding:6px 10px;border:3px solid #283d2c;background:#203526;color:#ebf5cb;font-family:monospace;font-size:13px}.heat-glow{position:absolute;inset:12% 4%;z-index:-1;border-radius:50%;background:#f9bd7059;filter:blur(15px)}.focus-scale{width:min(460px,52%)}.focus-scale .weigh-scale{left:27%;bottom:2%;width:46%;height:55%}.focus-scale .weigh-sifter{z-index:3;left:31%;top:4%;width:48%;height:57%}.focus-scale .weigh-tin{right:0;top:9%;width:28%;height:48%}.focus-scale>b,.prep-pour>b,.prep-milk>b{position:absolute;z-index:5;bottom:4%;padding:6px 10px;border:3px solid #283d2c;background:#203526;color:#ebf5cb;font-family:monospace;font-size:13px}.matcha-grains{position:absolute;z-index:4;left:43%;top:31%;width:60px;height:28px;border-radius:50%;background:radial-gradient(circle,#789b48 0 2px,transparent 3px);background-size:8px 7px;transform:rotate(-6deg)}.steam-pixels{position:absolute;left:50%;top:-2%;display:flex;gap:8px}.steam-pixels i{width:5px;height:28px;border-left:4px solid rgba(255,255,244,.85);transform:skew(-12deg);animation:steam-rise 1.2s steps(4) infinite}.steam-pixels i:nth-child(2){animation-delay:-.35s}.steam-pixels i:nth-child(3){animation-delay:-.7s}@keyframes steam-rise{50%{opacity:.35;transform:translateY(-12px) skew(12deg)}}.gentle-bob{animation:gentle-soak .7s steps(2) infinite}@keyframes gentle-soak{50%{transform:translateY(4px)}}.sift-motion{animation:polished-sift .16s steps(2) infinite}@keyframes polished-sift{50%{transform:translate(8px) rotate(2deg)}}.powder-fall{position:absolute;left:49%;top:58%;width:70px;height:50px;background-image:radial-gradient(circle,#79a447 0 2px,transparent 3px);background-size:11px 13px;animation:powder-drift .7s linear infinite}@keyframes powder-drift{to{background-position:5px 13px}}.focus-sifter .sift-bowl{left:13%;bottom:-2%;width:76%;height:69%}.focus-sifter .active-sifter{z-index:3;top:-4%;width:55%;height:48%;transition:left .06s linear;transform:translate(-50%)}.focus-sifter .powder-fall{z-index:2;left:43%;top:37%;height:38%}.prep-pour{width:min(520px,61%)}.prep-pour>img:last-of-type{right:0;bottom:0;max-width:62%;max-height:78%}.prep-pour .pour-kettle{left:0;top:0;max-width:44%;max-height:58%;transform:rotate(-20deg)}.prep-pour>i{position:absolute;left:42%;top:39%;width:8px;height:80px;border-radius:5px;background:#c8e3db;transform:rotate(-17deg);opacity:.85;animation:water-pour .45s steps(3) infinite}@keyframes water-pour{50%{height:68px;opacity:.55}}.prep-pour>b{right:5%}.prep-pour.is-pouring .pour-kettle{animation:kettle-pulse .32s steps(2) infinite}@keyframes kettle-pulse{50%{transform:rotate(-22deg) translateY(2px)}}.prep-milk{width:min(430px,50%)}.prep-milk>img{left:0;width:75%}.milk-pitcher{position:absolute;z-index:5;right:4%;top:18%;font-size:65px;transform:rotate(-28deg);filter:drop-shadow(5px 6px rgba(73,55,36,.18))}.prep-milk>i{position:absolute;z-index:4;right:29%;top:38%;width:8px;height:78px;border-radius:5px;background:#fffdf0;transform:rotate(-20deg);opacity:0}.prep-milk.is-pouring>i{opacity:.9;animation:water-pour .45s steps(3) infinite}.prep-milk>b{right:2%}.prep-whisking{width:min(480px,55%)}.prep-whisking .foam-finish{opacity:0;transition:opacity .18s steps(5)}.matcha-motion{position:absolute;z-index:2;left:17%;right:17%;top:24%;height:36%;overflow:hidden;border-radius:50%;opacity:calc(.35 + var(--foam-progress) * .65);pointer-events:none}.matcha-motion>i{position:absolute;left:50%;top:50%;width:calc(30% + var(--foam-progress) * 38%);aspect-ratio:2.4 / 1;border:3px solid rgba(235,246,197,.68);border-radius:50%;transform:translate(-50%,-50%);animation:matcha-ripple 1.05s ease-out infinite}.matcha-motion>i:nth-child(2){animation-delay:-.26s}.matcha-motion>i:nth-child(3){animation-delay:-.52s}.matcha-motion>i:nth-child(4){animation-delay:-.78s}.matcha-motion>b{position:absolute;width:7px;height:7px;border:2px solid rgba(255,255,222,.8);border-radius:50%;opacity:var(--foam-progress);animation:foam-drift 1.4s steps(5) infinite}.matcha-motion>b:nth-of-type(1){left:28%;top:55%}.matcha-motion>b:nth-of-type(2){left:62%;top:28%;animation-delay:-.45s}.matcha-motion>b:nth-of-type(3){left:72%;top:64%;animation-delay:-.9s}.is-whisking .matcha-motion{animation:liquid-shiver .16s steps(2) infinite}.prep-whisking.is-whisking>img:first-child{animation:bowl-response .32s steps(2) infinite}@keyframes matcha-ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@keyframes foam-drift{50%{transform:translate(5px,-5px)}}@keyframes liquid-shiver{50%{transform:translate(2px) scaleX(1.01)}}@keyframes bowl-response{50%{transform:translateY(1px)}}.whisk-playfield{position:absolute;z-index:7;inset:20% 13% 18%;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}.whisk-playfield svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.whisk-guide,.whisk-trail{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.whisk-guide{stroke:#ffffe6bf;stroke-width:3;stroke-dasharray:4 5;filter:drop-shadow(1px 2px 0 #66814f)}.whisk-trail{stroke:#fffbd0;stroke-width:5;stroke-dasharray:5 2;filter:drop-shadow(2px 2px 0 #718e50);animation:whisk-energy .35s linear infinite}.whisk-playfield>i{position:absolute;width:19px;height:19px;display:grid;place-items:center;border:3px solid #344c34;border-radius:50%;background:#fffbe7;color:#344c34;transform:translate(-50%,-50%);box-shadow:2px 3px #2e412a4d;transition:transform .12s,background .12s,opacity .15s}.whisk-playfield>i.active{background:#dff09c;transform:translate(-50%,-50%) scale(1.25);animation:whisk-target-pulse .7s steps(2) infinite}.whisk-playfield>i.passed{background:#86ae64;color:#fff}.whisk-cursor{position:absolute;z-index:3;width:45px;height:59px;object-fit:contain;image-rendering:pixelated;transform:translate(-50%,-72%) rotate(var(--whisk-angle));transform-origin:50% 78%;pointer-events:none;filter:drop-shadow(3px 4px 0 rgba(58,75,45,.3));transition:left 35ms linear,top 35ms linear,transform .06s linear}.is-whisking .whisk-cursor{animation:chasen-contact .12s steps(2) infinite}@keyframes chasen-contact{50%{margin-top:2px;filter:drop-shadow(2px 2px 0 rgba(58,75,45,.28)) brightness(1.04)}}@keyframes whisk-energy{to{stroke-dashoffset:-7}}@keyframes whisk-target-pulse{50%{box-shadow:0 0 0 7px #dcf09c66,2px 3px #2e412a4d}}.whisk-finish-burst{position:absolute;z-index:9;inset:20% 7%;display:flex;justify-content:space-between;align-items:center;color:#fffbd2;font-size:24px;opacity:0;pointer-events:none;text-shadow:2px 3px #78945c}.whisk-finish-burst i{width:8px;height:8px;background:currentColor;transform:rotate(45deg)}.whisk-complete .whisk-finish-burst{animation:finish-burst .75s ease-out both}.whisk-complete .whisk-playfield>i{opacity:0}.whisk-complete .foam-finish{animation:foam-settle .65s ease-out both}@keyframes finish-burst{0%{opacity:0;transform:scale(.65)}35%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes foam-settle{45%{transform:scale(1.025);filter:drop-shadow(0 0 15px rgba(244,250,205,.8))}}.foam-sparkles,.ready-sparkles{position:absolute;z-index:4;color:#f8f3c7;font-size:18px;text-shadow:2px 2px #78945c}.foam-sparkles{inset:18% 7%;opacity:.85}.foam-sparkles i{position:absolute;width:6px;height:6px;background:currentColor;transform:rotate(45deg);animation:foam-twinkle .7s steps(2) infinite}.foam-sparkles i:nth-child(1){left:15%;top:40%}.foam-sparkles i:nth-child(2){right:18%;top:22%;animation-delay:-.2s}.foam-sparkles i:nth-child(3){right:8%;bottom:12%;animation-delay:-.4s}@keyframes foam-twinkle{50%{opacity:.15;transform:scale(.5) rotate(45deg)}}.ready-sparkles{top:8%;right:5%}.prep-station .station-instruction{position:absolute;z-index:8;left:22px;bottom:72px;width:min(310px,41%);min-height:62px;margin:0;padding:8px 11px;border-width:3px;text-align:left;box-shadow:4px 4px #4652374d}.prep-station .station-instruction b{font-size:10px}.prep-station .station-instruction span{font-size:7px}.prep-station .station-instruction input{width:100%}.prep-station .prep-progress{position:absolute;z-index:9;left:22px;bottom:60px;width:min(310px,41%);height:9px;margin:0;border-width:2px}.prep-progress.timing-meter{overflow:visible;background:linear-gradient(90deg,#e5c18f 0 44%,#cce58e 44% 70%,#e8b08e 70%)}.prep-progress.timing-meter>em{position:absolute;left:44%;top:-4px;width:26%;height:13px;border-left:2px solid #4d6b40;border-right:2px solid #4d6b40;pointer-events:none}.prep-progress.timing-meter>i{background:#364c2fad}.prep-station .step-track{position:absolute;z-index:8;left:50%;bottom:18px;margin:0;transform:translate(-50%);gap:clamp(5px,1.3vw,14px)}.prep-station .step-track>span{width:25px;height:25px;border-width:2px}.prep-station .step-track small{top:27px;font-size:6px}.prep-station .station-action{position:absolute;z-index:8;right:22px;bottom:70px;min-width:145px;min-height:42px;margin:0;border-width:3px;font-size:10px;box-shadow:4px 4px 0 var(--matcha)}.station-action-group{position:absolute;z-index:8;right:22px;bottom:70px;display:flex;gap:7px}.station-action-group button{min-height:42px;padding:7px 12px;border:3px solid var(--deep);background:#fffbed;color:var(--deep);font-size:8px;font-weight:900;cursor:pointer;box-shadow:3px 3px #9bb57b;touch-action:none}.station-action-group button:first-child{background:var(--deep);color:#fff}.station-action-group button:disabled{opacity:.45;box-shadow:none}.result-screen{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle,#f8efd0 0 32%,#d9e4aa 33% 47%,#efc5a9 48% 62%,#f8efd0 63%);text-align:center}.result-person{position:relative;width:115px;height:250px}.result-drink{width:65px;height:74px;margin:-35px 0 15px 105px;position:relative;border:5px solid #4c513e;border-top:0;background:linear-gradient(to bottom,#f3f0de 0 22%,var(--drink) 23% 100%)}.result-drink i,.result-drink b{position:absolute;width:7px;height:23px;top:-16px;background:#d5edf0;border:2px solid #60726a}.result-drink i{left:12px;transform:rotate(-10deg)}.result-drink b{right:12px;transform:rotate(12deg)}.result-screen h2{font-size:clamp(28px,4vw,42px)}.result-stars{display:flex;gap:5px;color:#b8b7a7;margin:12px 0}.result-stars svg{fill:transparent}.result-stars svg.earned{color:#d7a339;fill:currentColor;filter:drop-shadow(2px 2px 0 #886b36)}.result-breakdown{width:min(520px,94%);display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #879876;background:#fffbede6}.result-breakdown span{display:grid;gap:3px;padding:8px 5px;border:1px solid #d2dac4;color:#68775f;font-size:8px}.result-breakdown b{color:var(--deep);font-size:11px}.result-screen p{max-width:480px;color:#52654d;font-size:11px}.result-screen>button:not(.game-reset){width:220px;margin-top:10px}.game-reset{margin-top:17px;border:0;background:none;display:flex;align-items:center;gap:5px;color:#68775f;font-size:9px;cursor:pointer;text-decoration:underline}.game-note{max-width:720px;margin:22px auto 0;color:#68745f;font-size:10px;line-height:1.6;text-align:center}.upgrade-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#1f2f1db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-shop{position:relative;width:min(690px,100%);max-height:calc(100vh - 35px);overflow:auto;padding:30px;border:4px solid var(--deep);background:#fffbed;box-shadow:10px 10px #8cab67;animation:shop-open .2s ease-out both}.upgrade-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:2px solid var(--deep);background:var(--peach);display:grid;place-items:center;cursor:pointer}.upgrade-shop>p{color:#6c7966;font-size:11px}.upgrade-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.upgrade-list article{min-width:0;display:grid;grid-template-columns:84px 1fr;align-items:center;gap:12px;padding:13px;border:2px solid #9bab8e;background:#fff;box-shadow:3px 3px #d3ddba}.upgrade-list article>div:nth-child(2){display:grid;gap:3px}.upgrade-list strong{color:var(--deep);font-size:12px}.upgrade-list p{margin:0;color:#75806e;font-size:9px}.upgrade-list button{grid-column:1 / -1;min-width:72px;padding:9px;border:2px solid var(--deep);background:var(--lime);font-size:9px;font-weight:900;cursor:pointer;box-shadow:2px 2px #78965e}.upgrade-list button:disabled{background:#e4e5dc;color:#899184;box-shadow:none;cursor:default}.upgrade-shop>small{display:block;padding-top:9px;border-top:2px dashed #a8b39d;color:var(--deep);font-weight:900;text-align:right}.upgrade-preview{position:relative;width:80px;height:86px;border:1px solid #bdc8ac;background-color:#eff2dc;filter:none}.sprite-plant{background-image:url(/cafe/plant.png)}.sprite-table{background-image:url(/cafe/table.png)}.sprite-lanterns{background-image:url(/cafe/lanterns.png)}.sprite-shelf{background-image:url(/cafe/shelf.png)}.upgrade-list em{color:#547343;font-size:7px;font-style:normal;font-weight:900}@keyframes shop-open{0%{opacity:0;transform:translateY(10px) scale(.98)}}@media(max-width:1100px){.site-header{margin-inline:14px;padding-inline:18px}.toolbar{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(140px,180px))}.search{grid-row:span 2}.similar-grid{grid-template-columns:repeat(3,1fr)}.product-hero{grid-template-columns:minmax(280px,34%) 1fr;gap:clamp(32px,5vw,60px)}}@media(max-width:900px){.site-header{margin:10px 10px 0;padding-inline:16px}.matcha-grid{grid-template-columns:repeat(2,1fr)}.catalog-heading{align-items:start}.toolbar{grid-template-columns:1fr 160px}.search{grid-row:auto}.price-range-row{grid-template-columns:90px 1fr 135px}.source-profile{grid-template-columns:160px 1fr 1fr}.source-profile>img{width:150px;height:150px}.profile-meta{grid-column:2 / -1;flex-direction:row;align-items:center}.similar-grid,.seo-catalog-grid{grid-template-columns:repeat(2,1fr)}.product-hero{grid-template-columns:minmax(240px,36%) 1fr;gap:32px}footer{grid-template-columns:1fr 1fr}footer p{text-align:right}footer>span{grid-column:span 2;justify-self:start;margin-top:20px}}@media(max-width:700px){.upgrade-list{grid-template-columns:1fr}.seo-page{padding:24px 16px 65px}.product-hero{grid-template-columns:1fr;gap:28px}.seo-product-art{min-height:280px}.seo-product-art img{height:240px}.seo-offers,.seo-two-column,.seo-link-grid,.seo-catalog-grid,.seo-stock-list{grid-template-columns:1fr}.seo-section{padding:20px 16px}.seo-section-heading{display:block}.comparison-head,.comparison-row,.comparison-text-row{min-width:600px;grid-template-columns:100px 1fr 1fr}.comparison-head>*,.comparison-row>*,.comparison-text-row>*{padding:8px}.comparison-head img{width:72px;height:90px}.site-header{grid-template-columns:1fr auto;min-height:0;padding:8px 12px 0}.brand-logo{width:46px;height:46px;margin-right:-5px;border-radius:12px}.site-header nav{grid-column:1 / -1;display:flex;width:calc(100% + 24px);height:44px;margin:7px -12px 0;padding:0 12px;gap:22px;overflow-x:auto;border-top:1px dashed #a9b79c;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a,.site-header .nav-button{flex:0 0 auto;white-space:nowrap}.site-header nav .nav-active:after,.site-header nav .nav-watchlist-active:after{height:4px}.brand{font-size:16px}.hero{padding:68px 18px 64px}.hero:before,.hero:after{display:none}h1{font-size:31px}.hero-stats div{min-width:0;padding:13px 7px}.hero-stats strong{font-size:10px}.hero-stats span{font-size:7px}.catalog{padding:54px 16px 68px}.catalog-heading{display:block}.catalog-heading p{margin-top:14px}.toolbar{grid-template-columns:1fr}.price-filter{gap:14px;width:auto}.price-range-row{grid-template-columns:1fr;gap:7px}.price-filter strong{text-align:left}.filter-button{grid-column:auto}.matcha-grid{grid-template-columns:1fr}footer{display:flex;flex-direction:column;align-items:flex-start;gap:13px}footer p{text-align:left;margin:6px 0}footer>span{margin:0}.login-modal{padding:24px 22px 28px}.flavor-hero{padding:50px 18px 35px}.flavor-finder-page{padding:0 16px 65px}.matcha-picker{height:auto;padding:12px;flex-wrap:wrap}.matcha-picker input{width:calc(100% - 30px);height:35px;border-right:0;border-bottom:1px dashed #a9b79c}.matcha-picker select{width:calc(100% - 25px);height:36px;flex:auto}.source-profile{grid-template-columns:1fr;text-align:center}.source-profile>img{margin:auto}.profile-origin,.source-profile .tags{justify-content:center}.profile-meta{grid-column:auto;flex-direction:column}.similar-heading{display:block}.similar-grid,.review-grid{grid-template-columns:1fr}.reviews-section>button{position:static;margin-top:15px}.review-sliders,.preparation-grid{grid-template-columns:1fr}.preparation-grid .milk-type{grid-column:auto}.admin-page{padding:45px 16px 65px}.admin-heading{align-items:flex-start;gap:15px}.admin-list article>header,.admin-list article>footer{align-items:flex-start;flex-direction:column}.admin-cafe-card{grid-template-columns:1fr}.admin-cafe-card a{text-align:center}.profile-page,.public-profile-page{padding:45px 16px 65px}.profile-card{padding:26px 18px}.public-review-list article>header{flex-direction:column;gap:8px}.mini-flavors,.badge-grid,.admin-badge-grid{grid-template-columns:1fr 1fr}.profile-review-heading{align-items:flex-start;flex-direction:column}.game-shell{padding:25px 10px 55px}.game-title{align-items:stretch;flex-direction:column}.game-title-actions{flex-direction:column}.upgrade-button{min-height:42px}.game-stats span{flex:1;min-width:0}.game-screen:not(:has(.cafe-room)),.prep-station,.result-screen{min-height:540px}.order-bubble{left:2%;top:2%;width:min(150px,54%);padding:6px}.welcome-card{padding:20px 17px}.station-top{grid-template-columns:auto 1fr}.station-top>span{display:none}.counter-scene{height:245px}.game-bowl{width:155px;height:90px}.ingredient{font-size:38px}.ingredient-water{left:19%}.whisk-meter{grid-template-columns:1fr}.step-track{gap:9px}.upgrade-shop{padding:24px 14px}.upgrade-list article{grid-template-columns:58px 1fr}.upgrade-list button{grid-column:1 / -1}.upgrade-preview{width:55px}}@media(max-width:420px){.site-header{margin-inline:6px}.brand{font-size:15px}.brand-logo{width:42px;height:42px}.sign-in-button,.account-button{padding:8px 10px;font-size:10px}.hero{padding-inline:14px}.hero>p,.seo-lede,.seo-title>p{font-size:14px}.hero-stats{width:100%}.card-body{padding-inline:15px}.seo-page{padding-inline:12px}.seo-section{margin-block:28px;padding-inline:13px}.seo-offers article>div{align-items:flex-start;flex-wrap:wrap}.seo-offers .stock{margin-left:0}.seo-stock-list article{align-items:stretch;flex-direction:column}.seo-stock-list article>a:last-child{display:block;padding:9px;border:1px solid var(--line);text-align:center}.review-modal{padding:24px 16px}.preparation-choice{gap:12px}.feedback-card{padding:20px 16px}.toast{width:calc(100% - 24px);justify-content:center;text-align:center}.badge-grid,.admin-badge-grid{grid-template-columns:1fr}.badge-shelf{padding:17px}.badge-shelf>div:first-child{align-items:flex-start;flex-direction:column}.admin-tabs{max-width:100%;overflow-x:auto}}@media(max-width:700px){.game-screen:has(.prep-station){aspect-ratio:4 / 5}.prep-station .station-top{left:8px;right:8px;top:8px;min-height:46px;padding:5px 8px}.prep-station .station-top>div b{font-size:9px}.prep-station .station-top>div span{font-size:6px}.prep-station .station-ticket{top:61px;right:10px}.prep-station .workstation-scene{top:77px;bottom:190px}.prep-station .workstation-scene{place-items:center;padding-left:0;padding-right:0}.prep-focus{width:min(290px,80%)}.focus-kettle{width:min(190px,55%)}.prep-pour,.prep-whisking{width:min(320px,85%)}.whisk-playfield{inset:18% 7% 14%}.prep-station .station-instruction{left:10px;right:10px;bottom:105px;width:auto;min-height:58px}.prep-station .prep-progress{left:10px;bottom:95px;width:calc(100% - 20px)}.prep-station .station-action{right:10px;bottom:47px;min-width:130px;min-height:38px}.station-action-group{left:10px;right:10px;bottom:47px;justify-content:flex-end}.station-action-group button{min-height:38px}.prep-station .step-track{bottom:12px;gap:5px}.prep-station .step-track>span{width:22px;height:22px}.prep-station .step-track small{display:none}.order-bubble{width:120px;padding:5px}.order-bubble p{display:none}.order-bubble>div{margin:3px 0}.order-bubble button{min-height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}