/* Autonomous 601–635 — State Rooms */
.rooms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:40px 0 100px}.rooms-grid[aria-busy="true"]{min-height:1044px}.room-card{min-height:220px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--room-color) 7%,#0b0b0b),#090909);padding:20px;text-decoration:none;display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:end;box-shadow:inset 3px 0 0 var(--room-color)}.room-card>span{align-self:start;color:var(--room-color);font-size:9px}.room-card strong{font-size:clamp(34px,5vw,64px)}.room-card p{color:var(--muted);max-width:520px;margin:8px 0 0}.room-card small{color:var(--room-color)}
.room-stage{position:fixed;inset:0;z-index:470;background:#060607}.room-stage[hidden]{display:none}.room-stage canvas{position:absolute;inset:0;width:100%;height:100%}.room-overlay{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:18px;color:var(--text)}.room-topline{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.room-topline>a{color:var(--muted);text-decoration:none;font-size:9px}.room-topline>div:nth-child(2){text-align:center}.room-topline>div:nth-child(2) span,.room-topline>div:nth-child(2) strong{display:block}.room-topline>div:nth-child(2) span{font-size:8px;color:var(--room-color)}.room-topline>div:nth-child(2) strong{font-size:18px}.room-topline>div:last-child{display:flex;justify-content:flex-end;gap:5px}.room-topline button{border:1px solid rgba(255,255,255,.16);background:rgba(9,9,9,.45);color:var(--text);padding:7px 9px;cursor:pointer}
.room-core{align-self:center;justify-self:center;width:min(720px,92vw);text-align:center;background:rgba(6,6,7,.36);backdrop-filter:blur(5px);padding:24px}.room-core>span{font-size:8px;letter-spacing:.14em;color:var(--room-color)}.room-core h1{font-size:clamp(64px,12vw,150px);margin:16px 0}.room-core>p:not(.room-status){color:var(--muted);max-width:560px;margin:0 auto 22px}.room-time{font-size:clamp(42px,7vw,74px);font-variant-numeric:tabular-nums}.room-progress{height:3px;background:rgba(255,255,255,.12);margin:14px auto 18px;max-width:500px}.room-progress i{display:block;height:100%;background:var(--room-color);transform:scaleX(0);transform-origin:left}.room-controls,.room-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:8px 0}.room-controls button,.room-actions button{border:1px solid rgba(255,255,255,.16);background:rgba(10,10,10,.56);color:var(--text);padding:8px 10px;cursor:pointer}.room-controls button.active{background:var(--room-color);border-color:var(--room-color);color:#080808}.room-actions [data-room-start]{background:var(--room-color);border-color:var(--room-color);color:#080808}.room-actions button:disabled{opacity:.35}.room-status{font-size:10px;color:#777;margin:14px 0 0}
.room-state-switcher{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.room-state-switcher button{border:1px solid rgba(255,255,255,.10);background:rgba(8,8,8,.48);color:#777;padding:8px 5px;cursor:pointer}.room-state-switcher button span,.room-state-switcher button strong{display:block}.room-state-switcher button span{font-size:7px}.room-state-switcher button strong{font-size:8px;margin-top:3px}.room-state-switcher button.active{color:var(--text);border-color:var(--room-color);box-shadow:inset 0 -2px 0 var(--room-color)}
.room-history{padding:70px 0 100px;border-top:1px solid var(--line)}.room-history>[data-room-history]{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.room-history a{border:1px solid var(--line);padding:14px;text-decoration:none}.room-history strong,.room-history span,.room-history small{display:block}.room-history strong{font-size:20px}.room-history span{color:var(--accent);font-size:9px;margin:5px 0}.room-history small{color:#666;font-size:8px}
body.room-open{overflow:hidden}
@media(max-width:820px){.rooms-grid{grid-template-columns:1fr}.rooms-grid[aria-busy="true"]{min-height:1956px}.room-card{grid-template-columns:40px 1fr}.room-card small{grid-column:2}.room-topline{grid-template-columns:1fr auto}.room-topline>div:nth-child(2){text-align:right}.room-topline>div:last-child{grid-column:1/-1;justify-content:center}.room-state-switcher{grid-template-columns:repeat(4,1fr)}.room-history>[data-room-history]{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.room-overlay{padding:10px}.room-core{padding:16px 10px}.room-state-switcher{grid-template-columns:repeat(2,1fr)}.room-history>[data-room-history]{grid-template-columns:1fr}.room-controls button,.room-actions button{min-height:40px}}