@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--lime:#d5fa70;--ink:#10170e;--orange:#ff834f}*{box-sizing:border-box}body{margin:0;color:#f9f7e9;background:radial-gradient(ellipse at 50% 35%,#263725 0,#111a13 47%,#0b110e 90%);font-family:'DM Sans',sans-serif;min-height:100dvh}button{font:inherit;cursor:pointer;color:inherit;border:0;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:4px}#app{max-width:480px;margin:auto;padding:22px 20px 12px}.brand{display:flex;gap:12px;align-items:center;margin:0 4px 20px;font:900 19px/.87 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand-mark{background:var(--lime);color:var(--ink);border-radius:10px;font-size:24px;padding:11px 7px;transform:rotate(-5deg)}.brand-mark span{font-size:14px}.brand small{margin-left:auto;font:600 10px 'DM Sans';letter-spacing:2px;color:#9da793;max-width:85px;line-height:1.7}.cabinet{padding:13px 12px 0;background:linear-gradient(130deg,#435541,#273a2b 35%,#1c2921);border:1px solid #5f7053;border-radius:25px;box-shadow:0 24px 80px #0009,inset 0 2px #ffffff1a}.hud{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 12px}.icon{width:44px;height:44px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:13px;font-size:22px}.hud>div:nth-child(2){text-align:center}.hud small{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--lime)}.hud strong{font:800 32px 'Barlow Condensed',sans-serif;letter-spacing:1px}.lives{font-size:17px;letter-spacing:1px;color:var(--orange);min-width:64px;text-align:right}.objective{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.1px;font-weight:700;padding:10px 7px;border-top:1px solid #ffffff16;color:#c7d1bc}.objective span:last-child{color:var(--lime)}.board{position:relative;overflow:hidden;border-radius:13px;border:1px solid #73805866;background:#17221a;aspect-ratio:420/620;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.bottom{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:10px;letter-spacing:1px;padding:7px 5px;gap:8px}.sound{background:none;color:#b3c4a5;font-size:10px;min-height:30px}.bottom #effects{color:var(--lime);font-weight:700}footer{display:flex;justify-content:center;align-items:center;gap:10px;margin:17px 0;color:#8b9b87;font-size:9px;letter-spacing:1.4px}footer i{width:3px;height:3px;border-radius:50%;background:var(--lime)}.desktop{display:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(#11201468,#101b14df);padding:24px;text-align:center;z-index:2;backdrop-filter:blur(4px)}.overlay.hidden{display:none}.eyebrow{color:var(--lime);font-size:10px;font-weight:700;letter-spacing:3px;margin-bottom:10px}.title{font:900 clamp(48px,12vw,74px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:0;text-shadow:0 4px #17200c,0 10px 30px #0008}.title em{font-style:normal;color:var(--lime)}.subtitle{font-size:12px;color:#ced6c4;line-height:1.7;margin:16px 0 22px}.primary,.secondary{width:100%;min-height:49px;border-radius:12px;font-weight:800;font-size:13px;letter-spacing:1px;margin:5px 0}.primary{background:var(--lime);color:#1b2810;box-shadow:0 4px #819a3f}.secondary{background:#ffffff0d;border:1px solid #ffffff25}.menu-links{display:flex;width:100%;gap:9px}.menu-links .secondary{font-size:10px}.hero-food{width:190px;height:120px;object-fit:contain;filter:drop-shadow(0 18px 18px #0007);margin-bottom:18px}.mini{font-size:10px;color:#a7b6a0;margin:19px 0 0;letter-spacing:1px}.overlay h2{font:800 38px 'Barlow Condensed';margin:4px 0 17px}.world-card{display:flex;align-items:center;gap:12px;width:100%;padding:15px;border:1px solid #a3c88450;border-radius:14px;background:#345a2c90;margin:6px 0;text-align:left}.world-card img{width:68px;height:68px;object-fit:contain}.world-card strong{display:block;font:800 25px 'Barlow Condensed'}.world-card small{font-size:10px;color:#d3dfc9}.world-card.diner{background:#67263090;border-color:#ff856850}.world-card:disabled{opacity:.5;cursor:default}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;margin:8px 0 20px}.level-grid button{border-radius:10px;background:#ffffff10;border:1px solid #ffffff25;min-height:66px;font:800 24px 'Barlow Condensed'}.level-grid button small{display:block;font:10px sans-serif;color:var(--lime);margin-top:4px}.level-grid button:disabled{opacity:.3}.level-grid .boss{border-color:var(--orange);color:var(--orange)}.setting{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;font-size:14px;border-bottom:1px solid #ffffff12}.toggle{border-radius:20px;background:#43513e;padding:7px 12px;font-size:12px}.toggle.on{background:var(--lime);color:#182710}.result-stars{font-size:42px;color:var(--lime);letter-spacing:8px;margin:8px 0}.stats{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:14px;margin:17px 0}.stats small{font-size:10px;display:block;color:#afc09f}.stats strong{font:800 28px 'Barlow Condensed'}.danger{color:#ffb09b}#toast{position:absolute;top:50%;left:8%;right:8%;text-align:center;font:900 28px 'Barlow Condensed';color:var(--lime);pointer-events:none;opacity:0;text-shadow:0 3px 10px #000;transition:opacity .15s;z-index:1}#toast.show{opacity:1}.help{font-size:12px;line-height:1.8;color:#d1dec7}.help b{color:var(--lime)}body.diner{--lime:#ffcb6b;--orange:#ff779e;background:radial-gradient(ellipse at 50% 35%,#4b2235,#130f1c 65%)}body.diner .cabinet{background:linear-gradient(130deg,#5b3447,#292033);border-color:#8c5670}@media(min-width:700px){#app{padding-top:25px;max-width:430px}.brand{margin-bottom:16px}.desktop{display:inline}footer{font-size:8px;gap:7px}}@media(max-height:790px){#app{max-width:390px;padding-top:10px}.brand{margin-bottom:10px}.brand small{font-size:9px}.brand-mark{padding:8px 6px}.cabinet{padding-top:9px}.hud{padding-bottom:5px}.hud strong{font-size:28px}.objective{padding:7px}footer{margin:10px 0}.bottom{min-height:35px}}@media(max-height:700px){#app{max-width:350px}.brand{display:none}.overlay{padding:20px}.hero-food{height:90px;margin-bottom:10px}.title{font-size:56px}.subtitle{margin:12px 0}.primary,.secondary{min-height:42px}.mini{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}