/* A five-slot archive with individually tuned books; room art stays intact. */
#app > #stellar-domain-screen.rem-port { --library-paper:#e8f1dd; --library-ink:#071e28; --library-line:#527b7d; }
#app > #stellar-domain-screen.rem-port #stellar-stone-count { white-space:nowrap; font-size:clamp(13px,4vw,21px); letter-spacing:0; }
#app > #stellar-domain-screen.rem-port[data-stellar-tab="loadout"] .stellar-archive-art { display:none !important; }
#app > #stellar-domain-screen.rem-port #stellar-loadout-summary { background:none !important; padding:0 !important; border:0 !important; }
.stellar-build-cost { display:flex; align-items:baseline; gap:10px; border-bottom:3px solid #acdabd; padding:6px 0 10px; color:#eef6dc; }
.stellar-build-cost > span { font-size:10px; letter-spacing:.12em; }
.stellar-build-cost > strong { font:700 34px/1 'Bahnschrift',sans-serif; }
.stellar-build-cost small { font-size:18px; color:#9aadb1; }
.stellar-build-cost > i { margin-left:auto; font:12px 'Bahnschrift',sans-serif; color:#bbd4c7; }
#stellar-loadout-summary > p { font-size:11px; line-height:1.8; color:#b3c7c8; }
#app > #stellar-domain-screen.rem-port #stellar-equip-slots { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:5px !important; }
#app > #stellar-domain-screen.rem-port .stellar-slot-btn { display:flex !important; flex-direction:column; align-items:center; justify-content:flex-start; gap:3px !important; position:relative; padding:7px 3px !important; min-width:0 !important; min-height:130px !important; border:1px solid #476a75 !important; border-radius:3px !important; background:linear-gradient(155deg,#233e47,#0b1c2a) !important; box-shadow:inset 0 -3px #07111e !important; color:#dce9e2 !important; }
#app > #stellar-domain-screen.rem-port .stellar-slot-btn.active { border:2px solid #d7ed9c !important; background:#28444a !important; }
#app > #stellar-domain-screen.rem-port .stellar-slot-btn .stellar-tome { width:43px !important; height:54px !important; margin:2px 0 !important; }
#app > #stellar-domain-screen.rem-port .stellar-slot-btn .stellar-slot-number { position:static !important; font:9px 'Bahnschrift',sans-serif; min-height:11px; color:#cfe9a4; }
#app > #stellar-domain-screen.rem-port .stellar-slot-btn strong { font-size:9px !important; line-height:1.35; letter-spacing:0; overflow-wrap:anywhere; text-align:center; }
#app > #stellar-domain-screen.rem-port .stellar-slot-btn small { font-size:9px !important; margin-top:auto; white-space:nowrap; color:#b1ccca; }
#app > #stellar-domain-screen.rem-port .stellar-empty-slot { display:grid; place-items:center; height:58px; font-size:30px; color:#68838a; }
#app > #stellar-domain-screen.rem-port #stellar-set-effects { padding:0 !important; background:none !important; border:0 !important; display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.stellar-concerto { border:1px solid #34515f; background:#0b1c2be0; border-radius:3px; padding:8px; }
.stellar-concerto.is-active { border-color:#b6cc94; }
.stellar-concerto summary { display:flex; flex-wrap:wrap; gap:4px; align-items:center; cursor:pointer; font-size:11px; }
.stellar-concerto summary > span { color:var(--set-color); flex:1; white-space:nowrap; }
.stellar-concerto summary > strong { font:12px 'Bahnschrift',sans-serif; }
.stellar-concerto summary > small { display:block; width:100%; font-size:8px; color:#778d98; }
.stellar-concerto.is-active summary > small { color:#d8e6a6; }
.stellar-concerto p { font-size:10px; line-height:1.65; color:#8ba1a8; margin:8px 0 0; }
.stellar-concerto p.is-on { color:#e9f1cd; }
.stellar-library-controls { margin:12px 0; }
#stellar-library-wallet { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:7px; padding:10px 0; border-top:1px solid #557d7c; border-bottom:1px solid #557d7c; }
#stellar-library-wallet > div { min-width:0; }
#stellar-library-wallet span { display:block; font-size:9px; color:#9db8bc; }
#stellar-library-wallet strong { display:block; font:700 20px/1.6 'Bahnschrift',sans-serif; color:#eaf4d7; }
#stellar-library-wallet strong small { font-size:12px; color:#97aca7; }
#stellar-library-wallet strong.is-full { color:#ffaf8f; }
#stellar-library-filters { display:grid; grid-template-columns:1fr .65fr 1.35fr; gap:7px; margin-top:12px; }
#stellar-library-filters label,.stellar-detail-equip label { min-width:0; color:#adbfbd; font-size:10px; }
#stellar-library-filters select,.stellar-detail-equip select { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:38px; padding:6px; margin-top:4px; border:1px solid #60848b; border-radius:3px; background:#102731; color:#eff6e4; font:12px 'Yu Gothic','Meiryo',sans-serif; }
#stellar-library-message { min-height:28px; margin:10px 0; color:#bbcec5; font-size:10px; line-height:1.7; }
#stellar-library-bulk { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; }
#stellar-library-bulk p { flex-basis:100%; font-size:11px; color:#ffc9a3; }
#stellar-library-bulk button { min-height:40px; padding:8px 12px; border:1px solid #56717b; border-radius:3px; background:#142a36; color:#bfcfd1; font-size:11px; }
#app > #stellar-domain-screen.rem-port #stellar-book-list { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
#app > #stellar-domain-screen.rem-port .stellar-library-book { min-width:0; min-height:224px; display:flex; flex-direction:column; align-items:center; gap:6px; padding:9px; border:1px solid #587379; border-radius:4px; color:#ebf2df; background:radial-gradient(ellipse at 50% 32%,#3e626b55,transparent 55%),linear-gradient(145deg,#18363f,#0a1a2a); box-shadow:inset 0 -4px #040e1a; cursor:pointer; }
#app > #stellar-domain-screen.rem-port .stellar-library-book.is-equipped { border:2px solid #d0dea4; padding:8px; }
.stellar-library-book__top { display:flex; justify-content:space-between; gap:5px; width:100%; color:#bddfc9; font:10px 'Bahnschrift',sans-serif; }
.stellar-library-book__top i { font-style:normal; color:#d8dda7; }
#app > #stellar-domain-screen.rem-port .stellar-library-book .stellar-tome { width:72px !important; height:90px !important; margin:0 !important; }
.stellar-library-book > strong { font-size:13px; line-height:1.4; text-align:center; }
.stellar-library-book > small { font-size:9px; color:#91b4bb; }
.stellar-library-main { min-height:28px; font-size:10px; line-height:1.5; color:#d0dfd2; text-align:center; }
.stellar-library-pips { display:flex; gap:5px; margin-top:auto; }
.stellar-library-pips i { width:15px; height:4px; background:#263e4b; border:1px solid #496b70; }
.stellar-library-pips i.is-on { background:#d9efab; border-color:#edf6d3; }
.stellar-library-empty { grid-column:1/-1; padding:28px 10px; text-align:center; line-height:1.8; color:#94b3bb; }

#stellar-domain-screen .stellar-tuning-dialog { box-sizing:border-box; width:min(94vw,470px); max-width:470px; max-height:94dvh; padding:14px; color:#e8f1e0; background:radial-gradient(ellipse at 70% 0,#365458 0,transparent 45%),#0a202c; border:2px solid #91aaa0; border-top:4px solid #d4e4b0; border-radius:6px; box-shadow:0 20px 70px #000b; overflow:auto; font-family:'Bahnschrift','Yu Gothic','Meiryo',sans-serif; overscroll-behavior:contain; }
#stellar-domain-screen .stellar-tuning-dialog::backdrop { background:#010810dd; }
.stellar-detail-top { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:9px; letter-spacing:.16em; color:#a6bfae; }
.stellar-tuning-dialog button { cursor:pointer; min-height:40px; padding:8px 10px; border:1px solid #6f969a; border-radius:3px; background:#173641; color:#e5eedd; font:700 12px 'Bahnschrift','Yu Gothic','Meiryo',sans-serif; }
.stellar-tuning-dialog button:disabled,#stellar-library-bulk button:disabled { cursor:default; opacity:.45; }
.stellar-detail-top button { width:40px; padding:5px; }
.stellar-detail-hero { display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; gap:14px; padding:12px 0; }
#stellar-domain-screen .stellar-detail-hero .stellar-tome { width:82px !important; height:102px !important; margin:0 !important; }
.stellar-detail-hero h2 { margin:5px 0; font-size:22px; line-height:1.3; color:#f0f1da; }
.stellar-detail-hero span { font:10px 'Bahnschrift',sans-serif; color:#d2dea7; }
.stellar-detail-hero p { font-size:10px; color:#b3c9c1; margin:4px 0 7px; }
.stellar-detail-hero strong { font:20px 'Bahnschrift',sans-serif; }
.stellar-detail-hero small { display:block; margin-top:5px; font-size:10px; color:#a5b8ae; }
.stellar-detail-main { padding:12px; border:1px solid #758d75; border-left:4px solid #ceddad; background:#243e3c88; }
.stellar-detail-main span,.stellar-detail-main small { display:block; font-size:9px; color:#bbcebe; line-height:1.7; }
.stellar-detail-main strong { display:block; margin:4px 0; font-size:16px; color:#eff4d7; }
.stellar-substat-list { display:grid; gap:5px; padding:0; margin:14px 0; list-style:none; }
.stellar-substat-list li { display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:6px; align-items:center; padding:9px; border:1px solid #355260; background:#0b1b28; color:#78949e; font-size:11px; }
.stellar-substat-list li > b { font:10px 'Bahnschrift',sans-serif; color:#779eab; }
.stellar-substat-list li.is-unlocked { color:#edf1d7; border-color:#7f9578; background:#253d38; }
.stellar-substat-list li.is-new { animation:stellar-stat-reveal .5s ease-out both; }
.stellar-detail-message { min-height:30px; font-size:11px; line-height:1.65; color:#c7d3ba; margin:8px 0; }
#stellar-domain-screen .stellar-tune-button { width:100%; min-height:54px; border:2px solid #e6f0c3; color:#142d28; background:linear-gradient(#e0ebae,#a9cd8b); box-shadow:inset 0 -4px #689277; font-size:13px; }
.stellar-tune-button small { display:block; font-size:10px; margin-top:5px; }
.stellar-detail-equip { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; margin:13px 0 8px; }
.stellar-detail-tools { display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; }
.stellar-detail-tools button { font-size:10px; }
.stellar-discard-confirm { border:1px solid #be8f78; margin-top:12px; padding:10px; background:#4d2b2b88; }
.stellar-discard-confirm p { font-size:11px; line-height:1.7; }
.stellar-tuning-rules { margin-top:15px; font-size:10px; color:#8ea9aa; line-height:1.8; }
.stellar-tuning-rules summary { cursor:pointer; }
@keyframes stellar-stat-reveal { from { transform:translateX(8px); background:#58764b; } to { transform:none; background:#253d38; } }
@media(max-width:380px) {
  #app > #stellar-domain-screen.rem-port .stellar-slot-btn { min-height:120px !important; }
  #app > #stellar-domain-screen.rem-port .stellar-slot-btn .stellar-tome { width:35px !important; height:44px !important; }
  .stellar-detail-hero h2 { font-size:19px; }
  .stellar-library-book > strong { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .stellar-substat-list li.is-new { animation:none; } }