*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#87b5e0;font-family:ui-rounded,system-ui,-apple-system,sans-serif;color:#3d2c1e}#root{position:fixed;top:0;right:0;bottom:0;left:0}.gameMount{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.gameMount canvas{display:block}.boot{display:grid;place-items:center;height:100%;font-weight:800;font-size:20px;padding:24px;text-align:center}.hud{position:fixed;z-index:5}#bookBtn{top:calc(10px + env(safe-area-inset-top));left:10px}#soundBtn{top:calc(10px + env(safe-area-inset-top));right:10px}#festChip{top:calc(72px + env(safe-area-inset-top));right:10px;background:#fffb;padding:6px 12px;border-radius:999px;font-weight:900;font-size:14px}#requestChipRow{top:calc(132px + env(safe-area-inset-top));right:10px;display:flex;gap:6px;align-items:center}#requestChip{background:#fff8;padding:6px 12px;border-radius:999px;font-weight:800;font-size:14px;border:2px solid #f3ddba;color:#54432f;cursor:pointer;font-family:inherit}#rerollBtn{width:34px;height:34px;border-radius:50%;border:2px solid #f3ddba;background:#fff8;font-size:15px;cursor:pointer}#npcBubble{position:fixed;z-index:4;transform:translate(-50%,-115%);background:#fff;border:2px solid #f3ddba;border-radius:14px;padding:4px 10px;font-size:15px;font-weight:800;pointer-events:none;box-shadow:0 4px 14px #0002;white-space:nowrap}#npcBubble small{color:#7a6350;font-weight:700}#dishServe{margin-top:8px;font-weight:800;color:#5b8c3e}#dishMade{font-weight:700;color:#54432f;font-size:15px;margin-top:6px}#reqStrip{background:#fff3d6;border:2px solid #f3ddba;border-radius:14px;padding:8px 12px;font-weight:800;margin-bottom:10px}#reqStrip .reqIng{margin:0 2px}#reqStrip .reqIng.got{opacity:.35;text-decoration:line-through}.chip.inpot{border-color:#7ec850;background:#eefbe2}.stickyCook{position:sticky;bottom:0}.filterRow{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.filterRow .method{flex:0 1 auto;padding:7px 12px}#yuckyClash{font-size:44px;margin:2px 0}#startSteps{font-size:19px;font-weight:800;color:#54432f;margin-top:14px}#startSteps span{color:#b63751}.miniBtn.holding,.roundBtn.holding{animation:holdfill .9s linear forwards}@keyframes holdfill{0%{box-shadow:inset 0 0 #ffd23c00}to{box-shadow:inset 0 0 0 40px #ffd23cbf}}.craftRow{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;margin:6px 0;border-radius:16px;border:2px solid #f3ddba;background:#fff;font:inherit;font-weight:800;font-size:17px;color:#54432f;cursor:pointer}.craftRow:disabled{opacity:.45}.craftRow .have{font-size:13px;color:#7a6350}.tierChip{display:inline-block;min-width:26px;text-align:center;border-radius:8px;font-weight:900;padding:1px 7px;margin-right:6px;color:#3d2c1e;background:#eee}.tierChip.big{font-size:22px;min-width:44px;padding:4px 12px;border-radius:12px}.qS{background:linear-gradient(135deg,#ffe259,#ffa751,#fbc2eb)}.qA{background:#ffd23c}.qB{background:#cfe4ff}.qC{background:#e8c39e}.qX{background:#9be15d;color:#2d5016}#dishTierRow{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}#cardOverlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#2b1c0c8c;z-index:90;padding:16px}#cardOverlay.open{display:flex}.tcard{position:relative;width:min(92vw,360px);border-radius:26px;padding:26px 22px 20px;text-align:center;border:6px solid rgba(255,255,255,.7);box-shadow:0 18px 50px #00000059;background:#fdf6e3;color:#3d2c1e}.tcard[data-tier=S]{background:linear-gradient(135deg,#fff3b0,#ffd6a5,#ffc6ff,#caffbf);background-size:300% 300%;animation:holo 5s ease infinite}.tcard[data-tier=A]{background:linear-gradient(160deg,#fff2b0,#ffd23c)}.tcard[data-tier=B]{background:linear-gradient(160deg,#eef6ff,#bcd7ff)}.tcard[data-tier=C]{background:linear-gradient(160deg,#fdf1de,#e8c39e)}.tcard[data-tier=X]{background:linear-gradient(160deg,#d9f99d,#65a30d)}.tcard.noanim{animation:none}@keyframes holo{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tcTier{position:absolute;top:12px;right:16px;font-size:40px;font-weight:900;opacity:.85}.tcArt{font-size:72px;line-height:1.1}.tcName{font-size:26px;font-weight:900;margin:4px 0}.tcStars{font-size:20px;min-height:26px}.tcMade{font-weight:700;margin-top:8px}.tcCite{color:#7a6350;font-size:13.5px;margin-top:8px}.tcMeta{color:#7a6350;font-size:13.5px}.tcBtns{display:flex;flex-direction:column;gap:8px;margin-top:16px}.altBtn{background:#fff;color:#54432f;border:2px solid #f3ddba}.miniBtn{display:block;margin:12px auto 2px;background:#fff;border:2px solid #f3ddba;border-radius:999px;padding:8px 18px;font:inherit;font-weight:800;cursor:pointer}#camRow{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}#camRow button{font:inherit;font-weight:800;border:2px solid #f3ddba;background:#fff;border-radius:12px;padding:8px 14px;cursor:pointer}#camRow button.on{background:#b63751;color:#fff;border-color:#b63751}.setRow{display:flex;align-items:center;gap:10px;font-weight:800;margin:8px 0}.setRow input{width:22px;height:22px}#saveText{width:100%;min-height:90px;border:2px solid #f3ddba;border-radius:12px;font:12px/1.4 monospace;padding:8px}.srcRow{padding:5px 0;border-bottom:1px dashed #f3ddba;font-size:.95rem}.btnRow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.btnRow button{font:inherit;font-weight:800;border:2px solid #f3ddba;background:#fff;border-radius:12px;padding:8px 14px;cursor:pointer}.roundBtn{width:56px;height:56px;border-radius:50%;border:3px solid #fff;position:relative;background:#ffb340;font-size:26px;box-shadow:0 3px 8px #00000040;cursor:pointer}.roundBtn:active{transform:scale(.93)}#bookCount{position:absolute;top:-4px;right:-4px;background:#e2492f;color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:1px 7px;border:2px solid #fff}#basketBar{left:50%;transform:translate(-50%);bottom:calc(128px + env(safe-area-inset-bottom));max-width:92vw;display:flex;gap:4px;flex-wrap:wrap;justify-content:center;pointer-events:none}.basketItem{background:#ffffffeb;border-radius:999px;padding:3px 9px 3px 5px;font-size:19px;font-weight:700;box-shadow:0 2px 5px #0000002e}.basketItem small{font-size:13px;color:#7a6350}#toast{top:18%;left:50%;transform:translate(-50%) scale(.6);font-size:44px;font-weight:900;color:#fff;text-shadow:0 2px 0 #5b8c3e,0 4px 12px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:all .18s ease-out;white-space:nowrap;z-index:30;position:fixed}#toast.show{opacity:1;transform:translate(-50%) scale(1)}#toast.sm{font-size:26px;white-space:normal;text-align:center;max-width:88vw}#joy{position:fixed;z-index:6;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;background:#ffffff47;border:3px solid rgba(255,255,255,.65);touch-action:none}#joyKnob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:#ffffffeb;box-shadow:0 3px 8px #00000040;transform:translate(-50%,-50%)}#actionBtn{position:fixed;z-index:6;right:18px;bottom:calc(24px + env(safe-area-inset-bottom));width:92px;height:92px;border-radius:50%;border:4px solid #fff;background:#ffcf4d;box-shadow:0 4px 12px #0000004d;font-size:40px;cursor:pointer;display:none}#actionBtn small{display:block;font-size:12px;font-weight:800;color:#7a4b12;margin-top:-6px}#actionBtn:active{transform:scale(.93)}#actionBtn.show{display:block}.sheet{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:none;align-items:flex-end;justify-content:center;background:#281a0c73}.sheet.open{display:flex}#parentSheet{z-index:30}.panel{background:#fff8ec;width:min(560px,100vw);max-height:86dvh;overflow-y:auto;border-radius:26px 26px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}.panel h2{margin:2px 0 10px;font-size:24px}.panel .sub{color:#7a6350;margin:-6px 0 12px;font-size:14px}.closeRow{display:flex;justify-content:space-between;align-items:center}.xBtn{width:52px;height:52px;border-radius:50%;border:none;background:#ffe1ae;font-size:20px;cursor:pointer}#potSlots{display:flex;gap:7px;justify-content:center;margin:6px 0 14px;flex-wrap:wrap}.slot{width:56px;height:56px;border-radius:14px;border:3px dashed #d8b98a;background:#fff;display:grid;place-items:center;font-size:30px;cursor:pointer;font-family:inherit;padding:0}.slot.filled{border-style:solid;border-color:#ffb340;background:#fff3d6}.grid{display:flex;flex-wrap:wrap;gap:8px}.chip{border:3px solid #f3ddba;background:#fff;border-radius:16px;padding:7px 10px;font-size:26px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.chip small{font-size:13px;font-weight:800;color:#7a6350}.chip.used{opacity:.35}.chip:active{transform:scale(.94)}#dragGhost{position:fixed;z-index:40;font-size:40px;pointer-events:none;display:none;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.methods{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.method{flex:1 1 30%;border:3px solid #f3ddba;background:#fff;border-radius:16px;padding:9px 2px;font-size:15px;font-weight:800;cursor:pointer;color:#3d2c1e}.method.sel{border-color:#e2492f;background:#ffe9e4}.bigBtn{width:100%;border:none;border-radius:18px;padding:15px;font-size:21px;font-weight:900;background:#7ec850;color:#fff;cursor:pointer;box-shadow:0 4px #5b8c3e}.bigBtn:active{transform:translateY(2px);box-shadow:0 2px #5b8c3e}.bigBtn:disabled{background:#cdbfa8;box-shadow:none}#reveal{align-items:center}#reveal .panel{border-radius:26px;margin:16px;text-align:center;width:min(480px,calc(100vw - 32px))}#dishArt{font-size:110px;line-height:1.1;animation:pop .45s ease-out}#dishCanvas{width:min(300px,78vw);height:auto;animation:pop .45s ease-out;margin:0 auto;display:none}@keyframes pop{0%{transform:scale(.3) rotate(-8deg)}70%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1)}}#dishName{font-size:30px;font-weight:900;margin:4px 0}#dishStars{font-size:28px;letter-spacing:3px}#dishCite{color:#7a6350;font-size:14px;margin:10px 0 4px}#dishNote{font-size:15px;margin:6px 0 14px}.badge{display:inline-block;background:#efe3ff;color:#5b3ea8;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.bookItem{display:flex;gap:12px;align-items:center;background:#fff;border:2px solid #f3ddba;border-radius:16px;padding:10px 12px;margin-bottom:9px;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.bookItem .art{font-size:42px}.bookItem .nm{font-weight:900;font-size:17px}.bookItem .ct{color:#7a6350;font-size:12.5px}.bookItem.unknown{opacity:.55;cursor:default}#progressLine{font-weight:800;margin-bottom:12px}#start{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4678be40,#28502859);padding:18px}#start .card{background:#fff8ec;border-radius:28px;padding:26px 24px;text-align:center;width:min(430px,94vw);box-shadow:0 12px 40px #00000059}#start h1{margin:0 0 4px;font-size:34px;letter-spacing:-.02em}#start .globe{font-size:74px}#start p{color:#7a6350;margin:8px 0 16px}#installHint{font-size:13px;color:#7a6350;margin-top:12px}