/*
Theme Name: lizzquizz
Theme URI: https://example.com/lizzquizz
Author: lizzquizz
Author URI: https://example.com
Description: Психологический детектив в шести этажах сна: 14 мини-игр, фоторобот персонажа, сюжет про пропавший сон, вход через Telegram и «Зал сновидцев». Фронтенд собран на React + Tailwind из компонентов 21st.dev, весь звук синтезируется в браузере.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lizzquizz
Tags: dark, entertainment, one-column, custom-colors, translation-ready, accessibility-ready
*/

/* Everything the game needs lives in assets/dist/app.css.
   The rules below only style ordinary WordPress templates (blog, pages, 404). */

.lq-site { min-height: 100vh; position: relative; background: #100f0f; color: #dedddc; font-family: 'Onest Variable', system-ui, sans-serif; }
.lq-bg { position: fixed; inset: 0; z-index: -1; background: radial-gradient(120% 90% at 50% 0%, #1b1b1a 0%, #100f0f 55%, #100f0f 100%); }
.lq-wrap { width: min(100% - 2rem, 62rem); margin-inline: auto; }
.lq-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.1rem; }
.lq-head .lq-logo { font-family: "Bebas Neue", "Oswald", Impact, sans-serif; font-size: 2.2rem; line-height: 1; letter-spacing: .02em; color: #dedddc; text-decoration: none; }
.lq-head .lq-logo span { color: var(--accent, #854744); }
.lq-nav { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; list-style: none; margin: 0; padding: 0; }
.lq-nav a { font-family: "IBM Plex Mono", monospace; font-size: .85rem; color: #dedddc; text-decoration: none; opacity: .8; }
.lq-nav a:hover, .lq-nav .current-menu-item > a { opacity: 1; text-decoration: underline; text-underline-offset: 5px; }
.lq-main { padding-block: 2rem 4rem; }
.lq-card { margin-bottom: 1.6rem; padding: clamp(1.1rem, 3vw, 2rem); }
.lq-card h1, .lq-card h2 { font-family: "Oswald", sans-serif; font-weight: 600; line-height: 1.05; margin: 0 0 .6rem; }
.lq-card h1 { font-size: clamp(2.2rem, 6vw, 3.6rem); }
.lq-card h2 { font-size: clamp(1.6rem, 4vw, 2.2rem); }
.lq-entry h2 { font-size: 1.7rem; margin: 1.4em 0 .4em; font-family: "Oswald", sans-serif; }
.lq-entry h3 { font-size: 1.3rem; margin: 1.2em 0 .4em; font-family: "Oswald", sans-serif; }
.lq-entry p { margin: 0 0 1em; }
.lq-entry ul, .lq-entry ol { padding-left: 1.4rem; margin: 0 0 1em; list-style: revert; }
.lq-entry ul { list-style: disc; }
.lq-entry ol { list-style: decimal; }
.lq-card h2 a { color: inherit; text-decoration: none; }
.lq-card h2 a:hover { text-decoration: underline; }
.lq-meta { font-family: "IBM Plex Mono", monospace; font-size: .78rem; opacity: .65; margin-bottom: .8rem; }
.lq-entry { font-size: 1.05rem; line-height: 1.7; }
.lq-entry a { color: #482625; text-underline-offset: 4px; }
.lq-entry img { max-width: 100%; height: auto; }
.lq-entry blockquote { border-left: 4px solid #100f0f; margin-left: 0; padding-left: 1rem; font-style: italic; }
.lq-foot { padding-block: 2rem; font-family: "IBM Plex Mono", monospace; font-size: .78rem; opacity: .6; text-align: center; }
.lq-pagination { display: flex; gap: .6rem; flex-wrap: wrap; }
.lq-pagination a, .lq-pagination span { font-family: "Oswald", sans-serif; padding: .4rem .9rem; border: 2px solid #100f0f; background: #dedddc; color: #100f0f; text-decoration: none; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background: #dedddc; color: #100f0f; clip: auto !important; clip-path: none; display: block; height: auto; width: auto; padding: .6rem 1rem; left: 5px; top: 5px; z-index: 100000; }
.alignleft { float: left; margin: 0 1rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1rem; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption-text { font-size: .85rem; opacity: .7; }