*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 86% 4%,#243a5c,transparent 55%),#0b101c;color:#edf3fe;font:14px system-ui,-apple-system,Segoe UI,sans-serif}.hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:29px clamp(14px,5vw,78px);background:linear-gradient(105deg,#14253a,#111827);border-bottom:1px solid #3a506b}.eyebrow{font-size:11px;letter-spacing:.18em;color:#74d9ef;font-weight:800}.hero h1{font-size:clamp(25px,4vw,39px);letter-spacing:.065em;margin:4px 0}.hero em{font-style:normal;color:#ffb36e}.hero p{color:#b0c5d7}.hero nav{display:flex;gap:8px}.hero a,.detail a{color:#b9eaff;padding:9px 13px;background:#1d3550;border:1px solid #44647c;border-radius:8px;text-decoration:none}.hero a:hover,.detail a:hover{border-color:#84dbff}main{max-width:1660px;padding:20px clamp(10px,4vw,64px) 90px;margin:0 auto}.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.statbar div{padding:12px 17px;border:1px solid #334961;border-radius:11px;background:#152438}.statbar strong{font-size:25px;display:block;font-variant-numeric:tabular-nums}.statbar small{color:#92b0c7}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:19px;background:#142239;border:1px solid #38516b;border-radius:12px;padding:13px}.toolbar label{display:grid;gap:5px;color:#aac1d4;font-size:12px}.toolbar label:first-child{flex:1;min-width:155px}.toolbar input,.toolbar select{background:#0f1e30;color:#f2f8ff;border:1px solid #47647e;border-radius:7px;padding:11px;max-width:100%}.toolbar .checkbox{display:flex;gap:8px;align-items:center;padding-bottom:10px;white-space:nowrap}.toolbar .checkbox input{accent-color:#60cce8}.toolbar #count{margin-left:auto;color:#ffc48d;font-weight:700;padding-bottom:9px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(159px,1fr));gap:12px}.item{display:block;width:100%;text-align:left;border:1px solid #344b63;border-radius:12px;background:#15263a;color:#f5f7fe;padding:9px;cursor:pointer;transition:transform .13s,border-color .13s}.item:hover{transform:translateY(-3px);border-color:#7bcde9}.item:focus-visible{outline:3px solid #85deff;outline-offset:2px}.art{height:208px;display:flex;justify-content:center;align-items:center;border-radius:8px;background:radial-gradient(ellipse at 45% 36%,#3d566b,transparent 62%),#223144}.art img{max-width:100%;max-height:100%;height:100%;object-fit:contain}.item strong{display:block;font-size:13px;margin-top:8px}.item small{display:block;color:#91b0c4;margin-top:3px}.item .code{float:right;color:#edbd82;font-size:10px}.notice{margin-top:22px;color:#91aec2;line-height:1.65}dialog{max-width:min(640px,94vw);width:100%;background:#182a41;color:#edf7ff;border:1px solid #65809a;border-radius:14px;padding:20px;box-shadow:0 28px 90px #000b}dialog::backdrop{background:#020810b9}.close{float:right;border:1px solid #48627c;color:white;background:#2d4054;border-radius:8px;padding:9px 13px;cursor:pointer}.detail{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.detail img{width:100%;max-height:285px;object-fit:contain;background:#22354b;border-radius:10px}.detail h2{font-size:26px;margin:0 0 8px}.detail p{color:#b7ccdc}.detail .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.empty{color:#abc3d6;padding:30px}@media(max-width:650px){.statbar{grid-template-columns:1fr 1fr}.statbar strong{font-size:19px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.art{height:170px}.item{padding:7px}.toolbar #count{margin:0}.detail{grid-template-columns:1fr}.detail img{max-height:210px}}@media(prefers-reduced-motion:reduce){.item{transition:none}}