/* Generated raster residents keep the same rendering scale as the game sprites. */
.monster-grid{grid-template-columns:repeat(3,1fr);gap:8px}
.monster-option{min-height:98px;padding:8px}
.monster-option>.sprite,.raster-choice{display:block;width:62px;height:62px}
.raster-choice img,.raster-avatar img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}
.player>.player-sprite.raster-avatar,.place-player>.player-sprite.raster-avatar{background:none!important}
.monster-option b{font-size:12px}
#characterCancel{z-index:2;background:#241637eF;color:#fff0c4}
.welcome-modal .helper-text{font-size:11px}
.housemate-studio{margin-top:16px;padding-top:8px;border-top:2px solid #695185}
.housemate-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.housemate-heading h3{border:0;font-size:14px;padding:0;margin:5px 0;color:#ffe4b9}
.housemate-heading small{font-size:11px;color:#c5b2d4}
.housemate-heading .text-btn{white-space:nowrap;font-size:12px}
.housemate-tabs{display:flex;gap:8px;margin:12px 0}
.housemate-tabs button{flex:1;min-height:44px;border:2px solid #755897;background:#1f1734;color:#d9c6e5;font-size:12px;cursor:pointer}
.housemate-tabs button[aria-pressed=true]{background:#4d3049;border-color:#f4c17e;color:#ffe5ae}
.housemate-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.housemate-option{display:grid;justify-items:center;gap:3px;min-width:0;padding:7px 4px;border:2px solid #77537e;background:#1c1630;color:#eddcc4;cursor:pointer}
.housemate-option>img,.undiscovered-guest{width:68px;height:68px;image-rendering:pixelated;object-fit:contain}
.undiscovered-guest{display:grid;place-items:center;color:#dcc99b;font:24px monospace}
.housemate-option>b{font-size:11px}.housemate-option>small{color:#c7b1d4;font-size:10px;line-height:1.5}
.housemate-option:disabled{opacity:1;background:#181229;border-style:dashed;color:#b8a9c8;cursor:default}
.housemate-option:disabled>small{color:#ac9eba}
.housemate-option.placed{border-color:#98b585}.housemate-option.selected{border-color:#ffe299;background:#3a2c4d}
.housemate-option:not(:disabled):hover{background:#4a2e4d;border-color:#ffcf86}
#removeHousemate{color:#ffd5a3;border:1px solid #9a736a;width:100%;margin-top:5px;min-height:44px}
#housemateLayer{position:absolute;inset:0;pointer-events:none;z-index:6}
.housemate{position:absolute;width:20%;aspect-ratio:1;min-width:44px;border:0;padding:0;background:none;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto}
.housemate img,.scene-housemate img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}
.housemate.selected{outline:2px dashed #ffe0a4;outline-offset:1px}
.housemate:focus-visible{outline:3px solid #fff0a5}
.scene-housemate{position:absolute;width:20%;aspect-ratio:1;transform:translate(-50%,-50%)}
.house-preview:has(.housemate.selected){cursor:crosshair}
.house-modal{width:min(660px,100%)}
@media(max-width:700px){
 .top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions button{min-height:44px}
 .monster-option{min-height:96px}.monster-option>.sprite,.raster-choice{width:56px;height:56px}.monster-option b{font-size:12px}
 .housemate-catalog{gap:6px}.housemate-option>img,.undiscovered-guest{width:54px;height:54px}.housemate-option>b{font-size:10px}.housemate-option>small{font-size:9px}
 .housemate-heading h3{font-size:13px}.housemate-heading small{font-size:10px}
}