.character-test{position:absolute;inset:3% 4%;display:flex;flex-direction:column;gap:10px;overflow:auto;font:clamp(12px,1.15vw,17px) system-ui,sans-serif;background:linear-gradient(140deg,#183544fa,#0d202efa);border-color:#b9c6c6}
.character-test header{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-test header small{color:#b1c7c9}.character-test h2{margin:2px 0;color:#f5dba6;font-size:1.55em}.character-test h3{margin:9px 0 0;font-size:1.1em;color:#fff2d3}
.character-test button{border:1px solid #93b7bc55;border-radius:5px;padding:5px 12px;min-height:38px;font-size:inherit;background:#142e3c}.character-test button[aria-pressed=true],.character-test .ct-primary{border-color:#e6ca8e;background:#334754;color:#ffe3a8}.character-test button:hover{background:#375365}
.ct-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.ct-modes,.ct-directions,.ct-playback{display:flex;gap:4px;align-items:center}.ct-directions button{min-width:36px;padding:4px 9px}.ct-frame{min-width:90px;text-align:center;font-variant-numeric:tabular-nums;color:#e8d4ae}
.ct-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0}.ct-card{display:flex;flex-direction:column;align-items:center;border:1px solid #7a9b9f55;border-radius:9px;background:radial-gradient(ellipse at 50% 70%,#68807566,#16323d88);overflow:hidden}.ct-card canvas{display:block;width:100%;max-height:42vh;object-fit:contain}.ct-card label{display:flex;align-items:center;gap:7px;width:100%;padding:0 10px}.ct-card select{font:inherit;min-width:0;flex:1;min-height:33px;border:1px solid #789099;border-radius:4px;background:#132c38;color:#fff1d6;padding:4px}.ct-card>small{font-size:.77em;color:#bdd0cb;margin:8px 4px}
.character-test .ct-note{font-size:.82em;color:#c0d1d3;margin:0;line-height:1.4}.character-test footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.ct-status{flex:1;color:#afc8c7;font-size:.8em;min-width:145px}.ct-exit{white-space:nowrap}
#characterTestHud{position:absolute;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #d7c38e88;border-radius:7px;background:#0e2537e8;font:14px system-ui;z-index:2;white-space:nowrap}#characterTestHud strong{color:#f7dca2}#characterTestHud button{font-size:13px;min-height:35px;border:1px solid #93b7bc55;border-radius:4px;padding:2px 10px}#characterTestHud[hidden]{display:none}body.character-testing #location{top:13%}body.character-testing #actionButton{visibility:hidden}
.ct-card canvas{min-height:0;flex:1 1 auto}.ct-card h3,.ct-card label,.ct-card>small{flex-shrink:0}
@media(max-width:1000px){.character-test .ct-toolbar{gap:6px}#overlay .character-test .ct-toolbar button{min-width:38px;min-height:38px;padding:4px 8px;margin:0;font-size:12px}.character-test .ct-frame{font-size:11px;min-width:85px}.character-test .ct-directions{gap:3px}}
@media(max-height:600px){.character-test{inset:2% 3%;padding:12px;gap:6px}.character-test header small{display:none}.character-test h2{font-size:1.2em}.character-test button{min-height:32px;padding:4px 8px}.ct-card canvas{max-height:36vh}.ct-card h3{margin-top:5px}.ct-card>small{margin:4px}.character-test footer button{font-size:.9em}}
@media(max-width:760px){.ct-toolbar{gap:4px}.ct-playback{margin-left:auto}.ct-card label{padding:0 4px;gap:2px}.ct-cards{gap:5px}.ct-card>small{font-size:10px}.ct-card select{font-size:11px}.character-test footer{gap:4px}#characterTestHud{font-size:11px;gap:4px}#characterTestHud button{font-size:11px;padding:2px 6px}}