.creature-directory{max-width:1120px;margin:0 auto;padding:32px 20px 64px;color:#e8eef2}.creature-directory h1{font-size:clamp(28px,5vw,40px);margin:6px 0 12px}.creature-directory header>p:last-child,.directory-method,.directory-note{color:#aebdc7;line-height:1.6}.directory-eyebrow{font-size:11px;letter-spacing:.16em;color:#8debf2}.directory-totals{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:24px}.directory-totals>div{padding:18px;border:1px solid #8debf225;border-radius:12px;background:#8debf207;display:flex;flex-direction:column;gap:6px}.directory-totals strong{font-size:30px;color:#8debf2}.directory-totals span{font-size:13px}.directory-note{font-size:12px;margin:12px 0 26px}.directory-controls{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:14px;gap:14px}.directory-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#bbc9d0;min-width:0}.directory-controls input,.directory-controls select{width:100%;min-width:0;padding:12px;border:1px solid #46535f;border-radius:8px;background:#131b23;color:#edf4f5;font:inherit;font-size:16px}.creature-directory a:focus-visible,.directory-controls :focus-visible,.directory-method summary:focus-visible{outline:2px solid #8debf2;outline-offset:3px}.directory-results{font-size:12px;color:#aebdc7;margin:18px 0}.directory-section{margin:28px 0}.directory-section h2{font-size:20px;display:flex;gap:12px;align-items:center}.directory-section h2>span{font-size:12px;font-weight:400;color:#aebdc7}.directory-section>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.directory-section li{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff0f;border-radius:9px;background:#ffffff03;min-width:0}.directory-section .species-icon{width:42px;height:42px;color:#8debf2}.directory-section .species-head{width:38px;height:38px}.directory-creature{display:flex;flex-direction:column;gap:5px;min-width:0}.directory-creature>a{color:#e8eef2;text-decoration:none;font-size:14px;overflow-wrap:anywhere}.directory-creature>a:hover{text-decoration:underline;color:#8debf2}.directory-status{font-size:11px;color:#a8bbb9}.directory-status.announced{color:#d6b7fa}.directory-status.expected{color:#edc78c}.directory-method{border-top:1px solid #ffffff1f;padding:22px 0;font-size:13px;margin-top:38px}.directory-method summary{cursor:pointer;color:#dce9ef}.directory-method a{color:#8debf2}.directory-empty{padding:28px;border:1px dashed #46535f;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.directory-section>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-controls{grid-template-columns:1fr 1fr}.directory-controls label:first-child{grid-column:1/-1}}@media(max-width:480px){.creature-directory{padding:24px 14px 48px}.directory-section>ul{grid-template-columns:1fr}.directory-totals{gap:7px}.directory-totals>div{padding:12px 9px}.directory-totals span{font-size:11px}.directory-totals strong{font-size:26px}}.dino-scanner{margin:20px 0}.scanner-body{padding:18px;border:1px solid #41545b;border-radius:12px;margin-top:12px}.scanner-body p{font-size:13px;line-height:1.6;color:#b7c5d0}.scanner-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.scanner-file{display:grid;grid-gap:6px;gap:6px;font-size:13px}.scanner-file,.scanner-file input{max-width:100%}.scanner-camera,.scanner-preview{width:100%;max-width:420px;display:block;margin:16px auto;border:2px solid #72cdb8;border-radius:8px}.scanner-camera{aspect-ratio:.64;object-fit:cover}.scanner-preview[hidden]{display:none}.scanner-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;align-items:center;margin:8px 0;font-size:13px}.scanner-colors input,.scanner-row input{width:100%;min-width:0;font-size:16px}.scanner-colors{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:20px 0}.scanner-colors label{font-size:12px;display:grid;grid-gap:6px;gap:6px}.scanner-confirm{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-size:13px}.scanner-review{margin-top:20px}.scanner-body button:disabled{opacity:.5;cursor:not-allowed}.scanner-body select,.scanner-colors input,.scanner-row input{min-height:44px;padding:8px;border:1px solid #41545b;border-radius:6px;background:#14222a;color:#edf2f5;font-size:16px;max-width:100%}.scanner-colors input:focus-visible,.scanner-row input:focus-visible{outline:2px solid #8ed8c7;outline-offset:2px}.frame-editor{padding:24px 0 48px;color:#edf2f5}.frame-editor header{max-width:780px;margin-bottom:24px}.frame-editor header h2{font-size:28px;margin:8px 0 12px}.frame-editor header p{line-height:1.6;color:#b7c5d0}.frame-eyebrow{font-size:12px;letter-spacing:.16em;color:#8ed8c7!important}.frame-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:20px}.frame-editor label{display:grid;grid-gap:8px;gap:8px;font-size:13px;min-width:0}.frame-editor input,.frame-editor select{min-width:0;width:100%;max-width:100%;background:#14222a;color:#edf2f5;border:1px solid #41545b;border-radius:8px;padding:10px;font-size:16px;min-height:44px}.frame-editor button{background:#14222a;color:#d1e3e0;border:1px solid #41545b;border-radius:8px;padding:10px 13px;font:inherit;font-size:13px;cursor:pointer;min-height:42px}.frame-editor button[aria-pressed=true]{background:#16483f;border-color:#80e4c9;color:#c5ffed}.frame-editor button:disabled{opacity:.5;cursor:not-allowed}.frame-editor button:focus-visible,.frame-editor input:focus-visible,.frame-editor select:focus-visible,.frame-stage:focus-visible{outline:2px solid #9debd3;outline-offset:3px}.frame-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-gap:24px;gap:24px}.frame-stage-column{min-width:0}.frame-view-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.frame-stage{display:block;width:100%;aspect-ratio:16/9;border:1px solid #41545b;border-radius:12px;background:#0d161c;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame-stage[data-zoom=true]{aspect-ratio:4/3;max-height:740px}.frame-stage[data-placing=true]{cursor:crosshair}.frame-stage rect[data-region]{fill:#78e8d51a;stroke:#7cebd4;stroke-width:1;cursor:move}.frame-stage rect[data-kind=panel]{fill:transparent;stroke-width:2}.frame-stage rect[data-kind=color]{fill:#f4d89022;stroke:#f4d890}.frame-stage rect[data-kind=excluded]{fill:#a9b4c018;stroke:#bbc1cd;stroke-dasharray:4 3}.frame-stage rect[data-selected=true]{stroke:#fff;stroke-width:2;fill:#ffffff28}.frame-stage rect.frame-handle{fill:#fff;stroke:#0b2930;stroke-width:1;cursor:nwse-resize}.frame-stage rect[data-handle=ne],.frame-stage rect[data-handle=sw]{cursor:nesw-resize}.frame-placeholder{fill:#9eb4bf}.frame-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#c2ddd6;font-size:12px;margin:12px 0}.frame-help{font-size:12px;color:#b7c5d0;line-height:1.65}.frame-controls{padding:18px;border:1px solid #354953;border-radius:12px;background:#121e26}.frame-controls h3{font-size:15px;margin:22px 0 12px}.frame-zone-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.frame-zone-list button{text-align:left;font-size:12px;padding:7px;min-height:36px}.frame-zone-list button[data-kind=excluded]{color:#b8c0ce}.frame-zone-list button[data-kind=color]{color:#f1da9e}.frame-measures{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.frame-save-actions{display:grid;grid-gap:8px;gap:8px;margin-top:20px}.frame-save-actions button:first-child{background:#17453b;border-color:#68bea5;color:#c5ffed}.frame-status{min-height:24px;line-height:1.6;color:#c2ddd6;font-size:14px}@media(max-width:900px){.frame-workspace{grid-template-columns:1fr}.frame-stage[data-zoom=true]{aspect-ratio:3/4}.frame-controls,.frame-toolbar>*{max-width:100%}}.frame-zone-label{fill:#fff;paint-order:stroke;stroke:#10202a;stroke-width:2px;pointer-events:none}