.gameHero{background:radial-gradient(circle at 90% 10%,rgba(139,109,255,.2),transparent 35%),linear-gradient(145deg,#fff,#f7f5ff)}
.gameCatalogGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.gameCatalogCard{border:1px solid #e7e9f2;border-radius:16px;background:linear-gradient(150deg,#fff,#fafaff);padding:12px;display:grid;gap:9px;min-height:190px}
.gameCatalogTop{display:flex;justify-content:space-between;gap:10px;align-items:start}.gameIcon{width:44px;height:44px;border-radius:13px;background:#f0ecff;color:#5138d2;display:grid;place-items:center;font-size:22px;font-weight:950}.gameCatalogCard h4{margin:0;font-size:13px}.gameCatalogCard p,.gameRailCopy{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.gameCaps{display:flex;flex-wrap:wrap;gap:4px}.gameCaps span{font-size:7px;font-weight:900;border-radius:999px;background:#f5f6fa;color:#657087;padding:4px 6px}.gameCardActions{display:flex;gap:6px;margin-top:auto}.gameCardActions button{flex:1;border:0;border-radius:9px;padding:8px;font-size:9px;font-weight:900;background:#eeeaff;color:#5138d2}.gameCardActions .primary{background:#6746f4;color:#fff}
.gameRoomList{display:grid;gap:8px}.gameRoomRow{border:1px solid #e9ecf3;border-radius:14px;background:#fff;padding:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.gameRoomRow h4{margin:0;font-size:12px}.gameRoomRow p{margin:3px 0 0;color:var(--muted);font-size:8px}.gameRoomMeta{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.gameRoomMeta span{border-radius:999px;background:#f5f6fa;padding:4px 6px;font-size:7px;font-weight:850;color:#5f6879}.gameRoomActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.gameRoomActions button{border:0;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900;background:#f0ecff;color:#5138d2}.gameRoomActions .primary{background:#6746f4;color:#fff}
.gameStudioModal{display:none;position:fixed;inset:0;background:rgba(13,17,28,.58);z-index:220;place-items:center;padding:18px}.gameStudioModal.open{display:grid}.gameStudioDialog{width:min(820px,100%);max-height:min(88vh,900px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 35px 100px rgba(15,23,42,.34);padding:18px}.gameStudioDialogHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gameStudioDialogHead h2{margin:3px 0 0;font-size:22px}.gameStudioDialogHead .eyebrow{font-size:8px;font-weight:950;color:#6848ef;letter-spacing:.12em}.gameStudioDialogHead>button{border:0;width:36px;height:36px;border-radius:11px;background:#f3f4f8;font-size:22px;color:#4b5563}.gameBuilderGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.gameField{display:grid;gap:5px;font-size:9px;font-weight:850;color:#4c566a}.gameField.wide{grid-column:1/-1}.gameField input,.gameField select,.gameField textarea{width:100%;border:1px solid #e1e5ee;border-radius:10px;padding:9px;background:#fbfcff;color:#1f2937}.gameField textarea{min-height:75px;resize:vertical}.gameToggleRow{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.gameToggleRow label{display:flex;gap:6px;align-items:center;border:1px solid #e8eaf1;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:800}.gameModalActions{display:flex;gap:7px;justify-content:flex-end;margin-top:14px}.gameModalActions button{border:0;border-radius:10px;padding:9px 12px;font-weight:900;font-size:9px;background:#eeeaff;color:#5138d2}.gameModalActions .primary{background:#6746f4;color:#fff}
.gameSessionTop{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:7px;margin-top:14px}.gameSessionStat{border:1px solid #e7eaf1;border-radius:12px;padding:9px;background:#fafbfe}.gameSessionStat b{display:block;font-size:13px}.gameSessionStat span{font-size:8px;color:var(--muted)}.gamePlayers{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.gamePlayerChip{border:1px solid #e6e9f0;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:850;background:#fff}.gamePlayerChip.turn{background:#eeeaff;color:#5138d2;border-color:#dcd4ff}.cardTable{border-radius:20px;background:radial-gradient(circle at 50% 40%,#277050,#123e30);padding:18px;min-height:270px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.cardTableStatus{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:rgba(255,255,255,.78)}.cardHand{display:flex;gap:6px;overflow:auto;padding:28px 4px 10px}.playingCard{min-width:70px;height:98px;border:0;border-radius:10px;background:#fff;color:#111827;box-shadow:0 8px 18px rgba(0,0,0,.22);font-size:18px;font-weight:950}.playingCard.red{color:#c72e42}.playingCard:disabled{opacity:.62}.gameEngineEmpty{border:1px dashed #dcdfea;border-radius:16px;padding:24px;text-align:center;background:#fafbfe;color:var(--muted);font-size:10px;line-height:1.6}.gameSessionControls{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.gameSessionControls button{border:0;border-radius:9px;padding:8px 10px;font-size:8px;font-weight:900;background:#eeeaff;color:#5138d2}.gameSessionControls .primary{background:#6746f4;color:#fff}.gameSessionControls .danger{background:#fff0f0;color:#a43c3c}
@media(max-width:900px){.gameCatalogGrid{grid-template-columns:1fr 1fr}.gameSessionTop{grid-template-columns:1fr 1fr}.gameRoomRow{grid-template-columns:1fr}.gameRoomActions{justify-content:flex-start}}
@media(max-width:620px){.gameCatalogGrid,.gameBuilderGrid{grid-template-columns:1fr}.gameField.wide,.gameToggleRow{grid-column:auto}.gameSessionTop{grid-template-columns:1fr 1fr}.gameStudioDialog{border-radius:18px;padding:13px}.playingCard{min-width:62px;height:88px}.gameRoomActions button{flex:1}}