/* Corner controls belong to the page header and scroll out of view with it. */
/* Match the existing English tool heading, including its mobile breakpoint. */
html body h1.dice-tool-heading{font-family:Calibri,Arial,sans-serif;font-size:22pt;font-style:italic;font-weight:400;line-height:1.25}
@media(max-width:560px){html body h1.dice-tool-heading{font-size:25px}}
html body .dice-map-portal,html body #whirl.whirl{position:absolute;z-index:1000;top:12px;right:12px;left:auto;bottom:auto;display:block;box-sizing:border-box;width:24px;height:24px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:24px;line-height:1;text-decoration:none}
/* A transparent hit area keeps the small icon easy to tap. */
html body .dice-map-portal::before,html body #whirl.whirl::before{content:"";position:absolute;inset:-10px}
html body .dice-map-portal:hover,html body #whirl.whirl:hover{background:transparent;box-shadow:none}
html body .dice-languages,html body .dice-b6-languagebar{position:absolute;z-index:1001;top:12px;left:12px;right:auto;bottom:auto;display:block;box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#083442;text-align:left;font:15px/1.3 Calibri,Arial,sans-serif}
html body .dice-b6-languagebar details{position:static;display:block;margin:0;padding:0;border:0;background:transparent}
html body .dice-languages>summary,html body .dice-b6-languagebar summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;margin:0;padding:8px 10px;border:1px solid #8b9292;border-radius:8px;background:#f3eedf;color:#083442;font:15px/1.3 Calibri,Arial,sans-serif;list-style:none;cursor:pointer;white-space:nowrap}
html body .dice-languages>summary::marker,html body .dice-b6-languagebar summary::marker,html body .dice-languages>summary::-webkit-details-marker,html body .dice-b6-languagebar summary::-webkit-details-marker{display:none}
html body .dice-language-icon{font-size:20px;line-height:1}
html body .dice-language-arrow{font-size:12px}
html body .dice-languages[open] .dice-language-arrow,html body .dice-b6-languagebar details[open] .dice-language-arrow{transform:rotate(180deg)}
html body .dice-language-list,html body .dice-b6-language-list{position:absolute;z-index:1002;top:calc(100% + 8px);left:0;right:auto;bottom:auto;transform:none;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:8px;border:1px solid #7a8887;border-radius:8px;background:#faf6e9;box-shadow:0 8px 28px #08344226;text-align:left;font:15px/1.35 Calibri,Arial,sans-serif}
html body .dice-languages:not([open]) .dice-language-list,html body .dice-b6-languagebar details:not([open]) .dice-b6-language-list{display:none}
html body .dice-language-panel-head{position:sticky;z-index:1;top:-8px;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:-1px -1px 4px;padding:0 0 4px 8px;border-bottom:1px solid #d7d6c5;background:#faf6e9;color:#083442;font:15px/1.3 Calibri,Arial,sans-serif}
html body .dice-language-close{appearance:none;box-sizing:border-box;display:grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#083442;font:400 30px/1 Arial,sans-serif;cursor:pointer;box-shadow:none;text-transform:none}
html body .dice-language-list a,html body .dice-b6-language-list a{box-sizing:border-box;display:block;min-width:0;margin:0;padding:10px 8px;border-radius:4px;color:#083442;text-decoration:none!important;font:15px/1.35 Calibri,Arial,sans-serif;overflow-wrap:anywhere}
html body .dice-language-list a:hover,html body .dice-b6-language-list a:hover,html body .dice-language-close:hover{background:#dedcc9}
html body .dice-language-list a[aria-current=page],html body .dice-b6-language-list a[aria-current=page]{background:#083442;color:#fff}
html body .dice-languages summary:focus-visible,html body .dice-b6-languagebar summary:focus-visible,html body .dice-language-list a:focus-visible,html body .dice-b6-language-list a:focus-visible,html body .dice-language-close:focus-visible{outline:2px solid #627d7e;outline-offset:2px}
/* Removing the selector from the header row saves vertical space. */
html body .dice-site-header,html body .dice-b6-site-header{position:static;gap:4px;padding:14px 16px 4px}
html body .dice-site-brand,html body .dice-b6-site-header>a{max-width:min(100%,calc(100vw - 256px))}
@media(max-width:767px){
 html body .dice-site-header,html body .dice-b6-site-header{padding:12px 12px 4px}
 html body .dice-site-brand,html body .dice-b6-site-header>a{max-width:calc(100vw - 128px)}
 html body .dice-language-current,html body .dice-language-arrow{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html body [data-dice-menu-ready]>summary{width:44px;padding:8px}
}