.home-shell { padding-bottom:20px!important; }
.home-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 30px; }
.home-tabs a { display:flex; flex-direction:column; gap:5px; padding:20px 24px; min-width:0; border:1px solid var(--line); background:#bcccaa06; color:var(--paper); text-decoration:none; border-radius:12px; font-size:19px; font-weight:600; line-height:1.5; }
.home-tabs a span { font-size:12px; color:var(--muted); font-weight:400; }
.home-tabs a[aria-selected=true] { background:linear-gradient(120deg,#43553a,#2b4031); border-color:#c5d4a750; box-shadow:inset 0 2px 0 #cfcca3; }
.home-tabs a:hover { border-color:#c5d4a750; }
.home-section { min-width:0; scroll-margin-top:20px; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:22px; }
.section-heading h2 { font:500 clamp(22px,2.4vw,30px)/1.5 KaiTi,STKaiti,SimSun,serif; margin:0; overflow-wrap:anywhere; }
.section-heading .eyebrow { margin-bottom:7px; }.section-heading > a { flex-shrink:0; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.catalog-card { min-width:0; display:flex; flex-direction:column; border:1px solid #c4cfa726; border-radius:15px; background:#1d3026; overflow:hidden; transition:transform .2s,border-color .2s; }
.catalog-card:hover { transform:translateY(-3px); border-color:#d0d2a655; }
.catalog-card .catalog-art { flex:none; position:relative; height:175px; width:100%; margin:0; }
.catalog-copy { display:flex; flex-direction:column; flex:1; min-width:0; padding:24px; }
.catalog-copy h3 { font-size:25px; line-height:1.5; margin:0 0 10px; font-weight:600; }
.catalog-copy p { color:var(--muted); font-size:13px; line-height:1.9; margin:0 0 14px; overflow-wrap:anywhere; }
.catalog-copy .miniStats { margin-bottom:16px; line-height:1.7; }
.catalog-copy .button-link { margin-top:auto; width:100%; line-height:1.6; padding:12px 14px; }
.catalog-copy .eyebrow { letter-spacing:1px; }
.catalog-gomoku { background:#203630; }.catalog-international { background:#252f38; }
.catalog-international .international-art { background:linear-gradient(130deg,#57616a,#2b3540); }
.catalog-art.chess-art span { display:grid; place-items:center; line-height:1; font-family:KaiTi,STKaiti,SimSun,serif; }
.catalog-art.international-art span { font-size:125px; left:22%; top:9px; }.catalog-art.international-art span+span { font-size:100px; left:56%; top:60px; }
.solo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.home-page .leaderboard { width:100%; margin:0; }
.home-account { margin-top:38px; border-top:1px solid var(--line); padding-top:28px; scroll-margin-top:20px; }
.home-account .account-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; padding:26px!important; }
.home-account .account-panel > .eyebrow,.home-account .account-panel > h2,.home-account .account-panel > p,.home-account #authMessage,.home-account #userCard { grid-column:1/-1; margin:0; }
.home-account .account-panel > label,.home-account .account-panel > input,.home-account .account-panel > .hint { grid-column:1/-1; }
.home-account .account-panel > label { margin:8px 0 0; }.home-account .account-panel > input { max-width:100%; }
.home-account .account-panel > .rowBtns { margin-top:4px!important; min-width:0; }
.home-account .account-panel > h2 { font-size:21px; }
.home-account #userCard { margin-top:10px; }.home-account .statsBlock { margin-top:10px; }
@media(max-width:900px) { .catalog-grid { gap:14px; }.catalog-copy { padding:17px; }.catalog-copy h3 { font-size:22px; }.catalog-card .catalog-art { height:150px; }.catalog-copy .button-link { font-size:12px; padding:11px 8px; } }
@media(max-width:700px) { .catalog-grid,.solo-grid { grid-template-columns:1fr; }.catalog-card { display:grid; grid-template-columns:125px minmax(0,1fr); }.catalog-card .catalog-art { height:100%; min-height:220px; }.catalog-copy { padding:20px; }.catalog-copy .button-link { font-size:13px; }.catalog-art.chess-art span { left:10px; top:28px; width:65px; height:65px; font-size:34px; }.catalog-art.chess-art span+span { left:52px; top:122px; width:52px; height:52px; font-size:28px; }.catalog-art.gomoku-art span { left:10px; top:38px; width:55px; height:55px; }.catalog-art.gomoku-art span+span { left:50px; top:123px; }.catalog-art.international-art span { left:2px; top:30px; font-size:90px; }.catalog-art.international-art span+span { left:48px; top:125px; font-size:72px; }.home-tabs { gap:8px; margin-bottom:24px; }.home-tabs a { padding:14px 10px; font-size:16px; text-align:center; }.home-tabs a span { font-size:10px; }.section-heading { flex-wrap:wrap; gap:8px; }.home-account .account-panel { display:block; }.home-account .account-panel > * { margin-bottom:9px; } }
@media(max-width:380px) { .catalog-card { grid-template-columns:94px minmax(0,1fr); }.catalog-copy { padding:16px; }.home-tabs a { padding:12px 6px; font-size:15px; }.home-tabs a span { font-size:9px; } }
/* Real destinations instead of mixed tab panels. */
.catalog-card .new-art{display:grid;place-items:center;background:linear-gradient(135deg,#304e53,#142c30);position:relative}.new-art span{font:96px/1 'Segoe UI Symbol',Georgia,serif;color:#e7d4a8;text-shadow:4px 6px 0 #0002}.catalog-card .go-art{background:linear-gradient(135deg,#be9f70,#765d3e)}.go-art span{color:#202a2b;text-shadow:34px 19px 0 #f2eee2}.catalog-card .checkers-art{background:radial-gradient(ellipse at 30% 20%,#496e8e,#22334f)}.checkers-art span{color:#a9dfda}.catalog-card .spider-art{background:linear-gradient(130deg,#386450,#163f33)}.spider-art span{background:#e8e1cd;color:#254138;border-radius:9px;padding:4px 19px;transform:rotate(-12deg);font-size:80px;box-shadow:10px 7px 0 #c1b99e,19px 13px 0 #a1a491}.solo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.solo-grid{grid-template-columns:1fr}.new-art span{font-size:70px}.spider-art span{font-size:55px;padding:8px}}
.home-tabs a[aria-current=page] { background:linear-gradient(120deg,#43553a,#2b4031); border-color:#c5d4a750; box-shadow:inset 0 2px 0 #cfcca3; }
.home-tabs { position:relative; padding-bottom:24px; border-bottom:1px solid var(--line); }
.catalog-card { box-shadow:0 14px 36px #0002; }.catalog-copy { padding-top:27px; }.catalog-copy h3 { font-family:KaiTi,STKaiti,SimSun,serif; font-size:29px; }
.catalog-card .catalog-art::after { content:''; position:absolute; inset:12px; border:1px solid #ead8ab24; border-radius:8px; pointer-events:none; }
.catalog-chess .catalog-art { background:radial-gradient(ellipse at 20% 15%,#a88f5430,transparent 65%),linear-gradient(130deg,#49513b,#2c3c2e); }
.catalog-gomoku .catalog-art { background:linear-gradient(130deg,#52776b,#263f38); }.catalog-international .catalog-art { background:linear-gradient(130deg,#59606a,#29323e); }
.home-account { max-width:760px; margin:44px auto 0; }.home-account .account-panel { border-top:2px solid #c7c69760; }
@media(max-width:700px) { .catalog-copy h3 { font-size:25px; }.home-tabs a span { letter-spacing:0; font-size:10px; }.home-tabs { padding-bottom:18px; } }