:root{color-scheme:dark;font-family:Inter,ui-rounded,"Segoe UI","Noto Sans SC",system-ui,sans-serif;background:#102b29;color:#fff7dc;--night:#102b29;--paper:#fff2cf;--ink:#263930;--gold:#f2c85f;--brick:#b54f35;--brick-dark:#753123;--focus:#fff19a;--shadow:rgba(20,12,6,.35)}
*{box-sizing:border-box}html{min-height:100%;background:var(--night)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#2d5a48 0,var(--night) 55%)}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}
.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:#fff;color:#111;padding:12px;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:58px;padding:8px max(14px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(10,31,29,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.mini-brand{color:var(--gold);text-decoration:none;font-family:Georgia,serif;font-weight:900;letter-spacing:.04em}.language-control{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#dce9dd}.language-control select{min-height:38px;border-radius:999px;border:1px solid #cda956;background:#173832;color:#fff7dc;padding:0 12px}
main{width:100%}.screen{width:min(100%,540px);min-height:calc(100vh - 58px);margin:0 auto;position:relative;overflow:hidden}.home-screen{padding:42px 20px 38px;text-align:center;background:linear-gradient(180deg,#122d2b 0 58%,#dcb873 58% 100%)}.market-lights{position:absolute;top:12px;left:2%;right:2%;display:flex;justify-content:space-around;transform:rotate(-2deg)}.market-lights::before{content:"";position:absolute;top:2px;left:0;right:0;border-top:2px solid #7c4a2d}.market-lights i{width:15px;height:22px;margin-top:2px;border-radius:50% 50% 42% 42%;background:#ffe78b;box-shadow:0 0 18px #ffdb63;z-index:1}
.hero-sign{position:relative;z-index:2;width:min(94%,410px);margin:18px auto 10px;padding:24px 20px 22px;background:#163832;border:4px solid #7b3c2d;border-radius:18px 18px 26px 26px;box-shadow:0 10px 0 #5a2a20,0 18px 26px var(--shadow);transform:rotate(-1deg)}.hero-sign::before,.hero-sign::after{content:"";position:absolute;top:-26px;width:6px;height:30px;background:#75412c}.hero-sign::before{left:20%}.hero-sign::after{right:20%}.eyebrow{margin:0 0 8px;color:#f9d987;letter-spacing:.17em;font-size:.72rem;font-weight:900}h1{margin:0;font-family:Georgia,serif;font-size:clamp(3.2rem,15vw,5.7rem);line-height:.72;color:#fff0ae;text-shadow:4px 5px 0 var(--brick)}h1 span{font-size:.68em;letter-spacing:.04em}.hero-copy{margin:20px 0 0;font-weight:700;color:#fff7dd}
.stall-scene{position:relative;width:min(100%,430px);height:128px;margin:0 auto -5px;background:#8f472f;border:4px solid #672d21;border-radius:16px 16px 8px 8px;box-shadow:0 10px 18px var(--shadow)}.awning{height:34px;border-radius:12px 12px 0 0;background:repeating-linear-gradient(90deg,#f4d687 0 42px,#b54f35 42px 84px);border-bottom:4px solid #713224}.counter-art{height:76px;display:grid;place-items:center;font-size:2.15rem;background:#f1d58f;color:#263930}.steam{position:absolute;top:34px;font-size:2rem;color:#fff;opacity:.65;animation:float 2.2s infinite ease-in-out}.steam-one{left:28%}.steam-two{right:29%;animation-delay:.8s}@keyframes float{50%{transform:translateY(-15px);opacity:.2}}
.panel-paper{color:var(--ink);background:var(--paper);border:3px solid #93432f;border-radius:18px;box-shadow:5px 7px 0 var(--brick-dark)}.home-actions{position:relative;z-index:2;width:min(100%,420px);margin:0 auto;padding:18px}.primary-button,.secondary-button,.small-actions button,.back-button,.tool-button{min-height:48px;border-radius:13px;font-weight:900}.primary-button{width:100%;border:2px solid #6e2e22;background:var(--brick);color:#fff8e0;box-shadow:0 5px 0 #6e2e22;padding:11px 18px}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #6e2e22}.secondary-button{width:100%;margin-top:12px;border:2px solid #83502f;background:var(--gold);color:#24372e;padding:10px}.small-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.small-actions button{border:1px solid #9f7650;background:#fff8e7;color:#304038;padding:8px}
.inner-screen{min-height:calc(100vh - 58px);padding:24px 16px 44px;background:linear-gradient(180deg,#173832,#102b29)}.screen-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.screen-heading h2{margin:0;font:900 1.75rem Georgia,serif;color:#ffe498}.screen-heading .eyebrow{margin-bottom:4px}.back-button{width:48px;border:2px solid #d6aa55;background:#24493e;color:#fff4d0;font-size:1.4rem}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.level-button{min-height:104px;border:3px solid #8a402e;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:3px 5px 0 #642d22;padding:9px;font-weight:900}.level-button .number{display:block;font:900 1.8rem Georgia,serif;color:#a44330}.level-button .stars{display:block;color:#c08722;margin-top:7px}.level-button[disabled]{filter:grayscale(.8);opacity:.55;cursor:not-allowed}
.game-screen{min-height:calc(100vh - 58px);padding:12px 12px 28px;background:linear-gradient(180deg,#142d2a 0 39%,#dfbd79 39% 100%)}.game-hud{display:flex;justify-content:space-between;gap:6px;position:relative;z-index:2}.hud-pill{min-width:84px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:999px;background:#f2d58e;color:#24382f;border:2px solid #8a432f;font-size:.9rem}.game-brand{width:max-content;margin:10px auto 12px;color:#ffe28a;font:900 1.2rem Georgia,serif;text-shadow:2px 2px #9f412e}.customer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.customer-button{min-height:92px;padding:8px 4px;border:3px solid #954431;border-radius:15px;background:#fff3d1;color:#27392f;box-shadow:3px 4px 0 #672d22}.customer-button[aria-pressed="true"]{transform:translateY(-4px);border-color:#ffe36f;box-shadow:0 0 0 3px #aa4a33,3px 7px 0 #672d22}.customer-face{display:block;font-size:2rem}.customer-name{display:block;font-size:.7rem;font-weight:900;margin-top:4px}.patience{display:block;height:6px;background:#d9c9a5;border-radius:999px;margin:6px 5px 0;overflow:hidden}.patience i{display:block;height:100%;background:#54a979}
.order-card{min-height:102px;margin:11px 0 8px;padding:11px;border:3px dashed #a34e37;border-radius:16px;background:#fff4d5;color:var(--ink);box-shadow:0 5px 0 rgba(107,47,32,.55)}.order-head{display:flex;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:900}.order-items{display:flex;gap:8px;margin-top:9px}.order-item{width:48px;height:48px;border-radius:12px;border:2px solid #82402f;background:#f1ca69;display:grid;place-items:center;font-size:1.7rem;position:relative}.order-item.served{opacity:.55}.order-item.served::after{content:"✓";position:absolute;color:#124c37;font-weight:1000}.game-message{min-height:27px;text-align:center;font-weight:1000;color:#7a281d;text-shadow:0 1px #fff0c7}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.food-button{min-height:72px;padding:6px 3px;border:3px solid #91422f;border-radius:13px;background:#fff3d4;color:#263930;box-shadow:2px 4px 0 #632b20;font-weight:900;touch-action:manipulation}.food-button .food-icon{display:block;font-size:1.75rem}.food-button small{display:block;font-size:.64rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-tools{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:7px;margin-top:10px}.tool-button,.tapau-zone{min-height:55px;display:grid;place-items:center;border:2px solid #efd17f;border-radius:12px;background:#24483d;color:#fff5d4;font-size:.76rem;text-align:center;padding:5px}.tapau-zone{font-size:1.15rem;touch-action:none}.tapau-zone.ready{background:#a44731;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(1.04)}}.pause-overlay{position:absolute;inset:0;z-index:30;background:rgba(5,21,19,.83);display:grid;place-items:center;padding:28px}.pause-overlay .panel-paper{width:100%;padding:24px;text-align:center}.pause-overlay h2{font:900 2rem Georgia,serif}
.result-card{margin-top:4vh;padding:24px;text-align:center}.result-card h2{font:900 2rem Georgia,serif;color:#a64230}.result-score{font:900 3.1rem Georgia,serif;color:#173832;margin:8px}.result-stars{font-size:2rem;color:#c58a1c}.result-actions{display:grid;gap:10px;margin-top:20px}.local-board{margin-top:22px;padding-top:14px;border-top:2px dashed #bd8a55;text-align:left}.local-board h3{text-align:center}.local-board ol{padding-left:24px}.local-board li{padding:6px;display:flex;justify-content:space-between}.profile-form{padding:20px}.profile-form label{display:grid;gap:7px;margin-bottom:16px;font-weight:800}.profile-form input,.profile-form select{min-height:48px;border:2px solid #a45a3f;border-radius:10px;background:#fffaf0;color:#25382f;padding:9px}.profile-form .check-row{grid-template-columns:auto 1fr;align-items:center}.check-row input{width:24px}.form-error{min-height:24px;color:#9d2c20;font-weight:800}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.collection-card{padding:14px;text-align:center}.collection-card.locked{filter:grayscale(1);opacity:.5}.collection-icon{font-size:2.4rem}.collection-name{display:block;color:var(--ink);font-weight:900;margin-top:7px}.site-footer{padding:22px 16px;display:flex;justify-content:space-between;gap:16px;background:#071d1b;color:#b9cfc5;font-size:.75rem}.site-footer nav{display:flex;gap:12px}.site-footer a{color:#f1d27c}
@media(min-width:760px){body{padding:18px}.site-header,.screen,.site-footer{max-width:540px;margin-left:auto;margin-right:auto}.site-header{border-radius:18px 18px 0 0}.site-footer{border-radius:0 0 18px 18px}.screen{min-height:760px;box-shadow:0 16px 48px rgba(0,0,0,.35)}}@media(max-width:350px){.screen{padding-left:8px;padding-right:8px}.hud-pill{min-width:72px;font-size:.77rem}.food-button small{font-size:.56rem}.game-tools{grid-template-columns:1fr 1fr 1.15fr}.site-header [data-i18n="language"]{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important}
/* ---- King Lepak hosting ---- */
.kl-back{display:grid;place-items:center;width:36px;height:36px;margin-right:6px;border-radius:12px;border:1px solid #cda956;color:#f8df9b;text-decoration:none;font-weight:900;flex:none}
.site-header .mini-brand{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-lang-switch{display:flex;gap:2px;padding:3px;border-radius:999px;border:1px solid #cda956;background:#173832;flex:none}
.kl-lang-switch button{min-height:32px;min-width:44px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:#fff7dc;font:700 .8rem system-ui,sans-serif;cursor:pointer}
.kl-lang-switch button[aria-pressed="true"]{background:var(--gold);color:#173832}
@media(max-width:360px){.kl-lang-switch button{min-width:38px;padding:0 6px;font-size:.74rem}.kl-back{width:32px;height:32px}}
.ad-slot.kl-ad{display:block;border:0;background:transparent;padding:6px 0;min-height:100px}
.kl-ad-label{display:block;margin-bottom:4px;color:#cdbb8a;font-size:.68rem;letter-spacing:.12em;text-align:center}

/* food buttons swap places on every new order */
.food-grid.shuffled .food-button{animation:kl-swap .28s ease}
@keyframes kl-swap{0%{transform:scale(.82);opacity:.35}100%{transform:none;opacity:1}}
.tool-button:disabled{opacity:.5}