:root{color-scheme:dark;font-family:Noto Sans JP,Yu Gothic UI,sans-serif;background:radial-gradient(circle at top right,#2c3e50,#10131f 55%,#090b12);color:#f2f4f9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}.app-shell{width:min(1360px,94vw);margin:0 auto;padding:1.4rem 0 2.4rem}.top-bar{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-bottom:1px solid #2f354b;padding-bottom:.9rem}.top-bar h1{margin:0;font-size:clamp(1.2rem,2.2vw,1.85rem)}.stats{display:flex;align-items:baseline;gap:.25rem;color:#9ee7ff}.stats strong{font-size:1.5rem}.toolbar{margin-top:1rem;display:grid;gap:.8rem}.search-stack{display:grid;gap:.6rem}.toolbar input[type=search],.filter-row select{background:#151a2a;border:1px solid #2f3a57;color:#f2f4f9;border-radius:10px;padding:.66rem .8rem}.filter-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.filter-row select{min-width:150px}.icon-filter-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.36rem;padding:.3rem .4rem;border:1px solid #2f3a57;border-radius:10px;background:#12182a;max-width:100%}.icon-filter-group>span{color:#aeb7d2;font-size:.78rem;margin-right:.2rem}.icon-filter{min-width:2rem;height:2rem;padding:0 .55rem;border:1px solid #384766;border-radius:999px;background:#1a253a;color:#edf1ff;cursor:pointer}.icon-filter.icon-text{font-size:.72rem}.icon-filter.active{border-color:#67d8ff;box-shadow:0 0 0 1px #67d8ff inset;background:#22385a}.toolbar label{display:flex;gap:.4rem;align-items:center;color:#d8dcf0}.share-button{border:none;border-radius:999px;background:linear-gradient(120deg,#24c6dc,#3f7dc8);color:#08131f;font-weight:700;text-decoration:none;padding:.6rem 1rem;cursor:pointer}.share-note{margin:.8rem 0;color:#fbc37d}.loading{margin-top:2rem;text-align:center}.grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.95rem}.card{position:relative;background:linear-gradient(180deg,#1a2238,#101624);border:1px solid #29324a;border-radius:12px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);border-color:#4e638a}.card.owned{box-shadow:0 0 0 1px #42d8ff inset}.card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#090b12}.detail-icon{position:absolute;top:.4rem;right:.4rem;width:1.7rem;height:1.7rem;border:none;border-radius:50%;font-weight:800;color:#092036;background:#8ee0ff;cursor:pointer}.card-body{padding:.66rem}.card-body h2{margin:0;font-size:.93rem}.star-controls{margin-top:.55rem}.unowned-button{width:100%;border:1px solid #425174;border-radius:8px;background:#18243b;color:#c9d3ec;padding:.35rem .5rem;font-size:.75rem;cursor:pointer}.unowned-button.active{border-color:#ff8c9c;color:#ffd8de}.star-row{margin-top:.42rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.22rem}.star-button{border:1px solid #485471;border-radius:6px;background:#141b2e;color:#54607c;cursor:pointer;padding:.2rem 0;line-height:1}.star-button.filled{color:#ffd86a;border-color:#c1a351;background:#2f2a19}.star-button.readonly,.unowned-button.readonly{cursor:default;opacity:.8}.conv-label{margin:.45rem 0 0;color:#9ea7c3;font-size:.8rem;text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#060910cc;z-index:50;padding:1rem}.modal{position:relative;width:min(780px,100%);max-height:94vh;overflow-y:auto;border-radius:14px;background:#11192b;border:1px solid #364466;padding:1rem}.modal-close{position:absolute;right:.6rem;top:.5rem;width:2rem;height:2rem;border:none;border-radius:50%;background:#2e3958;color:#e8f0ff;cursor:pointer}.modal h2{margin:0}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.25rem .6rem;margin:.55rem 0}.meta{color:#99a6c7;margin:0;font-size:.88rem}.full-image{width:100%;max-height:480px;object-fit:contain;background:#090d16;border-radius:8px;margin:.7rem 0}.skill-item{background:#0f1320;border:1px solid #29314a;border-radius:8px;padding:.7rem;margin-bottom:.6rem}.skill-item h4{margin:0 0 .4rem}.skill-item ul{margin:0;padding-left:1.1rem}@media(max-width:700px){.app-shell{width:95vw}.top-bar{align-items:start;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}