@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#354230;--muted:#8b8c79;--olive:#65744f;--paper:#f4f0e5;--line:#e2decf;--cell:65px;font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(#9b927c18 .7px,transparent .7px) 0 0/5px 5px;display:flex;justify-content:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b2824e;outline-offset:4px}button:disabled{opacity:.32;cursor:default}button{border:0}a{text-decoration:none;color:inherit}.app{width:100%;max-width:480px;min-height:100svh;padding:26px 28px 18px;background:#fbf9f2;box-shadow:0 0 90px #6a56350a;position:relative;z-index:1}.header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.5px;font-weight:800}.brand-icon{font-size:25px;background:#eef0e4;border-radius:12px;padding:7px}.brand small{display:block;font-size:7px;font-weight:500;letter-spacing:1.8px;margin-top:5px;color:var(--muted)}.language{border:1px solid var(--line);background:transparent;border-radius:20px;padding:7px 12px;font-size:11px}.game-heading{margin:32px 0 25px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--olive);font-size:8px;letter-spacing:1.55px;font-weight:600}.status-dot{height:5px;width:5px;background:#b2864b;border-radius:50%}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.25;margin:12px 0 9px;font-weight:700}.game-heading p{font-size:11px;color:var(--muted);margin:0}.level-bar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.level-label{color:#9a957f;font-size:8px;letter-spacing:1.4px}.level-bar h2{font-size:12px;margin:4px 0 0;font-weight:600}.level-arrow{border:1px solid var(--line);border-radius:50%;background:transparent;width:30px;height:30px;flex-shrink:0;font-size:22px;display:grid;place-content:center}.level-arrow:nth-of-type(2){margin-right:auto}.packed-count{background:#edf0e3;color:#63714f;border-radius:15px;padding:6px 10px;white-space:nowrap;font-size:10px;font-weight:600}.bento-wrap{background:#d2b28b;border-radius:24px 24px 26px 26px;padding:0 13px 12px;box-shadow:0 7px 0 #b29470,0 12px 20px #775e3f12;border:1px solid #c2a178;position:relative}.bento-lid{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:7px;letter-spacing:1.25px;color:#795e41}.bento-lid>span:first-child{font-size:8px;letter-spacing:0;opacity:.6}.lid-line{height:1px;width:22px;background:#b5906680}.board{display:grid;position:relative;isolation:isolate;background:#eadcc6;border-radius:12px;overflow:hidden;border:3px solid #b99770;box-shadow:inset 0 2px 4px #8c6e4120;touch-action:none;user-select:none;width:100%}.grid-cell{border:1px dashed #c7b59168;background:#f5ebd782;pointer-events:none}.grid-cell:nth-child(even){background:#eee3ce90}.placed-piece,.preview-piece{position:absolute;left:0;top:0;display:block;pointer-events:none;z-index:2;transition:opacity .1s}.placed-piece.selected{filter:drop-shadow(0 0 2px #465b36)}.placed-piece.is-dragging{opacity:.22}.food-cell{position:absolute;padding:3px;display:grid;place-items:center}.food-tile{width:100%;height:100%;border-radius:12px;background:var(--food-bg);border:1px solid var(--food-border);box-shadow:0 3px 0 var(--food-shadow),inset 0 1px 0 #ffffff9c;display:grid;place-items:center;overflow:hidden}.food-tile svg{width:84%;height:84%;filter:drop-shadow(0 1px 0 #0000000d)}.piece-bond{position:absolute;background:var(--food-bg);z-index:-1;border-radius:5px}.preview-piece{z-index:3;opacity:.52}.preview-piece .preview-cell{position:absolute;border-radius:9px;background:#819c62aa;border:2px solid #617d45}.preview-piece.invalid .preview-cell{background:#ce8163aa;border-color:#b06149}.box-edge{height:4px}.board-caption{display:flex;justify-content:space-between;margin:16px 2px 22px;font-size:9px;color:var(--muted);min-height:13px}.board-caption>span:first-child{color:#7a846a}.tray-heading{display:flex;align-items:center;justify-content:space-between}.tray-heading h3{font-size:11px;font-weight:600;margin:0}.tray-heading>span{font-size:9px;color:var(--muted)}.tray{display:flex;gap:6px;min-height:130px;padding:16px 0 12px;justify-content:space-between;align-items:center;touch-action:none}.tray-item{border:1px solid transparent;border-radius:14px;background:transparent;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;min-width:0;flex:1;align-self:stretch;padding:6px 2px;touch-action:none;user-select:none}.tray-item.selected{background:#f0eee0;border-color:#cccbb3}.tray-item:not(.packed):hover{background:#f1eee4}.tray-item.packed{opacity:.34;pointer-events:none}.mini-piece{position:relative;pointer-events:none}.mini-piece .food-cell{padding:1.3px}.mini-piece .food-tile{border-radius:5px;box-shadow:0 1px 0 var(--food-shadow)}.tray-item .food-name{font-size:9px;white-space:nowrap;color:#7b7e69}.packed-check{position:absolute;top:8px;right:6px;color:#6d8055;font-size:14px}.controls{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.control{min-height:45px;display:flex;align-items:center;justify-content:center;gap:6px;background:#efeee6;border-radius:12px;flex:1;font-size:10px;white-space:nowrap}.control svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rotate-button{background:var(--olive);color:#fff;flex:1.35;box-shadow:0 3px 0 #4b593a}.control:active:not(:disabled){transform:translateY(1px)}kbd{font-size:8px;opacity:.65;border:1px solid #ffffff70;border-radius:3px;padding:1px 3px;font-family:inherit}.help{text-align:center;color:#9c9a89;font-size:9px;margin:16px 0 0}footer{margin-top:28px;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:8px;color:#9d9a8a}.prototype{font-size:6px;letter-spacing:1.5px;color:#b7b09d}.desk-note{position:fixed;left:calc(50% - 455px);top:28%;transform:rotate(-7deg);color:#7e876b}.little-sun{font-size:40px;color:#ba9259}.desk-note p{font-size:22px;line-height:1.7;letter-spacing:-.5px}.desk-note small{font-size:7px;letter-spacing:2.5px}.desktop-aside{position:fixed;left:calc(50% + 290px);top:36%;color:#948b71;transform:rotate(8deg)}.desktop-aside>span{display:block;font-size:17px;margin:25px 0 15px}.desktop-aside small{font-size:8px;line-height:1.8;letter-spacing:2px}.chopsticks{height:170px;width:9px;border-radius:3px;background:linear-gradient(90deg,#ac784d,#d4a170);transform:rotate(12deg);box-shadow:18px 0 0 #bf8c5b;margin-left:45px}.ghost{display:none;position:fixed;left:0;top:0;pointer-events:none;z-index:10;filter:drop-shadow(0 12px 10px #4e3d3928);opacity:.96}.ghost.visible{display:block}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,15px);background:#354230ed;color:white;padding:12px 20px;font-size:12px;border-radius:25px;z-index:30;opacity:0;transition:all .18s;pointer-events:none;max-width:90vw;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:26px;padding:35px 28px 24px;text-align:center;color:var(--ink);background:#fbf9f2;max-width:350px;width:calc(100% - 50px);box-shadow:0 15px 80px #30402030}dialog::backdrop{background:#3a443b75;backdrop-filter:blur(5px)}.win-flower{font-size:62px;color:#b99050;line-height:1;margin-bottom:18px}.win-eyebrow{font-size:9px;letter-spacing:2px;color:var(--olive)}dialog h2{font-size:24px;margin:15px 0 10px;letter-spacing:-.7px}dialog p{font-size:11px;color:var(--muted);line-height:1.8}#winStats{font-size:11px;color:#6e7d56;background:#f0f0e4;border-radius:10px;padding:12px;margin:20px 0}.primary{background:var(--olive);color:white;border-radius:13px;min-height:48px;width:100%;font-size:12px;font-weight:600}.text-button{background:none;font-size:11px;color:var(--muted);margin-top:18px;padding:5px}.celebration{position:fixed;top:-20px;width:8px;height:12px;pointer-events:none;z-index:25;animation:confetti 2.5s ease-in forwards}@keyframes confetti{to{transform:translate(var(--dx),105vh) rotate(500deg);opacity:0}}@media(max-width:1000px){.desk-note,.desktop-aside{display:none}}@media(min-width:700px){.app{margin:24px 0;min-height:0;border:1px solid #e9e3d6;border-radius:28px;padding:28px 32px 24px;align-self:center}.game-heading{margin-top:28px}.board-caption{margin-bottom:18px}}@media(max-width:380px){.app{padding:20px 20px 15px}.game-heading{margin:24px 0 20px}h1{font-size:27px}.tray{min-height:117px}.brand{font-size:16px}footer{margin-top:22px}.control{font-size:9px}.bento-lid{gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.game-nav{display:flex;padding:4px;background:#f0eee3;border-radius:13px;margin:-5px 0 21px;gap:3px}.nav-button{flex:1;border-radius:10px;background:transparent;min-height:38px;font-size:10px;color:#8a8a73}.nav-button.active{background:#fcfaf2;box-shadow:0 2px 6px #6f684512;color:#61734c;font-weight:600}.hint-button{width:100%;min-height:43px;border:1px solid #d9ddc6;border-radius:12px;background:#f0f2e5;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;margin-top:14px;color:#6b7e50}.hint-button>span:first-child{font-size:11px}.hint-button>span:last-child{font-weight:600}.how-button{display:block;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#92937f;font-size:9px;margin:8px auto 0;padding:6px;min-height:30px}.help{margin-top:12px}.footer-links{display:flex;gap:17px;align-items:center}.footer-links a,.footer-links button{font-size:8px;color:#a19b87;background:none;padding:6px 0}footer{margin-top:18px}.wide-dialog{max-width:430px}.close-dialog{position:absolute;right:10px;top:10px;background:none;width:38px;height:38px;border-radius:50%;font-size:24px;color:#9b9c87}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-height:55svh;overflow:auto;padding:7px 1px}.level-choice{min-height:51px;border:1px solid #e1ddce;border-radius:10px;background:#f4f1e7;color:#98957f;font-size:13px}.level-choice small{display:block;font-size:8px;margin-top:5px}.level-choice.done{background:#e9eedb;color:#65784b;border-color:#ccd6b4}.level-choice.current{outline:2px solid #6e7f55;outline-offset:1px}.dialog-symbol{font-size:45px;line-height:1.2;color:#a2af80;margin:7px 0 16px}.secondary{display:block;border:1px solid #dcdac9;background:#f2f0e5;min-height:44px;width:100%;border-radius:12px;margin-top:12px;font-size:11px;padding:12px;color:#6f7b58}.small-note{font-size:10px;min-height:18px;margin:12px 0!important}.shop-price{font-size:32px;letter-spacing:-1px;margin:25px 0;color:#62754d;font-weight:600}.shop-price small{display:block;font-weight:400;font-size:10px;margin-top:10px;letter-spacing:0;color:#9b9886}.how-steps{padding-left:20px;font-size:12px;line-height:1.9;text-align:left;color:#6e745e}.how-steps li{padding-left:5px;margin:12px 0}form{text-align:left;margin-top:20px}form label{display:block;font-size:11px;margin-bottom:8px}input:not([type=file]){width:100%;border:1px solid #d2d5c0;border-radius:9px;font:inherit;font-size:12px;min-height:45px;padding:10px;background:#fffdf6;margin-bottom:15px}#recoveryPanel{margin-top:20px;padding-top:12px;border-top:1px solid #ddd8c6}#recoveryCode{display:block;word-break:break-all;font-size:11px;background:#efede1;padding:12px;border-radius:8px;color:#66734f;user-select:all}.file-label{cursor:pointer;display:flex;align-items:center;justify-content:center}dialog{max-height:90svh;overflow:auto}.app{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.game-heading{margin-top:25px;margin-bottom:23px}.tray{min-height:120px}.control{min-height:46px}.placed-piece.selected .food-tile{outline:2px solid #64794b;outline-offset:-2px}.placed-piece .food-tile{border-radius:10px}.mini-piece .piece-bond{border-radius:2px}.packed-count{font-size:9px;padding:6px 9px}.level-bar{gap:8px}.game-heading h1{font-size:28px}.bento-wrap{box-shadow:0 6px 0 #b29470,0 12px 20px #775e3f12}@media(max-width:380px){.game-heading h1{font-size:25px}.app{padding-left:18px;padding-right:18px}.tray{min-height:112px}.level-bar h2{font-size:11px}.game-heading{margin-top:22px;margin-bottom:21px}.level-grid{gap:6px}.level-choice{min-height:45px}.game-nav{margin-bottom:18px}kbd{display:none}}@media(pointer:coarse){kbd{display:none}}

@media(max-width:600px){.app{padding:18px 24px 16px}.brand{font-size:16px}.brand-icon{font-size:22px;padding:6px}.brand small{font-size:6px;letter-spacing:1.6px}.game-heading{margin:16px 0 15px}.game-heading .eyebrow,.game-heading p{display:none}.game-heading h1{font-size:24px;margin:0;line-height:1.25;letter-spacing:-.9px}.game-nav{margin:0 0 15px}.nav-button{min-height:32px}.level-bar{margin-bottom:12px}.level-label{font-size:7px;line-height:1.3}.level-bar h2{line-height:1.3;font-size:11px}.level-arrow{width:29px;height:29px}.bento-wrap{width:min(100%,282px);margin-inline:auto;padding:0 11px 9px}.bento-lid{height:28px;font-size:6px;gap:6px}.board{border-width:3px}.board-caption{margin:14px 2px 16px;font-size:8px;line-height:1.4}.tray-heading h3{font-size:10px;line-height:1.4}.tray-heading>span{font-size:8px}.tray{min-height:100px;padding:11px 0 8px;gap:3px}.tray-item{padding:4px 1px;gap:6px}.tray-item .food-name{font-size:8px;line-height:1.4}.controls{padding-top:10px;gap:7px}.control{min-height:44px;font-size:9px}.hint-button{min-height:41px;margin-top:11px;font-size:9px}.hint-button>span:first-child{font-size:10px}.help{font-size:8px;margin:10px 0 0;line-height:1.3}.how-button{margin-top:3px;min-height:24px}footer{margin-top:9px;font-size:7px;gap:4px}.footer-links{gap:15px}.footer-links a,.footer-links button{font-size:7px}kbd{display:none}}

.free-badge{display:flex;align-items:center;justify-content:center;font-size:7px;letter-spacing:1.1px;padding:0 10px;color:#8b9677;white-space:nowrap}.language{min-height:38px}.close-dialog{width:44px;height:44px}