/* Окно перехода. Без приставки — прежнее окно (/blackhole/: нет tokens.css); с приставкой — вид сайта.
   README «Цвета», CHANGES Т32, Т36 */
.d8-link-dialog {
  box-sizing: border-box; width: min(480px, calc(100% - 32px));
  max-height: calc(100dvh - 32px); overflow: auto; margin: auto;
  border: 1px solid #333748; border-radius: 20px; padding: 32px;
  background: #161821; color: #f4f5f7;
  box-shadow: 0 24px 80px #0008; text-align: left;
  font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.d8-link-dialog::backdrop { background: #080a12c9; backdrop-filter: blur(5px); }
.d8-link-dialog:not([open]) { display: none; }
.d8-link-dialog h2 { margin: 14px 0 12px; font: 650 24px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #f4f5f7; }
.d8-link-dialog p { margin: 0 0 16px; color: #cbd0dd; }
.d8-link-dialog .d8-link-label { color: #a4dfc7; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.d8-link-dialog .d8-link-law { color: #a6adbd; font-size: 12px; line-height: 1.6; }
.d8-link-dialog .d8-link-close { display: block; box-sizing: border-box; width: 100%; margin: 24px 0 0; padding: 12px 18px; border: 1px solid transparent; border-radius: 10px; background: #b8edda; color: #10251c; font: 650 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; text-align: center; text-decoration: none; }
.d8-link-dialog .d8-link-close:hover { background: #d3f5e8; }
.d8-link-dialog :focus-visible { outline: 3px solid #b8edda; outline-offset: 4px; }
.d8-link-dialog .d8-link-credit { display: block; margin-top: 16px; color: #a6adbd; font-size: 12px; text-align: center; }
.d8-geo-credit { display: block; margin: 12px auto; width: fit-content; color: #8c95a6; font: 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.d8-link-page { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--d8-bg, #030014); padding: 24px 0; box-sizing: border-box; }
.d8-link-page .d8-link-dialog { display: block; }
@media (max-width: 480px) { .d8-link-dialog { padding: 24px; } .d8-link-dialog h2 { font-size: 22px; } }

/* Вид сайта (Т32): размеры прежние (у кнопки нет рамки, поле на 1 px шире) */
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog { border-color: var(--d8-line-3); background: var(--d8-surface-card), var(--d8-bg); color: var(--d8-text-1); font-family: "Inter V", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
/* ::backdrop старых браузеров не видит переменных: запасной = --d8-overlay */
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog::backdrop { background: var(--d8-overlay, rgba(3,0,20,.82)); }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog h2,
:root:has(link[href*="/assets/css/tokens."]) .d8-link-page .d8-link-dialog h1 { font-family: "AeonikPro", "Inter V", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 500; letter-spacing: -.02em; color: var(--d8-text-1); }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog p { color: var(--d8-text-2); }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog .d8-link-label { color: var(--d8-violet); }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog .d8-link-law { color: var(--d8-text-3); }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog .d8-link-close { padding: 13px 19px; border: 0; background: var(--d8-gradient); color: var(--d8-on-accent); font-family: "Inter V", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-weight: 700; transition: box-shadow .15s ease; }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog .d8-link-close:hover { background: var(--d8-gradient); box-shadow: 0 12px 30px var(--d8-accent-line); }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog :focus-visible { outline-color: var(--d8-focus); }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog .d8-link-credit { color: var(--d8-text-3); }
/* Размер текста — от настройки браузера (ТИ4): те же размеры в rem (при 16 px по умолчанию — те же пиксели); прежнее окно игр — как было */
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog { font-size: .9375rem; }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog h2 { font-size: 1.5rem; }
:root:has(link[href*="/assets/css/tokens."]) :is(.d8-link-dialog .d8-link-label, .d8-link-dialog .d8-link-law, .d8-link-dialog .d8-link-credit, .d8-geo-credit) { font-size: .75rem; }
:root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog .d8-link-close { font-size: .9375rem; }
@media (max-width: 480px) { :root:has(link[href*="/assets/css/tokens."]) .d8-link-dialog h2 { font-size: 1.375rem; } }