/* Theme Name: DiceStrategies Theme URI: https://dicestrategies.com Author: DiceStrategies Author URI: https://dicestrategies.com Description: Server-side-rendered block theme for dicestrategies.com - a Dice casino strategy hub with in-depth strategy articles, interactive calculators and simulators, and affiliate casino lists. Dark analytics aesthetic. Two faces (2026-07-27): Russo One is the brand voice (wordmark, headings, CTAs); Space Grotesk carries everything else. Requires at least: 6.6 Tested up to: 6.9 Requires PHP: 7.4 Version: 0.2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: dicestrategies Tags: full-site-editing, block-patterns, custom-colors, custom-menu, dark-mode, blog, one-column */ :root { color-scheme: dark; /* --- Design scale (2026-07-27) ------------------------------------- One source for radii, tracking and control heights. Before this, border-radius was hand-written 29 times across 8 values and letter-spacing 32 times across 6 - blocks each invented their own, which is what read as "everything is slightly off". Blocks consume these; they no longer declare the raw values themselves. Changing a visual direction later means editing here, not in 8 stylesheets. */ --ds-radius-chip: 6px; --ds-radius-control: 8px; --ds-radius-panel: 12px; --ds-radius-pill: 999px; --ds-track-caps: 0.08em; --ds-track-btn: 0.05em; --ds-track-data: 0.02em; /* Control heights are a closed set. Measured before the scale existed: inputs came in 3 heights (29.8/32.8/48.4) and buttons in 6 (21/27.3/30/33.8/49.6/52). Text and icon buttons are NOT controls - they take .ds-btn--inline and no height from this scale. */ --ds-control-h-sm: 30px; --ds-control-h-md: 34px; --ds-control-h-lg: 48px; /* Prose line length. The content rail is 1240px (theme.json); prose keeps this measure and anchors to the shared LEFT edge - it must never centre itself inside a section, or headings and body text end up on different verticals. */ --ds-measure: 820px; /* Мера ДЛИННОГО материала — шире прозаической. 820 рассчитана на страницу, где текст главное; в статье и на money-странице рядом с текстом стоят таблицы и картинки, и на 820 у страницы получалось два правых края. Одно число на обе поверхности: `.ds-games-money` и `.ds-article-body`. */ --ds-doc-measure: 62.5rem; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* --- Фоновый слой (2026-08-01) ------------------------------------------ Присланный дизайн: background-layer.html. Разметку печатает dicestrategies_background_layer() на wp_body_open — там же объяснено, почему не template part. ПАЛИТРА ПЕРЕЛОЖЕНА НА ТОКЕНЫ, третий бриф подряд с тем же исправлением: зелёный дизайна #37e06b отстоит от нашего #14F46F на 41 единицу RGB (второй фирменный цвет, а не оттенок), фон #070907 против нашего --base #07090A. ⚠️ z-index:1 у .wp-site-blocks НЕСУЩИЙ, а не косметика. Позиционированный слой на z-index:0 рисуется ПОВЕРХ статичного контента, включая его текст: в порядке отрисовки позиционированные боксы идут после строчного содержимого потока. Без подъёма обёртки слой закрыл бы страницу. Обёртка взята готовая — .wp-site-blocks ядро печатает вокруг всего шаблона, поэтому разметку темы трогать не пришлось. */ .ds-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden} .wp-site-blocks{position:relative;z-index:1} /* Сетка, замаскированная к верхнему левому углу. 56px — шаг дизайна; на рельс 1240 он не ложится нацело, и это верно: сетка здесь текстура, а не разметка, и совпадение её линий с колонками читалось бы обещанием, которого нет. */ .ds-bg__grid{ position:absolute;inset:0; background-image: linear-gradient(rgba(20,244,111,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(20,244,111,.05) 1px,transparent 1px); background-size:56px 56px; -webkit-mask-image:radial-gradient(92% 70% at 18% 8%,#000 0%,transparent 78%); mask-image:radial-gradient(92% 70% at 18% 8%,#000 0%,transparent 78%); } /* Главное свечение. Альфа .15 — из дизайна, оставлена по решению владельца при известной цене: в центре свечения `muted` уходит с 3.91 до 2.64 при пороге AA 4.5 (замер _pw/probe-bg-layer.mjs, таблица в DESIGN-SYSTEM). `muted` был ниже порога и до слоя — это записанный дефект, слой его углубляет, а не заводит. `text-dim` держится на 5.62 и в порядке. Слой fixed, поэтому свечение стоит в углу ВЬЮПОРТА, а не за героем: на скролле оно оказывается за тем, что там окажется. Читается виньеткой; комментарий дизайна «behind the hero headline» верен для первого экрана. */ .ds-bg__glow{ position:absolute;top:-260px;left:-200px;width:1000px;height:820px; background:radial-gradient(closest-side,rgba(20,244,111,.15),transparent 70%); } .ds-bg__glow-side{ position:absolute;top:38%;right:-320px;width:900px;height:900px; background:radial-gradient(closest-side,rgba(20,244,111,.06),transparent 70%); } /* Увод в плоский base к низу вьюпорта — иначе сетка тянется до подвала и спорит с его верхней зелёной линией. */ .ds-bg__fade{ position:absolute;inset:0; background:linear-gradient(180deg,transparent 0%,transparent 55%,var(--wp--preset--color--base) 100%); } /* --- Layout rail (2026-07-27) --------------------------------------------- ONE rail: theme.json contentSize == wideSize == 1240px, so every section, the header and the footer share a left edge. Before this, content sat on 820px and the frame on 1240px - the wordmark started at x=100 and the page H1 at x=310, which is what read as "crooked". Prose keeps its previous 820px measure (--ds-measure) but ANCHORS LEFT instead of centring. WP's constrained layout puts margin-inline:auto on any child narrower than the rail; that is precisely what would drop body copy onto a different vertical from its own heading. Scope note: only .is-layout-constrained children are centred by WP, so cards, tool panels and
(flow containers) are untouched here. RULE: any new max-width narrower than the rail ships with margin-inline:0. */ .is-layout-constrained > p:not(.has-text-align-center), .is-layout-constrained > ul:not(.has-text-align-center), .is-layout-constrained > ol:not(.has-text-align-center), .is-layout-constrained > blockquote, .is-layout-constrained > h2:not(.has-text-align-center), .is-layout-constrained > h3:not(.has-text-align-center), /* Хлебные крошки (2026-08-02) заняли слот надзаголовка, а тот был

и якорь получал отсюда.