/* A pencilled attendance slip in the existing readout; the room stays primary. */
.welfare{grid-column:2;grid-row:1 / span 4;align-self:end;max-width:430px;padding:13px 17px;border:1px solid #c2bdaa60;border-radius:2px 5px 3px 7px;background:#171916e8;box-shadow:3px 4px 0 #06080655;transform:rotate(-.35deg);text-shadow:none}
.welfare .welfare-kicker{font:500 .75rem var(--mono);letter-spacing:.09em;color:#bdbba9;margin:0 0 7px}
.welfare strong{display:block;font:600 clamp(1.2rem,2vw,1.65rem)/1.12 var(--hand);color:#eee2bc;overflow-wrap:anywhere}
.welfare p{font:1rem/1.35 var(--hand);margin:7px 0;color:#dad7c6}
.welfare .welfare-response{border-left:2px solid #c6c39f;padding-left:9px;color:#d7dfb7}
.welfare button{display:block;min-height:44px;max-width:100%;margin-top:10px;padding:10px 12px;border:1px solid currentColor;border-radius:3px 5px 2px 4px;background:#272b22;color:#eee3bd;font-size:.875rem;line-height:1.3;white-space:normal}
.welfare button:hover:not(:disabled){background:#383e2e}.welfare button:disabled{opacity:.7}
.welfare small{display:block;font:.75rem/1.35 var(--mono);color:#bdbbab;margin-top:7px}
.experience[data-welfare="2"] .welfare{border-color:#ceb883}
.experience[data-welfare="3"] .welfare{border-left:4px solid #d5ae67}
.experience[data-welfare="4"] .welfare{border-left:5px solid #d18457}.experience[data-welfare="4"] .welfare strong{color:#f0b581}
.experience[data-welfare="5"] .welfare{border:2px dashed #dc876f}.experience[data-welfare="5"] .welfare strong{color:#ffb29a}
.experience[data-welfare="6"] .welfare{border:2px solid #d68176;border-top:10px solid transparent;border-image:repeating-linear-gradient(135deg,#b65b50 0 9px,#2f201d 9px 18px) 10;background:#281b19ed;box-shadow:4px 5px 0 #100b0955}
.experience[data-welfare="6"] .welfare strong{font-size:clamp(1.7rem,3vw,2.4rem);color:#ffc1b4;letter-spacing:.035em}
.experience[data-welfare]:not([data-welfare=none]) .room-base,.experience[data-welfare]:not([data-welfare=none]) .foreground-image{filter:brightness(.35) saturate(.22)}
.experience[data-welfare]:not([data-welfare=none]) .frame-sign{animation:none;opacity:.13;filter:grayscale(1) brightness(.75)}
.experience[data-welfare]:not([data-welfare=none]) .sign-spill,.experience[data-welfare]:not([data-welfare=none]) .light-bulbs{opacity:0}
@media(max-width:1000px){.welfare{max-width:390px}.welfare strong{font-size:1.3rem}}
@media(max-width:760px){.welfare{margin-top:16px;max-width:100%;padding:11px 14px}.welfare .welfare-kicker{font-size:.75rem}.welfare small{font-size:.75rem}}

.experience[data-welfare]:not([data-welfare=none]) .tv-ambient,.experience[data-welfare]:not([data-welfare=none]) .screen-reflection{opacity:0}