/* Generated by game-rules.mjs. Edit game-rules-themes.mjs. */

:root{
  --bg:#0b1418; /* games/reversi/style.css .rv-page --rv-night: #0b1418 */
  --ink:#f3ead6; /* games/reversi/style.css .rv-page --rv-ink: #f3ead6 */
  --muted:#a9bcbd; /* games/reversi/style.css .rv-page --rv-dim: #a9bcbd */
  --accent:#f2b56b; /* games/reversi/style.css .rv-page --rv-lamp: #f2b56b */
  --line:#2f4a52; /* games/reversi/style.css .rv-page --rv-line: #2f4a52 */
  --panel:#11222a; /* games/reversi/style.css .rv-page --rv-panel: #11222a */
  --display:Georgia,'Times New Roman',serif; /* games/reversi/style.css .rv-hero h1: Georgia,'Times New Roman',serif */
  --reading:Arial,Helvetica,sans-serif; /* games/reversi/style.css .rv-page: Arial,Helvetica,sans-serif (inherited/default) */
  --label:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; /* games/reversi/style.css .rv-page --rv-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace */
  --sheet:#0b1418; /* games/reversi/style.css .rv-page --rv-night: #0b1418 */
  --titleInk:#f3ead6; /* games/reversi/style.css .rv-page --rv-ink: #f3ead6 */
  --dot:#f2b56b; /* games/reversi/style.css .rv-page --rv-lamp: #f2b56b */
  --weight:700; /* games/reversi/style.css .rv-hero h1: 700 */
  --tracking:-.02em; /* games/reversi/style.css .rv-hero h1: -.02em */
  --casing:none; /* games/reversi/style.css .rv-page.in-match .rv-top,.rv-page.in-match .rv-entry: none */
  --italic:italic; /* games/reversi/style.css .rv-hero h1: italic */
  --buttonBg:#f2b56b; /* games/reversi/style.css .rv-page --rv-lamp: #f2b56b */
  --buttonInk:#22160a; /* games/reversi/style.css .rv-setup button: #22160a */
  --buttonBorder:#f2b56b; /* games/reversi/style.css .rv-page --rv-lamp: #f2b56b */
  --buttonRadius:6px; /* games/reversi/style.css .rv-entry: 6px */
  --buttonShadow:none; /* games/reversi/style.css .rv-page.in-match .rv-top,.rv-page.in-match .rv-entry: none */
  --panelInk:#f3ead6; /* games/reversi/style.css .rv-page --rv-ink: #f3ead6 */
  --panelMuted:#a9bcbd; /* games/reversi/style.css .rv-page --rv-dim: #a9bcbd */
  --panelBorder:#2f4a52; /* games/reversi/style.css .rv-page --rv-line: #2f4a52 */
  --panelRadius:12px; /* games/reversi/style.css .rv-card: 12px */
  --panelShadow:none; /* games/reversi/style.css .rv-page.in-match .rv-top,.rv-page.in-match .rv-entry: none */
  --cover-position:50% 0%;
  --motif:"◐";
}
#rules-content h2::before{content:counter(section,decimal-leading-zero);}
#rules-content ol{list-style:none;padding:0}#rules-content ol>li{padding-left:32px}#rules-content ol>li::before{content:"";border:1px solid #f5ecd6;border-radius:50%;background:#1b222b;position:absolute;left:0;width:10px;height:10px;top:calc(.85em - 5px)}#rules-content ol>li:nth-child(even)::before{background:#f5ecd6}

[data-toy=cat-board]{margin:24px 0 32px;box-sizing:content-box;position:relative;width:min(100%,560px);height:auto;aspect-ratio:auto;padding-bottom:0;margin-inline:auto}
.lesson-floor{display:grid;align-items:center;position:relative;inset:auto;grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:auto 84px;gap:12px}
.lesson-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;border:10px solid #4a3526;border-image:url(skins/gouache/frame.webp) 24 round;background:#081317;gap:2px;box-shadow:0 14px 30px #0007;grid-column:1/-1;grid-row:1;width:100%;box-sizing:border-box}
.floor-square{position:relative;border:0;padding:0;min-width:0;aspect-ratio:1;background:#274649 url(skins/gouache/tile.webp) 50%/cover;cursor:pointer;perspective:300px}
.floor-square:focus-visible{outline-offset:-3px;z-index:1}
.floor-cat{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px #e4e6d755)}
.floor-square .floor-cat[hidden]{display:none}
.floor-square[data-legal=true]:is(:hover,:focus-visible)::after{content:"";position:absolute;inset:26%;opacity:.5;background:radial-gradient(ellipse at 50% 67%,#eee3bf 0 27%,transparent 29%),radial-gradient(ellipse at 15% 36%,#eee3bf 0 12%,transparent 14%),radial-gradient(ellipse at 41% 19%,#eee3bf 0 12%,transparent 14%),radial-gradient(ellipse at 70% 24%,#eee3bf 0 12%,transparent 14%),radial-gradient(ellipse at 91% 46%,#eee3bf 0 12%,transparent 14%);pointer-events:none}
.floor-plates{display:flex;flex-direction:row;gap:8px}
.floor-plate{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;background:#142328;color:var(--ink);font:13px var(--label);padding:6px 10px}
.floor-count{font:700 30px/1 Georgia,serif;font-variant-numeric:tabular-nums}
.floor-reset,.header-cat,.turning-cat{border:0;background:transparent;padding:0;cursor:pointer}
.floor-reset{width:84px;height:84px;grid-column:2;grid-row:2}
.turning-cat{display:block;width:100%;aspect-ratio:1}
.turning-cat img{width:100%;height:100%;object-fit:contain}
[data-toy=two-cats]{height:0}
.turning-cats{perspective:600px}
[data-toy=sleeping-cat]{position:absolute;top:5%;left:28%;width:22%;max-width:210px;aspect-ratio:1;z-index:0}
.header-cat{position:relative;width:100%;height:100%;border-radius:50%}
.cat-ear{position:absolute;inset:0;background:url(skins/gouache/dark.webp) 50%/contain no-repeat;clip-path:polygon(3% 30%,24% 29%,14% 48%);transform-origin:15% 43%;pointer-events:none}



/* Cover already contains this cat. The matching painted layer makes its ear separable. */.cover-copy{position:relative;pointer-events:none}
.cover-copy a{pointer-events:auto}
[data-toy=loose-tile]{height:100px;position:relative;margin-top:24px}
.loose-kitchen-tile{width:80px;height:80px;border:3px solid #0b181c;background:#274649 url(skins/gouache/tile.webp) 50%/cover;box-shadow:0 4px 0 #081317;cursor:pointer;transition:transform .25s,box-shadow .25s}
.loose-kitchen-tile[aria-pressed=true]{transform:perspective(260px) rotateX(30deg) translateY(-12px);box-shadow:0 20px 15px #0008}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere;transition:height .26s ease}
[data-toy] [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}