/* Title and workspace share their column sizes, so panel edges line up. */
body[data-game] main{--sidebar-width:300px;--workspace-gap:16px}
body[data-game="snake"] main{--workspace-gap:14px}
.page-title{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-width);align-items:stretch;gap:var(--workspace-gap)}
.title-main{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.title-main>div:first-child{min-width:0}.title-main .title-tools,.title-main .live,.title-main .round-timer,.title-main>button{flex-shrink:0}
.page-title .agent-install{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:none;margin:0;padding:10px 12px;border:1px solid #354b3c;border-radius:12px;background:linear-gradient(135deg,#1c2c20,#142019);color:#d4e5d6;font-family:Inter,"PingFang SC",system-ui,sans-serif;box-shadow:inset 0 1px 0 #d6f9c905}
.agent-install-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.agent-install-top label{font-size:11px;font-weight:500;white-space:nowrap;color:#c4dfbb}
.page-title #copy-agent-prompt{padding:4px 7px;min-width:0;border:1px solid #4b6447;border-radius:5px;background:#263e29;color:#d8f1ce;font:10px/1.3 Inter,"PingFang SC",system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.page-title #agent-install-prompt{display:block;width:100%;height:47px;min-height:0;margin:0;padding:0;resize:none;border:0;outline-offset:3px;background:transparent;color:#afc4b3;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto}
.page-title .agent-guide{align-self:flex-start;margin-top:5px;color:#88a78b;text-decoration:none;font-size:9px;line-height:1.3}.page-title .agent-guide:hover{color:#d0efc7}
.page-title #agent-copy-status{position:absolute;right:8px;top:calc(100% + 3px);z-index:5;max-width:100%;font-size:10px;line-height:1.5;color:#d8f1ce;background:#1b3021;border-radius:4px;box-shadow:0 2px 8px #0004;padding:3px 6px}.page-title #agent-copy-status:empty{display:none}
.page-title .agent-install a:focus-visible,.page-title .agent-install button:focus-visible{outline:2px solid #c2f8bd;outline-offset:2px}
@media(min-width:761px){
 body[data-game="flight"] .workspace,body[data-game="snake"] .layout,body[data-game="mario"] .layout,body[data-game="blocks"] .game-layout{grid-template-columns:minmax(0,1fr) var(--sidebar-width);column-gap:var(--workspace-gap)}
 .page-title{min-height:110px;margin-bottom:0}
 body[data-game="snake"] .hero{margin-bottom:12px}
}
@media(min-width:761px) and (max-width:960px){body[data-game="blocks"] main{--sidebar-width:250px;--workspace-gap:12px}.title-main{gap:10px}.title-main .title-tools{flex-direction:column;align-items:flex-end;gap:5px}.title-main .title-tools .record>span{display:none}.title-main .title-tools .record strong{font-size:21px}.title-main p{max-width:260px}}
@media(min-width:761px) and (max-width:800px){body[data-game="flight"] main{--sidebar-width:245px;--workspace-gap:10px}body[data-game="mario"] main{--sidebar-width:250px;--workspace-gap:12px}.agent-install-top label{font-size:10px}.page-title #agent-install-prompt{font-size:9px}.title-main{flex-wrap:wrap;align-content:center}.title-main>div:first-child{flex:1 1 100%}.title-main .title-tools{flex-direction:row;align-items:center}.title-main .round-timer{min-width:0;padding:5px 10px;display:flex;align-items:center;gap:8px}.title-main .round-timer b{font-size:20px;margin:0}.title-main .round-timer span{font-size:9px}}
@media(max-width:760px){.page-title{grid-template-columns:minmax(0,1fr);gap:10px}.title-main{gap:12px}.page-title .agent-install{padding:9px 11px}.page-title #agent-install-prompt{height:32px}.page-title .agent-guide{margin-top:4px}.title-main .title-tools{gap:8px}}
@media(max-width:400px){.page-title #agent-install-prompt{height:47px}.title-main{gap:8px}.agent-install-top label{font-size:10px}}