/* Forest & Cream. Final presentation layer: rules, input IDs and game colors are retained. */
:root{--bg:#faf7ef;--surface:#fffdf7;--surface-2:#ede9dd;--text:#103c2f;--muted:#53634f;--line:#d5d4c3;--select:#176344;--accent:#176344;--accent-ink:#fffdf7;--ok:#176344;--warn:#8b4a19;--radius:16px;--display:'DM Sans','Segoe UI',sans-serif;--body:'DM Sans','Segoe UI',sans-serif;--forest:#103c2f;--sage:#829979;--wood:#bf945d;--cream:#faf7ef;--glass:#fffdf7;--glass-strong:#fffdf7;--glass-edge:#ffffff;--glass-shadow:inset 0 2px 1px #fff,0 4px 0 #d3cbb8,0 11px 20px #514b3420;--glass-shadow-hi:inset 0 2px 1px #fff,0 6px 0 #c7c0ac,0 16px 28px #514b3430;--chip:#eeeee3;--tile-top:#fffdf7;--tile-ink:#103c2f;--tile-edge:#c3c7b2;--slot:#e8ecdf;--lift:inset 0 1px 1px #fff,0 4px 0 #c3c7b2,0 9px 14px #343e2620;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--motion-card:180ms;--motion-press:120ms;--ease-out:cubic-bezier(.2,.7,.3,1)}
:root[data-theme=dark]{--bg:#14251e;--surface:#21392d;--surface-2:#294233;--text:#f5f0df;--muted:#bac7ad;--line:#54644f;--select:#b7d3a8;--accent:#b7d3a8;--accent-ink:#122e22;--ok:#b7d3a8;--warn:#e8b37c;--glass:#21392d;--glass-strong:#294233;--glass-edge:#57664f;--glass-shadow:inset 0 1px 0 #ffffff20,0 4px 0 #0c2016,0 10px 22px #0003;--glass-shadow-hi:inset 0 1px 0 #ffffff26,0 5px 0 #0c2016,0 16px 28px #0004;--chip:#294233;--tile-top:#344c3a;--tile-ink:#f5f0df;--tile-edge:#122b1d;--slot:#172d22;--lift:inset 0 1px 1px #ffffff20,0 4px 0 #112b1d,0 9px 14px #0003}
body{background:var(--bg);font-family:var(--body)}body:before,body:after{display:none!important}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.035em;text-wrap:balance}a{color:inherit}a:hover{color:var(--select)}.wrap{max-width:1160px}.site-header.forest-header{padding:0;background:transparent;border:0;box-shadow:none;position:relative}.forest-header .wrap{padding:25px 24px 21px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:1160px;gap:16px}.forest-logo{font:800 25px var(--display);letter-spacing:-1px;gap:11px;min-height:44px}.forest-cube{width:36px;height:40px;flex:none;filter:drop-shadow(0 4px 3px #4e4a3229)}.forest-header .nav{gap:18px}.forest-header .nav a{padding:10px 5px;border-radius:4px;font-size:14px;min-height:44px;display:flex;align-items:center}.forest-header .nav a:hover{background:none;text-decoration:underline;text-underline-offset:6px}.forest-header .theme-toggle{background:var(--surface);border:1px solid var(--glass-edge);color:var(--text);box-shadow:inset 0 2px 0 #ffffff66,0 3px 0 #b9b6a144,0 6px 10px #4d452a24;width:44px;height:44px;transition:transform var(--motion-press)}.forest-header .theme-toggle:hover{transform:translateY(-1px)}.forest-header .theme-toggle:active{transform:translateY(2px)}.forest-header .theme-toggle svg{width:20px;height:20px}.forest-footer{padding:0;margin:36px 20px 0;background:none;border:0}.forest-footer .wrap{border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;backdrop-filter:none;padding:22px 0;max-width:1112px;display:flex;align-items:center;justify-content:space-between;gap:22px}.forest-footer-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;letter-spacing:-.4px}.forest-footer-brand .forest-cube{width:25px;height:28px}.forest-footer .footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.forest-footer a{min-height:44px;display:inline-flex;align-items:center}.forest-home{padding-bottom:10px}.forest-intro{padding:20px 24px 23px}.forest-intro h1{font-size:clamp(34px,4.3vw,48px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 12px;max-width:900px}.forest-intro p{font-size:20px;line-height:1.3;color:var(--muted);max-width:680px}.forest-categories{padding:0 24px}.forest-categories>.eyebrow{font:700 12px var(--body);letter-spacing:2px;margin:0 0 15px;color:var(--text)}.forest-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.forest-category{position:relative;isolation:isolate;display:flex;align-items:center;min-height:238px;padding:28px 26px;text-decoration:none;border:1px solid #fff;border-radius:14px;background:linear-gradient(145deg,#fffdf8,#f2ecdf);box-shadow:inset 0 2px 0 #fff,0 4px 0 #c7bfaa,0 13px 22px #49432c26;transition:transform var(--motion-card) var(--ease-out),box-shadow var(--motion-card),border-color var(--motion-card);overflow:visible}.forest-category-copy{position:relative;z-index:2;width:53%;pointer-events:none}.forest-category h3{font-size:clamp(25px,2.8vw,35px);line-height:1.05;letter-spacing:-1.1px;margin:0 0 10px;white-space:nowrap}.forest-category-description{display:block;min-height:46px;font-size:16px;line-height:1.3;color:#465c49;max-width:220px}.forest-explore{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-width:133px;min-height:47px;margin-top:14px;padding:10px 17px;background:linear-gradient(#216547,#0b3b29);border:1px solid #538368;border-radius:10px;color:#fffdf4;box-shadow:inset 0 2px 0 #ffffff44,0 4px 0 #062d1f,0 7px 10px #1d392d34;font-weight:700;font-size:15px;transition:transform var(--motion-press),box-shadow var(--motion-press)}.forest-explore svg{width:18px;height:18px}.forest-category img{position:absolute;width:61%;height:116%;right:-4%;top:-8%;object-fit:contain;pointer-events:none;filter:drop-shadow(6px 14px 9px #4c422b30);transition:transform var(--motion-card) var(--ease-out);z-index:1}.forest-word img{width:59%;right:-2%}.forest-teasers img{width:58%;right:-2%;top:-7%}.forest-board img{width:61%;right:-4%;top:-5%}.forest-category:hover,.forest-category:focus-visible{color:var(--text);border-color:#397953;transform:translateY(-3px);box-shadow:inset 0 2px 0 #fff,0 5px 0 #a4ad91,0 17px 26px #49432c30}.forest-category:hover img,.forest-category:focus-visible img{transform:rotate(-2deg) translateY(-3px)}.forest-category:active{transform:translateY(2px)}.forest-category:active .forest-explore{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff22,0 1px 0 #062d1f,0 2px 4px #1d392d34}.forest-secondary{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;font-size:13px;color:var(--muted)}.forest-secondary a{display:flex;gap:8px;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.forest-secondary svg{width:15px;height:15px}.forest-library-intro{padding-top:28px;padding-bottom:12px;position:relative}.forest-library-intro h1{font-size:clamp(30px,4vw,43px);margin:18px 0 10px}.forest-library-intro .search-box{margin-top:24px;max-width:500px;box-shadow:none;border:1px solid var(--line);background:var(--surface);min-height:52px;padding:10px 16px}.forest-category-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.forest-category-nav a{border:1px solid var(--line);padding:10px 16px;border-radius:8px;text-decoration:none;min-height:44px}.forest-category-nav a:hover{background:var(--slot)}.forest-library .hub-section{padding-top:36px}.hub-section-head{align-items:baseline}.hub-section-head p{font-size:15px}.cat-page{padding-top:12px}.hub-section-head h1{font-size:40px}.tiles-grid{gap:20px}.gtile,.hub-card{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--glass-edge);border-radius:14px;box-shadow:var(--glass-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform var(--motion-card),box-shadow var(--motion-card)}:root[data-theme=dark] .gtile{background:linear-gradient(145deg,var(--surface),var(--surface-2))}.gtile{padding:22px 20px;gap:9px;min-height:216px}.gtile:hover,.gtile:focus-visible{transform:translateY(-3px);box-shadow:var(--glass-shadow-hi)}.gtile:active{transform:translateY(2px)}.gtile .shine{display:none}.gtile .orb,.gtile-board .orb{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#a4b999,#47735b)!important;border:1px solid #b2c6a6;color:#fffdf0;box-shadow:inset 0 2px 1px #ffffff77,inset 0 -4px 6px #1a3d3030,0 3px 0 #244d38,0 7px 10px #304d3420}.gtile:nth-child(3n+2) .orb{background:linear-gradient(145deg,#f3e8c8,#bd9b67)!important;color:#123b2a;border-color:#f9efda;box-shadow:inset 0 2px 1px #fff,0 3px 0 #a98954,0 7px 10px #76604320}.gtile:nth-child(3n+3) .orb{background:linear-gradient(145deg,#709778,#174f37)!important}.gtile .orb:after{opacity:.3}.gtile .orb svg{width:29px;height:29px}.gtile:hover .orb{transform:rotate(-3deg)}.gtile .gtile-name{font-size:20px;letter-spacing:-.5px}.gtile-blurb{font-size:14px;line-height:1.5;color:var(--muted)}.gtile-foot{align-items:center;font-size:12px;gap:9px;padding-top:8px}.gtile-foot .hub-status{color:var(--select);font-weight:700}.xp-chip{border:0;border-radius:5px;background:var(--chip);font-size:11px;font-weight:500;white-space:normal;text-align:center;color:var(--muted);box-shadow:none}.glass,.card,.panel,dialog{backdrop-filter:none;-webkit-backdrop-filter:none}.btn{min-height:44px;cursor:pointer;transition:transform var(--motion-press),box-shadow var(--motion-press);font-family:var(--body);border-radius:9px}.btn-primary{background:linear-gradient(#22684b,#0e432f)!important;color:#fffdf5!important;border:1px solid #477c5e!important;box-shadow:inset 0 2px 0 #ffffff33,0 3px 0 #062e1d,0 6px 10px #2d492d25!important}.btn-primary:hover{background:linear-gradient(#2b7354,#15513a)!important}.btn-primary:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff22,0 0 0 #062e1d!important}.btn-outline,.btn-quiet{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:0 2px 0 var(--tile-edge)!important}.btn-outline:active,.btn-quiet:active{transform:translateY(2px);box-shadow:none!important}.btn:disabled{cursor:default;opacity:.55}.input,select,input[type=text],input[type=number]{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:9px}.input:focus{border-color:var(--select)}.game-page,.ch-page,.tt-page,.board-page{padding-top:26px}.game-head h1,.ch-page h1{font-size:clamp(30px,4vw,43px)}.game-head{margin-bottom:22px}.head-tools .icon-btn{background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 0 var(--tile-edge);min-width:44px;min-height:44px}.theme-toggle:hover,.icon-btn:hover{transform:translateY(-1px)}.ch-stage,:root[data-theme=dark] .ch-stage{background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--glass-shadow);border-color:var(--glass-edge)}.ch-controls{border-radius:14px}.ch-glass,.ch-token,:root[data-theme=dark] .ch-glass,:root[data-theme=dark] .ch-token{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--glass-edge);box-shadow:var(--lift);color:var(--text)}.ch-token.selected,:root[data-theme=dark] .ch-token.selected{background:linear-gradient(145deg,#a3bd97,#628469);color:#0d3221;border-color:#c4d8b5}.ch-token:hover:not(:disabled){box-shadow:var(--glass-shadow-hi)}.ch-vessel .fill{background:linear-gradient(135deg,#b3cba1,#648c68)}.ch-vessel{border-color:#a3b89a;background:var(--surface)}.ch-hint{background:var(--chip);border-left:3px solid var(--wood)}.ch-controls select{min-height:44px}.ch-repairs input{border:1px solid var(--line)}.ch-feedback.good{color:var(--ok)}.tt-arena,.tt-desk{background:var(--surface);box-shadow:var(--glass-shadow);border-color:var(--glass-edge)}.dm-table,:root[data-theme=dark] .dm-table{background:var(--slot);border-color:var(--line)}.domino,:root[data-theme=dark] .domino{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--glass-edge);box-shadow:var(--lift);color:var(--text)}.bg-board,:root[data-theme=dark] .bg-board{background:linear-gradient(145deg,#ddc89e,#a78c5d);border-color:#f7e7c3}.go-board,:root[data-theme=dark] .go-board{background:linear-gradient(145deg,#e2cca5,#c4aa7a);border-color:#f7e7c3}.tt-seat,:root[data-theme=dark] .tt-seat{background:var(--surface-2);border-color:var(--line)}.glass-play .gp-stage{background:var(--surface);box-shadow:var(--glass-shadow);border-color:var(--glass-edge)}.logo-gloss,.nav-ink{display:none!important}.logo-tile,.logo-word .lw,.hdr-fire,.result .streak-flame{animation:none!important}.tilt-card,.tilt-board{transform:none!important}.tilt-card:after{display:none!important}.forest-home .forest-category:focus-visible{outline:3px solid var(--select);outline-offset:5px}:focus-visible{outline:3px solid var(--select);outline-offset:4px}.forest-home .forest-explore{pointer-events:none}
:root[data-theme=dark] .forest-category{background:linear-gradient(145deg,#2a4130,#21382a);border-color:#526b4b;box-shadow:inset 0 1px 0 #ffffff20,0 4px 0 #102518,0 13px 22px #0003}:root[data-theme=dark] .forest-category-description{color:#c2cfb5}:root[data-theme=dark] .forest-category:hover{border-color:#b3cc9e}:root[data-theme=dark] .forest-explore{background:linear-gradient(#c2d8a8,#91ac7a);color:#143a26;border-color:#c6d9b6;box-shadow:inset 0 2px 0 #ffffff44,0 4px 0 #576f43,0 7px 10px #10261844}:root[data-theme=dark] .btn-primary{background:linear-gradient(#bfd6a6,#8ea975)!important;color:#122e22!important;border-color:#c6d9b6!important;box-shadow:inset 0 2px 0 #ffffff44,0 3px 0 #587340!important}:root[data-theme=dark] .btn-primary:hover{background:linear-gradient(#cce0b7,#a5bf8d)!important}
@media(min-width:1400px){.forest-intro{padding-top:28px}.forest-category{min-height:252px}}
@media(max-width:950px){.forest-category{min-height:218px;padding:23px 20px}.forest-category h3{font-size:28px}.forest-category-description{font-size:14px;max-width:175px}.forest-category-grid{gap:22px}.forest-category img{width:57%;right:-2%}.forest-category-copy{width:56%}.forest-explore{min-width:118px;min-height:45px;font-size:14px}.forest-footer .wrap{align-items:flex-start}.forest-footer .footer-links{gap:8px 18px;justify-content:flex-end;max-width:440px}.gtile{padding:20px 16px}.gtile-foot{flex-wrap:wrap}}
@media(max-width:700px){.forest-header .wrap{padding:20px;gap:10px;flex-wrap:nowrap}.forest-logo{font-size:21px;letter-spacing:-.8px}.forest-logo .forest-cube{width:29px;height:33px}.forest-header .nav{gap:12px}.forest-header .nav a{font-size:13px}.forest-header .nav a[href='/about']{display:none}.forest-intro{padding:18px 20px 25px}.forest-intro h1{font-size:36px;line-height:1.07;letter-spacing:-1.2px;max-width:500px}.forest-intro p{font-size:17px;max-width:490px;line-height:1.45}.desktop-break{display:none}.forest-categories{padding:0 20px}.forest-category-grid{grid-template-columns:1fr;gap:24px}.forest-category{min-height:214px;padding:25px 22px}.forest-category h3{font-size:30px}.forest-category-description{font-size:15px}.forest-category img{width:56%;height:113%;right:-2%;top:-6%}.forest-category-copy{width:55%}.forest-explore{margin-top:15px;min-width:125px}.forest-secondary{padding-top:26px;gap:4px}.forest-secondary a{font-size:12px}.forest-footer .wrap{display:block;padding:20px 0}.forest-footer .footer-links{margin-top:9px;justify-content:flex-start;gap:4px 20px;max-width:none}.gtile,.gtile-board{min-height:215px;padding:18px 14px;border-radius:12px}.gtile .orb{width:43px;height:43px;border-radius:10px}.gtile .gtile-name{font-size:18px}.gtile-blurb{font-size:13px;-webkit-line-clamp:3}.gtile-foot{align-items:flex-start;gap:6px;font-size:12px}.hub-section-head{display:block}.hub-section-head h1{font-size:34px}.hub-section-head p{margin-top:8px}.tiles-grid{gap:16px}.forest-library-intro{padding-top:12px}.forest-library-intro h1{font-size:33px}.forest-category-nav{gap:8px}.forest-category-nav a{padding:10px 13px;font-size:13px}}
@media(max-width:380px){.forest-logo{font-size:19px}.forest-header .nav{gap:8px}.forest-intro h1{font-size:34px}.forest-category h3{font-size:28px}.forest-category{padding-left:18px}.forest-category img{width:55%;right:-2%}.forest-category-description{max-width:160px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.forest-category:hover,.forest-category:focus-visible,.forest-category:hover img,.forest-category:focus-visible img,.gtile:hover,.gtile:hover .orb{transform:none!important}}
:root{--board:#23573f;--tray:linear-gradient(145deg,#cbaa74,#a17b4d);--tray-edge:#7a5b35}.forest-play{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px;color:var(--select);margin-top:auto;padding-top:5px}.forest-play svg{width:17px;height:17px}.gtile-foot{margin-top:0;border-top:1px solid var(--line);opacity:.9}.forest-breadcrumb{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:22px;flex-wrap:wrap}.forest-breadcrumb a{min-height:30px;display:flex;align-items:center;text-underline-offset:4px}.ng-cell.given,:root[data-theme=dark] .ng-cell.given{background:var(--surface-2);color:var(--text)}.bg-tray{background:linear-gradient(145deg,#d6b07b,#a58250);border-color:#f6e6c9;box-shadow:inset 0 2px 0 #fff9,0 8px 0 #795c36,0 19px 30px #4b412530;backdrop-filter:none;-webkit-backdrop-filter:none}.bt-stage{border-color:var(--line)}
/* Override the former compact header's display:contents and child ordering. */
.forest-header .nav{display:flex!important;flex:none;align-items:center}.forest-header .forest-logo{white-space:nowrap;flex:none}.forest-header .nav a{order:0;white-space:nowrap}.forest-header .nav .theme-toggle{order:0;width:44px!important;height:44px!important;min-width:44px;flex:none;margin:0}
:root{--control-border:#819076}:root[data-theme=dark]{--control-border:#93a986}.input,select,input[type=text],input[type=number],.ch-controls select,.ch-repairs input{border-color:var(--control-border)}.btn-outline,.btn-quiet{border-color:var(--control-border)!important}
.forest-header .wrap{justify-content:space-between!important}@media(min-width:701px) and (max-width:900px){.forest-category-grid{grid-template-columns:1fr}.forest-category{min-height:228px}.forest-category h3{font-size:34px}.forest-category img{width:48%;right:0}.forest-category-description{font-size:16px;max-width:280px}}
.ch-token.selected,:root[data-theme=dark] .ch-token.selected{background:linear-gradient(145deg,#c4d8b5,#9bb78f);color:#103c2f;border-color:#d9e6cc}
/* Category art stays within its card; button arrow is fixed-size and contained. */
.forest-category{overflow:hidden;isolation:isolate}.forest-category-copy{z-index:2;min-width:0}.forest-category img{max-width:55%;height:100%;top:0;right:0;object-fit:contain;z-index:1}.forest-explore{box-sizing:border-box;width:max-content;max-width:100%;min-width:0;gap:14px;padding:12px 20px;white-space:nowrap;overflow:hidden;flex-shrink:0}.forest-explore svg{display:block;flex:0 0 18px;width:18px;height:18px;max-width:18px;max-height:18px}
@media(max-width:400px){.forest-category{min-height:226px;padding:22px 16px}.forest-category-copy{width:58%}.forest-category h3{font-size:25px;white-space:normal}.forest-category img{max-width:48%;right:0}.forest-explore{font-size:13px;padding:11px 14px;gap:10px}}