.npc-page{width:100%;margin:0}.npc-loading{min-height:260px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.npc-loading-emoji{font-size:46px}.npc-loading small{color:var(--ink-soft)}
.npc-daily{border-color:var(--amber-line);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin-bottom:13px;background:linear-gradient(135deg,var(--amber-panel),var(--surface))}.npc-daily>div{display:grid;gap:2px}.npc-daily strong{font-size:12px}.npc-daily span{font-size:9px;color:var(--ink-soft);font-weight:800}
.npc-visitors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:13px}.npc-visitor{appearance:none;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--amber-panel));padding:10px 7px;transition:transform .15s var(--ease),box-shadow .15s var(--ease);display:grid;justify-items:center;gap:3px;min-width:0;color:var(--ink);box-shadow:var(--shadow-sm)}.npc-visitor:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.npc-visitor.active{border-color:var(--purple-focus);background:linear-gradient(145deg,var(--purple-soft),var(--surface));box-shadow:0 0 0 3px var(--purple-focus-ring)}.npc-visitor strong{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.npc-visitor small{font-size:7px;color:var(--purple-deep);font-weight:950;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npc-visitor>span:last-child{font-size:7px;color:var(--ink-soft);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.npc-visitor-avatar{width:70px;height:70px;border-radius:21px;background:transparent;display:grid;place-items:center;font-size:31px;overflow:hidden}.npc-visitor-avatar img{width:100%;height:100%;object-fit:contain}
.npc-detail{padding:19px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:17px;border-radius:24px;background:linear-gradient(120deg,var(--amber-panel),var(--surface) 42%,var(--purple-soft-2));box-shadow:var(--shadow-md)}.npc-detail-identity{display:grid;justify-items:center;text-align:center;align-content:start;gap:8px}.npc-detail-identity h2{margin:0;font-size:26px}.npc-detail-identity p{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.45}.npc-detail-avatar{width:150px;height:150px;border-radius:30px;background:transparent;display:grid;place-items:center;font-size:58px;overflow:hidden;box-shadow:var(--shadow-sm)}.npc-detail-avatar img{width:100%;height:100%;object-fit:contain}.npc-detail-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}.npc-info-panel{min-width:0;overflow-wrap:anywhere;border-radius:15px;background:var(--surface-glass-88);box-shadow:inset 0 0 0 1px var(--line-glass-72);padding:11px;display:grid;gap:4px}.npc-info-panel small{font-size:7px;font-weight:950;letter-spacing:.08em;color:var(--ink-faint)}.npc-info-panel strong,.npc-info-panel span{font-size:10px;line-height:1.4}.npc-looking{background:var(--amber-soft);color:var(--amber-ink)}.npc-today-note{grid-column:1/-1;padding:9px 11px;border-radius:13px;background:var(--purple-soft);color:var(--purple-deep);font-size:9px;font-weight:900}.npc-start-button{grid-column:1/-1;min-height:44px}
.npc-trade-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 15px}.npc-trade-person{display:flex;align-items:center;gap:10px}.npc-trade-person h2{margin:0;font-size:19px}.npc-trade-person p{margin:2px 0 0;color:var(--ink-soft);font-size:9px}.npc-trade-avatar{width:54px;height:54px;border-radius:17px;background:var(--amber-soft);display:grid;place-items:center;font-size:29px;overflow:hidden}.npc-trade-avatar img{width:100%;height:100%;object-fit:contain}.npc-head-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.npc-request-banner{margin-top:10px;padding:11px 13px;background:var(--pink-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.npc-request-banner>div{display:grid;gap:2px}.npc-request-banner strong{font-size:11px}.npc-request-banner span{font-size:9px;color:var(--ink-soft)}.npc-your-request{margin-top:8px;padding:7px 10px;border-radius:12px;background:var(--pink-soft);color:var(--red-ink);font-size:9px;text-align:center}.npc-reaction{margin-top:10px;padding:11px 13px;border-radius:16px;background:var(--blue-soft);border:1px solid var(--blue-line);display:flex;align-items:flex-start;gap:9px;color:var(--blue-ink)}.npc-reaction>span{font-size:19px}.npc-reaction strong{font-size:10px}.npc-reaction p{margin:2px 0 0;font-size:10px;line-height:1.45}.npc-reaction.good{background:var(--mint-soft);border-color:var(--mint-line);color:var(--mint-ink)}.npc-reaction.bad{background:var(--red-soft);border-color:var(--red-line);color:var(--red-ink)}.npc-reaction.ask{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber-ink)}
.npc-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;padding:10px;margin-bottom:12px}.npc-action-button{min-height:48px}.npc-limit-note{margin-bottom:14px}
.npc-basket-grid{max-height:56vh;overflow-y:auto;padding:2px}.npc-basket-card{border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);padding:6px;text-align:center}.npc-basket-art{border-radius:11px;background:var(--surface)}.npc-basket-card strong{font-size:8.5px}.npc-basket-card small,.npc-basket-card>span{font-size:7px;color:var(--ink-soft)}.npc-basket-card>button{width:100%;margin-top:auto}
@media(max-width:840px){.npc-visitors{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.npc-visitor{flex:0 0 126px;scroll-snap-align:start}.npc-detail{grid-template-columns:160px minmax(0,1fr);padding:14px}.npc-detail-avatar{width:88px;height:88px;border-radius:24px}.npc-detail-grid{grid-template-columns:1fr}.npc-today-note{grid-column:auto}.npc-trade-head{grid-template-columns:auto 1fr}.npc-head-actions{grid-column:1/-1;justify-content:space-between}}
@media(max-width:600px){.npc-daily{align-items:flex-start}.npc-daily>span{text-align:right}.npc-detail{grid-template-columns:1fr;gap:12px}.npc-detail-identity{grid-template-columns:74px minmax(0,1fr);grid-template-areas:'avatar copy';justify-items:start;text-align:left;align-items:center}.npc-detail-avatar{grid-area:avatar;width:72px;height:72px;border-radius:21px}.npc-detail-identity>div:not(.npc-detail-avatar){grid-area:copy}.npc-detail-identity h2{font-size:22px}.npc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.npc-start-button{min-height:44px}.npc-trade-head{padding:10px;gap:8px}.npc-trade-person h2{font-size:17px}.npc-trade-avatar{width:46px;height:46px;border-radius:14px}.npc-actions{grid-template-columns:1fr 1fr}.npc-accept-action{grid-column:1/-1}.npc-request-banner{align-items:stretch;display:grid}}

.npc-final-counts{font-weight:950;color:var(--ink);font-size:14px}