:root{--bg: #17100c;--bg-2: #1f1610;--panel: rgba(34, 23, 16, .9);--panel-2: rgba(48, 33, 22, .92);--line: rgba(255, 196, 120, .18);--ink: #f7eadb;--muted: #c3ac95;--accent: #ffc06a;--accent-2: #ff9b4a;--good: #86d9a4;--bad: #e2705f;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}.app{display:grid;grid-template-rows:minmax(240px,40vh) minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100vh;height:100dvh;max-width:100vw;width:100%;overflow:hidden}.app>*{min-width:0;max-width:100%}.shop{position:relative;min-height:0;min-width:0;border-bottom:2px solid var(--line);background:#120c08;overflow:hidden}#shop-stage{display:block;width:100%;height:100%;max-width:100%}.shop-hud{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}.hud-block{display:flex;flex-direction:column;gap:1px;min-width:76px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:#140d09c7;backdrop-filter:blur(6px)}.ornament{width:18px;height:18px;object-fit:contain;flex:0 0 auto;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.hud-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hud-value{font-size:16px;line-height:1.1;color:var(--accent)}.hud-sub{font-size:10px;color:var(--muted)}.hud-bar{height:3px;margin-top:2px;border-radius:2px;background:#00000073;overflow:hidden}.hud-bar>i{display:block;height:100%;width:0;background:var(--accent-2)}.hud-goal{flex:1 1 120px;min-width:0;max-width:100%}.hud-goal-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-goal-text{font-size:12px;color:var(--ink)}.customer-strip{position:absolute;bottom:6px;left:8px;right:8px;display:flex;justify-content:center;font-size:11px;color:#ffe8c8d1;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#ffb058eb;color:#2a180c;font-size:12px;font-weight:700;white-space:nowrap;max-width:88vw;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.panel{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,var(--bg-2),var(--bg))}.panel-top{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel)}.panel-top-hint{font-size:11px;color:var(--muted)}.panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 10px 90px;-webkit-overflow-scrolling:touch}.section{margin-bottom:14px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.section-head .section-title{margin-bottom:8px}.hint{margin:6px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.warning{margin:8px 0 0;padding:8px 10px;border:1px solid rgba(226,112,95,.5);border-radius:8px;background:#e2705f1f;font-size:11px;line-height:1.5;color:#ffc9bf}.btn{min-height:44px;padding:9px 14px;border:1px solid rgba(255,196,120,.3);border-radius:10px;background:linear-gradient(180deg,#583a24f2,#3a2618f2);color:var(--ink);font:600 13px/1.2 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.btn:hover:not(:disabled){filter:brightness(1.16)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-primary{border-color:#ffc06a99;background:linear-gradient(180deg,#ffc06a,#e88a3c);color:#2c1a0c;font-weight:800}.btn-danger{border-color:#e2705f8c;background:linear-gradient(180deg,#963e30f2,#68281ef2);color:#ffe2dc}.btn-sm{min-height:44px;padding:8px 12px;font-size:12px}.btn.is-on{border-color:#86d9a499;background:linear-gradient(180deg,#2e5c3ef2,#1e3e2af2)}.btn.is-off{opacity:.7}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row .btn{flex:1 1 150px}.goods-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}.good-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:74px;padding:5px 4px;border:1px solid rgba(255,196,120,.16);border-radius:9px;background:#1c130de6;color:var(--ink);font:600 10px system-ui,sans-serif;cursor:pointer}.good-chip img{width:38px;height:38px;object-fit:contain}.good-chip .good-name{font-size:10px;line-height:1.15;text-align:center;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.good-chip .good-count{position:absolute;top:3px;right:4px;padding:0 4px;border-radius:6px;background:#ffc06ae6;color:#2a180c;font-size:10px;font-weight:800}.good-chip.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.good-chip.is-empty{opacity:.5}.shelf-controls{display:grid;gap:6px}.slot-control{display:flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid rgba(255,196,120,.14);border-radius:8px;background:#1a110cd9}.slot-label{flex:1 1 auto;min-width:0;font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-policies{display:flex;gap:3px}.chip{min-width:44px;min-height:44px;border:1px solid rgba(255,196,120,.22);border-radius:7px;background:#342216e6;color:var(--muted);font:700 11px system-ui;cursor:pointer}.chip.is-active{border-color:var(--accent);background:#ffc06a38;color:var(--accent)}.slot-control .btn-sm{min-width:44px;min-height:44px;padding:2px 8px}.btn-sm{min-height:44px;min-width:44px}.craft-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.craft-tab{display:flex;align-items:center;gap:5px;flex:0 0 auto;min-height:44px;padding:8px 12px;border:1px solid rgba(255,196,120,.2);border-radius:9px;background:#281a11eb;color:var(--muted);font:600 12px system-ui;cursor:pointer}.craft-tab b{padding:0 5px;border-radius:6px;background:#00000059;color:var(--accent);font-size:11px}.craft-tab.is-active{border-color:var(--accent);background:#ffc06a2e;color:var(--ink)}.craft-level{font-size:11px;color:var(--muted);white-space:nowrap}.craft-bar-track{height:4px;margin:6px 0 8px;border-radius:2px;background:#00000073;overflow:hidden}.craft-bar-track>i{display:block;height:100%;width:0;background:var(--accent-2)}.craft-body{display:grid;gap:6px}.craft-row{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,196,120,.12);border-radius:9px;background:#1a110ccc}.craft-icon{width:40px;height:40px;object-fit:contain;flex:0 0 auto}.craft-main{flex:1 1 auto;min-width:0}.craft-title{font-size:13px;font-weight:700}.craft-meta{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.craft-bar{height:3px;margin-top:4px;border-radius:2px;background:#00000080;overflow:hidden}.craft-bar>i{display:block;height:100%;width:0;background:var(--good);transition:width .12s linear}.craft-lock{margin-top:2px;font-size:10px;color:#ffbf8f}.craft-actions{flex:0 0 auto}.craft-empty{margin:0;padding:10px;font-size:11px;line-height:1.6;color:var(--muted)}.worker-list{display:grid;gap:6px;margin-bottom:8px}.worker-row{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,196,120,.12);border-radius:9px;background:#1a110ccc}.worker-portrait{width:40px;height:40px;border-radius:8px;object-fit:cover;object-position:50% 22%;flex:0 0 auto}.worker-main{flex:1 1 auto;min-width:0}.worker-name{font-size:12px;font-weight:700}.worker-meta{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-list{display:grid;gap:6px}.guild-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}.guild-name{font-size:12px}.guild-value{font-size:12px;font-weight:700;color:var(--accent)}.guild-bar{grid-column:1 / -1;height:4px;border-radius:2px;background:#00000073;overflow:hidden}.guild-bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.ledger-list{display:grid;gap:6px}.ledger-card{padding:6px 8px;border:1px solid rgba(255,196,120,.14);border-radius:9px;background:#1a110ccc}.ledger-card.is-done{border-color:#86d9a473;background:#1e382680}.ledger-card.is-next{border-color:var(--accent)}.ledger-title{font-size:12px;font-weight:700}.ledger-meta{font-size:10px;color:var(--muted)}.ledger-bar{height:3px;margin-top:4px;border-radius:2px;background:#00000080;overflow:hidden}.ledger-bar>i{display:block;height:100%;width:0;background:var(--accent-2)}.dialog{width:min(440px,92vw);padding:16px;border:1px solid rgba(255,196,120,.35);border-radius:14px;background:#241811;color:var(--ink)}.dialog::backdrop{background:#080402b8}.dialog h2{margin:0 0 10px;font-size:16px;color:var(--accent)}.dialog p{font-size:12px;line-height:1.6;color:var(--muted)}.dialog textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:#0006;color:var(--ink);font:11px/1.5 ui-monospace,monospace;resize:vertical}.report-list{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:0 0 10px;font-size:12px}.report-list dt{color:var(--muted)}.report-list dd{margin:0;text-align:right;font-weight:700;color:var(--accent)}.report-note{margin:0 0 10px;padding:8px;border-radius:8px;background:#ffc06a1f;font-size:11px;line-height:1.5;color:#ffe0b4}#joyarc-locale{min-height:40px}@media(max-width:720px){.app{grid-template-rows:42vh minmax(0,1fr)}.shop-hud{gap:4px;top:6px;left:6px;right:6px}.hud-block{min-width:62px;padding:4px 7px}.hud-value{font-size:14px}.hud-goal{flex:1 1 96px}.panel-scroll{padding:8px 8px 84px}.goods-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.button-row .btn{flex:1 1 100%;min-width:0}}@media(max-height:560px)and (min-width:721px){.app{grid-template-rows:34vh minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.craft-bar>i{transition:none}}