.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.home-header{text-align:center;padding:0 0 2rem}.home-brand{display:flex;align-items:center;justify-content:center;gap:.75rem}.brand-icon{color:var(--accent)}.home-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:.15em;color:var(--text-primary)}.home-subtitle{font-size:.9rem;color:var(--text-secondary);letter-spacing:.08em;margin-top:.65rem}.home-main{flex:1;width:min(100%,1180px);display:flex;flex-direction:column;gap:1.5rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;align-items:stretch}.game-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-height:180px;padding:1.35rem;background:linear-gradient(145deg,var(--bg-secondary),var(--bg-card));border:1px solid var(--line-color);border-radius:var(--radius);cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;text-align:left;font-family:inherit;color:var(--text-primary);width:100%;overflow:hidden}.game-card.available:hover,.game-card.available:focus-visible{border-color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--bg-secondary)),var(--bg-card));transform:translateY(-4px);box-shadow:0 16px 36px var(--board-shadow)}.game-card.available:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.game-card.coming-soon{opacity:.5;cursor:default;filter:grayscale(.5)}.card-icon{flex-shrink:0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--accent)}.card-body{flex:1;min-width:0;width:100%}.card-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .5rem;margin-bottom:.45rem;padding-right:1.5rem}.card-title{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.55}.card-badge{display:inline-block;margin-top:.5rem;padding:.15rem .5rem;font-size:.7rem;color:var(--text-muted);border:1px solid var(--line-color);border-radius:4px}.card-arrow{position:absolute;top:1.35rem;right:1.35rem;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease,color .2s ease}.game-card.available:hover .card-arrow,.game-card.available:focus-visible .card-arrow{transform:translate(3px);color:var(--accent)}.home-footer{margin-top:1.35rem;padding:2.35rem 0 1rem;color:var(--text-muted);font-size:.8rem;text-align:center}@media(min-width:1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1500px){.home-main{width:min(100%,1360px)}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.game-grid{grid-template-columns:1fr}.game-card{flex-direction:row;align-items:center;min-height:auto;padding:1rem;gap:.75rem}.card-header{padding-right:0}.card-arrow{position:static;margin-left:auto}}@media(max-width:600px){.home{padding:1rem .75rem}.home-header{padding:0 0 1.5rem}.home-title{font-size:1.6rem}.card-icon{width:3rem;height:3rem}.card-icon svg{width:28px;height:28px}.card-title{font-size:1rem}.card-desc{font-size:.78rem}}:root,[data-theme=dark]{--bg-primary: #0b1020;--bg-secondary: #121a2e;--bg-card: #18233d;--bg-elevated: #1e2a46;--surface-soft: rgba(255, 255, 255, .055);--surface-hover: rgba(255, 255, 255, .085);--text-primary: #f3f6fb;--text-secondary: #b7c0d4;--text-muted: #8792ab;--accent: #ff5f7e;--accent-hover: #ff7d96;--focus-ring: rgba(255, 95, 126, .34);--black-stone: #1a1a2e;--black-stone-border: #3a3a5e;--white-stone: #f0f0f0;--white-stone-border: #c0c0c0;--line-color: #2c3854;--line-color-strong: #40506f;--success: #45d483;--danger: #ff6f86;--warning: #f4c96d;--board-bg: #121a2e;--board-shadow: rgba(0, 0, 0, .5);--overlay-bg: rgba(3, 7, 18, .72);--red-piece-bg: #d4956b;--red-piece-bg-light: #ffe0c0;--red-piece-text: #b33a20;--red-piece-border: #c06030;--black-piece-bg: #607080;--black-piece-bg-light: #d0d8e0;--black-piece-text: #1a1a2e;--black-piece-border: #405060;--board-size: min(70vw, 70vh, 560px);--cell-size: calc(var(--board-size) / 16);--radius: 12px;--radius-sm: 8px;--transition: .2s ease}[data-theme=light]{--bg-primary: #f5f0e8;--bg-secondary: #ebe3d5;--bg-card: #faf6ef;--bg-elevated: #fffaf2;--surface-soft: rgba(44, 36, 22, .045);--surface-hover: rgba(44, 36, 22, .075);--text-primary: #2c2416;--text-secondary: #6b5e4a;--text-muted: #9a8c78;--accent: #c0392b;--accent-hover: #e74c3c;--focus-ring: rgba(192, 57, 43, .26);--danger: #c0392b;--warning: #b47b14;--line-color: #c4b897;--line-color-strong: #b0a080;--success: #27ae60;--board-bg: #e8d5b0;--board-shadow: rgba(0,0,0,.15);--overlay-bg: rgba(0,0,0,.4);--red-piece-bg: #d4956b;--red-piece-bg-light: #ffe0c0;--red-piece-text: #b33a20;--red-piece-border: #c06030;--black-piece-bg: #506070;--black-piece-bg-light: #c0d0e0;--black-piece-text: #1a1a2e;--black-piece-border: #304050}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}#root{min-height:100vh}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font-size:1rem}.theme-toggle{position:absolute;top:.75rem;right:.75rem;z-index:10;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--line-color);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition)}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent);background:var(--surface-hover)}button:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}