/* Forge No Ads Games: shared premium progressive styling + real 3D board UI.
   Preserves native game buttons and only enhances existing gameplay surfaces. */
#home .grid{gap:clamp(10px,1.5vw,20px)}
#home .card{border:1px solid rgba(235,201,127,.45);background:linear-gradient(150deg,#fffaf0 0%,#e6e0d2 52%,#cad4d5 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(63,43,24,.2),0 5px 0 rgba(18,27,32,.65),0 15px 28px rgba(0,0,0,.27)}
#home .card .mini{background:radial-gradient(circle at 30% 22%,#f5e2b6,#bfa16a 64%,#574431);
  color:#1c252d;border:1px solid rgba(255,247,215,.7);box-shadow:inset 0 2px 5px rgba(255,255,255,.52),inset 0 -5px 10px rgba(66,39,15,.3),0 7px 14px rgba(0,0,0,.23)}
#home .card h2{color:#1b2834;text-shadow:0 1px 0 rgba(255,255,255,.42)}
#home .card p,#home .card-meta{color:#48505b}
#home .h-pick,#home .h-cont{border:1px solid rgba(212,185,126,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 4px 0 rgba(8,21,32,.35),0 12px 26px rgba(0,0,0,.2)}
#home .h-chip[aria-pressed=true]{background:linear-gradient(130deg,#222d3b,#4c4a42);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 8px rgba(0,0,0,.2)}
#home .h-search:focus-visible,.fgfx-quality select:focus-visible,.fgfx-switch:focus-visible{outline:3px solid #dcb967;outline-offset:3px}
.fgfx-quality{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;
  font:600 13px/1.3 'Source Sans 3',system-ui;color:#f8e3bb;border:1px solid rgba(222,188,112,.32);
  background:linear-gradient(110deg,rgba(9,25,39,.93),rgba(35,52,61,.93));
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 10px 24px rgba(0,0,0,.22);
  padding:8px 12px;border-radius:14px}
.fgfx-quality select{min-height:40px;max-width:100%;font:600 13px 'Source Sans 3',system-ui;color:#f7e9cd;
  background:#223443;border:1px solid #886c42;border-radius:10px;padding:5px 9px}
.fgfx-root{width:min(100%,940px);margin:8px auto 12px;position:relative;
  border:1px solid rgba(225,187,103,.42);border-radius:18px;overflow:hidden;
  background:linear-gradient(145deg,#1b2a36,#0e171e);
  box-shadow:0 10px 0 rgba(18,25,31,.75),0 25px 40px rgba(0,0,0,.3)}
.fgfx-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 12px;background:linear-gradient(110deg,#273d4a,#142530)}
.fgfx-switch{font:700 13px 'Source Sans 3',system-ui;padding:8px 13px;min-height:44px;cursor:pointer;
  border:1px solid rgba(250,221,144,.6);border-radius:10px;
  color:#261b0b;background:linear-gradient(#f9e4ac,#c6a05e);box-shadow:inset 0 1px rgba(255,255,255,.7),0 3px 0 #75562a}
.fgfx-switch:active{transform:translateY(2px);box-shadow:0 1px 0 #75562a}
.fgfx-status{font:600 12px 'Source Sans 3',system-ui;color:#f2e3c4}
.fgfx-canvasbox{width:100%;overflow:hidden}
.fgfx-canvasbox[hidden]{display:none!important}
.fgfx-canvasbox canvas{display:block;width:100%;max-width:none!important;border:0;
  filter:none!important;box-shadow:none!important;outline-offset:-4px}
.fgfx-canvasbox canvas:focus-visible{outline:3px solid #f5d884}
.fgfx-detail{margin:0;padding:8px 12px 12px;color:#f4e4c6;font:600 13px/1.4 'Source Sans 3',system-ui}
#stage .tk-board[hidden]{display:none!important}
/* Dimensional materials for house cards and common puzzle/board elements, without transforming hit targets. */
#stage .tk-card{border:1px solid #b9a17e!important;box-shadow:inset 0 1px rgba(255,255,255,.92),0 2px 0 #c3b293,0 5px 0 #a78d6d,0 12px 18px rgba(0,0,0,.28)!important}
#stage .tk-card:not(.back):after{content:'';position:absolute;inset:3px;border:1px solid rgba(191,158,105,.35);
  border-radius:5px;pointer-events:none}
#stage .tk-die{border:1px solid #b6a28c!important;box-shadow:inset 0 1px 3px rgba(255,255,255,.95),2px 3px 0 #c4b39a,4px 7px 0 #91806a,7px 12px 20px rgba(0,0,0,.25)!important}
#stage .tk-felt{background-image:radial-gradient(ellipse at 25% 9%,rgba(255,255,255,.18),transparent 48%),repeating-linear-gradient(38deg,transparent,transparent 2px,rgba(0,0,0,.012) 3px,transparent 4px)!important}
#stage .ch3-frame,#stage .r3-board,#stage .ck3-frame{filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
#stage .mj-board .tile.free{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),7px 8px 0 #6e532f,7px 8px 0 1px #35240e,0 16px 22px rgba(0,0,0,.28)}
#stage .sboard,#stage .g2048,#stage .bgrid,#stage .mine{border:1px solid rgba(93,71,42,.35)}
@media(max-width:600px){#home .grid{gap:10px}#home .card{padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 0 rgba(18,27,32,.5),0 9px 16px rgba(0,0,0,.17)}
.fgfx-root{border-radius:13px}.fgfx-bar{padding:6px 8px}.fgfx-detail{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){#home .card,#home .h-pick,#home .h-cont,.fgfx-switch{transition:none!important}#home .card:hover,#home .h-pick:hover{transform:none!important}}
body.dark #home .card,body.oled #home .card{background:linear-gradient(145deg,#273746,#17232d);border-color:#76613a}
body.dark #home .card h2,body.oled #home .card h2{color:#fff3dd}
body.dark #home .card p,body.oled #home .card p,
body.dark #home .card-meta,body.oled #home .card-meta{color:#d7c6aa}