nav{display:flex;gap:22px;font-size:13px;white-space:nowrap}nav a{text-decoration:none;color:var(--muted)}nav a[aria-current]{color:var(--green)}.history-toolbar{display:flex;align-items:center;gap:16px;margin:-4px 0 24px;font-size:12px;color:var(--muted)}.encounter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.encounter{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card)}.encounter .preview-button{position:relative;width:100%;padding:0;border:0;border-radius:0;display:block;background:#0b130e;text-align:left;color:var(--text);overflow:hidden}.preview-button:hover{transform:none;filter:brightness(1.08)}.scene-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b130e}.scene-preview.crop-only{object-fit:contain;padding:30px}.plate-banner{position:absolute;left:0;bottom:0;right:0;padding:35px 16px 12px;background:linear-gradient(transparent,#071009ed)}.plate-text{display:block;font:600 25px/1.1 ui-monospace,SFMono-Regular,monospace;letter-spacing:1px}.read-status{display:block;font:11px/1.5 system-ui,sans-serif;color:var(--green);margin-top:7px}.read-status.uncertain{color:#e7c788}.encounter-info{padding:15px 16px 17px}.encounter-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.crop-row{height:58px;margin:14px 0;display:flex;align-items:center;gap:14px}.plate-preview{display:block;width:150px;max-width:55%;height:54px;object-fit:contain;background:#0b130e;border-radius:7px}.crop-row span{font-size:11px;color:var(--muted)}.encounter-time{font-size:12px;color:var(--text)}.more{display:block;margin:25px auto}dialog{width:min(1040px,calc(100vw - 24px));max-height:90dvh;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--text);background:var(--bg);overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;position:sticky;top:-24px;padding:12px 0;background:var(--bg);z-index:1}.dialog-head h2{font:600 28px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;margin-top:6px}.detail-scene{width:100%;max-height:460px;object-fit:contain;background:#070f0a;border-radius:12px}.detail-facts{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;font-size:12px;color:var(--muted)}.variants{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.variant{border:1px solid var(--line);padding:7px 11px;border-radius:8px;font-size:12px}h3{font-size:16px;font-weight:550;margin-top:28px}h3 span{float:right;font-size:11px;color:var(--muted)}.frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.frame{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);min-width:0}.frame img{width:100%;height:75px;object-fit:contain;background:#0b130e;border-radius:7px}.frame strong{display:block;font:500 19px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.5px;margin-top:12px}.frame p{font-size:11px;margin:6px 0;overflow-wrap:anywhere}.frame a{font-size:11px}.preview-unavailable{font-size:11px;color:var(--muted);padding:20px;display:block}.frame-links{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){.encounter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){nav{gap:14px;font-size:12px}.encounter-grid{grid-template-columns:1fr;gap:18px}.history-toolbar{align-items:flex-start}.history-toolbar>span:last-child{max-width:210px}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:16px}.dialog-head{top:-16px}.intro{align-items:flex-start}.plate-text{font-size:28px}}@media(max-width:380px){.frame-grid{grid-template-columns:1fr}}