.first-assignment {margin-block:1rem; padding:clamp(.75rem,2vw,1.4rem); border:1px solid var(--vf-border, #687780); border-radius:.6rem;}
.first-assignment button,.first-assignment select {min-height:44px; touch-action:manipulation;}
.first-assignment select {max-width:100%; width:100%; white-space:normal;}
.first-assignment fieldset {min-width:0; margin-block:.8rem; padding:.75rem;}
.first-assignment legend {white-space:normal; font-weight:600;}
.first-assignment .rank-buttons,.first-assignment .background-card-actions {display:flex;flex-wrap:wrap;gap:.5rem;}
.first-assignment button[aria-pressed="true"] {outline:2px solid currentColor;outline-offset:2px;}
.first-assignment .prior-history-questions {display:grid;gap:1rem;}
.first-assignment .prior-history-questions label {display:grid;gap:.4rem;}
.first-assignment .background-comparison {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.first-assignment article {min-width:0;overflow-wrap:anywhere;}
.creator-choice-summary {padding:.75rem 1rem;border:1px solid var(--vf-border,#687780);border-radius:.5rem;margin-block:.75rem;}
@media(max-width:700px){.first-assignment .background-comparison {grid-template-columns:1fr;} .first-assignment .rank-buttons button{flex:1 1 40%;} .first-assignment .background-card-actions button{width:100%;}}

.first-assignment details{margin-block:.7rem}.first-assignment p{line-height:1.55;max-width:85ch}.first-assignment button{min-height:44px;white-space:normal}.first-assignment fieldset{min-width:0}.first-assignment .approved-glitch{border-inline-start:3px solid currentColor;padding-inline-start:1rem}.first-assignment article{margin-block:1rem}.first-assignment input[type=number]{min-height:44px;max-width:8rem}

/* Still artwork, no forced timed takeover or motion. Existing theme tokens apply. */
.opening-content{display:flex;align-items:flex-start;gap:1rem;min-width:0}
.opening-content>div{min-width:0;flex:1}.opening-glitch-art{width:clamp(90px,16vw,170px);height:auto;object-fit:contain}
.opening-actions{display:flex;flex-wrap:wrap;gap:.6rem}.opening-actions button{min-height:44px}
.opening-corruption{font-family:monospace;overflow-wrap:anywhere;border:1px dashed currentColor;padding:1rem}
.glitch-context-intro{display:flow-root}.glitch-context-intro img{float:right;width:90px;height:auto;margin:0 0 .5rem 1rem}
.agent-dossier{border:1px solid var(--vf-border,#687780);padding:.8rem;border-radius:.5rem;margin-block:1rem}
.agent-dossier dl{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(0,3fr);gap:.4rem 1rem}.agent-dossier dd{margin:0;overflow-wrap:anywhere}
.contextual-questionnaire>summary,.first-assignment summary{min-height:44px;cursor:pointer}
@media(max-width:600px){.opening-content{display:block}.opening-glitch-art{width:90px;float:right;margin:0 0 .5rem .7rem}.opening-actions button{flex:1 1 100%}.agent-dossier dl{grid-template-columns:1fr}.agent-dossier dt{font-weight:600}}
