:root{--paper:#f5f2e9;--ink:#223c3d;--muted:#6e7770;--coral:#e86847;--line:#d9dacf;--teal:#236e6b;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--coral);outline-offset:5px}button{touch-action:manipulation}[hidden]{display:none!important}.masthead{height:103px;margin:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.wordmark{position:relative;color:var(--ink);text-decoration:none;font-size:35px;font-weight:900;letter-spacing:-2.5px;display:flex;align-items:center}.wordmark span{color:var(--coral)}.wordmark svg{width:32px;height:27px;transform:rotate(-15deg);margin-left:12px}.edition{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-left:15px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.record{display:flex;align-items:center;gap:11px;font-size:12px}.record>span:first-child{font-size:25px;color:var(--teal)}.record-label{font-size:9px;letter-spacing:1.1px}.record strong{font-size:17px;font-variant-numeric:tabular-nums}.icon-button{background:transparent;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layout{max-width:1320px;margin:38px auto 34px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,420px) minmax(220px,1fr);gap:clamp(30px,4vw,66px);padding:0 5%;align-items:center}.intro{padding-bottom:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--coral)}h1{font-size:clamp(42px,4.5vw,66px);line-height:1.02;letter-spacing:-3.5px;margin:28px 0 24px;font-weight:850}h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--coral);letter-spacing:-3px}.intro>p{font-size:14px;line-height:1.8;max-width:240px}.intro-rule{width:42px;height:2px;background:var(--coral);margin:30px 0 22px}.intro .small-note,.small-note{font-size:11px;line-height:1.8;color:var(--muted)}.stamp{margin-top:46px;width:131px;height:131px;border:1px solid #b0bab0;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;transform:rotate(-13deg);color:#7e9288;position:relative}.stamp:after{content:"";position:absolute;inset:6px;border:1px dashed #bac3b8;border-radius:50%}.stamp span{font-size:7px;letter-spacing:1.5px}.stamp strong{font-size:13px;letter-spacing:1px}.game-shell{isolation:isolate;position:relative;width:100%;height:min(720px,calc(100svh - 190px));min-height:550px;background:#c1deda;border:2px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:7px 9px 0 #223c3d13;touch-action:none;user-select:none;-webkit-user-select:none}canvas{width:100%;height:100%;display:block;outline:none!important}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 28px 60px;background:linear-gradient(180deg,#d9e9df40,#d9e9df00 70%)}.sky-tag{font-size:8px;letter-spacing:2px;font-weight:700;color:#4d7169}.overlay h2{font-size:70px;line-height:.98;letter-spacing:-5px;font-weight:900;margin:16px 0}.overlay h2>span{color:var(--coral)}.start-line{font-size:12px;line-height:1.7;margin:0;color:#3f6760}.hero-space{flex:1;min-height:80px}.primary{border:0;background:var(--coral);color:#fff9e9;width:100%;min-height:54px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:17px;font-weight:750;box-shadow:0 4px 0 #ac4d35;transition:background .15s,transform .15s}.primary:hover{background:#d85b3b}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #ac4d35}.primary>span:last-child{font-size:24px;font-weight:400}.primary #start-label{font-size:17px;font-weight:750}.control-hint{font-size:10px;margin:17px 0 8px}.tap-icon{font-size:18px;vertical-align:-1px;margin-right:5px}.keyboard-hint{font-size:7px;letter-spacing:1.7px;color:#516e63}.game-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:13px 20px;background:#faf2dcec;color:#4f6e62;font-size:7px;font-weight:600;letter-spacing:1.4px}.game-bottom i{display:inline-block;background:#54867b;width:5px;height:5px;border-radius:50%;margin-right:4px}.game-bottom>span:last-child{font-size:12px;line-height:8px}.guide{align-self:center}.guide>.eyebrow{margin-bottom:27px;font-size:8px;letter-spacing:1.5px}.guide-step{display:flex;gap:14px;margin:0 0 24px}.step-number{font-family:Georgia,serif;font-size:12px;font-style:italic;color:var(--coral);padding-top:3px}.guide h3{font-size:12px;margin:0 0 7px;font-weight:750}.guide p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.wish-list{margin:0 0 26px 30px;display:flex;flex-direction:column;gap:17px}.wish-list>div{display:flex;align-items:center;gap:12px}.wish-list strong{font-size:11px;font-weight:650;display:block}.wish-list small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.item-icon{width:30px;height:33px;display:block;background-repeat:no-repeat;background-size:contain;background-position:center;flex-shrink:0}.umbrella-icon{background-image:url(assets/umbrella.webp)}.coffee-icon{background-image:url(assets/coffee.webp)}.beer-icon{background-image:url(assets/beer.webp)}.pause-item{width:30px;flex-shrink:0;text-align:center;color:var(--teal);font-size:29px;font-family:Georgia,serif}.last-step{margin-bottom:28px}.guide .hand-note{font-family:Georgia,serif;color:var(--teal);font-style:italic;font-size:15px;transform:rotate(-5deg);padding-left:30px}.hand-note span{font-size:27px;margin-left:8px}.hand-note small{font-size:10px}footer{margin:0 5%;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:600;letter-spacing:1.2px;color:var(--muted)}.footer-dot{color:var(--coral);margin:0 9px}.text-button{background:none;border:none;padding:0;color:var(--ink);font-size:10px;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.text-button span{margin-left:10px}.game-hud{position:absolute;left:22px;right:16px;top:20px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.hud-label{font-size:8px;letter-spacing:2px;display:block;font-weight:700}.game-hud strong{font-size:34px;font-weight:850;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1.1}.hud-right{display:flex;align-items:center;gap:11px}.hud-right>span{font-size:12px;font-weight:700}.pause-button{width:36px;height:36px;border:1px solid #456c6040;border-radius:50%;background:#f8f7e960;pointer-events:auto;color:var(--ink);display:grid;place-items:center}.pause-button svg{stroke:currentColor;stroke-width:2.5;width:20px}.wish{position:absolute;top:97px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff8e9ed;padding:9px 15px;border-radius:20px 20px 20px 3px;font-size:13px;font-weight:700;box-shadow:0 2px 0 #254c3812;pointer-events:none}.effect{position:absolute;left:22px;bottom:24px;font-size:10px;font-weight:750;max-width:180px;background:#fff8e9e8;padding:10px 13px;border-radius:8px;pointer-events:none}.effect-track{display:block;width:130px;height:3px;background:#2b5b5622;margin-top:7px;border-radius:2px;overflow:hidden}.effect-track i{display:block;height:100%;background:var(--teal);transform-origin:left}.combo{position:absolute;right:22px;bottom:24px;font-size:16px;font-weight:800;color:var(--teal);background:#fff8e9e8;border-radius:8px;padding:10px;pointer-events:none}.result-overlay{justify-content:center;background:#f5f2e9eb;padding-top:30px}.result-overlay h2{font-size:57px;letter-spacing:-3px;margin:18px 0 12px}.end-quip{font-size:12px;line-height:1.7;margin:0;max-width:245px;color:#5a7066}.result-score{display:flex;flex-direction:column;margin:25px 0 20px;gap:4px}.result-score>span{font-size:8px;letter-spacing:2px}.result-score>strong{font-size:67px;line-height:1;font-weight:850;letter-spacing:-4px;color:var(--teal);font-variant-numeric:tabular-nums}.result-details{display:flex;gap:20px;margin-bottom:28px;font-size:9px;color:#5a7066}.result-details strong{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}.saved-note{font-size:9px;color:var(--muted);margin:17px 0 0}.pause-overlay{justify-content:center;background:#f5f2e9e8;gap:12px}.pause-overlay h2{font-size:53px;letter-spacing:-3px}.pause-overlay p{font-size:13px;margin:0 0 20px}.pause-overlay .text-button{margin-top:15px}dialog{border:2px solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink);padding:36px;max-width:420px;width:calc(100% - 32px);box-shadow:8px 10px 0 #223c3d20}dialog::backdrop{background:#193b4266;backdrop-filter:blur(3px)}dialog h2{font-size:42px;line-height:1.03;letter-spacing:-2px;margin:22px 0}dialog p{font-size:12px;line-height:1.8}dialog .primary{margin-top:24px}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:none;font-size:28px;color:var(--ink)}kbd{border:1px solid #bac5ba;border-radius:3px;padding:1px 4px;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.layout{margin-top:45px;gap:70px}.game-shell{height:min(760px,calc(100svh - 205px))}}
@media(max-width:1050px){.layout{gap:28px;padding:0 4%;grid-template-columns:1fr minmax(320px,400px) 1fr}.edition{display:none}h1{font-size:46px;letter-spacing:-2.5px}.intro>p{font-size:12px}.guide-step{gap:9px}.guide h3{font-size:11px}.guide p{font-size:10px}.wish-list{margin-left:21px;gap:14px}.wish-list small{font-size:8px}.guide .hand-note{font-size:12px;padding-left:15px}.stamp{width:110px;height:110px}.stamp strong{font-size:11px}}
@media(max-width:850px){.layout{max-width:720px;grid-template-columns:minmax(150px,1fr) minmax(320px,400px);gap:28px}.guide{display:none}.masthead{height:84px}.game-shell{height:calc(100svh - 168px);min-height:550px}.layout{margin-top:24px;margin-bottom:22px}.local-note{display:none}footer{padding:15px 0}h1{font-size:43px}.intro>.eyebrow{font-size:7px;letter-spacing:1px}}
@media(max-width:580px){body{height:100svh;overflow:hidden}.masthead{height:64px;margin:0 19px;border:0;gap:8px}.wordmark{font-size:29px}.wordmark svg{width:25px;margin-left:8px}.header-actions{gap:11px}.record{gap:7px}.record-label{font-size:7px;letter-spacing:.6px}.record strong{font-size:14px}.record>span:first-child{font-size:20px}.icon-button{width:32px;height:32px}.layout{display:block;margin:0;padding:0 10px;height:calc(100svh - 75px);max-width:none}.intro,.guide,footer{display:none}.game-shell{height:100%;min-height:0;max-width:470px;margin:0 auto;border-radius:17px;box-shadow:3px 4px 0 #223c3d10}.overlay{padding:clamp(28px,6svh,60px) 28px 58px}.overlay h2{font-size:clamp(59px,17vw,76px)}.hero-space{min-height:45px}.result-overlay,.pause-overlay{padding-top:25px;padding-bottom:28px}.result-overlay h2{font-size:55px}.result-score{margin:20px 0}.result-score>strong{font-size:62px}.game-hud{top:18px}.wish{top:90px}.result-details{margin-bottom:23px}.keyboard-hint{font-size:7px}.game-bottom{padding:12px 17px}.control-hint{font-size:10px}}
@media(max-height:670px) and (max-width:580px){.masthead{height:53px}.layout{height:calc(100svh - 62px)}.overlay{padding-top:23px;padding-bottom:48px}.sky-tag{font-size:7px}.overlay h2{font-size:52px;margin:12px 0}.start-line{font-size:10px}.primary{min-height:46px}.control-hint{margin-top:12px;font-size:9px}.hero-space{min-height:30px}.result-overlay h2{font-size:38px}.result-score{margin:12px 0}.result-score>strong{font-size:48px}.end-quip{font-size:10px}.result-details{margin-bottom:16px}.result-overlay{padding-bottom:20px}.saved-note{font-size:8px}.pause-overlay h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.grandis-icon{background-image:url(assets/grandis.webp)}.hotdog-icon{background-image:url(assets/hotdog.webp)}.food-reserve{position:absolute;top:72px;left:22px;font-size:9px;font-weight:750;color:#b65536;pointer-events:none}.effect.food-active{background:#fff2d9f2;border:1px solid #d88b5470}.effect.food-active .effect-track i{background:var(--coral)}.guide .wish-list{gap:12px}.guide>.eyebrow{margin-bottom:23px}.guide-step{margin-bottom:19px}.guide .hand-note{margin-top:5px}dialog{max-height:calc(100svh - 32px);overflow-y:auto}
.city-link{background:none;border:0;padding:0;cursor:pointer}.city-link:hover{text-decoration:underline;text-underline-offset:4px}.character-picker{border:0;padding:0;margin:0 0 15px;display:flex;justify-content:center;gap:8px;width:100%;flex-shrink:0}.character-picker legend{font-size:8px;letter-spacing:1px;text-transform:uppercase;padding-bottom:7px;width:100%;text-align:center;color:#4d7169}.character-picker button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #7d9b8a70;border-radius:7px;background:#fff8e970;color:var(--ink);min-width:99px;height:39px;font-size:11px;font-weight:650}.character-picker button[aria-pressed=true]{border:2px solid var(--teal);background:#fff9e6;box-shadow:0 2px 0 #2a6f661a}.character-picker img{width:25px;height:30px;object-fit:contain}.hero-space{min-height:38px}.overlay#start-screen{padding-top:35px;padding-bottom:51px}.overlay#start-screen h2{margin:12px 0}.overlay#start-screen .control-hint{margin-top:14px}#city-dialog{max-width:850px}#city-dialog h2{font-size:42px}.city-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 16px;margin:25px 0}.city-gallery figure{margin:0;background:#e8ebdf;border-radius:10px;padding:13px 10px 11px;text-align:center}.city-gallery img{display:block;width:100%;height:140px;object-fit:contain;margin-bottom:10px}.city-gallery figcaption{font-size:11px;font-weight:700}@media(max-width:580px){.overlay#start-screen{padding-top:25px;padding-bottom:46px}.overlay#start-screen h2{font-size:60px}.character-picker{margin-bottom:13px}.character-picker button{height:35px}.city-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.city-gallery img{height:100px}.city-gallery figcaption{font-size:10px}}@media(max-height:670px) and (max-width:580px){.overlay#start-screen{padding-top:17px;padding-bottom:43px}.overlay#start-screen h2{font-size:48px;margin:8px 0}.hero-space{min-height:25px}.character-picker{margin-bottom:10px}.character-picker legend{padding-bottom:4px}.character-picker button{height:30px}.character-picker img{height:25px}.overlay#start-screen .control-hint{margin-top:10px}.keyboard-hint{font-size:6px}}
.change-character{margin-top:18px;color:var(--teal);text-decoration:underline}.change-character+.saved-note{margin-top:12px}
.game-bottom .text-button{font-size:7px;letter-spacing:.7px;font-weight:650;color:#4f6e62}
.score-form{display:flex;gap:8px;width:100%;margin-bottom:6px}.score-form[hidden]{display:none}.score-form input{flex:1;min-width:0;min-height:42px;padding:0 12px;border:2px solid var(--ink);border-radius:9px;background:#fffdf6;color:var(--ink);font:inherit;font-size:16px}.score-form button{min-height:42px;padding:0 16px;border:2px solid var(--ink);border-radius:9px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:750}.score-form button:disabled{opacity:.55;cursor:wait}.score-status{min-height:12px;margin:0 0 6px;font-size:10px;color:var(--teal)}
.scores-list{list-style:decimal inside;margin:18px 0 0;padding:0;max-height:min(46svh,420px);overflow-y:auto}.scores-list li{padding:7px 4px;border-bottom:1px solid var(--line);font-size:14px}.scores-list li span{display:inline-block;max-width:calc(100% - 110px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.scores-list li strong{float:right}.scores-list .own-score{color:var(--teal);font-weight:750}