/* Block Heroes: the site's own lines on the home (B163, docs/DOMINIO.md), over the lobby's stage at the 1920 x 1080
   reference (bh-lobby.css). The bottom-left corner is one column (#bhCorner), from the top: the daily streak's
   card (lobbystreak.js, bh-home.css), the privacy policy and the terms; at the streak card's own left edge on each screen (bh-home.css, bh-phone.css). Tokens of bh-ui.css; the text never under
   ~14 px on the screen */
#m.bh #bhCorner{position:absolute;left:32px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);pointer-events:none}
#m.bh #bhCorner>*{pointer-events:auto}
#m.bh #bhCorner .lbstreak2{position:static}
#m.bh #bhLegal{display:flex;gap:var(--space-4)}
#m.bh #bhLegal a{font:800 max(16px,calc(13px / var(--bh-k)))/1 var(--font-ui);letter-spacing:.08em;color:var(--ink-2);text-shadow:0 1px 3px rgba(0,0,0,.9);
 text-decoration:none;padding:var(--space-2) 0}
#m.bh #bhLegal a:hover,#m.bh #bhLegal a:focus-visible{color:var(--ink)}
/* the notice to new players on CrazyGames (B269a, src/consent.js), where #bhCorner is not: the panel of B163's notice
   (approved in its round 2), at the corner's place; never blocking: the home under it stays usable */
#m.bh #bhConsent{position:absolute;left:32px;bottom:18px;max-width:620px;margin:0;display:flex;align-items:center;gap:var(--space-3);
 padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:rgba(11,10,26,.82);border:1px solid var(--line);border-left:4px solid var(--cyan);
 font:700 max(17px,calc(14px / var(--bh-k)))/1.25 var(--font-ui);letter-spacing:.04em;color:var(--ink-2)}
#m.bh #bhConsent[hidden]{display:none}
#m.bh #bhConsent a{color:var(--cyan);font-weight:800;text-decoration:none}
#m.bh #bhConsent a:hover,#m.bh #bhConsent a:focus-visible{text-decoration:underline}
#m.bh #bhConsentX{flex:none;display:inline-flex;align-items:center;justify-content:center;width:max(32px,calc(28px / var(--bh-k)));
 height:max(32px,calc(28px / var(--bh-k)));padding:0;border:0;background:none;color:var(--ink-2);cursor:pointer}
#m.bh #bhConsentX:hover,#m.bh #bhConsentX:focus-visible{color:var(--ink)}
html.bh-touch:not(.bh-phone) #m.bh #bhConsent{left:24px;bottom:12px}
html.bh-phone #m.bh #bhConsent{left:14px;bottom:2px;max-width:calc(300px / var(--bh-k));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}
html.bh-touch #m.bh #bhConsentX{width:calc(44px / var(--bh-k));height:calc(44px / var(--bh-k))}
html.bh-touch:not(.bh-phone) #m.bh #bhCorner{left:24px;bottom:12px}
html.bh-phone #m.bh #bhCorner{left:14px;bottom:2px;gap:var(--space-2)}
/* touch: each link a 44 px target on the screen (the lobby is scaled by --bh-k: 44 reference px would draw smaller) */
html.bh-touch #m.bh #bhLegal{gap:0}
html.bh-touch #m.bh #bhLegal a{min-height:calc(44px / var(--bh-k));min-width:calc(44px / var(--bh-k));padding:0 calc(6px / var(--bh-k));
 display:inline-flex;align-items:center;justify-content:center}
html.bh-touch #m.bh #bhLegal a:first-child{padding-left:0;justify-content:flex-start}