/* Shared shell. The rg tokens remain stable even on the older game engines. */
html[data-theme] {
  --rg-bg:#f7f6f1; --rg-ink:#252c2c; --rg-muted:#626d6a; --rg-panel:#fffefa;
  --rg-panel2:#edeee7; --rg-line:#d8ddd3; --rg-accent:#35695a;
  --rg-focus:#1a7160; --rg-positive:#287354; --rg-positive-wash:#e3efe4;
  --rg-warning:#795b1c; --rg-warning-wash:#f7efd3; --rg-negative:#a23d49; --rg-negative-wash:#f7e4e6;
  --rg-shadow:0 12px 40px #2031260b;
  --bg:var(--rg-bg); --paper:var(--rg-bg); --ink:var(--rg-ink); --muted:var(--rg-muted);
  --panel:var(--rg-panel); --panel2:var(--rg-panel2); --panel-raised:var(--rg-panel2); --soft:var(--rg-panel2); --tile:var(--rg-panel2);
  --line:var(--rg-line); --accent:var(--rg-accent); --focus:var(--rg-focus);
  --positive:var(--rg-positive); --positive-wash:var(--rg-positive-wash); --warning:var(--rg-warning); --warning-wash:var(--rg-warning-wash); --negative:var(--rg-negative); --negative-wash:var(--rg-negative-wash);
  --green:#34775c; --rust:#a35133; --plum:#775679; --dim:var(--rg-muted);
  --background:var(--rg-bg); --foreground:var(--rg-ink); --card:var(--rg-panel); --card-foreground:var(--rg-ink);
  --popover:var(--rg-panel); --popover-foreground:var(--rg-ink); --primary:var(--rg-accent); --primary-foreground:#fff;
  --secondary:var(--rg-panel2); --secondary-foreground:var(--rg-ink); --muted-foreground:var(--rg-muted);
  --accent-foreground:var(--rg-ink); --border:var(--rg-line); --input:var(--rg-line); --ring:var(--rg-focus);
  background:var(--rg-bg)!important; color:var(--rg-ink)!important;
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif; color-scheme:light;
}
html[data-theme=dark] {
  --rg-bg:#191e22; --rg-ink:#edf1eb; --rg-muted:#aab7b0; --rg-panel:#22292d;
  --rg-panel2:#2c3539; --rg-line:#3d494a; --rg-accent:#abd5be; --rg-focus:#e0ce99;
  --rg-positive:#afd7b8; --rg-positive-wash:#293f34; --rg-warning:#e3c982; --rg-warning-wash:#3d3827;
  --rg-negative:#edacb4; --rg-negative-wash:#442c34; --rg-shadow:0 12px 40px #0002;
  --green:#abd2b9; --rust:#e0a085; --plum:#d7bbd5; --primary-foreground:#17251e;
  color-scheme:dark;
}
html[data-theme] body {margin:0;background:var(--rg-bg)!important;color:var(--rg-ink)!important;color-scheme:inherit!important;-webkit-font-smoothing:antialiased}
html[data-theme=light] body {--accent:color-mix(in srgb,var(--game-accent,var(--rg-accent)) 48%,#20372d);--accent-ink:#fff;--lab-accent:var(--accent);--thread-a:#326776;--thread-b:#855a8e;--gold:#8d681d;--cyan:#337f87;--lilac:#815e9e;--coral:#af5960}
html[data-theme] :where(button,input,select,textarea) {font-family:inherit}
html[data-theme] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible {outline:3px solid var(--rg-focus)!important;outline-offset:3px}
html[data-theme] :where(.skip,.skip-link):focus {z-index:1000}
html[data-theme] ::selection {background:var(--rg-accent);color:var(--primary-foreground)}
html[data-theme] :where(select,option,input:not([type=checkbox]):not([type=radio]),textarea) {background-color:var(--rg-panel);color:var(--rg-ink);border-color:var(--rg-line)}
html[data-theme] :where(dialog) {background:var(--rg-panel);color:var(--rg-ink);border-color:var(--rg-line)}
html[data-theme] .relax-legacy-header {display:none!important}
html[data-theme] .relax-legacy-actions {min-height:0!important;height:auto!important;padding:12px 0!important;margin-block:0!important;border:0!important;justify-content:flex-end!important}
html[data-theme] .relax-legacy-actions>a,html[data-theme] .relax-legacy-actions>.edition,html[data-theme] .relax-legacy-actions>.collection-number,html[data-theme] .relax-legacy-actions>.masthead-note {display:none!important}
html.relax-shell-ready .puzzle-language,html.relax-shell-ready .puzzle-language-picker {display:none!important}

/* Keep these selectors more specific than the legacy .site-header rules. */
html body .relax-header.site-header {
  position:relative;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px;
  box-sizing:border-box;width:min(1200px,calc(100% - 64px));max-width:1200px;min-height:88px!important;height:auto;
  padding:17px 0!important;margin:0 auto;border:0;border-bottom:1px solid var(--rg-line);
  color:var(--rg-ink);font:500 14px/1.4 "Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;letter-spacing:0;
}
.relax-header .relax-brand {display:inline-flex;align-items:center;gap:12px;flex:none;min-height:44px;text-decoration:none;color:var(--rg-ink);font:600 32px/1 Georgia,serif;letter-spacing:-1.5px}
.relax-brand-dot{color:var(--rg-accent)}
.relax-brand-mark {display:grid;width:27px;height:27px;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-7deg)}
.relax-brand-mark i {display:block;border-radius:4px;background:#c7d6a8}
.relax-brand-mark i:nth-child(2){background:#e1ba8a;border-radius:4px 10px 4px 4px}
.relax-brand-mark i:nth-child(3){background:#b4c9de;border-radius:4px 4px 4px 10px}
.relax-brand-mark i:nth-child(4){background:#bcaecc}
.relax-header .relax-navigation {display:flex;align-items:center;gap:5px;margin-inline:auto;min-width:0}
.relax-header .relax-navigation a {display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:9px;text-decoration:none;color:var(--rg-muted);white-space:nowrap;box-sizing:border-box;font-size:13px;font-weight:600}
.relax-header .relax-navigation a:hover {background:var(--rg-panel2);color:var(--rg-ink)}
.relax-header .relax-navigation a[aria-current] {background:var(--rg-panel2);color:var(--rg-ink)}
.relax-settings {position:relative;flex:none;margin-left:auto}
.relax-settings summary {list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--rg-line);border-radius:12px;cursor:pointer;font-size:12px;color:var(--rg-ink);background:var(--rg-panel)}
.relax-settings summary::-webkit-details-marker {display:none}
.relax-settings summary:hover,.relax-settings[open] summary {background:var(--rg-panel2)}
.relax-settings-panel {position:absolute;z-index:40;top:calc(100% + 12px);right:0;box-sizing:border-box;width:290px;max-width:calc(100vw - 28px);padding:23px;border:1px solid var(--rg-line);border-radius:16px;background:var(--rg-panel);color:var(--rg-ink);box-shadow:0 16px 50px #10251d24}
.relax-settings-panel label {display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;margin:0 0 16px}
.relax-settings-panel select {width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--rg-line);border-radius:8px;background:var(--rg-bg);color:var(--rg-ink);font-size:14px;font-weight:400;font-family:inherit;line-height:1.4}
.relax-settings-panel p {font-size:11px;line-height:1.6;margin:-6px 0 20px;color:var(--rg-muted);font-weight:400;letter-spacing:0}
.relax-settings-panel .relax-preference-status {margin:0;border-top:1px solid var(--rg-line);padding-top:13px}
.relax-header .relax-account-fallback {display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--rg-ink);font-size:12px;text-decoration:none}
.relax-header.relax-has-account .relax-account-fallback {display:none}
html body .relax-header[data-andraz-account-header]>#andraz-account-widget {order:0!important;flex:0 0 auto!important;width:44px!important;margin-inline-start:0!important;grid-column:auto!important;align-self:center;max-width:44px}
.relax-header:has(#andraz-account-widget) {gap:14px}

/* Compact typography and surfaces shared by the collection and game screens. */
html[data-theme] .page {width:min(1140px,calc(100% - 64px));margin-inline:auto}
html[data-theme] .introduction {padding:36px 0 30px;border:0}
html[data-theme] .introduction h1 {font:400 clamp(2.5rem,5vw,4rem)/1.1 Georgia,serif;letter-spacing:-.045em;margin:8px 0 12px}
html[data-theme] .introduction .intro-detail {color:var(--rg-muted);font-size:14px;line-height:1.7;max-width:60ch}
html[data-theme] .intro-copy {font-size:clamp(1.1rem,2vw,1.4rem);color:var(--rg-ink)}
html[data-theme] :where(.eyebrow,.kind,.game-top,.intro-detail,.collection-summary,.puzzle-meta,.board-key,.lab-save,.deduction-save,.tagline,.surface-description,.bottom-hint,.footnote,.game-meta,.puzzle-story,.detective-grids th,.cipher-key label,.cipher-tile small) {color:var(--rg-muted)}
html[data-theme] :where(.lab-panel,.deduction-board,.board-panel,.play-panel,.target-card,.board-card,.daily-banner,.daily-empty,.rating-dialog,.help-dialog,.session-panel,.vault-panel,.control-panel,.timeline) {background:var(--rg-panel);border-color:var(--rg-line);color:var(--rg-ink);box-shadow:var(--rg-shadow)}
html[data-theme] :where(.lab-intro,.deduction-intro,.hero,.game-heading,.game-hero) {padding-block:30px 24px}
html[data-theme] :where(.lab-intro h1,.deduction-intro h1,.hero h1,.game-heading h1) {font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.1;letter-spacing:-.045em;font-weight:400}
html[data-theme] :where(.lab-rules ol,.lab-stats b,.lab-panel-heading h2,.puzzle-story,.cipher-tile,.detective-grids th,.surface-heading>span,.bank-heading span,.endpoint,.word-tile,.operator) {color:var(--rg-ink)}
html[data-theme] :where(.lab-actions button,.lab-notice button,.lab-success button,.probe-log button,.height-pad button,.direction-pad button,.zoom-control,.deduction-actions button,.deduction-success button,.control,.action,.toolbar button,.rating-button,.rating-dialog button,.daily-sync button,[data-daily-hub] button) {min-height:44px;background:var(--rg-panel);border-color:var(--rg-line);color:var(--rg-ink);border-radius:8px}
html[data-theme] :where(.lab-actions button,.deduction-actions button,.control,.action,.toolbar button,.rating-button,.daily-sync button):hover:not(:disabled) {background:var(--rg-panel2);border-color:var(--rg-accent);color:var(--rg-ink)}
html[data-theme] :where(.lab-notice,.deduction-notice,.hint-control,.feedback) {color:var(--rg-warning)}
html[data-theme] :where(.lab-success,.deduction-success,.success,.completion-banner) {background:var(--rg-positive-wash);color:var(--rg-positive);border-color:var(--rg-positive)}
html[data-theme] :where(.lab-success p,.lab-success .success-symbol,.deduction-success p,.success p) {color:var(--rg-positive)}
html[data-theme] :where(.hint-panel,.hint-box,.hint-card) {background:var(--rg-warning-wash);color:var(--rg-warning);border-color:var(--rg-line)}
html[data-theme] :where(.hint-card p,.hint-card .hint-reason) {color:var(--rg-warning)}
html[data-theme] :where(button.primary,button.primary-button,button.small-button,button.next,a.primary,a.primary-button):not(:disabled) {background:var(--rg-accent)!important;color:var(--primary-foreground)!important;border-color:var(--rg-accent)!important}
html[data-theme] .journal {--muted:var(--rg-panel2);--game-wash:var(--rg-panel2);color:var(--rg-ink)}
html[data-theme] :where(.journal .word-tile,.bridge-slot.filled,.word-bank button,.cipher-key input,.detective-mark:not(.mark-1):not(.mark-2),.lab-collection select,.collection-bar select) {background:var(--rg-panel);color:var(--rg-ink);border-color:var(--rg-line)}
html[data-theme] .cipher-key input[readonly] {background:var(--rg-positive-wash);color:var(--rg-positive)}
html[data-theme] .cipher-tile.filled b {color:var(--rg-warning)}
html[data-theme] .detective-mark.mark-2 {background:var(--rg-positive-wash);color:var(--rg-positive)}
html[data-theme] .detective-mark.mark-1 {background:var(--rg-negative-wash);color:var(--rg-negative)}
html[data-theme] .loop-dot {background:var(--rg-muted)}
html[data-theme] .loop-edge span {background:var(--rg-line)}
html[data-theme] .loop-edge.edge-1 span {background:var(--rg-accent)}
html[data-theme] .loop-edge:hover {background:var(--rg-panel2)}
html[data-theme] .loop-edge {color:var(--rg-negative)}
html[data-theme] :where(.daily-card,.games>li,.game-ratings) {border-color:var(--rg-line);background:var(--rg-panel);color:var(--rg-ink)}
html[data-theme] .games>li {border-radius:14px;box-shadow:var(--rg-shadow)}
html[data-theme] .games .game {padding:24px;min-height:245px;background:transparent;color:var(--rg-ink)}
html[data-theme] .games .game:hover {background:var(--rg-panel2)}
html[data-theme] .games .game-symbol {height:58px;margin:17px auto 12px}
html[data-theme] .games .game h3 {font-size:23px;margin:8px 0}
html[data-theme] .games .game>p {font-size:13px;line-height:1.6;color:var(--rg-muted);max-width:36ch;margin:0 0 18px}
html[data-theme] .games .game .play {font-size:12px;color:var(--rg-accent);margin-top:auto}
html[data-theme] .game-ratings {padding:12px 20px;font-size:11px}
html[data-theme] .rating-stats {display:flex;gap:15px;flex-wrap:wrap;margin:0 0 6px}
html[data-theme] .rating-stat {gap:5px}
html[data-theme] .rating-stat strong {font-size:12px}
html[data-theme] .rating-stat small {font-size:10px}
html[data-theme] .rating-meta {min-height:32px}
html[data-theme] .rating-button {font-size:11px;padding:6px 9px;border-color:transparent;min-height:44px}
html[data-theme] .rating-choice span {background:var(--rg-panel2);border-color:var(--rg-line)}
html[data-theme] .rating-choice input:checked+span {background:var(--rg-accent);color:var(--primary-foreground)}
html[data-theme] [data-daily-hub] {color:var(--rg-ink);border-color:var(--rg-line)}
html[data-theme] .daily-card {border-radius:14px;padding:22px}
html[data-theme] .daily-card:hover {background:var(--rg-panel2);border-color:var(--rg-accent);color:var(--rg-ink)}
html[data-theme] :where(.daily-eyebrow,.daily-tally small,.daily-card-top,.daily-card-bottom,.daily-card>small,.daily-card p,.daily-card-date,.daily-date-row,.daily-sync,.daily-archive p) {color:var(--rg-muted)}
html[data-theme] :where(.daily-card-bottom strong,.daily-links a,.daily-date-row a,.daily-sync a) {color:var(--rg-accent)}

/* Legacy boards keep their semantic state colors. Light-specific overrides
   replace only dark neutral surfaces and the matching state text together. */
html[data-theme=light] [data-relax-game=connections] button:hover:enabled {background:var(--rg-panel2);color:var(--rg-ink);border-color:var(--rg-accent)}
html[data-theme=light] [data-relax-game=connections] :is(.word-tile[aria-pressed=true],.word-tile[aria-pressed=true]:hover:enabled,.puzzle-list button[aria-current=true]) {background:var(--rg-positive-wash);color:var(--rg-positive);border-color:var(--rg-positive)}
html[data-theme=light] [data-relax-game=preplet] .direction:hover:not(:disabled) {background:var(--rg-panel2);color:var(--rg-ink);border-color:var(--rg-accent)}
html[data-theme=light] [data-relax-game=weft] .weft-prompt.warning {color:var(--rg-warning)}
html[data-theme=light] [data-relax-game=zvezdni-vrt] .stars-toolbar button[aria-pressed=true] {background:var(--rg-positive-wash);color:var(--rg-positive);border-color:var(--rg-positive)}
html[data-theme=light] :is([data-relax-game=signal],[data-relax-game=tovor],[data-relax-game=neboticniki]) :is(.height-pad button:hover:not(:disabled),.direction-pad button:hover:not(:disabled)) {background:var(--rg-panel2);color:var(--rg-ink);border-color:var(--rg-accent)}
html[data-theme=light] :is([data-relax-game=signal],[data-relax-game=neboticniki]) :is(.probe-log [aria-pressed=true],.height-pad [aria-pressed=true]) {background:var(--rg-positive-wash);color:var(--rg-positive);border-color:var(--rg-positive)}
html[data-theme=light] [data-relax-game=casovni-rop] :is(.tile:not(.wall):hover,.move:hover:not(:disabled),.secondary:hover:not(:disabled)) {background:var(--rg-panel2);color:var(--rg-ink);border-color:var(--rg-accent)}
html[data-theme=light] .lab-cell {background:#edf1f0;color:#263d42;border-color:#a9bcb6}
html[data-theme=light] .lab-cell:hover {background:#e0ebe7}
html[data-theme=light] .signal-port {background:#e4eae5;color:#46655e}
html[data-theme=light] .signal-port.lit {background:#f2d994;color:#4b3b0d;border-color:#977521}
html[data-theme=light] .signal-cell.mark-1 {background:#f7efd3;color:#785c1a;border-color:#ac8c39}
html[data-theme=light] .signal-cell.mark-2 {background:#e9efec;color:#71877d}
html[data-theme=light] .signal-dot {background:#7d9488}
html[data-theme=light] .cargo-cell.floor {background:#e4ece9;color:#365c4b}
html[data-theme=light] .cargo-cell.floor:hover {background:#d3e2db}
html[data-theme=light] .cargo-cell.wall {background:repeating-linear-gradient(135deg,#bdc8c0,#bdc8c0 4px,#c9d2ca 4px,#c9d2ca 8px);border-color:#98aaa0}
html[data-theme=light] .goal-dot {color:#467351}
html[data-theme=light] .skyline-cell {background:#e5eaf1;color:#23354e;border-color:#99aac0}
html[data-theme=light] .skyline-cell.given {background:#dbe2ea}
html[data-theme=light] .skyline-cell.selected {background:#dee8f4;border-color:#526c92}
html[data-theme=light] .skyline-clue {color:#506986}
html[data-theme=light] .skyline-cell b {text-shadow:none}
html[data-theme=light] .tower {background:#b4c7de;border-color:#8babc9}
html[data-theme=light] .pencil-notes small {color:#405777}
html[data-theme=light] .skyline-cell.conflict,html[data-theme=light] .skyline-clue.conflict {border-color:#ab4556;color:#9c2f43}
html[data-theme=light] [data-relax-game=sledi] :where(.board-wrap,.hint-control) {background:#edf0e4;border-color:var(--rg-line)}
html[data-theme=light] [data-relax-game=sledi] .cell {background:#fffefa}
html[data-theme=light] [data-relax-game=sledi] .cell.visited {background:#dae7d4}
html[data-theme=light] [data-relax-game=sledi] .cell.blocked {background:repeating-linear-gradient(135deg,#ced5c8 0 2px,#dce1d7 2px 6px);border-color:#bdc8b7}
html[data-theme=light] [data-relax-game=sledi] .mark {background:#fffefa;border-color:#c4cfbd;color:var(--green)}
html[data-theme=light] [data-relax-game=sledi] .visited .mark {background:#dcebd6}
html[data-theme=light] [data-relax-game=sledi] .cell.hinted {background:#f0e6ba}
html[data-theme=light] [data-relax-game=ravnovesje] :where(.cell,.bank-tile,.rule-note,.mini-example i) {background:#f1e9f0;color:var(--plum);border-color:#d7cad5}
html[data-theme=light] [data-relax-game=ravnovesje] .cell.fixed {background:#e8e6df;color:#65635a}
html[data-theme=light] [data-relax-game=ravnovesje] :where(.cell.selected,.bank-tile.selected) {background:var(--plum);color:#fff}
html[data-theme=light] [data-relax-game=ravnovesje] :where(.cell.empty .cell-value,.rule-note) {background:#eeece3}
html[data-theme=light] [data-relax-game=ravnovesje] :where(.rule-note p,.rule-note .note-number,.sum,.sum-label,.side-tip,.side-tip b,.collection>p,.status) {color:var(--rg-muted)}
html[data-theme=light] .journal :where(.game-tab,.game-tab small,.game-meta strong,.surface-description,.row-number,.operator,.muted,.attempts>div:first-child,.footnote,.bottom-hint,.puzzle-level) {color:var(--rg-muted)!important}
html[data-theme=light] .journal .game-tab[data-state=active] {color:var(--rg-ink)!important;background:var(--rg-panel2)!important}
html[data-theme=light] .journal .word-tile.selected {background:var(--rg-accent);color:#fff}
html[data-theme=light] .journal :where(.game-tabs,.game-layout,.game-aside,.attempts,footer) {border-color:var(--rg-line)}
html[data-theme=light] .journal :where(.answer-input,.answer-letter,.letter-button,.definition-card,.pair-preview>div,.path-start,.path-end,.help-example,.puzzle-choice,.difficulty-choice,.replay-button) {background:var(--rg-panel)!important;color:var(--rg-ink)!important;border-color:var(--rg-line)!important}
html[data-theme=light] .journal :where(.word-tile.selected,.bridge-slot.selected,.letter-button.selected,.definition-card.selected,.pair-preview>div.chosen,.puzzle-choice[aria-current=page],.difficulty-choice[aria-pressed=true]) {background:var(--rg-positive-wash)!important;color:var(--rg-positive)!important;border-color:var(--rg-positive)!important}
html[data-theme=light] .journal :where(.answer-input[readonly],.solved-pair,.path-end) {background:var(--rg-positive-wash)!important;color:var(--rg-positive)!important}
html[data-theme=light] .journal :where(.collection-heading h2,.answer-progress>strong,.path-start strong,.word-preview strong,.solved-pair strong) {color:var(--rg-ink)}
html[data-theme=light] .journal :where(.collection-heading>p,.collection-note,.difficulty-description,.answer-length,.answer-progress,.start-note,.clue-number,.letter-clue,.word-preview,.game-notice,.help-note,.last-try,.solved-pair span,.solved-pair p,.result p:not(.eyebrow)) {color:var(--rg-muted)}
html[data-theme=light] .journal .answer-input::placeholder {color:#7d8c83}
html[data-theme=light] .journal .letter-button.removed {color:var(--rg-muted);background:var(--rg-panel2);opacity:.6}
html[data-theme=light] .journal :where(.path-hint,.return-button,.relax-return,footer a) {color:var(--rg-accent)}
html[data-theme=light] .shuffle-tile {background:#e3e9e4!important;color:#2c4037!important;border-color:#a7b6ac!important}
html[data-theme=light] .shuffle-tile.correct {background:#d5eadb!important;color:#215e3c!important;border-color:#69a17d!important}
html[data-theme=light] .shuffle-tile.present {background:#f2e5c3!important;color:#6b501b!important;border-color:#b79650!important}
html[data-theme=light] :where(.line-state.good,.star-count.good) {color:var(--rg-positive)}
html[data-theme=light] :where(.line-state.bad,.region-letters .excess,.star-count.bad,.star-region.bad) {color:var(--rg-negative)}
html[data-theme=light] .star-cell {background:color-mix(in srgb,var(--tone) 20%,#fffefa)!important;color:#5e541f!important;border-color:#8d9991!important}
html[data-theme=light] .star-cell.note,html[data-theme=light] .star-cell small {color:#5e6b62!important}
html[data-theme=light] .star-cell.conflict {color:var(--rg-negative)!important;background:var(--rg-negative-wash)!important}
html[data-theme=light] [data-relax-game=casovni-rop] :where(.tile,.move,.beat,.level-button) {background:#e8ece7;color:#344a43;border-color:#bac7bd}
html[data-theme=light] [data-relax-game=casovni-rop] .tile.wall {background:#c4cdc6;border-color:#a7b5ab}
html[data-theme=light] [data-relax-game=casovni-rop] .tile.exit {background:#dce9db;border-color:#80a57c}
html[data-theme=light] [data-relax-game=casovni-rop] .tile.plate {background:#e2e6f1}
html[data-theme=light] [data-relax-game=casovni-rop] :where(.brief,.board-key,.keyboard-note,.gate-requirements,.timeline-footer p,.footer) {color:var(--rg-muted)}
html[data-theme=light] [data-relax-game=casovni-rop] .gate-condition {background:#ebe7df;color:#665b3d;border-color:#cac2ae}
html[data-theme=light] [data-relax-game=casovni-rop] .gate-condition.open {background:var(--rg-positive-wash);color:var(--rg-positive)}
@media(max-width:760px) {
  html body .relax-header.site-header {width:calc(100% - 32px);gap:10px;padding:12px 0!important;min-height:76px!important}
  .relax-header .relax-brand {font-size:29px;gap:8px}
  .relax-header .relax-navigation {order:4;flex-basis:100%;justify-content:center;margin:0;gap:8px}
  .relax-header .relax-navigation a {flex:1;max-width:160px;font-size:12px;padding:9px 10px}
  .relax-settings {margin-left:auto}
  .relax-settings summary {padding:10px;min-width:44px}
  .relax-settings summary>span {display:none}
  .relax-settings-panel {right:-56px}
  html[data-theme] .page {width:calc(100% - 32px)}
  html[data-theme] :where(.lab-intro,.deduction-intro,.hero,.game-heading) {padding-top:24px;padding-bottom:18px}
  html[data-theme] .games .game {padding:21px;min-height:235px}
  html[data-theme] .introduction {padding-top:27px;padding-bottom:22px}
  html[data-theme] [data-relax-game=sledi] main {padding-top:26px}
  html[data-theme] [data-relax-game=sledi] .intro {padding-top:0}
  html[data-theme] [data-relax-game=sledi] .intro h1 {font-size:64px;letter-spacing:-3px}
  html[data-theme] [data-relax-game=sledi] .quiet-note {display:none}
  html[data-theme] [data-relax-game=ravnovesje] .intro {margin-block:28px}
}
@media(max-width:390px) {
  html body .relax-header.site-header,html[data-theme] .page {width:calc(100% - 24px)}
  .relax-header .relax-navigation {gap:3px}
  .relax-settings-panel {right:-54px}
  html[data-theme] .games .game {padding:19px}
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme] *,html[data-theme] *::before,html[data-theme] *::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

.edition-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0;font-size:.8rem}.edition-options :is(a,button){display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--rg-line);border-radius:8px;background:var(--rg-panel);color:var(--rg-ink);font:inherit}.edition-options [aria-current=page],.edition-options [aria-pressed=true]{border-color:var(--rg-accent);background:var(--rg-panel2)}