:root{--bg:#f6efe2;--card:#fffaf0;--ink:#3b2a22;--muted:#8a7766;--line:#e2d4bd;--accent:#e0703c;--accent-dark:#c2582a;--blue:#4a7bd0;--good:#4f9d4a;--bad:#d4483b;--gold:#c98a12;--pixel:"Galmuri11", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:15px}h1,h2,h3,button,.tabs,.gold,.title{font-family:var(--pixel)}h1{letter-spacing:2px;margin:4px 0;font-size:34px}h2{margin:0;font-size:18px}h3{margin:8px 0 0;font-size:15px}.pixel{image-rendering:pixelated}button{border:2px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--ink);touch-action:manipulation;background:#fff;border-radius:8px;padding:8px 14px;font-size:14px;transition:transform 50ms}button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#fff}button.big{padding:12px 24px;font-size:18px}button.small{padding:5px 10px;font-size:13px}button.ghost{box-shadow:none;background:0 0;border-color:#0000}input{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-width:0;padding:9px 11px;font-size:15px}input:focus{border-color:var(--accent);outline:none}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.center{text-align:center}.pad{padding:12px}.ok{color:var(--good)}.bad{color:var(--bad)}.grow{flex:1;min-width:0}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.center{justify-content:center}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:10px;display:flex}.card{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:12px 14px}.card.highlight{border-color:var(--accent);background:#fff3e6}.card p{margin:4px 0}.gold{color:var(--gold);font-weight:700}.gold.big{font-size:18px}.home{flex-direction:column;justify-content:center;align-items:stretch;gap:14px;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 16px 40px;display:flex}.home>a{text-align:center}.home-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.title{text-align:center}.title p{margin:0;font-family:inherit}.title-icons{justify-content:center;align-items:flex-end;gap:10px;display:flex}.big-text{font-family:var(--pixel);font-size:22px}.village-row{text-align:left;width:100%}.pin{text-align:center;width:32px;font-size:24px}.list{flex-direction:column;gap:6px;display:flex}.list-row{border:2px solid var(--line);box-shadow:none;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.list-row.locked{opacity:.5}.recipe{gap:2px;margin-top:2px;display:flex}.tabs{border-bottom:2px solid var(--line);gap:4px;padding:0 4px;display:flex}.tabs button{box-shadow:none;color:var(--muted);background:0 0;border:none;border-radius:8px 8px 0 0;flex:1;padding:9px 6px}.tabs button.active{background:var(--card);color:var(--ink);border:2px solid var(--line);border-bottom-color:var(--card);margin-bottom:-2px}.bar{background:#eadfcc;border-radius:4px;height:8px;margin:4px 0;overflow:hidden}.bar-fill{background:var(--good);height:100%;transition:width .2s linear}.modal-backdrop{z-index:20;background:#28190f73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:3px solid var(--ink);width:min(440px,100%);max-height:calc(100vh - 32px);box-shadow:0 4px 0 var(--ink);border-radius:14px;flex-direction:column;display:flex}.modal.wide{width:min(760px,100%)}.modal-head{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.modal-head h2 .small{font-family:inherit;font-weight:400}.modal-body{flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.toasts{z-index:50;flex-direction:column;gap:6px;width:min(420px,100% - 32px);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px;box-shadow:0 3px 10px #0003}.toast.error{background:var(--bad)}.banner{text-align:center;z-index:40;background:#f0b545;padding:8px;position:fixed;bottom:0;left:0;right:0}.village-screen{max-width:1200px;margin:0 auto;padding:10px 12px 16px}.village-head,.shop-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.village-title,.shop-title{flex-direction:column;flex:1;min-width:0;display:flex}.village-title strong,.shop-title strong{font-family:var(--pixel);font-size:18px}.village-main{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:12px;display:grid}.map-wrap{border:3px solid var(--ink);background:#7cc56b;border-radius:12px;line-height:0;overflow:hidden}.map{cursor:pointer;touch-action:manipulation;width:100%;display:block}.map-bar{justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;display:flex}.hint{color:var(--accent-dark);font-weight:700}.village-side{background:var(--card);border:2px solid var(--line);border-radius:12px;flex-direction:column;min-height:420px;display:flex;overflow:hidden}.chat{flex-direction:column;flex:1;height:460px;display:flex}.chat-list{flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex;overflow-y:auto}.chat-row{word-break:break-all;font-size:14px;line-height:1.4}.chat-row.mine b{color:var(--blue)}.chat-form{border-top:2px solid var(--line);padding:8px}.rank{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rank li{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.rank-no{font-family:var(--pixel);text-align:center;width:22px}.rank .top1 .rank-no{color:#d39b12}.rank .top2 .rank-no{color:#8e9aa6}.rank .top3 .rank-no{color:#b0703a}.type-pick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.type-card{text-align:left;box-shadow:none;border-color:var(--line);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.type-card .small{color:var(--muted);font-family:system-ui,sans-serif}.type-card.selected{border-color:var(--accent);background:#fff3e6}.shop-screen{max-width:900px;margin:0 auto;padding:10px 12px 24px}.shop-body{background:var(--card);border:2px solid var(--line);border-top:none;border-radius:0 0 12px 12px;padding:12px}.inv{flex-wrap:wrap;gap:6px 12px;margin:8px 0;display:flex}.inv-item{font-family:var(--pixel);align-items:center;gap:2px;display:inline-flex}.inv-item.low{color:var(--bad)}.summary{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.summary-sales{font-size:18px}.levelup{font-family:var(--pixel);color:var(--accent-dark)}.business{flex-direction:column;gap:10px;display:flex}.day-top{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:8px 12px;position:relative}.sale-pop{font-family:var(--pixel);color:var(--gold);text-shadow:0 2px #fff;pointer-events:none;font-size:22px;animation:1.2s ease-out forwards pop-up;position:absolute;top:6px;right:16px}@keyframes pop-up{0%{opacity:0;transform:translateY(8px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-22px)}}.day-time{font-family:var(--pixel)}.day-stats{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.customers{border:2px solid var(--line);background:linear-gradient(#bfe3f5,#e8f4e0 70%);border-radius:12px;gap:8px;min-height:150px;padding:4px 2px 8px;display:flex;overflow-x:auto}.customer{border:2px solid var(--line);box-shadow:none;background:#ffffffb3;border-radius:10px;flex-direction:column;flex:0 0 104px;align-items:center;gap:4px;padding:6px;display:flex}.customer.empty{background:#ffffff40;border-style:dashed}.customer.kind-friend{border-color:var(--blue);background:#eef3ff}.customer.kind-gourmet{border-color:#9b59b6}.customer.kind-tourist{border-color:#f0b545}.customer .bar{width:100%}.bubble{border:2px solid var(--ink);font-size:12px;font-family:var(--pixel);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:2px;padding:2px 6px;display:flex}.customer-kind{color:var(--muted);font-size:12px;font-family:var(--pixel)}.counter{border:3px solid var(--ink);background:#c8956a;border-radius:12px;align-items:stretch;gap:8px;padding:8px;display:flex}.counter-label{writing-mode:vertical-rl;color:#fff;font-family:var(--pixel);font-size:13px}.dish{flex-direction:column;flex:1;gap:4px;min-height:92px;display:flex}.dish.empty{border:2px dashed #ffffff80;border-radius:10px}.dish-main{flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;display:flex}.dish.selected .dish-main{border-color:var(--blue);background:#eef3ff}.dish-name{font-size:12px}.dish-trash{color:#fff}.q{color:#fff;border-radius:6px;padding:1px 6px;font-size:11px}.q-perfect{background:#e0a015}.q-good{background:var(--good)}.q-bad{background:#9a8a7a}.station{background:var(--card);border:2px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:10px;display:flex}.bench{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bench-label{font-family:var(--pixel)}.bench-slot{width:44px;height:44px;box-shadow:none;border-style:dashed;justify-content:center;align-items:center;padding:0;display:flex}.bench-slot:disabled{opacity:1}.ingredients{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.ingredient{flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:12px;display:flex;position:relative}.ingredient.out{opacity:.4}.stock{color:var(--accent-dark);font-size:12px;position:absolute;top:2px;right:6px}.cook-gauge{flex-direction:column;align-items:center;gap:10px;padding:6px 0;display:flex}.cook-pot{position:relative}.cook-pot.shake{animation:.12s infinite shake}@keyframes shake{0%{transform:translate(0)rotate(0)}50%{transform:translate(1px,-1px)rotate(2deg)}to{transform:translate(-1px,1px)rotate(-2deg)}}.steam{font-family:var(--pixel);color:var(--muted);white-space:nowrap;font-size:12px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.gauge{border:3px solid var(--ink);background:#f2e3cc;border-radius:8px;width:min(420px,100%);height:26px;position:relative;overflow:hidden}.gauge-zone{background:#8fd47f;position:absolute;top:0;bottom:0}.gauge-perfect{background:#f2c94c;position:absolute;top:0;bottom:0}.gauge-needle{background:var(--ink);width:4px;margin-left:-2px;position:absolute;top:-2px;bottom:-2px}.cook-hint{font-family:var(--pixel);min-height:20px;margin:0}.cook-hint.q-perfect,.cook-hint.q-good,.cook-hint.q-bad{background:0 0;font-size:18px}.cook-hint.q-perfect{color:#d39b12}.cook-hint.q-good{color:var(--good)}.cook-hint.q-bad{color:var(--bad)}.guestbook{flex-direction:column;gap:6px;display:flex}.gb-row{word-break:break-all;background:#fff;border-radius:8px;padding:6px 10px;font-size:14px}@media (width<=820px){.village-main{grid-template-columns:1fr}.village-side{min-height:0}.chat{height:320px}.type-pick{grid-template-columns:1fr}}@media (width<=480px){.village-screen,.shop-screen{padding:8px 8px 16px}.customer{flex-basis:92px}.day-stats{gap:10px;font-size:13px}}