/* LIGARDI — an author's workshop. Replaces the optimistic home theme. */
:root {
  --paper:#f4f0e7; --white:#fffdf7; --ink:#25312d; --black:#172522;
  --wine:#28564b; --signal:#e6c58a; --muted:#62685c; --line:#d6d0c2;
}
body {background:var(--paper);color:var(--ink)}
.grain,.station-pin {display:none}
.skip-link:not(:focus) {clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
h1,h2,h3,h1 em,h2 i {font-family:Georgia,'Times New Roman',serif;font-weight:400}
h2 i {color:#28564b}
.nav-shell {background:#f4f0e7;color:#25312d;border-bottom:1px solid #d6d0c2}
.brand-name>span {color:#62685c}
.nav-shell .brand-sail,.footer-brand .brand-sail {background:#28564b;padding:5px;border-radius:50%}
.nav-shell nav a {font-size:14px}
.nav-shell .max-link {font-size:14px;color:#28564b;border-color:#b1b8a9;border-radius:4px;padding:11px 17px}
.nav-shell a:hover {color:#805e2b}

/* The city remains a place you can see, with a quiet area for reading. */
.hero {background:#132522;color:#fff6e5;height:740px;max-height:none}
.hero-plate {width:100%;height:100%;inset:0}
.hero-image {object-position:75% center;filter:saturate(.85)}
.hero-shade {background:linear-gradient(90deg,#102320f5 0%,#102320e8 28%,#10232098 53%,#1023200d 83%),linear-gradient(0deg,#102320a8,transparent 35%)}
.hero-atmosphere {opacity:.55}
.hero-copy {top:26%;max-width:940px}
.hero h1 {font-size:clamp(54px,5.5vw,80px);line-height:1.06;letter-spacing:-.045em}
.hero h1 em {color:#e6c58a;font-size:1em;font-style:italic;max-width:none}
.hero .kicker {color:#ddc89f;font-size:11px;letter-spacing:.13em}
.hero-bottom>p {color:#e0e3d8;font-size:17px;line-height:1.75}
.hero .round-cta {background:#e6c58a;color:#172522;border:1px solid #e6c58a;border-radius:4px;font-size:15px;font-weight:600;box-shadow:none;margin-top:0}
.hero .round-cta:hover,.hero[data-junction=selected] .round-cta,.hero[data-junction=departing] .round-cta {background:#f2d8a5;color:#172522;box-shadow:none}
.hero-try {color:#f1dfb9;border-color:#ad996d;font-size:14px}
.hero-bottom-note {color:#e0d4bb;font-size:12px;z-index:3}

.panel-paper,.panel-light {background:#f4f0e7;color:#25312d}
.chapter {color:#626b58;font-size:11px;letter-spacing:.13em}
.section-heading h2,.workshop h2,.author h2,.formats h2,.purchase h2,.contact h2,.workshop-news h3 {font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}
.section-heading p:not(.chapter) {color:#62685c;font-size:16px}
.games-section {background:#f4f0e7}
.game-grid {gap:24px}
.game-preview:not(#snyato) {background:#fffdf7;border:1px solid #d6d0c2;border-radius:8px;overflow:hidden}
.game-megapolis {--game:#725628}
.game-ponedelnik {--game:#204d48}
.game-imperatritsa {--game:#79603d}
.game-vklu {--game:#34485a}
.game-picture {border-radius:0;aspect-ratio:1/1}
.game-details {padding:23px 20px 0;border:0}
.game-details .overline {font-size:10px;line-height:1.6;letter-spacing:.07em;min-height:32px;margin-bottom:12px}
.game-details h3 {font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,2.45vw,36px);line-height:1.12;letter-spacing:-.035em;min-height:81px;overflow-wrap:normal;word-break:normal}
.game-question {color:#424d44;font-size:15px;line-height:1.65;min-height:74px}
.game-mode,.game-mode span {color:#62685c;font-size:12px;line-height:1.8}
.game-links {gap:16px;margin:20px 0 22px;flex-wrap:wrap}
.game-links a,.game-links>a:last-child {font-size:12px}
.game-links .play-link {font-size:14px;border-radius:4px;color:#fffdf7;padding:13px 16px;min-height:46px;max-width:none;flex:1;min-width:100px}
.game-links .play-link:hover {filter:brightness(1.13)}
.game-links>a:last-child {display:inline-flex;align-items:center;min-height:44px}
.game-edition {background:#fff9ebf2;color:#38483c;border-radius:3px;font-size:10px;letter-spacing:.06em}
.games-foot>p {color:#62685c;font-size:13px;line-height:1.7;max-width:850px}

/* A featured release uses the same card construction, keeping its own accent. */
.game-grid>#snyato.game-preview {background:#fffdf7;color:#25312d;border:1px solid #d6d0c2;border-radius:8px;overflow:hidden;padding:0;gap:0;grid-template-columns:1fr 1fr}
#snyato .game-picture {border-radius:0;background:#ebe5da;max-height:400px;aspect-ratio:1.45/1;height:100%}
#snyato .game-picture img {object-fit:cover;object-position:center 46%}
#snyato .game-details {padding:30px 38px}
#snyato .game-details h3 {font-family:Georgia,serif;font-weight:400;color:#25312d;font-size:44px;letter-spacing:-.035em;line-height:1.08;margin:12px 0 18px}
#snyato .overline {color:#6544df;font-size:11px;min-height:0;margin:0}
#snyato .game-question {color:#424d44;font-size:17px;max-width:460px}
#snyato .game-mode,#snyato .game-mode span {color:#62685c;font-size:12px;line-height:1.8}
#snyato .game-edition {background:#6544df;color:#fff;font-size:10px}
#snyato .game-links {margin-bottom:0;gap:24px}
#snyato .game-links .play-link {background:#6544df;border-radius:4px;max-width:190px}
#snyato .game-links>a:last-child {color:#5935bc}

/* A darker table makes the ivory die and question card the focus. */
.first-move {background:#203b34;color:#f6f0df}
.first-move .chapter,.first-move .overline {color:#e6c58a}
.first-move .section-heading h2 i {color:#e6c58a}
.first-move .section-heading p:not(.chapter) {color:#d1d9cc}
.move-layout {border-color:#ffffff30}
.move-dice #dice-caption {color:#e0e6d8;font-size:15px}
.move-dice .button-light {background:#e6c58a;color:#172522;border-radius:4px;font-size:15px;letter-spacing:0}
.demo-note {color:#c8d2c1;font-size:12px;line-height:1.7}
.move-card {--lgr-card-paper:#fffaf0;background:#fffaf0;color:#25312d;border:1px solid #d7c39a;border-radius:8px;box-shadow:none}
.move-card:after {display:none}
.move-card .overline {color:#725628;font-size:11px}
.move-question h3 {font-family:Georgia,serif;font-weight:400}
.move-question>p:not(.overline) {color:#62685c;font-size:15px}
.move-card label {font-size:14px}
.move-card textarea {background:#fffdf7;color:#25312d;border-color:#b9bbae;border-radius:4px;font-size:16px}
.move-card button {background:#28564b;color:#fffdf7;border-radius:4px;font-size:14px}
.course-options>button {background:#e3e7d8;color:#253e32}
.move-card .lgr-signed,#demo-trace>a {color:#28564b;font-size:14px}

.workshop {background:#f4f0e7}
.workshop-film img,.author-work img {border-radius:4px}
.workshop>div>p:not(.chapter) {color:#62685c;font-size:16px}
.workshop-film figcaption,.workshop-film figcaption b,.author-work figcaption {color:#62685c;font-size:12px;line-height:1.65}
.author {background:#e8e7dc;border-color:#d6d0c2}
.author-copy>p:not(.overline),.coauthor>p:not(.overline) {font-size:16px}
.coauthor,.legal-note {border-color:#c5c7b8}
.legal-note {color:#62685c;font-size:12px!important}
.formats {background:#f4f0e7;color:#25312d}
.formats-head>p {color:#62685c;font-size:16px}
.formats-head h2 i {color:#28564b}
.format,.format:last-child {border-color:#c9cebf}
.format>span {color:#725628}
.format p {color:#62685c;font-size:14px}
.format:hover {background:#e4e8d9;color:#25312d}
.format:hover p {color:#424d44}
.workshop-news {background:#e8e7dc;border-color:#c9cebf}
.workshop-news time,.workshop-news a {color:#475c4c;font-size:13px}
.workshop-news p:not(.chapter) {font-size:16px}
.purchase {background:#f4f0e7}
.purchase-head>p,.purchase-steps p {color:#62685c;font-size:14px}
.purchase-steps,.purchase-steps article,.purchase-links a {border-color:#c9cebf}
.purchase-steps span {font:400 26px Georgia,serif;color:#725628}
.purchase-links a {font-size:13px}
.contact {background:#dce3d3;color:#25312d}
.contact .chapter {color:#54634b}
.contact .direct,.contact .direct a {border-color:#afbba2}
.route-form {background:#fffdf7;color:#25312d;border:1px solid #bec6b2;border-radius:8px;box-shadow:none}
.ticket-head {border-color:#c9cebf;font-size:10px}
.ticket-head b {color:#725628}
.ticket-head i {color:#788569}
.route-form label {font-size:11px}
.route-form input,.route-form select,.route-form textarea {background:#f9f7f0;color:#25312d;border:1px solid #b9bbae;border-radius:4px;padding:12px 10px}
.route-form input:focus-visible,.route-form select:focus-visible,.route-form textarea:focus-visible {outline-color:#28564b;border-color:#28564b}
.route-form textarea::placeholder,.route-form input::placeholder {color:#68715f}
.route-form button {background:#28564b;color:#fffdf7;border-radius:4px;font-size:14px}
.route-form .consent,.route-form .order-total,.route-form .form-status {color:#53614d;font-size:12px}
.route-form input[type=checkbox] {accent-color:#28564b;width:18px;height:18px;flex:none;margin-top:2px}
.order-total {border-color:#c9cebf;gap:15px}
.order-total b {color:#28564b}
.order-total .flap {gap:0}
.order-total .flap-char {background:transparent;border:0;color:#28564b;min-width:0;height:auto;font:500 22px Manrope,Arial,sans-serif}
footer {background:#172b25;color:#d1d9c9;border-top:1px solid #405348}
.footer-brand b {color:#f7ecd6}
.footer-brand span {color:#d1d9c9}
footer .details,.legal a {font-size:12px}
button:focus-visible,a:focus-visible {outline:3px solid #a97730;outline-offset:5px}
.hero a:focus-visible,.first-move button:focus-visible,footer a:focus-visible {outline-color:#f2d8a5}
.move-card button:focus-visible {outline-color:#28564b}

@media(max-width:1200px) {
  .game-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-picture {aspect-ratio:4/3}
  .game-details h3 {font-size:34px;min-height:76px}
  .game-question {min-height:50px}
  .game-details .overline {min-height:0}
}
@media(max-width:700px) {
  .nav-shell {background:#f4f0e7;padding:0 20px}
  .brand-name>span {font-size:9px}
  .nav-shell nav a:first-child {color:#28564b;border-color:#a5b09a;font-size:14px}
  .hero {height:auto;min-height:660px}
  .hero-copy {position:relative;top:auto;left:auto;right:auto;padding:137px 24px 94px;max-width:none}
  .hero h1 {font-size:clamp(43px,9vw,60px);line-height:1.06}
  .hero h1 em {display:block;margin-top:10px}
  .hero .kicker {font-size:10px;line-height:1.7;margin-bottom:24px}
  .hero-bottom>p {font-size:15px;line-height:1.75}
  .hero-image {object-position:70% center}
  .hero-plate .hero-image {object-position:70% center}
  .hero-shade {background:linear-gradient(90deg,#102320e8,#10232091),linear-gradient(0deg,#102320a8,transparent 70%)}
  .hero-atmosphere {display:none}
  .hero-actions {gap:21px;margin-top:25px}
  .hero .round-cta {margin-top:0;font-size:15px}
  .hero-try {font-size:14px}
  .hero-bottom-note {font-size:10px;left:24px;bottom:25px}
  .games-section {padding:40px 20px}
  .chapter {font-size:10px}
  .section-heading h2,.workshop h2,.author h2,.formats h2,.purchase h2,.contact h2 {font-size:42px}
  .section-heading p:not(.chapter) {font-size:15px}
  .game-grid {gap:24px 18px}
  .game-details {padding:22px 20px 0}
  .game-details h3 {font-size:30px;min-height:0}
  .game-details .overline {font-size:10px;min-height:0;margin-bottom:12px}
  .game-question {font-size:15px;min-height:0;margin-bottom:20px}
  .game-mode,.game-mode span {font-size:13px;min-height:0;line-height:1.7}
  .game-edition {left:12px;bottom:12px;font-size:10px;padding:7px 10px}
  .game-links {flex-direction:row;align-items:center;gap:18px;margin:18px 0 22px}
  .game-links .play-link {font-size:14px;flex:1}
  .game-links>a:last-child {font-size:13px}
  .games-foot p {font-size:13px}
  .game-grid>#snyato.game-preview {grid-template-columns:1fr;padding:0;gap:0}
  #snyato .game-picture {aspect-ratio:4/3;max-height:none}
  #snyato .game-details {padding:22px 20px}
  #snyato .game-details h3 {font-size:32px;margin:12px 0 18px}
  #snyato .game-question {font-size:15px}
  #snyato .game-mode,#snyato .game-mode span {font-size:13px}
  #snyato .overline,#snyato .game-edition {font-size:10px}
  #snyato .game-links {gap:18px}
  #snyato .game-links .play-link {min-width:0;max-width:none}
  .move-card {padding:24px}
  .move-card .overline {font-size:11px}
  .move-question h3 {font-size:32px}
  .move-question p {font-size:15px}
  .demo-note {font-size:12px}
  .workshop-film {gap:14px}
  .workshop-film figcaption,.workshop-film figcaption b {font-size:11px}
  .author-copy>p:not(.overline),.coauthor>p:not(.overline),.formats-head>p,.workshop-news p:not(.chapter) {font-size:15px}
  .purchase-head>p,.purchase-steps p {font-size:14px}
  .purchase-steps {grid-template-columns:1fr}
  .purchase-steps article {padding:18px 0;border-bottom:1px solid #c9cebf}
  .purchase-steps h3 {font-size:24px}
  .route-form {padding:22px}
  .route-form input,.route-form select,.route-form textarea {font-size:16px}
  .route-form .consent {font-size:12px}
  .contact .direct a {gap:12px;flex-wrap:wrap}
  footer .details,.legal a {font-size:12px}
}
@media(max-width:600px) {
  .game-grid {grid-template-columns:minmax(0,1fr)}
  .game-picture {aspect-ratio:1.5/1}
  .game-details h3 {font-size:32px}
  .game-details h3 br {display:none}
  #snyato .game-details h3 br {display:none}
  #snyato .game-picture {aspect-ratio:1.5/1}
}
@media(max-width:360px) {
  .hero-copy {padding:128px 20px 90px}
  .hero h1 {font-size:39px}
  .hero .kicker {font-size:9px}
  .hero-bottom>p {font-size:14px}
  .game-details h3,#snyato .game-details h3 {font-size:30px}
  .game-details,#snyato .game-details {padding-left:18px;padding-right:18px}
  .game-links {gap:12px}
  .section-heading h2 {font-size:39px}
  .contact,.first-move {padding-left:20px;padding-right:20px}
  .route-form {padding:18px}
  .order-total {align-items:flex-start;flex-direction:column}
}
@view-transition {navigation:none}