:root{--bg: #080808;--panel: #111;--panel-2: #161616;--border: #222;--text: #e0e0e0;--text-dim: #888;--text-muted:#444;--gold: #c8882a;--radius: 4px;--radius-lg: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#root{height:100%;display:flex;align-items:center;justify-content:center}.game-shell{width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);display:grid;grid-template-rows:1fr 52px;overflow:hidden;background:var(--bg)}@media (max-width: 768px){.game-shell{width:min(100vw,calc(100vh * 4 / 3));height:min(100vh,75vw)}}.game-body{display:grid;grid-template-columns:180px 1fr;overflow:hidden;min-height:0}.character-panel{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 8px;gap:6px;overflow:hidden}.character-viewer{position:relative;width:100%;flex:1;min-height:0}.character-viewer svg,.character-viewer img.sprite-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tier-badge{width:100%;text-align:center;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:3px 0;border-bottom:1px solid var(--border)}.equipped-list{width:100%;display:flex;flex-direction:column;gap:1px}.eq-row{display:flex;justify-content:space-between;padding:2px 0;font-size:9px}.eq-slot{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.eq-name{color:var(--text-dim);font-weight:600;text-align:right;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-area{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.screen-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;z-index:0}.screen-inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px 16px 12px;gap:10px}.loc-header{padding-bottom:10px;border-bottom:1px solid var(--border)}.loc-title{font-size:22px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:var(--text)}.action-block{display:flex;flex-direction:column;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.action-block h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.cost-row{display:flex;flex-wrap:wrap;gap:5px}.pill{padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700;border:1px solid var(--border);background:var(--panel);color:var(--text-dim)}.action-btn{width:100%;padding:11px 16px;border-radius:var(--radius);border:1px solid #333;font-family:inherit;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:filter .1s,transform .08s;background:#e0e0e0;color:#080808}.action-btn:hover:not(:disabled){filter:brightness(1.08)}.action-btn:active:not(:disabled){transform:scale(.98)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.action-btn.secondary{background:var(--panel);border-color:var(--border);color:var(--text-dim);font-size:11px}.bar-track{height:8px;background:var(--panel);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.bar-fill{height:100%;border-radius:4px;transition:width .35s ease;background:#e0e0e0}.log-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;max-height:100px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.log-entry{font-size:10px;color:var(--text-muted);line-height:1.4}.log-entry:first-child{color:var(--text-dim);font-weight:600}.outside-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.location-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel-2);cursor:pointer;font-family:inherit;transition:filter .12s,transform .08s;min-height:80px;position:relative;overflow:hidden}.location-card:hover:not(:disabled){filter:brightness(1.3)}.location-card:active:not(:disabled){transform:scale(.97)}.location-card:disabled{opacity:.4;cursor:not-allowed}.location-card-label{font-size:16px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--text);pointer-events:none}.location-card-hours{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);pointer-events:none}.location-card-closed{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#555;pointer-events:none}.stat-bar{display:flex;align-items:center;background:var(--panel);border-top:1px solid var(--border);padding:0 10px;gap:6px;overflow:hidden}.stat-block{display:flex;align-items:center;gap:5px;flex-shrink:0}.stat-bars{display:flex;flex-direction:column;gap:2px}.stat-bar-track{width:48px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .3s}.stat-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.stat-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.money-display{font-size:14px;font-weight:900;color:var(--gold);white-space:nowrap;margin-left:auto}.day-display{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap}.time-display{font-size:11px;font-weight:700;color:var(--text-dim);white-space:nowrap}.shop-tabs{display:flex;gap:4px;flex-wrap:wrap}.tab-btn{padding:4px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:inherit;font-size:10px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all .12s}.tab-btn.active{background:var(--panel-2);border-color:#444;color:var(--text)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shop-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:5px}.shop-card.owned{border-color:#333}.shop-card.equipped{border-color:#555}.shop-card-top{display:flex;align-items:center;gap:6px}.color-swatch{width:22px;height:22px;border-radius:3px;border:1px solid #333;flex-shrink:0}.shop-card-name{font-size:11px;font-weight:700;color:var(--text)}.shop-card-meta{display:flex;justify-content:space-between;font-size:10px}.shop-price{color:var(--gold);font-weight:700}.shop-looks{color:var(--text-dim)}.shop-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.shop-actions{display:flex;gap:4px}.shop-btn{flex:1;padding:5px 6px;border-radius:var(--radius);border:1px solid var(--border);font-family:inherit;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:filter .12s;background:var(--panel);color:var(--text-dim)}.shop-btn:disabled{opacity:.3;cursor:not-allowed}.shop-btn:hover:not(:disabled){filter:brightness(1.2)}.shop-btn.buy{background:#e0e0e0;border-color:#e0e0e0;color:#080808}.shop-btn.equip{background:var(--panel-2);border-color:#444;color:var(--text)}.req-warning{font-size:10px;font-weight:700;color:var(--text-dim);padding:5px 8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.rep-track{display:flex;gap:3px}.rep-dot{flex:1;height:12px;border-radius:2px;background:var(--border);transition:background .07s}.rep-dot-filled{background:#bbb}.rep-dot-flash{background:#fff}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width: 600px){.game-body{grid-template-columns:100px 1fr}.equipped-list{display:none}.shop-grid{grid-template-columns:1fr}.stat-bar-track{width:32px}}