.avatar-art{background-image:url('assets/student-agents-reference.png');background-size:983.1579% 444.7368%;image-rendering:auto}
.kit-art{image-rendering:auto}.kit-art.notebook-art{background-image:url('assets/field-notes-reference.png');background-size:205.224% 170.746%;background-position:88.6525% 35.865%;border-radius:5px}
.kit-art.folder-art,.word-pellet .file-icon{background-image:url('assets/worn-file-folder.png');background-size:contain;background-position:center;background-repeat:no-repeat;image-rendering:auto;border:0;aspect-ratio:1}
.word-pellet .file-icon{width:30px;height:30px}.word-pellet .file-icon:before{content:none}.brief-folder .folder-art{width:82px}
.report-file{background:linear-gradient(115deg,#343b31,#172b33);border-color:#766f52}.report-file:hover{background:#3c4539;border-color:#d0b887}.report-file .file-status{color:#eed7a4}.report-file .file-status.filed{color:#bde6c9}.word-pellet strong{background:#e8d6ad;border-color:#a68c58;color:#26312e}.notebook-object{color:#eee2c6}
.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.command-card{display:flex;align-items:center;gap:16px;border:1px solid #667767;background:#142936;padding:12px;border-radius:5px;min-height:150px}.command-portrait{display:block;flex:none;width:112px;aspect-ratio:1;background:url('assets/archive-command-reference.png');background-size:512% 341.333%;background-position:var(--staff-x) var(--staff-y);border-radius:5px}.command-card h3{font:700 20px Arial,sans-serif;margin:0 0 6px;color:#f1d5ac}.command-card strong{font:14px Arial,sans-serif;color:#b9d5e2}.command-card p{font:italic 16px/1.4 Arial,sans-serif;margin:8px 0 0}.paged-content .command-grid{display:block}.paged-content .command-card{margin-bottom:12px}
.avatar-choice{background:#132832;border-color:#4c6267}.avatar-choice:has(input:checked){background:#244853;border-color:#7bd9dc}.avatar-choice:has(input:checked)::after{color:#9deddf}.paged-content .avatar-choice .avatar-art{max-width:64px}.avatar-choice{gap:2px;padding:4px}.avatar-grid{gap:6px}
@media(max-width:700px){.command-grid{grid-template-columns:1fr}.command-card{min-height:130px}.command-portrait{width:90px}.brief-folder .folder-art{width:70px}}
@media(max-height:800px) and (min-width:701px){.brief-folder .folder-art{width:50px}}
@media(min-width:701px){.paged-content .avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr))} }

@media(max-width:700px){.paged-content .avatar-choice .avatar-art{max-width:42px}.avatar-choice{font-size:12px;padding:3px}.avatar-grid{gap:4px}}
/* Portrait windows exclude the reference-sheet frames and labels. Soft outer
   edges blend the supplied navy backgrounds into the live interface. */
.avatar-art{background-size:1037.7778% 469.4444%;image-rendering:auto;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 94%,transparent);mask-composite:intersect}
.command-portrait{background-image:url('assets/archive-command-updated.png');background-size:var(--staff-size);aspect-ratio:var(--staff-ratio);mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 1%,#000 96%,transparent);mask-composite:intersect}
.kit-art,.word-pellet .file-icon{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.pickle-talking,.pickle-talking::after{image-rendering:auto}

/* Clean replacement sheet: square portrait windows omit sheet labels and frames. */
.avatar-art{background-image:url('assets/student-agents-clean.png');background-size:989.473684% 440%;background-position:var(--avatar-x) var(--avatar-y)}
