:root{--cream:#fbf3e7;--paper:#fffaf3;--latte:#e8d3b9;--mocha:#6b4f3a;--espresso:#3e2a1e;--accent:#d9864a;--accent-dark:#b86b33;--mint:#6fcf97;--berry:#d9534f;--shadow:0 6px 20px #3e2a1e29;--radius:16px;--dock-gap:108px;color:var(--espresso);-webkit-font-smoothing:antialiased;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4e6d4;height:100%;margin:0;overflow:hidden}button{font:inherit;color:var(--espresso);background:var(--paper);border:2px solid var(--latte);cursor:pointer;border-radius:12px;padding:8px 14px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.active{background:var(--accent);border-color:var(--accent-dark);color:#fff}button.danger{color:var(--berry);border-color:#efb3b1}button.ghost{background:0 0}.app{width:100%;height:100%;position:relative}.app canvas{display:block}.app.mode-build canvas{cursor:crosshair}.hud{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:12px 12px auto}.hud-card{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffaf3eb}.hud-level{align-items:center;gap:10px;min-width:220px;padding:8px 14px 8px 8px;display:flex}.level-badge{background:radial-gradient(circle at 35% 30%, #f6c37e, var(--accent));color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 -3px #0000001f}.level-info{flex-direction:column;flex:1;gap:4px;display:flex}.hud-label{font-size:14px;font-weight:800}.hud-small{color:var(--mocha);font-size:11px}.xp-bar{background:var(--latte);border-radius:999px;height:9px;overflow:hidden}.xp-fill{border-radius:inherit;background:linear-gradient(90deg,#7cc59a,#4fae7b);height:100%;transition:width .4s}.hud-stats{align-items:center;padding:4px 6px;display:flex}.stat{white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:800;display:inline-flex}.stat+.stat{border-left:1px solid var(--latte)}.hud-lost{color:var(--berry);margin-left:6px;font-size:12px;font-weight:700}.coin-icon,.gem-icon{width:16px;height:16px;display:inline-block}.coin-icon{background:radial-gradient(circle at 35% 30%,#ffe69a,#e3a21a);border-radius:50%;box-shadow:inset 0 -2px #00000026}.gem-icon{background:linear-gradient(135deg,#b9a3ff,#7b5cd6);border-radius:3px;transform:rotate(45deg)scale(.8)}.toolbar{z-index:50;max-width:calc(100% - 24px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf3e6;border:1px solid #e8d3b9f2;border-radius:18px;gap:6px;padding:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.toolbar button{box-shadow:none;padding:10px 16px}.toolbar button.music-live{box-shadow:inset 3px 0 0 var(--mint)}.music-wrap{position:relative}.music-panel{z-index:60;border-radius:var(--radius);width:min(300px,80vw);max-height:min(70vh,520px);box-shadow:var(--shadow);text-align:left;background:#fffaf3f7;flex-direction:column;gap:8px;padding:14px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;overflow:auto}.music-panel header{justify-content:space-between;align-items:center;display:flex}.music-panel header .close-panel{border:none;padding:4px 8px}.music-actions{gap:6px;display:flex}.music-volume{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.music-volume input{accent-color:var(--accent);flex:1}.music-level{background:var(--latte);border-radius:999px;height:4px;overflow:hidden}.music-level>div{background:var(--mint);height:100%;transition:width .16s linear}.music-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.music-list button{text-align:left;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:8px 10px;display:flex}.music-list small{color:var(--mocha);font-size:11px;font-weight:600}.music-list button.active small{color:#fff}.now-playing{left:50%;bottom:var(--dock-gap);box-shadow:var(--shadow);pointer-events:none;background:#fffaf3eb;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:8px 16px;animation:6.5s forwards now-playing;display:flex;position:fixed;transform:translate(-50%)}.now-playing-label,.now-playing-mood{color:var(--mocha);font-size:11px;font-weight:700}.now-playing strong{font-size:15px}@keyframes now-playing{0%{opacity:0;transform:translate(-50%)translateY(6px)}8%,78%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0}}.build-panel{z-index:40;left:12px;right:12px;bottom:var(--dock-gap);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.build-panel>*{pointer-events:auto}.selection-bar{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffaf3f2;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.selection-bar .hint{color:var(--mocha);font-size:12px}.catalog{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffaf3eb;flex-direction:column;gap:8px;padding:10px;display:flex}.catalog-tools{flex-direction:column;gap:8px;display:flex}.catalog-search{width:100%;font:inherit;color:var(--espresso);border:2px solid var(--latte);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;padding:8px 12px;font-weight:700}.catalog-search:focus{border-color:var(--accent);outline:none}.catalog-filters{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-filters button{border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.catalog-row{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-empty{color:var(--mocha);margin:0;padding:8px 4px 4px;font-weight:700}.catalog-card{text-align:left;flex:0 0 132px;grid-template-columns:28px 1fr;grid-template-areas:"icon name""meta meta""price price";gap:4px 8px;padding:10px;display:grid}.catalog-card.active{border-color:var(--accent);color:var(--espresso);background:#fde7d2}.card-icon{grid-area:icon;place-items:center;width:28px;height:28px;font-size:22px;line-height:1;display:grid}.card-name{grid-area:name;font-size:13px;line-height:1.2}.card-meta{color:var(--mocha);grid-area:meta;font-size:11px;font-weight:600}.card-price{color:var(--accent-dark);grid-area:price;font-size:13px}.card-price.insufficient{color:var(--berry)}.notices{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,420px);display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.notice{pointer-events:auto;background:var(--paper);box-shadow:var(--shadow);border-left:5px solid var(--latte);cursor:pointer;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;animation:.25s ease-out notice-in}.notice-success{border-left-color:var(--mint)}.notice-error{border-left-color:var(--berry)}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)}}.install-balloon{z-index:80;left:12px;right:12px;bottom:calc(var(--dock-gap) + 8px);box-shadow:var(--shadow);pointer-events:auto;touch-action:auto;-webkit-user-select:text;user-select:text;background:#fffaf3f7;border:1px solid #e8d3b9f2;border-radius:18px;grid-template-columns:auto 1fr;grid-template-areas:"icon copy""actions actions";gap:10px 12px;padding:12px 14px;animation:.28s ease-out notice-in;display:grid;position:fixed}.install-icon{border-radius:14px;grid-area:icon;width:52px;height:52px;box-shadow:0 2px 8px #3e2a1e1f}.install-copy{grid-area:copy;min-width:0}.install-copy strong{font-size:15px;display:block}.install-copy p{color:var(--mocha);margin:4px 0 0;font-size:13px;font-weight:600}.install-actions{grid-area:actions;justify-content:flex-end;gap:8px;display:flex}.install-actions button{touch-action:auto}@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){.install-balloon{display:none}}.modal-backdrop{z-index:80;background:#3e2a1e59;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal{background:var(--paper);width:min(460px,100%);min-height:0;max-height:100%;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:22px;display:flex;overflow-y:auto}.modal h2{margin:0}.modal-actions{flex-wrap:wrap;gap:8px;display:flex}.import-guide{background:#f6efe6;border-radius:12px;flex-direction:column;gap:8px;margin:0;padding:10px 12px;display:flex}.import-guide-title{margin:0;font-size:13px;font-weight:800}.import-guide ol{margin:0;padding-left:1.2em;font-size:13px;line-height:1.4}.import-guide li+li{margin-top:4px}.danger-zone{border-top:1px dashed var(--latte);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.danger-zone p{margin:0;font-size:13px}.modal .close{align-self:flex-end}.muted{color:var(--mocha);margin:0;font-size:13px}.error{color:var(--berry);font-weight:700}.fullscreen-message{text-align:center;background:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex}.order-bubble{--ring:var(--mint);background:conic-gradient(var(--ring) calc(var(--patience) * 360deg), #3e2a1e2e 0);width:46px;height:46px;box-shadow:var(--shadow);border:none;border-radius:50%;place-items:center;padding:4px;display:grid;position:relative}.order-bubble.urgent{--ring:var(--berry);animation:.8s ease-in-out infinite alternate bubble-pulse}.order-bubble.status-preparing{--ring:#f2c94c}.order-icon{background:var(--paper);border-radius:50%;place-items:center;width:100%;height:100%;font-size:20px;display:grid}.order-ready-dot{background:var(--mint);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;right:-2px}@keyframes bubble-pulse{to{transform:scale(1.08)}}.orders-panel{z-index:40;border-radius:var(--radius);width:248px;max-height:min(42vh,360px);box-shadow:var(--shadow);background:#fffaf3eb;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:92px;left:12px;overflow-y:auto}.orders-panel h3{margin:0 0 2px;font-size:14px}.order-row{background:var(--cream);border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:6px;display:grid}.order-row.status-ready{background:#e3f6ea}.order-row-icon{text-align:center;font-size:22px}.order-row-info{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.order-row-status{color:var(--mocha);font-size:11px}.order-row button{padding:6px 10px;font-size:12px}.patience-bar{background:var(--latte);border-radius:999px;height:5px;overflow:hidden}.patience-bar>div{background:var(--mint);height:100%;transition:width .25s linear}.patience-bar.urgent>div{background:var(--berry)}.stock-alert{text-align:left;color:var(--berry);border-color:#efb3b1;font-size:12px}.cafe-panel{z-index:40;max-height:calc(100% - 92px - var(--dock-gap));border-radius:var(--radius);width:min(360px,100% - 24px);box-shadow:var(--shadow);background:#fffaf3f5;flex-direction:column;display:flex;position:absolute;top:92px;right:12px;overflow:hidden}.cafe-tabs{border-bottom:1px solid var(--latte);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.cafe-tabs button:not(.close-panel){flex:none;padding:6px 10px;font-size:12px}.price-field input{text-align:right;width:72px}.cafe-tabs .close-panel{border:none;margin-left:auto}.cafe-tab{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.cafe-tab h4{margin:0 0 6px;font-size:14px}.muted-inline{color:var(--mocha);font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#e3f6ea;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.station-card{background:var(--cream);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.station-card header{justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;display:flex}.station-status{color:var(--mocha);font-size:11px;font-weight:700}.station-status.status-available{color:#3c9a64}.station-status.status-awaiting_pickup{color:var(--accent-dark)}.job-row{grid-template-columns:1fr 90px 44px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.job-bar{background:var(--latte);border-radius:999px;height:7px;overflow:hidden}.job-bar>div{background:var(--mint);height:100%;transition:width .25s linear}.job-time{text-align:right;color:var(--mocha)}.recipe-buttons{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;display:grid}.recipe-buttons button{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-size:13px;display:flex}.recipe-buttons small{color:var(--mocha);font-size:11px;font-weight:600}.stock-row{grid-template-columns:1fr 36px auto;align-items:center;gap:8px;font-size:13px;display:grid}.stock-row strong{text-align:right}.stock-row strong.low{color:var(--berry)}.stock-actions{gap:4px;display:flex}.stock-actions button{padding:5px 8px;font-size:12px}@media (width<=640px){.hud{pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;overflow:visible}.hud-level{flex:none;min-width:0}.hud-stats{align-self:flex-end;max-width:100%}.stat{padding:6px 8px;font-size:13px}.toolbar{gap:4px;padding:5px}.toolbar button{padding:8px 9px;font-size:13px}.orders-panel{top:auto;bottom:var(--dock-gap);width:min(248px,100% - 24px);max-height:28vh}.cafe-panel{width:auto;top:auto;left:12px;bottom:var(--dock-gap);height:auto;max-height:52vh}.music-panel{width:auto;left:12px;right:12px;bottom:var(--dock-gap);position:fixed}.notices{top:84px}.install-balloon{bottom:calc(var(--dock-gap) + 4px);padding:10px 12px}.install-copy strong{font-size:14px}.catalog-card{flex-basis:118px}}