.command-copy:has(.live-games[open]){z-index:4}.command-center{overflow:visible}.home-secondary-actions{display:flex;margin:0 0 16px;position:relative;z-index:5}.live-games{position:relative;text-align:left;color:#e4edf7;font-family:inherit;letter-spacing:normal;text-transform:none;width:100%}.live-games summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;border:1px solid #5c8bb6;background:linear-gradient(120deg,#173754eb,#0c1c2beb);border-radius:7px;padding:17px 20px;font-size:18px;font-weight:600;min-height:62px;box-sizing:border-box}.live-games summary::-webkit-details-marker{display:none}.live-dot{width:9px;height:9px;background:#75baff;border-radius:50%;box-shadow:0 0 12px #75baff66}.live-count{margin-left:auto;background:#293f55;padding:2px 11px;border-radius:5px}.chevron{color:#75baff}
.live-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:780px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;padding:26px;border:1px solid #68859b99;border-radius:14px;background:linear-gradient(135deg,#142334fa,#0a1420fc);box-shadow:0 22px 90px #000c;backdrop-filter:blur(24px)}.live-panel-head,.live-header-actions,.live-filters{display:flex;align-items:center;gap:10px}.live-panel-head{justify-content:space-between;flex-shrink:0}.live-panel .eyebrow{font-size:12px;letter-spacing:2px;color:#75baff;margin:0}.live-panel h2{font-size:30px;line-height:1.2;margin:7px 0 18px;color:#f1f4f9;letter-spacing:0}.live-panel button{font-family:inherit;cursor:pointer}.live-header-actions button{background:transparent;border:1px solid #426079;border-radius:6px;color:#b5cee4;width:42px;height:42px;font-size:23px}.live-filters{margin-bottom:16px;flex-wrap:wrap;flex-shrink:0}.live-filters button{background:none;border:1px solid transparent;color:#b8cde0;padding:9px 14px;border-radius:6px;font-size:15px}.live-filters button.selected{background:#163b63;border-color:#3c74b1;color:#e5f2ff}.live-filters small{margin-left:auto;font-size:13px;color:#75baff}[data-live-rooms]{max-height:62dvh;min-height:0;overflow:auto;scrollbar-width:thin;padding-right:8px}
.live-room{padding:20px 0;border-top:1px solid #49607865}.live-room-header{display:flex;align-items:start;gap:10px;flex-wrap:wrap}.live-room h3{font-size:21px;line-height:1.3;letter-spacing:0;margin:0;color:#edf3fa;overflow-wrap:anywhere}.live-room .state{margin-left:auto;border:1px solid #647d9766;border-radius:5px;padding:4px 8px;font-size:12px;color:#b1c4d8;white-space:nowrap}.live-room .state.waiting{color:#ff9aa3;border-color:#ff697566;background:#35162180}.live-room .room-meta,.live-room .room-host{font-size:15px;line-height:1.5;color:#9aafc4;margin:8px 0}.live-room .room-host strong{color:#d5e4f3;font-weight:600;overflow-wrap:anywhere}.live-roster{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 18px}.live-side{padding:12px 14px;background:#10243a88;border:1px solid #436c985c;border-radius:7px;min-width:0}.live-side.dark{background:#321b2c66;border-color:#a052665c}.live-side h4{font-size:13px;font-weight:500;color:#9dccff;margin:0 0 8px;letter-spacing:.5px}.live-side.dark h4{color:#ff9aa3}.live-side ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.live-side li{display:flex;align-items:baseline;gap:8px;font-size:15px;color:#edf3fa;line-height:1.4}.live-side li span{overflow-wrap:anywhere;min-width:0}.live-side li small{margin-left:auto;font-size:11px;color:#b3c8dd;white-space:nowrap}.live-side li.vacant{color:#9aafc4;font-style:italic}
.live-room .room-bottom{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.seat-bubbles{display:flex;margin-right:3px}.seat-bubbles span{display:grid;place-items:center;width:27px;height:27px;margin-left:-3px;border:2px solid #122132;background:#344b64;border-radius:50%;font-size:10px;color:#d2e3f5}.seat-bubbles span.dark{background:#492031;color:#ff9aa3}.seat-bubbles span.light{background:#183a5d;color:#9dccff}.seat-bubbles span.empty{border:1px dashed #617a92;background:transparent;color:#869eb6}.room-bottom>small{font-size:14px;color:#9db0c1}.live-room .room-actions{display:flex;gap:9px;margin-left:auto;flex-wrap:wrap}.live-room .room-actions a,.live-code-entry{font-size:15px;padding:10px 14px;border:1px solid #3c74b1;border-radius:6px;color:#deedff;background:linear-gradient(120deg,#102743,#081725);text-decoration:none}.live-room .room-actions a.join{background:linear-gradient(120deg,#552438,#291522);border-color:#ff6975;color:#fff0f3;font-weight:600}.live-room .room-actions a:hover{box-shadow:inset 0 -2px #75baff}.live-room .room-actions a.join:hover{box-shadow:inset 0 -2px #ff6975}.live-panel footer{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-shrink:0;font-size:13px;line-height:1.5;color:#9db2c6;border-top:1px solid #49607865;padding-top:16px;margin-top:8px}.live-panel footer a{color:#9dccff}.live-panel footer svg{width:15px;height:15px}.my-room{background:linear-gradient(90deg,#12345c44,transparent);border-left:2px solid #75baff;padding-left:14px;padding-right:8px}.mine-label{color:#9dccff}.live-room .room-actions .reconnect{border-color:#75baff;background:linear-gradient(120deg,#194776,#0b243d);font-weight:600}.live-empty{font-size:16px;padding:16px 0;color:#b8cde0}
@media(max-width:760px){.live-panel{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.live-panel h2{font-size:26px}.live-panel .eyebrow{font-size:10px}.live-header-actions{gap:6px}.live-header-actions button{width:36px;height:36px}.live-room h3{font-size:19px}.live-room .room-actions{gap:7px}.live-room .room-actions a{padding:9px 11px}.live-side{padding:10px}.live-side li{flex-wrap:wrap;gap:4px}.live-side li small{margin-left:0}.live-panel footer{font-size:12px}}
@media(max-width:380px){.live-roster{grid-template-columns:1fr}.live-panel h2{font-size:23px}.live-room .room-actions{width:100%;margin-top:5px}.live-games summary{font-size:17px;padding:15px}}
.command-home .command-actions .home-secondary-actions{margin:0;min-width:0;display:flex;align-items:stretch}.command-home .command-actions .live-games{width:auto}.command-home .command-actions .live-games summary{width:185px;min-width:185px;min-height:60px;height:60px;padding:13px;gap:8px;font-size:16px;font-weight:400;white-space:nowrap;border-radius:3px;border-color:#643041;background:linear-gradient(120deg,#351621b8,#170f1ad9)}.command-home .command-actions .live-games summary:hover{background:#451c2b;box-shadow:0 0 28px #fa416f25}.command-actions .live-dot,.command-actions .chevron{display:none}.command-actions .live-count{font-size:11px;margin-left:0;padding:2px 6px}.command-home .command-actions>.command-primary{width:185px;box-sizing:border-box}
@media(max-width:700px){.command-home .command-copy .command-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.command-home .command-actions>.command-primary,.command-home .command-actions>.home-secondary-actions{flex:1;min-width:0}.command-home .command-actions .live-games{width:100%}.command-home .command-actions .live-games summary,.command-home .command-actions>.command-primary{width:100%;min-width:0;min-height:52px;height:52px;font-size:13px;padding:10px;gap:6px}}

.live-panel{width:1140px;height:min(800px,calc(100dvh - 48px))}.live-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;flex:1;min-height:0}.live-content [data-live-rooms]{max-height:none}.live-content>[data-lobby-chat-host]{min-height:0}.live-panel footer{flex-shrink:0}.live-games>summary{position:relative}.live-games.has-chat-unread>summary{border-color:#e6c878!important;box-shadow:0 0 20px #e6c87870!important}.live-chat-unread{position:absolute;right:-7px;top:-9px;min-width:23px;height:23px;padding:2px;display:grid;place-items:center;box-sizing:border-box;border-radius:50%;background:#e6c878;color:#131c28;font-size:11px;font-weight:800;box-shadow:0 0 12px #e6c87870}.live-chat-unread[hidden]{display:none}
@media(max-width:850px){.live-content{display:flex;flex-direction:column;overflow:auto;gap:12px}.live-content [data-live-rooms]{overflow:visible;flex-shrink:0}.live-content>[data-lobby-chat-host]{order:-1;flex-shrink:0}.social-chat--docked{height:auto}.social-chat--docked:has(section:not([hidden])){width:100%!important}.social-chat--docked section{flex:none}.social-chat--docked .chat-messages{height:180px;max-height:32dvh;flex:none}}

/* A projection in the artwork, with no reflow of the cover. */
.home-workspace{position:absolute;z-index:3;top:var(--workspace-top,20px);left:5%;right:5%;height:var(--workspace-height,58%);width:auto;max-width:1240px;margin:0 auto;pointer-events:none;isolation:isolate}
.home-workspace:empty{display:none}.home-inline-panel{pointer-events:auto;position:absolute!important;inset:0!important;transform:none;width:100%;height:100%;max-width:100%;max-height:none;margin:0;padding:24px 28px;border:1px solid #70dce970;border-radius:5px;color:#d7f5fa;background:linear-gradient(140deg,#0b2536f5,#051725fa);box-shadow:0 14px 50px #0008,inset 0 0 45px #36d0e30c;backdrop-filter:blur(14px);overflow:hidden;display:flex;flex-direction:column}
.home-inline-panel[hidden]{display:none!important}.home-inline-panel:before,.home-inline-panel:after{content:'';position:absolute;width:32px;height:12px;pointer-events:none;z-index:4;border-color:#a4f2fc;border-style:solid}.home-inline-panel:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.home-inline-panel:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.home-inline-panel[data-motion]{will-change:clip-path,opacity,transform,filter}
.home-inline-panel .live-panel-head{padding:0 0 15px;border-bottom:1px solid #5de1ef40;margin-bottom:15px;gap:14px}.home-inline-panel .eyebrow{font:9px/1.5 monospace;letter-spacing:.18em;color:#a6e8ee}.home-inline-panel h2{font-size:25px;letter-spacing:.06em;text-transform:uppercase;font-weight:300;margin:5px 0 0;color:#d7f5fa}.home-inline-panel .live-header-actions button{border-color:#65d5e554;color:#9be8f4;border-radius:2px;background:#123b4d40;width:34px;height:34px;font-size:20px}.home-inline-panel .live-filters{margin:0 0 12px;gap:8px}.home-inline-panel .live-filters button{border-radius:2px;padding:7px 12px;font-size:12px;color:#82afbf}.home-inline-panel .live-filters button.selected{border-color:#63d8e557;color:#c5f7ff;background:#12485c60;box-shadow:inset 0 -2px #74dce9}.home-inline-panel .live-filters small{font:10px monospace;color:#82b9c7}.home-inline-panel .live-content{grid-template-columns:minmax(0,1fr) auto;gap:18px;min-height:0}.home-inline-panel [data-live-rooms]{padding-right:10px;min-height:0;overscroll-behavior:contain;background-image:linear-gradient(#6ae4f007 1px,transparent 1px),linear-gradient(90deg,#6ae4f007 1px,transparent 1px);background-size:28px 28px}
.home-inline-panel .live-room{padding:15px 0;border-top:1px dashed #6bd9e43b}.home-inline-panel .live-room h3{font-size:18px;font-weight:400;color:#d7f5fa}.home-inline-panel .live-room .room-meta,.home-inline-panel .live-room .room-host{font-size:11px;margin:5px 0;color:#7da9ba}.home-inline-panel .live-room .state{font:9px monospace;border-radius:1px;color:#8bd9e6;border-color:#63cbd54d}.home-inline-panel .live-roster{gap:10px;margin:11px 0}.home-inline-panel .live-side{padding:9px 12px;border-radius:2px;background:#0b2d3e60;border-color:#5acbd330}.home-inline-panel .live-side.dark{background:#3b18332b;border-color:#b768853b}.home-inline-panel .live-side h4{font:9px monospace;letter-spacing:.1em;color:#89d9e6;margin-bottom:7px}.home-inline-panel .live-side.dark h4{color:#d4a0bd}.home-inline-panel .live-side li{font-size:12px}.home-inline-panel .live-side li small{font-size:9px}.home-inline-panel .room-bottom>small{font-size:10px}.home-inline-panel .room-actions a,.home-inline-panel .live-code-entry{font-size:11px;border-radius:1px;border-color:#71e2ef7a;background:#49c6df15;color:#b9f6ff;padding:8px 12px;box-shadow:inset 0 0 20px #29b8cb0c}.home-inline-panel .room-actions .join{background:#16546a;border-color:#8debf4;color:#d9fbff}.home-inline-panel footer{font-size:10px;color:#7eafbf;border-top:1px solid #5acbd330;margin-top:12px;padding-top:12px}.home-inline-panel footer a{color:#a6e8ee}.home-inline-panel .live-empty{font-size:13px;color:#89adbd}
.home-create-content{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.home-create-layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100%;gap:26px}.creation-brief{border-right:1px solid #70d9e42b;padding:10px 24px 20px 0;background:radial-gradient(ellipse,#174a6230,transparent)}.creation-brief .holo-orbit{width:100px;height:100px;margin:28px auto;border:1px solid #75dfe853;border-radius:50%;display:grid;place-items:center;position:relative;color:#94e9f4;font-size:40px;font-weight:200;box-shadow:0 0 28px #5bf2ff13}.creation-brief .holo-orbit:before{content:'';position:absolute;inset:-12px;border:1px dashed #75dfe830;border-radius:50%}.creation-brief h3{font-size:24px;line-height:1.3;font-weight:300;color:#ccf4fb;margin:28px 0 12px}.creation-brief p{font-size:12px;line-height:1.8;color:#7da9ba}.creation-brief small{font:9px monospace;letter-spacing:.12em;color:#9fe0eb}.creation-console{min-width:0;padding-bottom:8px}.home-create-content .room-creation-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-bottom:18px}.home-create-content label{font-size:11px;color:#8cbac7;display:flex;flex-direction:column;gap:7px}.home-create-content label input,.home-create-content label select{width:100%;min-width:0;box-sizing:border-box;padding:9px 11px;background:#061522;color:#d7f5fa;border:1px solid #70d9e43b;border-radius:2px;font-size:12px}.home-create-content .room-creation-fields p{grid-column:1/-1;font:10px monospace;color:#7da9ba;margin:0}.home-create-content .room-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-create-content .room-mode{padding:13px;min-height:79px;border:1px solid #70d9e43b;background:#0b2c3c9c;color:#d7f5fa;border-radius:1px;box-shadow:none}.home-create-content .room-mode:hover{border-color:#7bdded;box-shadow:inset 0 -2px #74dce9;background:#103c50}.home-create-content .room-mode svg{color:#83ddeb;width:27px;height:27px}.home-create-content .room-mode .button-copy>span{font-size:13px;font-weight:400}.home-create-content .room-mode small{font-size:10px;color:#79a4b3;line-height:1.6}.home-inline-panel :focus-visible{outline:2px solid #a6f0fa;outline-offset:3px}
@media(max-width:760px){.home-workspace{left:12px;right:12px}.home-inline-panel{padding:15px}.home-inline-panel h2{font-size:19px}.home-inline-panel .live-panel-head{padding-bottom:10px;margin-bottom:10px}.home-inline-panel .eyebrow{font-size:8px}.home-inline-panel .live-header-actions{gap:5px}.home-inline-panel .live-header-actions button{width:29px;height:29px}.home-inline-panel .live-content{overflow:auto;display:flex;flex-direction:column;gap:10px}.home-inline-panel [data-live-rooms]{overflow:visible;flex-shrink:0}.home-inline-panel .live-roster{grid-template-columns:1fr 1fr}.home-inline-panel .live-room h3{font-size:16px}.home-inline-panel footer{font-size:9px}.home-inline-panel footer>span{display:none}.home-create-layout{display:block}.creation-brief{display:none}.home-create-content .room-creation-fields{grid-template-columns:1fr;gap:10px}.home-create-content .room-modes{grid-template-columns:1fr}.home-create-content .room-mode{min-height:72px}.home-create-content .room-creation-fields label input{padding:8px 10px}}


/* Preserve the existing closed-cover composition in every panel state. */
.command-center{flex-direction:column;align-items:flex-start;justify-content:center}
.home-inline-panel{container-type:size}
@container(max-height:420px){.live-panel-head{padding-bottom:9px!important;margin-bottom:9px!important}.live-panel-head h2{font-size:19px!important}.chat-channel,.chat-description{display:none!important}.chat-channel-sidebar{display:none!important}.social-chat--docked .chat-console{display:flex!important}.social-chat--docked .chat-form>small{display:none}.social-chat--docked .chat-form label{font-size:0}.social-chat--docked .chat-form textarea{margin-top:0;min-height:34px;padding:7px}.social-chat--docked .chat-form button{min-height:34px;padding:7px 10px}.social-chat--docked .chat-form{padding-top:8px}}

.command-center::after{content:"";display:block;height:22px;flex:none;pointer-events:none}
.home-inline-panel [data-live-chat-back]{width:auto;font-size:10px;padding:6px 10px}.home-inline-panel [data-live-chat-back][hidden]{display:none}.home-workspace[data-compact=true] .home-inline-panel{padding:12px 16px}.home-workspace[data-compact=true] .live-panel-head .eyebrow{display:none}.home-workspace[data-compact=true] .live-panel-head h2{font-size:17px!important;margin:0}.home-workspace[data-compact=true] .live-panel-head{padding-bottom:7px!important;margin-bottom:7px!important}.home-workspace[data-compact=true] .creation-brief{display:none}.home-workspace[data-compact=true] .home-create-layout{display:block}

.home-workspace[data-compact=true] .live-header-actions button{min-height:28px;height:28px;width:28px}.home-workspace[data-compact=true] .live-header-actions [data-live-chat-back]{width:auto}

.home-inline-panel [data-live-chat-open]{display:none}.home-workspace[data-compact=true] .live-header-actions [data-live-chat-open]{display:inline-flex;width:auto;padding:5px 10px;font-size:11px}.home-inline-panel[data-chat-open=true] .live-header-actions [data-live-chat-open]{display:none}.home-workspace[data-compact=true] .home-inline-panel:not([data-chat-open=true]) [data-lobby-chat-host]{display:none}.home-workspace[data-compact=true] .home-inline-panel:not([data-chat-open=true]) .live-content{grid-template-columns:1fr}.home-inline-panel [data-live-chat-open].has-unread{border-color:#e6c878;box-shadow:0 0 14px #e6c87880;color:#fff1b8}

/* The window fills the middle, leaving the home header and footer visible. */
.command-home .home-workspace{position:fixed;inset:var(--central-top,120px) 24px auto;width:calc(100vw - 48px);height:var(--central-height,60dvh);max-width:1240px;max-height:none;margin:0 auto;z-index:100;pointer-events:none}
.command-home .home-workspace:has(>[data-home-panel]:not([hidden]))::before{content:'';position:absolute;inset:-6px;background:#02091299;backdrop-filter:blur(3px);border-radius:8px;z-index:-1;pointer-events:auto}
.command-home .home-workspace>[data-home-panel]{pointer-events:auto}
.command-home .home-workspace>[data-home-panel][data-motion]{transform-origin:center}
.command-home[data-footer-pinned=true]:has([data-home-panel]:not([hidden])) .valley-members{position:fixed;inset:auto 7% 18px;width:auto;margin:0;z-index:101}
@media(max-width:760px){.command-home .home-workspace{left:12px;right:12px;width:calc(100vw - 24px)}}

/* Readable, balanced controls within the existing Holocron central window. */
.home-inline-panel{padding:24px;gap:0}
.home-inline-panel .live-panel-head{min-height:48px;align-items:center}
.home-inline-panel h2{font-size:28px;font-weight:500;letter-spacing:.035em}
.panel-heading{display:flex;align-items:center;gap:18px;min-width:0}
.panel-valley-logo{width:64px;height:64px;object-fit:contain;mix-blend-mode:screen;flex:none}
.home-inline-panel .live-header-actions button{width:40px;height:40px;font-size:24px}
.home-inline-panel [data-live-chat-back]{width:auto;font-size:14px}
.home-create-layout{grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:24px;align-items:start}
.creation-brief{display:flex;align-items:center;justify-content:center;position:sticky;top:0;padding:24px 20px 24px 0;border-right:1px solid #70d9e42b;background:none}
.creation-valley-logo{display:block;width:100%;height:auto;max-width:220px;mix-blend-mode:screen}
.home-create-content .room-creation-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.home-create-content .room-creation-fields label:last-child{grid-column:1/-1}
.home-create-content label{font-size:15px;line-height:1.4;color:#b8dce5;gap:9px}
.home-create-content label input,.home-create-content label select{font:inherit;font-size:16px;min-height:46px;padding:11px 12px;border-color:#70d9e45c}
.home-create-content .room-modes{gap:14px}
.home-create-content .room-mode{padding:17px;min-height:94px;display:flex;align-items:center;gap:14px;text-align:left}
.home-create-content .room-mode:nth-child(3){grid-column:1/-1}
.home-create-content .room-mode svg{width:30px;height:30px;flex:none}
.home-create-content .room-mode .button-copy{min-width:0}
.home-create-content .room-mode .button-copy>span{font-size:17px;line-height:1.4;font-weight:500}
.home-create-content .room-mode small{font-size:13px;line-height:1.5;color:#a2c5d1}
.home-inline-panel .live-filters button{font-size:15px;padding:9px 14px}
.home-inline-panel .live-filters small{font-size:12px}
.home-inline-panel .live-room{padding:20px 0}
.home-inline-panel .live-room h3{font-size:22px;font-weight:500}
.home-inline-panel .live-room .room-meta,.home-inline-panel .live-room .room-host{font-size:15px;line-height:1.5;color:#a6c6d3;margin:7px 0}
.home-inline-panel .live-room .state{font-size:12px;padding:6px 9px}
.home-inline-panel .live-roster{gap:14px;margin:15px 0}
.home-inline-panel .live-side{padding:14px}
.home-inline-panel .live-side h4{font-size:12px;line-height:1.4}
.home-inline-panel .live-side li{font-size:16px}
.home-inline-panel .live-side li small{font-size:12px}
.home-inline-panel .room-bottom>small{font-size:14px}
.home-inline-panel .room-actions a,.home-inline-panel .live-code-entry{font-size:15px;padding:11px 14px}
.home-inline-panel footer{font-size:13px;gap:14px}
.home-inline-panel .live-empty{font-size:16px}
@media(max-width:1000px){.home-create-layout{grid-template-columns:140px minmax(0,1fr);gap:20px}.creation-brief{padding-right:16px}.home-create-content .room-mode{padding:14px;gap:10px}}
@media(max-width:760px){.home-inline-panel{padding:16px}.home-inline-panel h2{font-size:23px}.home-create-layout{display:block}.creation-brief{display:flex;position:static;padding:0 0 16px;margin-bottom:18px;border-right:0;border-bottom:1px solid #70d9e42b}.creation-valley-logo{width:100px}.home-create-content .room-creation-fields{grid-template-columns:1fr}.home-create-content .room-modes{grid-template-columns:1fr}.home-create-content .room-mode:nth-child(3){grid-column:auto}.panel-heading{gap:10px}.panel-valley-logo{width:46px;height:46px}.home-inline-panel .live-room h3{font-size:20px}.home-inline-panel .live-side{padding:10px}.home-inline-panel .live-side li{font-size:15px}.home-inline-panel footer{font-size:13px}.home-inline-panel .live-header-actions{gap:5px}.home-inline-panel .live-header-actions button{width:34px;height:34px}.home-inline-panel .live-panel-head{gap:8px}.home-inline-panel .live-roster{gap:10px}}
@container(max-height:420px){.live-panel-head h2{font-size:23px!important}}
.home-workspace[data-compact=true] .live-panel-head h2{font-size:21px!important}
.home-workspace[data-compact=true] .creation-brief{display:flex;padding:0 0 12px;margin-bottom:16px;border-right:0;border-bottom:1px solid #70d9e42b;position:static}
.home-workspace[data-compact=true] .creation-valley-logo{width:80px}
@media(max-width:440px){.panel-valley-logo{width:34px;height:34px}.home-inline-panel .live-header-actions button{width:30px;height:32px}.home-inline-panel .live-panel-head h2{font-size:19px!important}.home-inline-panel .live-header-actions [data-live-chat-back]{font-size:12px;width:auto}.home-inline-panel .live-side li small{white-space:normal}}

.home-inline-panel[data-home-panel=games] .live-room{margin:0 0 16px;padding:18px;border:1px solid #70d9e43b;border-radius:3px;background:#0b2c3c60}
.home-inline-panel[data-home-panel=games] .live-room.my-room{border-color:#70d9e470;background:#0f34465c}
.home-inline-panel[data-home-panel=games] .live-roster{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.home-inline-panel[data-home-panel=games] .live-side{margin:0}
.home-inline-panel[data-home-panel=games] .live-room-header{align-items:center}
.home-inline-panel[data-home-panel=games] .room-bottom{padding-top:12px;border-top:1px solid #70d9e426}
@media(max-width:760px){.home-inline-panel[data-home-panel=games] .live-room{padding:14px;margin-bottom:14px}}

.home-inline-panel[data-home-panel=games] .social-chat--docked::before,.home-inline-panel[data-home-panel=games] .social-chat--docked::after{display:none}
.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-toggle{font-size:16px}

/* The directory shares Create room's branded left column; chat stays beside it. */
.home-inline-panel[data-home-panel=games] .live-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;overflow:hidden}
.home-inline-panel .games-directory{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;min-width:0;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;align-items:start}
.home-inline-panel .games-directory .creation-brief{display:flex;position:sticky;top:0;padding:24px 20px 24px 0;margin:0;border-right:1px solid #70d9e42b;border-bottom:0}
.home-inline-panel .games-directory .creation-valley-logo{width:100%;max-width:220px}
.home-inline-panel .games-directory [data-live-rooms]{overflow:visible;max-height:none;padding-right:6px;background:none}
.home-inline-panel[data-home-panel=games] [data-lobby-chat-host]{display:none;min-height:0;min-width:0}
.home-inline-panel[data-home-panel=games] [data-live-chat-open]{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:76px;padding:8px 14px;font-size:15px}
.home-inline-panel[data-home-panel=games][data-chat-open=true] .live-header-actions [data-live-chat-open]{display:none}
.home-inline-panel[data-home-panel=games][data-chat-open=true] .live-content{display:grid;grid-template-columns:minmax(0,1fr) 340px}
.home-inline-panel[data-home-panel=games][data-chat-open=true] .games-directory{grid-template-columns:120px minmax(0,1fr);gap:18px}
.home-inline-panel[data-home-panel=games][data-chat-open=true] [data-live-rooms]{display:block}
.home-inline-panel[data-home-panel=games][data-chat-open=true] .live-filters{display:flex}
.home-inline-panel[data-home-panel=games][data-chat-open=true]>footer{display:flex}
.home-inline-panel[data-home-panel=games][data-chat-open=true] [data-lobby-chat-host]{display:block;height:100%;grid-column:2}
@media(max-width:1100px){.home-inline-panel .games-directory{grid-template-columns:150px minmax(0,1fr);gap:20px}.home-inline-panel[data-home-panel=games][data-chat-open=true] .live-content{grid-template-columns:minmax(0,1fr)}.home-inline-panel[data-home-panel=games][data-chat-open=true] .games-directory{grid-template-columns:150px minmax(0,1fr);gap:20px}.home-inline-panel[data-home-panel=games][data-chat-open=true] [data-lobby-chat-host]{position:absolute;inset:0 0 0 auto;width:min(340px,calc(100% - 16px));height:100%;z-index:3;filter:drop-shadow(-12px 0 18px #0008)}}
@media(max-width:760px){.home-inline-panel .games-directory,.home-inline-panel[data-home-panel=games][data-chat-open=true] .games-directory{display:block}.home-inline-panel .games-directory .creation-brief{position:static;border-right:0;border-bottom:1px solid #70d9e42b;padding:0 0 16px;margin-bottom:18px}.home-inline-panel .games-directory .creation-valley-logo{width:100px}.home-inline-panel .games-directory [data-live-rooms]{padding-right:4px}.home-inline-panel[data-home-panel=games] [data-live-chat-open]{min-width:60px;padding:6px 10px;font-size:14px}.home-inline-panel[data-home-panel=games] .live-panel-head h2{font-size:21px!important}}
@media(max-width:440px){.home-inline-panel[data-home-panel=games] .live-panel-head h2{font-size:18px!important;letter-spacing:.01em}.home-inline-panel[data-home-panel=games] [data-live-chat-open]{min-width:52px;padding:6px 8px}}

@media(max-width:1100px){.home-inline-panel[data-home-panel=games][data-chat-open=true] .live-content{position:static;overflow:visible}.home-inline-panel[data-home-panel=games][data-chat-open=true] [data-lobby-chat-host]{inset:76px 16px 16px auto;width:340px;max-width:calc(100% - 32px);height:auto;grid-column:auto}}

.creation-brief{mix-blend-mode:screen}

@media(max-width:760px){.home-inline-panel .games-directory .creation-brief{display:none}}