:root{color-scheme:light;--navy:#071a2b;--green:#19b56b;--ink:#152334;--muted:#64748b;--line:#dce4ec;--paper:#f4f7fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px Inter,Segoe UI,Arial,sans-serif}header{background:linear-gradient(120deg,#061827,#102e46);color:#fff;padding:32px max(5vw,24px);display:flex;justify-content:space-between;gap:24px;align-items:center}header p{color:#53e49b;font-size:12px;font-weight:800;letter-spacing:.18em;margin:0 0 8px}h1{font-size:clamp(30px,5vw,54px);margin:0 0 8px}#intro{max-width:760px;white-space:pre-line;color:#dbe8f2}.mark{font-size:30px;font-weight:900;font-style:italic}.mark span{display:block;color:#53e49b;font-size:11px;letter-spacing:.12em;font-style:normal}main{max-width:1440px;margin:auto;padding:28px max(3vw,18px)}.controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(145px,1fr));gap:12px;background:#fff;padding:16px;border:1px solid var(--line);border-radius:16px;position:sticky;top:0;z-index:5;box-shadow:0 8px 28px #071a2b14}.controls label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.controls input,.controls select{display:block;width:100%;margin-top:6px;border:1px solid #bdc9d5;border-radius:9px;padding:10px;background:#fff;color:var(--ink)}.result-bar{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 12px}.result-bar button,nav button{border:1px solid #bbc9d5;background:#fff;border-radius:9px;padding:9px 13px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #071a2b0b;display:flex;flex-direction:column}.photo{aspect-ratio:4/5;background:#e7edf3;display:grid;place-items:center;overflow:hidden;cursor:pointer}.photo img{width:100%;height:100%;object-fit:contain;background:#eef2f6}.missing{color:#788898;font-weight:700}.details{padding:14px;display:flex;flex-direction:column;gap:7px;flex:1}.details h2{font-size:17px;line-height:1.25;margin:0}.meta,.teams,.notes{color:var(--muted);font-size:13px}.price{margin-top:auto;font-size:20px;font-weight:900;color:#0e8f50}nav{display:flex;justify-content:center;align-items:center;gap:14px;margin:28px}nav button:disabled{opacity:.4}footer{text-align:center;padding:25px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:14px;max-width:min(92vw,900px);box-shadow:0 24px 90px #0008}dialog::backdrop{background:#061827d9}dialog img{max-width:100%;max-height:75vh;display:block;margin:auto}#close{position:absolute;right:12px;top:10px;border:0;border-radius:50%;font-size:24px;width:38px;height:38px}#viewerText{padding:12px;font-weight:800}@media(max-width:850px){header{align-items:flex-start}.mark{display:none}.controls{position:static;grid-template-columns:1fr 1fr}.controls label:first-child{grid-column:1/-1}}@media(max-width:520px){.controls{grid-template-columns:1fr}.controls label:first-child{grid-column:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.details{padding:10px}.details h2{font-size:14px}.photo{aspect-ratio:3/4}}