/* Office Escape page composition — scoped to this game. */
body.lab-shell.se-site[data-office-escape]{
 --office-width:1440px;
 height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;
 display:flex;flex-direction:column;
 scrollbar-width:thin;scrollbar-color:#8d9a82 var(--se-bg,#fffaf0);
}
body.lab-shell.se-site[data-office-escape] .lab-site-header-inner{
 width:min(var(--office-width),calc(100% - 48px));max-width:var(--office-width);padding-inline:0;
}
body.lab-shell.se-site[data-office-escape] .site-brand.samegg-brand{display:flex;flex-direction:row;align-items:center;gap:10px}
body.lab-shell.se-site[data-office-escape] .samegg-brand-logo{width:40px;height:40px;flex:0 0 40px}
body.lab-shell.se-site[data-office-escape] .samegg-brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1.2}
body.lab-shell.se-site[data-office-escape] .samegg-brand-name{font-size:18px;line-height:1.3}
body.lab-shell.se-site[data-office-escape] .samegg-brand-subtitle{font-size:11px;line-height:1.3;letter-spacing:.08em}
body.lab-shell.se-site[data-office-escape]>.lab-item-toolbar{
 width:min(var(--office-width),calc(100% - 48px));max-width:var(--office-width);
 min-height:64px;padding:12px 164px 12px 0;gap:20px;margin:0 auto;
 align-items:center;flex-wrap:nowrap;
}
body.lab-shell.se-site[data-office-escape] .lab-item-back{min-width:0;gap:12px}
body.lab-shell.se-site[data-office-escape] .lab-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lab-shell.se-site[data-office-escape] .lab-page-actions{flex-shrink:0;gap:16px}
body.lab-shell.se-site[data-office-escape] .office-app{
 position:relative;width:min(var(--office-width),calc(100% - 48px));
 height:clamp(560px,calc(100dvh - 224px),760px);min-height:0;flex:none;
 margin:0 auto 24px;background:#fff2d7;border-radius:16px;
 box-shadow:0 12px 32px #233b341a;
}
body.lab-shell.se-site[data-office-escape] .office-app>.topbar{
 position:absolute;top:-58px;right:0;height:52px;width:auto;min-height:0;
 padding:0;border:0;background:transparent;z-index:5;
}
body.lab-shell.se-site[data-office-escape]:not(.office-playing) .topbar .brand,
body.lab-shell.se-site[data-office-escape] .topbar .version,
body.lab-shell.se-site[data-office-escape]:not(.office-playing) .topbar #back-home{display:none}
body.lab-shell.se-site[data-office-escape] .header-right{gap:8px}
body.lab-shell.se-site[data-office-escape] .icon-button{width:44px;height:44px;border-color:var(--se-field,#d3c3a0)}
body.lab-shell.se-site[data-office-escape] #stage{height:100%;flex:1;min-height:0;border-radius:16px;isolation:isolate}
body.lab-shell.se-site[data-office-escape] .home{grid-template-columns:38% 62%;grid-template-rows:1fr}
body.lab-shell.se-site[data-office-escape] .intro{padding:32px 36px;box-shadow:none;border-right:1px solid #d3c3a080;justify-content:center}
body.lab-shell.se-site[data-office-escape] .intro h1{font-size:clamp(48px,4.4vw,68px);line-height:1.12;letter-spacing:-.035em;white-space:nowrap}
body.lab-shell.se-site[data-office-escape] .running-mark{width:32px;height:38px;margin-left:4px}
body.lab-shell.se-site[data-office-escape] .clock-stamp{margin-bottom:16px;gap:10px}
body.lab-shell.se-site[data-office-escape] .clock-stamp span{font-size:15px;padding:3px 6px}
body.lab-shell.se-site[data-office-escape] .clock-stamp i{font-size:11px}
body.lab-shell.se-site[data-office-escape] .tagline{font-size:20px;line-height:1.5;letter-spacing:.02em;margin:20px 0 10px}
body.lab-shell.se-site[data-office-escape] .intro-copy{font-size:14px;line-height:1.8;margin:0 0 24px}
body.lab-shell.se-site[data-office-escape] .home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px}
body.lab-shell.se-site[data-office-escape] .home-actions .button{min-width:0;min-height:48px;padding:12px 14px;font-size:14px;gap:8px;white-space:nowrap}
body.lab-shell.se-site[data-office-escape] .rules-teaser{gap:8px 14px;margin:20px 0 0;flex-wrap:wrap}
body.lab-shell.se-site[data-office-escape] .rules-teaser li{font-size:11px;line-height:1.6;border:0;padding:0}
body.lab-shell.se-site[data-office-escape] .quick-note{margin-top:12px;font-size:11px;line-height:1.6}
body.lab-shell.se-site[data-office-escape] .preview-side{min-width:0}
body.lab-shell.se-site[data-office-escape] .boss-quote{top:20px;right:24px;padding:10px 16px;font-size:24px;line-height:1.25;border-width:2px;box-shadow:0 6px 16px #233b3420}
body.lab-shell.se-site[data-office-escape] .boss-quote span{font-size:10px;line-height:1.5;letter-spacing:.03em;margin-top:5px}
body.lab-shell.se-site[data-office-escape] .cast-panel{left:24px;right:24px;bottom:24px;padding:16px 12px 10px;box-shadow:0 8px 20px #233b3430}
body.lab-shell.se-site[data-office-escape] .cast-heading{gap:12px;padding:0 8px}
body.lab-shell.se-site[data-office-escape] .cast-heading h2{font-size:16px;line-height:1.5}
body.lab-shell.se-site[data-office-escape] .cast-heading>span{font-size:11px;white-space:nowrap}
body.lab-shell.se-site[data-office-escape] .role-picker{gap:8px;margin-top:10px}
body.lab-shell.se-site[data-office-escape] .role-option{min-height:138px;padding:4px 2px 10px}
body.lab-shell.se-site[data-office-escape] .role-option canvas{width:94px;height:82px;max-width:100%;margin:auto}
body.lab-shell.se-site[data-office-escape] .role-option span{font-size:15px;line-height:1.4}
body.lab-shell.se-site[data-office-escape] .role-option small{font-size:10px;line-height:1.5;margin-top:4px}
body.lab-shell.se-site[data-office-escape] .role-quote{font-size:11px;line-height:1.5;margin:8px 0 0}
body.lab-shell.se-site[data-office-escape] :is(.online-panel,.lobby,.results){max-height:calc(100% - 32px);overflow:auto}
body.lab-shell.se-site[data-office-escape]>.lab-site-footer{padding:0;margin-top:auto}
body.lab-shell.se-site[data-office-escape] .lab-site-footer-inner{width:min(var(--office-width),calc(100% - 48px));max-width:var(--office-width);min-height:56px;padding:8px 0;gap:16px}
body.lab-shell.se-site[data-office-escape] .lab-site-footer :is(p,a){font-size:12px;line-height:1.6}
body.lab-shell.se-site[data-office-escape] .lab-site-footer a{min-height:40px;gap:8px}
body.lab-shell.se-site[data-office-escape].office-playing{height:100dvh;min-height:0;overflow:hidden}
body.lab-shell.se-site[data-office-escape].office-playing .office-app{width:100%;max-width:none;height:100%;flex:1;min-height:0;margin:0;border-radius:0;box-shadow:none}
body.lab-shell.se-site[data-office-escape].office-playing .office-app>.topbar{position:relative;top:auto;right:auto;width:100%;height:44px;padding:0 16px;background:#fff2d7;border-bottom:1px solid #d3c3a0;flex-shrink:0}
body.lab-shell.se-site[data-office-escape].office-playing .topbar .brand{display:block;font-size:14px}
body.lab-shell.se-site[data-office-escape].office-playing #stage{height:auto;flex:1;border-radius:0;min-height:0}
@media(max-width:1200px){
 body.lab-shell.se-site[data-office-escape] .intro{padding:24px}
 body.lab-shell.se-site[data-office-escape] .intro h1{font-size:50px}
 body.lab-shell.se-site[data-office-escape] .home-actions{grid-template-columns:1fr}
 body.lab-shell.se-site[data-office-escape] .cast-heading>span{display:none}
 body.lab-shell.se-site[data-office-escape] .cast-panel{left:16px;right:16px;bottom:16px}
}
@media(max-height:800px) and (min-width:951px){
 body.lab-shell.se-site[data-office-escape] .intro{padding-block:24px}
 body.lab-shell.se-site[data-office-escape] .intro h1{font-size:52px}
 body.lab-shell.se-site[data-office-escape] .clock-stamp{margin-bottom:12px}
 body.lab-shell.se-site[data-office-escape] .tagline{font-size:18px;margin:18px 0 8px}
 body.lab-shell.se-site[data-office-escape] .intro-copy{font-size:13px;margin-bottom:16px}
 body.lab-shell.se-site[data-office-escape] .rules-teaser{margin-top:16px}
 body.lab-shell.se-site[data-office-escape] .quick-note{margin-top:10px}
}
@media(max-width:767px) and (orientation:portrait){
 body.lab-shell.se-site[data-office-escape] .lab-site-header-inner{width:calc(100% - 32px)}
 body.lab-shell.se-site[data-office-escape]>.lab-item-toolbar{width:calc(100% - 32px);padding:8px 0;min-height:56px;gap:8px}
 body.lab-shell.se-site[data-office-escape] .lab-item-name,
 body.lab-shell.se-site[data-office-escape] .lab-item-back>span,
 body.lab-shell.se-site[data-office-escape] .lab-page-actions>a{display:none}
 body.lab-shell.se-site[data-office-escape] .office-app{width:calc(100% - 24px);height:auto;min-height:0;margin-bottom:20px}
 body.lab-shell.se-site[data-office-escape] .office-app>.topbar{position:relative;top:auto;right:auto;height:48px;width:100%;padding:0 12px;background:#fff2d7;border-radius:16px 16px 0 0}
 body.lab-shell.se-site[data-office-escape] .topbar .brand{display:block!important;font-size:13px}
 body.lab-shell.se-site[data-office-escape] .icon-button{width:44px;height:44px}
 body.lab-shell.se-site[data-office-escape] .header-right{gap:4px}
 body.lab-shell.se-site[data-office-escape] #stage{height:750px;min-height:0;flex:none;border-radius:0 0 16px 16px}
 body.lab-shell.se-site[data-office-escape] .home{grid-template-columns:1fr;grid-template-rows:350px 400px}
 body.lab-shell.se-site[data-office-escape] .intro{padding:24px 20px;justify-content:center;border-right:0;border-bottom:1px solid #d3c3a0}
 body.lab-shell.se-site[data-office-escape] .intro h1{font-size:44px;line-height:1.1}
 body.lab-shell.se-site[data-office-escape] .clock-stamp{display:none}
 body.lab-shell.se-site[data-office-escape] .tagline{font-size:18px;line-height:1.35;margin:16px 0 8px}
 body.lab-shell.se-site[data-office-escape] .intro-copy{font-size:12px;line-height:1.7;margin-bottom:16px}
 body.lab-shell.se-site[data-office-escape] .intro-copy br{display:initial}
 body.lab-shell.se-site[data-office-escape] .home-actions{grid-template-columns:1fr 1fr;gap:8px}
 body.lab-shell.se-site[data-office-escape] .home-actions .button{font-size:12px;padding:10px 8px;min-height:46px;gap:6px}
 body.lab-shell.se-site[data-office-escape] .home-actions .button span{font-size:17px}
 body.lab-shell.se-site[data-office-escape] .rules-teaser{margin-top:12px;gap:6px 10px}
 body.lab-shell.se-site[data-office-escape] .rules-teaser li{font-size:10px}
 body.lab-shell.se-site[data-office-escape] .quick-note{margin-top:10px;font-size:10px}
 body.lab-shell.se-site[data-office-escape] .boss-quote{font-size:18px;top:12px;right:14px;padding:8px 12px}
 body.lab-shell.se-site[data-office-escape] .boss-quote span{font-size:9px}
 body.lab-shell.se-site[data-office-escape] .cast-panel{bottom:12px;left:12px;right:12px;padding:12px 6px 10px}
 body.lab-shell.se-site[data-office-escape] .cast-heading{padding-inline:4px}
 body.lab-shell.se-site[data-office-escape] .cast-heading h2{font-size:13px}
 body.lab-shell.se-site[data-office-escape] .role-picker{gap:4px;margin-top:8px}
 body.lab-shell.se-site[data-office-escape] .role-option{min-height:106px;padding-bottom:8px}
 body.lab-shell.se-site[data-office-escape] .role-option canvas{width:66px;height:58px}
 body.lab-shell.se-site[data-office-escape] .role-option span{font-size:13px}
 body.lab-shell.se-site[data-office-escape] .role-option small{font-size:8px;white-space:normal}
 body.lab-shell.se-site[data-office-escape] .lab-site-footer-inner{width:calc(100% - 32px);min-height:72px;padding:12px 0;flex-direction:row;align-items:center;gap:12px}
 body.lab-shell.se-site[data-office-escape] .lab-site-footer a{max-width:58%;font-size:11px}
 body.lab-shell.se-site[data-office-escape].office-playing #stage{height:auto;flex:1;min-height:0}
 body.lab-shell.se-site[data-office-escape].office-playing .office-app>.topbar{height:44px;border-radius:0}
}
@media(max-width:950px) and (orientation:landscape){
 body.lab-shell.se-site[data-office-escape]>.lab-item-toolbar{width:calc(100% - 24px);height:40px;min-height:40px;padding:0 156px 0 0;gap:12px}
 body.lab-shell.se-site[data-office-escape] .lab-item-name,
 body.lab-shell.se-site[data-office-escape] .lab-item-back>span,
 body.lab-shell.se-site[data-office-escape] .lab-page-actions>a{display:none}
 body.lab-shell.se-site[data-office-escape] .office-app{width:100%;height:calc(100dvh - 40px);min-height:0;margin:0;border-radius:0;box-shadow:none}
 body.lab-shell.se-site[data-office-escape] .office-app>.topbar{top:-42px;right:12px;height:40px}
 body.lab-shell.se-site[data-office-escape] .icon-button{width:40px;height:40px}
 body.lab-shell.se-site[data-office-escape] #stage{border-radius:0}
 body.lab-shell.se-site[data-office-escape] .intro{padding:12px 20px}
 body.lab-shell.se-site[data-office-escape] .intro h1{font-size:34px;line-height:1.1}
 body.lab-shell.se-site[data-office-escape] .clock-stamp{display:none}
 body.lab-shell.se-site[data-office-escape] .tagline{font-size:16px;line-height:1.4;margin:12px 0 8px}
 body.lab-shell.se-site[data-office-escape] .intro-copy{font-size:11px;line-height:1.6;margin-bottom:12px}
 body.lab-shell.se-site[data-office-escape] .home-actions{grid-template-columns:1fr 1fr;gap:8px}
 body.lab-shell.se-site[data-office-escape] .home-actions .button{min-height:40px;padding:8px;font-size:11px;gap:4px}
 body.lab-shell.se-site[data-office-escape] .home-actions .button span{font-size:15px}
 body.lab-shell.se-site[data-office-escape] .rules-teaser{display:none}
 body.lab-shell.se-site[data-office-escape] .quick-note{margin-top:10px;font-size:10px}
 body.lab-shell.se-site[data-office-escape] .boss-quote{font-size:16px;top:8px;right:12px;padding:6px 10px}
 body.lab-shell.se-site[data-office-escape] .boss-quote span{font-size:8px;margin-top:3px}
 body.lab-shell.se-site[data-office-escape] .cast-panel{bottom:10px;left:12px;right:12px;padding:8px}
 body.lab-shell.se-site[data-office-escape] .cast-heading h2{font-size:12px}
 body.lab-shell.se-site[data-office-escape] .role-picker{gap:4px;margin-top:4px}
 body.lab-shell.se-site[data-office-escape] .role-option{min-height:84px;padding:2px 0 6px}
 body.lab-shell.se-site[data-office-escape] .role-option canvas{width:56px;height:48px}
 body.lab-shell.se-site[data-office-escape] .role-option span{font-size:12px}
 body.lab-shell.se-site[data-office-escape] .role-option small{display:none}
 body.lab-shell.se-site[data-office-escape] .role-quote{font-size:9px;margin-top:4px}
 body.lab-shell.se-site[data-office-escape].office-playing .office-app{height:100%}
 body.lab-shell.se-site[data-office-escape].office-playing .office-app>.topbar{top:auto;right:auto;height:40px}
}