@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,system-ui,sans-serif;color:#163f41;background:#123f42;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #ea5e47;outline-offset:3px}button{border:0}button:disabled{cursor:default;opacity:.55}.app{max-width:480px;margin:auto;background:#fff9e9;min-height:100dvh;box-shadow:0 0 100px #001b2390;position:relative;padding-bottom:105px}header{height:89px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#123f42;color:#fff9e9}.brand{font-family:'Baloo 2',system-ui;font-size:29px;font-weight:800;text-decoration:none;color:#ffce54;line-height:.9;transform:rotate(-3deg)}.brand span{display:block;font:800 12px Nunito,system-ui;letter-spacing:3px;margin-top:10px;color:white}.balance{border:1px solid #ffffff38;border-radius:22px;padding:8px 13px}.balance span{color:#ffce54}.balance small{font-size:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Baloo 2',system-ui;line-height:1.12}h1{font-size:34px;margin-bottom:8px}h2{font-size:29px}p{line-height:1.5}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;text-transform:uppercase}.street{position:relative;min-height:630px;background:#77d5d5;overflow:hidden}.street-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.street-top{position:relative;padding:22px 24px;background:linear-gradient(#fff8e9ed,#fff8e900);height:155px}.street-top p{font-weight:800}.pill{display:inline-block;background:#fff9e9;border-radius:30px;padding:7px 12px;font-weight:900;font-size:12px;box-shadow:0 3px 0 #123f4220}.quest{position:absolute;bottom:22px;left:20px;right:20px;border-radius:23px;background:#fffbed;padding:20px;box-shadow:0 7px 0 #123f4225;border:2px solid #123f42}.quest h2{margin:7px 0;font-size:25px}.quest p{font-size:14px;margin-bottom:14px}.primary{display:block;width:100%;border-radius:15px;background:#f7bc40;color:#163f41;padding:14px 15px;font-weight:900;box-shadow:0 4px 0 #c88a22;font-size:16px;transition:transform .15s}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #c88a22}.pin{position:absolute;left:50%;top:40%;transform:translateX(-50%);border:3px solid #fff9e9;border-radius:25px;padding:11px 18px;background:#123f42;color:white;font-weight:900;box-shadow:0 5px 0 #0002;animation:bob 3s infinite}.progress{padding:16px 24px;display:flex;align-items:center;gap:13px;font-size:14px}.track{height:9px;border-radius:10px;background:#e0dfce;flex:1;overflow:hidden}.track i{display:block;height:100%;background:#229a81}nav{position:fixed;bottom:25px;width:100%;max-width:480px;z-index:10;background:#fffbed;border-top:1px solid #173f4120;display:flex;padding:9px 12px}nav button{background:transparent;flex:1;font-size:24px;border-radius:14px;padding:5px}nav span{display:block;font-size:12px;font-weight:900}nav button.active{background:#e1eee2;color:#126859}.demo{position:fixed;bottom:0;width:100%;max-width:480px;z-index:11;background:#123f42;color:#fff9e9;text-align:center;font-size:10px;letter-spacing:1.5px;height:25px;padding:6px}.page{padding:26px 23px}.back{background:none;padding:0 0 20px;font-weight:800}.panel{border:2px solid #163f41;border-radius:22px;padding:22px;background:white;margin:20px 0;box-shadow:0 5px 0 #173f4112}.big-emoji{font-size:80px;text-align:center;line-height:1.3;margin:15px 0}.muted{font-size:14px;color:#516865}.tag{display:inline-block;font-weight:900;font-size:12px;background:#e4efde;padding:6px 10px;border-radius:8px}.notice{font-size:13px;background:#fff0c5;padding:12px;border-radius:12px;line-height:1.5}.game-head{display:flex;justify-content:space-between;align-items:center}.timer{background:#123f42;color:#ffce54;border-radius:50%;width:62px;height:62px;display:grid;place-content:center;font-weight:900;font-size:22px}.order{background:#123f42;color:white;padding:18px;border-radius:18px;margin:16px 0}.order h2{font-size:21px;margin-bottom:12px}.recipe{display:flex;gap:6px;flex-wrap:wrap}.recipe span{font-size:14px;border:1px solid #ffffff55;border-radius:9px;padding:6px}.recipe .done{background:#84c9a4;color:#123f42}.plate{min-height:100px;display:flex;align-items:center;justify-content:center;gap:5px;border-bottom:5px solid #ded3b4;border-radius:40%;margin:12px 0 24px;font-size:32px}.ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ingredients button{border:2px solid #d8decf;border-radius:15px;background:white;padding:12px 3px;font-weight:800;font-size:13px;box-shadow:0 4px 0 #d8decf}.ingredients b{display:block;font-size:30px;margin-bottom:5px}.feedback{min-height:32px;text-align:center;font-weight:800;margin:18px 0 0}.card{background:#ffe08a;border:3px solid #163f41;border-radius:23px;text-align:center;padding:25px 20px;box-shadow:5px 6px 0 #173f41;position:relative}.card h2{margin:12px 0}.card .big-emoji{font-size:95px}.secondary{background:#e3ecdf;width:100%;border-radius:14px;padding:13px;font-weight:900;margin-top:14px}.reward{background:#123f42;color:#fff9e9;text-align:center}.reward .primary{margin-top:18px}.reward h2{color:#ffce54}.score-row{display:flex;justify-content:space-between;padding:18px 12px;border-bottom:1px solid #deded0;gap:12px}.score-row.mine{background:#e3ecdf;border-radius:12px}label{font-size:14px;font-weight:900;display:block;margin-bottom:8px}input{width:100%;font:inherit;padding:12px;border:2px solid #bdcbbb;border-radius:12px;background:white}.celebrate{animation:pop .45s ease-out}.empty{text-align:center;padding:28px 10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes bob{50%{translate:0 -7px}}@keyframes pop{0%{transform:scale(.85)}70%{transform:scale(1.05)}}@media(min-width:700px){.app{margin:25px auto;border-radius:28px;overflow:hidden;min-height:calc(100dvh - 50px)}nav{bottom:50px}.demo{bottom:25px;border-radius:0 0 28px 28px}.street{min-height:650px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}