html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#eee;background:0 0;font-family:system-ui,Segoe UI,sans-serif;font-size:13px}.stage{margin:0 auto}.main-band{box-sizing:border-box;border:1px solid #3a3a3a;border-radius:4px}.hud-overlay{pointer-events:none;justify-content:flex-end;align-items:flex-start;gap:4px;padding:4px;display:flex}.hud-overlay .icon-button{pointer-events:auto}.icon-button{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button--active{background:#333;border-color:#6cf}.panel{box-sizing:border-box;background:#202020;border:1px solid #3a3a3a;flex-direction:column;width:100%;height:100%;display:flex;overflow:auto}.panel__title{background:#262626;border-bottom:1px solid #3a3a3a;padding:4px 8px;font-weight:700}.inventory-panel{padding:0}.slot-grid{flex:1;grid-template-columns:repeat(10,1fr);gap:2px;padding:4px;display:grid;overflow-y:auto}.inventory-slot{aspect-ratio:1;cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.inventory-slot--empty{cursor:default;background:#232323}.inventory-slot--in-party{border-color:#6cf}.inventory-slot__emoji{font-size:16px}.inventory-slot__badge{color:#fff;background:#000a;border-radius:2px;padding:0 2px;font-size:9px;position:absolute;bottom:0;right:1px}.inventory-slot__party-mark{color:#6cf;font-size:9px;position:absolute;top:0;left:1px}.inventory-menu-row{border-top:1px solid #3a3a3a;gap:4px;padding:4px;display:flex}.detail-panel{padding:8px}.detail-panel__empty{color:#888;margin:auto;font-style:italic}.detail-panel__body{flex-direction:column;gap:6px;height:100%;display:flex}.detail-panel__header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.detail-panel__emoji{font-size:20px}.detail-panel__name{flex:1;font-weight:700}.detail-panel__party-button{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:4px 8px}.detail-panel__party-button:disabled{opacity:.4;cursor:not-allowed}.detail-panel__stats{flex-wrap:wrap;gap:4px 12px;display:flex}.detail-panel__skills{flex-direction:column;gap:4px;display:flex}.detail-panel__skills-label{color:#888;font-size:11px}.detail-panel__skills-list{flex-wrap:wrap;gap:4px;display:flex}.detail-panel__skill-chip{color:#aaa;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:2px 8px;font-size:11px}.detail-panel__skill-chip--equipped{color:#eee;background:#2f5233;border-color:#4caf50}.detail-panel__skill-chip:disabled{opacity:.4;cursor:not-allowed}.stage-panel__tabs,.storage-panel__tabs,.settings-panel__tabs{border-bottom:1px solid #3a3a3a;gap:2px;padding:4px;display:flex}.stage-panel__tab,.storage-panel__tab,.settings-panel__tab{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:2px 8px}.stage-panel__tab--active,.storage-panel__tab--active,.settings-panel__tab--active{background:#333;border-color:#6cf}.stage-panel__list{flex-direction:column;flex:1;gap:2px;padding:4px;display:flex;overflow-y:auto}.stage-panel__row{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.stage-panel__row:disabled{opacity:.4;cursor:not-allowed}.stage-panel__row-status{color:#6cf}.settings-panel__body{flex-direction:column;gap:6px;padding:8px;display:flex}.settings-panel__section-title{margin-bottom:4px;font-weight:700}.settings-panel__radio-row{cursor:pointer;align-items:center;gap:6px;display:flex}.settings-panel__quit-button{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;align-self:flex-start;padding:4px 8px}.settings-panel__quit-button:disabled{opacity:.4;cursor:not-allowed}.detail-panel__use,.detail-panel__tree,.player-skill-panel__list{flex-direction:column;gap:4px;padding:4px;display:flex}.detail-panel__use-label,.detail-panel__tree-label{color:#888;font-size:11px}.detail-panel__use-list,.detail-panel__tree-list{flex-wrap:wrap;gap:4px;display:flex}.detail-panel__use-button,.detail-panel__tree-node,.player-skill-panel__node{color:#aaa;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:2px 8px;font-size:11px}.detail-panel__tree-node--unlocked,.player-skill-panel__node--unlocked{color:#eee;background:#2f5233;border-color:#4caf50}.detail-panel__tree-node:disabled,.player-skill-panel__node:disabled{opacity:.4;cursor:not-allowed}.player-skill-panel__node{justify-content:space-between;gap:8px;display:flex}.player-skill-panel__node-cost{color:#6cf}