:root{color-scheme:dark;--bg: #10211c;--bg-2: #173028;--ink: #f4efe4;--muted: #c5d0c8;--gold: #e4c27a;--line: rgba(228, 194, 122, .35);--felt: #1d463b;--card: #f7f1e4;--focus: #f0d48a;--bad: #e07a68;--good: #8fd0a8;--flip: .28s;font-family:Iowan Old Style,Palatino,Georgia,serif}:root[data-theme=light]{color-scheme:light;--bg: #efe6d4;--bg-2: #f7f1e4;--ink: #1c1915;--muted: #3e4a43;--felt: #245c4c}:root[data-contrast="1"]{--bg: #000;--ink: #fff;--card: #fff;--gold: #ffe08a;--felt: #003322}:root[data-dyslexia="1"]{font-family:Verdana,Trebuchet MS,sans-serif}:root[data-large="1"]{font-size:18px}:root[data-motion="1"]{--flip: 0ms}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 500px at 50% -10%,rgba(228,194,122,.16),transparent 50%),var(--bg);color:var(--ink)}button,input,select{font:inherit;color:inherit}button{min-height:44px;min-width:44px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{min-height:100dvh;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-bottom:4px}.nav button,.gold,.ghost{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;cursor:pointer;flex:0 0 auto}.nav button[aria-current=page],.gold{background:var(--gold);color:#1c1915;border-color:var(--gold)}.brand{font-weight:650;letter-spacing:.01em;white-space:nowrap}.scores{display:flex;gap:8px;overflow:auto;padding:8px 0}.score{background:var(--bg-2);border-radius:12px;padding:6px 10px;min-width:88px}.score strong{display:block}.score[data-turn="1"]{box-shadow:inset 0 0 0 2px var(--gold)}.stage{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;overflow:auto}.scroller{overflow:auto;padding-bottom:8px}.board{display:grid;grid-template-columns:repeat(var(--cols),minmax(44px,1fr));gap:6px;width:min(100%,calc(var(--cols) * 92px + (var(--cols) - 1) * 6px));margin:0 auto}.board.dense{width:max(100%,calc(var(--cols) * 52px + (var(--cols) - 1) * 6px))}.tile{appearance:none;border:0;background:transparent;padding:0;min-width:0;min-height:0;border-radius:10px;perspective:900px;cursor:pointer}.tile:disabled{cursor:default}.tile-inner{position:relative;display:block;width:100%;aspect-ratio:3 / 4;transform-style:preserve-3d;transition:transform var(--flip) ease}.tile[data-up="1"] .tile-inner{transform:rotateY(180deg)}:root[data-motion="1"] .tile-inner{transition:none}.back,.front{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;box-shadow:0 8px 18px #00000040;overflow:hidden}.front{transform:rotateY(180deg);background:var(--card)}.tile[data-match="1"] .front{box-shadow:0 0 0 3px var(--gold)}.face{width:100%;height:100%;display:block}.note{color:var(--muted);text-align:center;margin:8px 0}.warn{background:#3a2a12;color:var(--gold);border-radius:10px;padding:8px 10px}.panel{background:var(--bg-2);border-radius:16px;padding:14px;display:grid;gap:10px}label{display:grid;gap:4px;font-size:.95rem}input,select,textarea{min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg);padding:8px 10px}textarea{width:100%;resize:vertical}.row{display:flex;flex-wrap:wrap;gap:8px}.results{margin-top:10px;background:var(--bg-2);border-radius:16px;padding:12px}code{font-family:ui-monospace,monospace;font-size:1.3rem;letter-spacing:.12em}.live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:root[data-hand=left] .nav{flex-direction:row-reverse}@media(prefers-reduced-motion:reduce){:root{--flip: 0ms}}