/* The board, question and essential tools take priority over site chrome. */
:root{--play-paper:#FAF7F2;--play-ink:#1A1A1A;--play-white:#FFFFFF;--play-accent:#116B66;--play-shadow:0 6px 24px #00000012;--play-font:'Nunito Sans',system-ui,sans-serif;--play-text:14px;--play-title:18px;--play-gap:8px}
body.bl-focus{margin:0;padding-top:0;font-family:var(--play-font)}
body.bl-focus .bl-focus-hide,body.bl-focus .bl-focus-native-option{display:none}
body.bl-focus>.bl-focus-bar{display:flex;align-items:center;gap:var(--play-gap);box-sizing:border-box;min-height:60px;padding:8px 16px;margin:0;position:relative;z-index:50;background:var(--play-paper);color:var(--play-ink);font:700 var(--play-text)/1.3 var(--play-font);box-shadow:none;max-width:none;width:100%}
body.bl-focus .bl-focus-back,body.bl-focus .bl-focus-menu>summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--play-accent);font:700 var(--play-text)/1.3 var(--play-font);text-decoration:none;cursor:pointer;list-style:none;box-shadow:none}
body.bl-focus .bl-focus-title{flex:1;min-width:0;margin:0;font:800 var(--play-title)/1.2 var(--play-font);text-wrap:balance}
body.bl-focus .bl-focus-count{white-space:nowrap;font-variant-numeric:tabular-nums}
body.bl-focus .bl-focus-count:empty{display:none}
body.bl-focus .bl-focus-menu{position:relative;padding:0;margin:0;background:transparent;border:0;box-shadow:none;width:auto;max-width:none;overflow:visible}
body.bl-focus .bl-focus-menu[hidden]{display:none}
body.bl-focus .bl-focus-menu>summary::-webkit-details-marker{display:none}
body.bl-focus .bl-focus-options{position:absolute;right:0;top:52px;min-width:200px;max-height:70dvh;overflow:auto;padding:8px;background:var(--play-white);border-radius:8px;box-shadow:var(--play-shadow)}
body.bl-focus .bl-focus-options>button{display:block;width:100%;min-height:44px;padding:8px 16px;border:0;background:transparent;box-shadow:none;border-radius:8px;text-align:left;color:var(--play-ink);font:700 var(--play-text)/1.4 var(--play-font);cursor:pointer}
body.bl-focus .bl-focus-options>button[hidden]{display:none}
body.bl-focus .bl-focus-options>button:hover{background:var(--play-paper)}
body.bl-focus .bl-focus-options>button:disabled{opacity:.5;cursor:default}
body.bl-focus .bl-focus-pause{min-height:44px;min-width:44px;padding:8px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--play-accent);font:700 var(--play-text)/1.3 var(--play-font);cursor:pointer}
body.bl-focus .bl-focus-pause[hidden]{display:none}
body.bl-focus .bl-focus-bar :is(a,button,summary):focus-visible{outline:3px solid var(--play-accent);outline-offset:2px}
body.bl-focus .bl-focus-auto-next,body.bl-focus .bl-focus-check-trigger{position:absolute;inline-size:1px;block-size:1px;min-inline-size:0;min-block-size:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
body.bl-focus .pgs-root,body.bl-focus .pgs-inner,body.bl-focus .pgs-scroll{min-height:0}
body.bl-focus .pgs-breakout{margin:0;width:100%;padding:8px 16px 24px}
body.bl-focus .or-game{margin:0 auto;padding-top:0}
body.bl-focus .sb-game{display:flex;flex-direction:column;max-width:560px;width:100%}
body.bl-focus .sb-game .or-mission{padding:0;margin:0 0 8px}
body.bl-focus .sb-game .or-mission>p{margin:0 0 8px;font-size:var(--play-text);line-height:1.5}
body.bl-focus .sb-game .or-controls{padding:8px 0;margin:0;background:transparent;box-shadow:none}
body.bl-focus .sb-game .sb-actions{justify-content:center}
body.bl-focus .sb-game .sb-actions>button{flex:0 1 180px;min-height:44px;margin:0}
body.bl-focus .sb-status{font-size:var(--play-text);margin:8px 0;line-height:1.4}
body.bl-focus .sb-center>span{max-width:120px;font-size:var(--play-text)}
body.bl-focus .sb-board{max-width:480px}
body.bl-focus.bl-focus-host>.bl-focus-bar{display:none}
body.bl-focus .imported-game{padding-top:0}
body.bl-focus #app{padding-top:0}
body.bl-focus #app .screen-top{padding:0;margin:0 0 8px;min-height:0}
body.bl-focus #app .live-strip{margin-top:0}
body.bl-focus #app .live-strip>span:first-child{font-size:0}
body.bl-focus #app .live-strip>span:first-child>b{font-size:var(--play-text)}
body.bl-focus.bl-focus-untimed:has(#arena[data-game="fill"]) .live-strip{display:none}
body.bl-focus .cd-main{padding-top:0}
body.bl-focus .cd-brief>h2,body.bl-focus .bd-case-label{display:none}
body.bl-focus .gc-hud{padding:0;margin-bottom:8px;background:transparent;box-shadow:none;border-radius:0;min-height:0}
body.bl-focus .pgs-hud:not(:has(>:not(style,.bl-focus-hide,.bl-focus-native-option))){display:none}
body.bl-focus .eqp-header{display:none}
body.bl-focus .eqp-header:has(details[open]){display:flex;justify-content:flex-end;min-height:0;padding:0;margin:0}
body.bl-focus .ess-disclosure:not([open]):has(>summary.bl-focus-native-option){position:absolute;width:0;height:0;min-height:0;padding:0;margin:0;overflow:hidden}
body.bl-focus #activity-lab>.activity-heading{display:none}
body.bl-focus .workbench>.toolbar:has(.bl-focus-native-option):not(:has(button:not(.bl-focus-native-option))){display:none}
@media(max-width:759px){
 body.bl-focus>.bl-focus-bar{padding:8px;min-height:60px}
 body.bl-focus .bl-focus-title{font-size:16px}
 body.bl-focus .or-game{padding:0}
 body.bl-focus .sb-board{width:100%;box-sizing:border-box}
 body.bl-focus #activity-lab .activity-layout{margin-top:8px}
 body.bl-focus #activity-lab>.activity-layout,body.bl-focus #activity-lab .activity-play{display:contents}
 body.bl-focus #activity-lab #activity-stage{order:2}
 body.bl-focus #activity-lab #position-jump{order:1}
 body.bl-focus #activity-lab #journey-title{order:1}
 body.bl-focus #activity-lab :is(#journey-marker-help,#journey-look,#journey-setup-note,#position-table){order:3}
 body.bl-focus #activity-lab .activity-play>:not(#activity-stage),body.bl-focus #activity-lab .activity-discovery{order:4}
 body.bl-focus #activity-lab #position-cases>button{white-space:nowrap;padding:8px 12px}
 body.bl-focus:has(main>.workbench) main{display:flex;flex-direction:column;padding:0 16px 24px;gap:16px}
 body.bl-focus main>.workbench{order:1}
 body.bl-focus main>aside{order:2}
 body.bl-focus #ray-examples{order:1;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
 body.bl-focus #ray-examples>button{flex:0 0 auto;white-space:nowrap;min-height:44px}
 body.bl-focus main>aside>#meaning{order:3;margin:8px 0}
 body.bl-focus main>aside>.try{order:4;margin:8px 0}
}