.ob-ar-root[data-view="game"] .ob-ar-panel:has(.cb-wrap){width:min(820px,calc(100vw - 32px));max-width:820px}.cb-wrap{width:min(640px,100%,calc((100dvh - 290px)*1.488));margin:0 auto}.cb-board{position:relative;isolation:isolate;border:1px solid #42674f;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #102e251c;background:#102e25}.cb-canvas{display:block;width:100%;height:auto;aspect-ratio:640/430;touch-action:none}.cb-hud{position:absolute;inset:12px 15px auto;display:flex;align-items:center;gap:8px;pointer-events:none;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#e3dfc6}.cb-chip{padding:6px 9px;border:1px solid #d4e29328;border-radius:5px;background:#071e1777}.cb-chip b{font-weight:600}.cb-lives{margin-left:auto;display:flex;gap:7px}.cb-lives b{display:block;width:9px;height:11px;border-radius:4px 4px 6px 6px;background:#d5b477;border-top:3px solid #f0e1b5;box-shadow:0 0 10px #d5b47733}.cb-lives b.cb-lost{opacity:.18;box-shadow:none}.cb-overlay{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;padding:25px;color:#f5f2e9;text-align:center;background:#09261cce;backdrop-filter:blur(3px)}.cb-overlay.is-visible{display:flex}.cb-overlay h3{width:100%;font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,4vw,38px);letter-spacing:-1px;color:#e4e6bd;margin:0 0 12px}.cb-overlay p{width:100%;font-size:13px;line-height:1.6;max-width:390px;margin:0 auto 16px;color:#c6d2ba}.cb-overlay .cb-final{font-size:16px;color:#eee3bc}.cb-overlay .cb-keys{font-size:10px;line-height:1.6;margin:14px auto 0;opacity:.75}.cb-overlay kbd{font-family:inherit;font-size:inherit;border:1px solid #c3cbb655;border-radius:3px;padding:1px 3px}.cb-btn-main,.cb-btn-ghost,.cb-btn{font:600 12px Arial,Helvetica,sans-serif;border:1px solid #173b3133;border-radius:8px;min-height:44px;cursor:pointer;touch-action:none}.cb-btn-main{background:#d4e293;border-color:#d4e293;color:#173b31;padding:12px 28px;margin:0 5px}.cb-btn-main:hover{background:#e3ecb9}.cb-btn-ghost{padding:12px 22px;background:#ffffff08;color:#e5e8d4;border-color:#cad6b455;margin:0 5px}.cb-controls{display:flex;justify-content:center;align-items:center;gap:9px;margin:15px 0 0}.cb-btn{background:#eeeee2;color:#173b31;padding:10px 20px;min-width:54px;user-select:none}.cb-btn-launch{min-width:100px;background:#dde4bc}.cb-btn:active{background:#c7d19b}.cb-wrap button:focus-visible{outline:3px solid #dd9e50;outline-offset:3px}.cb-controls[inert]{opacity:.32}.cb-wrap+.ob-ar-hint{font-size:11px}.ob-ar-root[data-view="game"] .ob-ar-panel:has(.cb-wrap) .ob-ar-score{font-size:11px;letter-spacing:0}.ob-ar-root[data-view="game"] .ob-ar-panel:has(.cb-wrap) .ob-ar-game-head{flex-wrap:wrap}
@media(max-width:600px){.ob-ar-root[data-view="game"] .ob-ar-panel:has(.cb-wrap){width:calc(100vw - 20px)}.cb-wrap{width:100%}.cb-hud{inset:7px 8px auto;gap:5px;font-size:8px;letter-spacing:.4px}.cb-chip{padding:3px 6px}.cb-lives{gap:5px}.cb-lives b{width:7px;height:9px}.cb-overlay{padding:14px}.cb-overlay h3{font-size:25px;margin-bottom:8px}.cb-overlay p{font-size:11px;line-height:1.45;margin-bottom:12px}.cb-overlay .cb-keys{font-size:9px;margin-top:8px}.cb-controls{margin-top:12px}.cb-board{border-radius:10px}.cb-btn{min-width:60px}}
@media(prefers-reduced-motion:reduce){.cb-overlay{backdrop-filter:none}}

.ob-ar-canvas-wrap:has(.cb-wrap):focus{outline:none}

@media(max-width:600px){.ob-ar-root[data-view="game"] .ob-ar-panel:has(.cb-wrap) .ob-ar-game-head{display:grid;grid-template-columns:1fr auto;gap:8px}.ob-ar-panel:has(.cb-wrap) .ob-ar-back{grid-column:1;grid-row:1;justify-self:start}.ob-ar-panel:has(.cb-wrap) .ob-ar-game-name{grid-column:2;grid-row:1}.ob-ar-panel:has(.cb-wrap) .ob-ar-score{grid-column:1;grid-row:2;justify-self:start}.ob-ar-panel:has(.cb-wrap) .ob-ar-pause{grid-column:2;grid-row:2;justify-self:end}}