@import"https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap";:root{--bg-color: #121212;--card-bg: #1e1e1e;--text-main: #e0e0e0;--accent: #bb86fc;--border: #333;--font-gothic: "UnifrakturMaguntia", cursive}body{background-color:var(--bg-color);color:var(--text-main);font-family:system-ui,-apple-system,sans-serif;margin:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.hidden{display:none!important}.app-header{height:60px;background-color:#1f1f1f;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.app-title{font-family:var(--font-gothic);font-size:1.6rem;color:#fff;margin:0}.nav-btn{background:transparent;border:none;color:#fff;font-size:1.8rem;cursor:pointer}#view-detail{height:100%;display:flex;flex-direction:column;overflow:hidden}.horizontal-scroll-container{flex:1;display:flex;align-items:center;overflow:hidden}.unit-carousel{display:flex;gap:16px;padding:10px 16px;width:100%;height:95%;overflow-x:auto;scroll-snap-type:x mandatory;align-items:stretch}.unit-card{flex:0 0 min(85%,360px);background:var(--card-bg);border-radius:16px;padding:1.2rem;border:2px solid #333;box-shadow:0 8px 24px #00000080;scroll-snap-align:center;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.unit-card.active-card{border-color:var(--accent)}.stats-grid-flex{display:flex;justify-content:space-between;align-items:center;background:#252525;padding:10px 4px;margin:0 -1.2rem 15px;border-top:1px solid #333;border-bottom:1px solid #333;flex-shrink:0}.stat-box-flex{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.stat-label{font-size:.55rem;color:#777;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-val{font-weight:700;color:#fff;font-size:1rem}.card-header-new{display:flex;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.head-left h3{margin:0;font-family:var(--font-gothic);font-size:1.5rem;color:#fff;line-height:1}.unit-keywords{font-size:.7rem;color:#888;font-style:italic;margin-top:2px}.head-right{text-align:right;display:flex;flex-direction:column;gap:4px}.unit-cost{color:var(--accent);font-weight:700;font-size:.9rem}.base-badge{background:#252525;color:#aaa;font-size:.6rem;padding:2px 6px;border-radius:4px;border:1px solid #333;align-self:flex-end}.chips-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;flex-shrink:0}.chip-wrapper{position:relative;display:inline-block}.item-chip{background:#2a2a2a;border:1px solid #444;color:#ddd;padding:5px 10px;border-radius:6px;font-size:.8rem;cursor:pointer}.chip-popover{display:none;position:absolute;bottom:130%;left:50%;transform:translate(-50%);width:240px;background:#111;border:1px solid var(--accent);padding:12px;border-radius:12px;z-index:2000;box-shadow:0 10px 40px #000;pointer-events:auto}.chip-popover.show{display:block;animation:popIn .2s ease}.chips-container{flex-shrink:0;background:#1a1a1a;border-top:1px solid var(--accent);display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,10px));max-height:30vh;overflow-y:auto}.nav-chip{background:#333;border:1px solid #444;color:#eee;padding:10px;border-radius:8px;font-size:.75rem;font-weight:700;text-align:center}.nav-chip.active-unit{background:var(--accent);color:#000}