/* Canonical new-game shell, mapped from the approved centred Stake layout.
   Custom game artwork/mechanics belong inside #engine-slot, not in these rules. */
.br-game-page{width:100%;padding:28px 24px 32px}
.br-game-shell{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:760px;gap:18px;margin:0 auto}
.br-game-heading{order:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(144px,30%) minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.br-game-title-group{grid-column:1;min-width:0}.br-game-title-group h1{font:900 40px/1.2 'Courier New',monospace;letter-spacing:-1px;margin:0}.br-game-title-group p{font:14px/1.45 Arial,sans-serif;margin:4px 0 0;color:var(--ink-soft)}
.br-game-shell .quick-stats{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin:0;border-width:1px!important;box-shadow:2px 2px var(--ink)!important}
.br-game-shell .quick-stat{min-width:0;padding:12px 4px;text-align:center}.br-game-shell .quick-stat+div{border-left:1px solid var(--ink)!important}.br-game-shell .quick-stat strong{display:block;font:900 22px/1.1 'Courier New',monospace}.br-game-shell .quick-stat span{display:block;margin-top:5px;font:800 8px/normal 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em}
.br-game-tools{grid-column:3;justify-self:end;display:flex;gap:8px}.br-game-tools .mini-tool{display:grid;place-items:center;width:44px;height:44px;padding:0;font:700 20px Arial,sans-serif;cursor:pointer}.br-game-tools img{width:22px;height:22px}
.br-reset-rail{order:1;align-self:flex-end;width:min(260px,100%);margin:0}
.br-game-content{order:2;min-width:0;width:100%}.br-mode-tabs{display:flex;border:2px solid var(--ink);box-shadow:3px 3px var(--ink);margin:0 0 17px}.br-mode-tabs button{flex:1;min-width:0;min-height:44px;padding:10px;border:0;background:var(--white);color:var(--ink);font:700 12px ui-monospace,monospace;cursor:pointer}.br-mode-tabs button+button{border-left:2px solid var(--ink)}.br-mode-tabs [aria-selected=true]{background:var(--blue)}
.br-game-progress{display:flex;justify-content:center;align-items:center;min-height:27px;margin:0 0 14px;color:var(--ink-soft);font:700 9px ui-monospace,monospace;letter-spacing:1px}
.br-game-board{border:3px solid var(--ink);background:#dce9e9;background-image:linear-gradient(90deg,#17263a09 1px,transparent 1px),linear-gradient(#17263a09 1px,transparent 1px);background-size:16px 16px;box-shadow:6px 7px var(--ink);padding:24px 28px;min-width:0}.br-game-board:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.br-placeholder-topline{display:flex;justify-content:space-between;gap:10px;color:var(--ink-soft);font:700 8px/1.6 ui-monospace,monospace;letter-spacing:.5px}
.br-engine-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:340px;margin-top:22px;padding:28px 20px;background:var(--white);border:2px dashed #8ba5a3;text-align:center}.br-engine-placeholder .br-placeholder-symbol{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);box-shadow:3px 3px var(--ink);background:var(--yellow);font:900 28px 'Courier New',monospace}.br-engine-placeholder h2{font:800 30px/1.2 Arial,sans-serif;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}.br-engine-placeholder p{font:14px/1.65 Arial,sans-serif;max-width:340px;margin:0;color:var(--ink-soft)}.br-placeholder-status{font:11px/1.6 Arial,sans-serif;text-align:center;margin:18px 0 0;color:var(--ink-soft)}
.br-audio-slot{order:3;align-self:center;padding:12px 16px;border:1px dashed #82968d;min-height:44px;font:700 10px/1.6 ui-monospace,monospace;color:var(--ink-soft);text-align:center}.br-template-note{order:4;align-self:center;font:11px/1.6 Arial,sans-serif;color:var(--ink-soft);margin:0;text-align:center}
.br-result-placeholder{text-align:center;padding:16px}.br-result-kicker{font:700 9px ui-monospace,monospace;letter-spacing:1px}.br-result-score{display:block;font:800 46px/1.3 Arial,sans-serif;margin:18px 0}.br-result-placeholder [data-result-summary]{font:14px/1.6 Arial,sans-serif}
@media(min-width:1100px){.br-game-shell{--game-column:min(760px,calc(100vw - 448px));max-width:var(--game-column)}.br-reset-rail{position:absolute;top:0;left:calc(100% + 24px);width:min(240px,calc((100vw - var(--game-column))/2 - 48px))}}
@media(max-width:900px){.br-game-title-group h1{font-size:30px}.br-game-title-group p{font-size:12px}.br-game-shell .quick-stat{padding:10px 3px}.br-game-shell .quick-stat strong{font-size:20px}.br-game-shell .quick-stat span{font-size:7px;letter-spacing:.03em}}
@media(max-width:650px){.br-game-page{padding:22px 16px 30px}.br-game-shell{gap:17px}.br-game-heading{grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr);gap:8px}.br-game-title-group h1{font-size:21px}.br-game-title-group p{display:none}.br-game-tools{gap:6px}.br-game-tools .mini-tool{width:36px;height:36px}.br-game-shell .quick-stat strong{font-size:19px}.br-game-board{padding:20px 16px;box-shadow:4px 5px var(--ink)}.br-engine-placeholder{min-height:290px;padding:24px 12px}.br-engine-placeholder h2{font-size:24px}.br-engine-placeholder p{font-size:13px}.br-placeholder-topline{font-size:7px}.br-audio-slot{max-width:100%}}
@media(max-width:360px){.br-game-page{padding-left:12px;padding-right:12px}.br-game-heading{grid-template-columns:minmax(0,1fr) 124px minmax(0,1fr)}.br-game-title-group h1{font-size:17px}.br-game-tools{gap:4px}.br-game-tools .mini-tool{width:32px;height:34px;font-size:17px}.br-game-shell .quick-stat{padding:9px 2px}.br-game-shell .quick-stat strong{font-size:18px}.br-game-shell .quick-stat span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.br-game-shell *{scroll-behavior:auto;animation:none;transition:none}}