/* Slovra V6.4 — Solo oyunlar */

.game-card.game-word-match:hover { border-color:#1cb0f6; background:rgba(28,176,246,.06); }
.game-card.game-memory:hover { border-color:#ce82ff; background:rgba(206,130,255,.06); }
.game-card.game-word-match .game-arrow { color:#1cb0f6; }
.game-card.game-memory .game-arrow { color:#ce82ff; }
.game-card .game-ready-badge {
    padding:5px 9px; border-radius:10px; font-size:10px; font-weight:900; letter-spacing:.45px;
    background:rgba(88,204,2,.15); color:#77e332; border:1px solid rgba(88,204,2,.25);
}

.solo-game-screen { padding-bottom:100px; }
.solo-game-page { max-width:560px; margin:0 auto; padding:8px 0 28px; }
.solo-game-hero {
    position:relative; overflow:hidden; border-radius:26px; padding:22px 20px; margin:10px 0 16px;
    border:2px solid #34454e; background:linear-gradient(145deg,#1d2d34,#142229);
    box-shadow:0 7px 0 #0d171c, 0 16px 34px rgba(0,0,0,.18);
}
.solo-game-hero::after {
    content:""; position:absolute; width:160px; height:160px; border-radius:50%; right:-50px; top:-70px;
    background:radial-gradient(circle,rgba(28,176,246,.22),transparent 65%); pointer-events:none;
}
.solo-game-hero.memory-hero::after { background:radial-gradient(circle,rgba(206,130,255,.24),transparent 65%); }
.solo-game-kicker { display:block; font-size:11px; font-weight:900; letter-spacing:1.2px; color:#1cb0f6; margin-bottom:7px; }
.memory-hero .solo-game-kicker { color:#ce82ff; }
.solo-game-hero h2 { margin:0; font-size:24px; line-height:1.1; color:var(--text-main); }
.solo-game-hero p { margin:8px 0 0; color:var(--text-muted); font-size:13px; line-height:1.45; max-width:390px; }

.solo-game-card {
    border:2px solid #37464f; border-radius:24px; background:var(--card-bg); padding:18px; margin-bottom:14px;
    box-shadow:0 5px 0 rgba(0,0,0,.22);
}
.solo-game-card h3 { margin:0 0 7px; color:var(--text-main); font-size:18px; }
.solo-game-muted { color:var(--text-muted); font-size:12px; line-height:1.45; }
.solo-game-config { display:flex; gap:10px; align-items:center; margin:16px 0 12px; }
.solo-game-config label { color:var(--text-muted); font-size:12px; font-weight:800; flex:1; }
.solo-game-select {
    appearance:none; min-width:120px; border:2px solid #37464f; border-radius:14px; background:#15252c; color:#fff;
    padding:11px 36px 11px 12px; font-weight:900; outline:none;
}
.solo-game-best { margin-top:13px; text-align:center; font-size:12px; font-weight:800; color:#ffc800; }

.solo-game-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:12px 0 14px; }
.solo-game-stats.three { grid-template-columns:repeat(3,1fr); }
.solo-stat {
    min-width:0; text-align:center; padding:10px 5px; border-radius:15px; border:1px solid #35464f; background:#17282f;
}
.solo-stat span { display:block; color:var(--text-muted); font-size:9px; font-weight:900; letter-spacing:.45px; text-transform:uppercase; }
.solo-stat strong { display:block; margin-top:3px; color:var(--text-main); font-size:16px; }

.match-board-wrap { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.match-column { display:flex; flex-direction:column; gap:9px; min-width:0; }
.match-column-title { text-align:center; color:var(--text-muted); font-size:10px; font-weight:900; letter-spacing:.8px; margin-bottom:2px; }
.match-tile {
    width:100%; min-height:58px; padding:9px 10px; border-radius:16px; border:2px solid #3a4c55; border-bottom-width:4px;
    background:#1d3038; color:var(--text-main); font:inherit; font-size:13px; font-weight:850; cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:5px; overflow-wrap:anywhere; transition:.12s ease;
}
.match-tile:active { transform:translateY(2px); border-bottom-width:2px; }
.match-tile.is-selected { border-color:#1cb0f6; background:rgba(28,176,246,.13); box-shadow:0 0 0 2px rgba(28,176,246,.08); }
.match-tile.is-correct, .match-tile.is-matched { border-color:#58cc02; background:rgba(88,204,2,.14); color:#91eb50; }
.match-tile.is-matched { opacity:.55; pointer-events:none; }
.match-tile.is-wrong { border-color:#ff4b4b; background:rgba(255,75,75,.14); animation:soloShake .32s linear; }
.match-speak { font-size:12px; opacity:.82; flex-shrink:0; }

.memory-board { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; perspective:900px; }
.memory-card {
    position:relative; aspect-ratio:.88; min-width:0; border:0; background:transparent; padding:0; cursor:pointer;
    transform-style:preserve-3d; transition:transform .32s ease;
}
.memory-card-front,.memory-card-back {
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:7px;
    border-radius:16px; backface-visibility:hidden; border:2px solid #3a4c55; border-bottom-width:4px;
    font-weight:900; overflow-wrap:anywhere;
}
.memory-card-front { background:linear-gradient(145deg,#223941,#172930); color:#6dd5ff; font-size:21px; }
.memory-card-back { transform:rotateY(180deg); background:#1d3038; color:var(--text-main); font-size:11px; }
.memory-card.is-open { transform:rotateY(180deg); }
.memory-card.is-matched .memory-card-back { border-color:#58cc02; background:rgba(88,204,2,.15); color:#91eb50; }
.memory-card.is-matched { pointer-events:none; }
.memory-card.is-wrong .memory-card-back { border-color:#ff4b4b; background:rgba(255,75,75,.14); }
.memory-ru .memory-card-back { border-color:#1cb0f6; }
.memory-tr .memory-card-back { border-color:#ce82ff; }

.solo-result { text-align:center; padding:24px 18px; }
.solo-result-emoji { font-size:50px; line-height:1; margin-bottom:10px; }
.solo-result h2 { margin:0; color:var(--text-main); }
.solo-result p { color:var(--text-muted); line-height:1.5; }
.solo-result-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }

@keyframes soloShake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-4px)} 75%{transform:translateX(4px)} }

body.light-mode .solo-game-hero,
body.light-mode .solo-game-card { background:#fff; border-color:#dfe7eb; box-shadow:0 5px 0 #dce5e9; }
body.light-mode .solo-game-select,
body.light-mode .solo-stat,
body.light-mode .match-tile,
body.light-mode .memory-card-back { background:#f5f8fa; color:#24323a; border-color:#d9e3e7; }
body.light-mode .memory-card-front { background:#edf7fb; border-color:#d9e3e7; color:#0f9fd8; }

@media (max-width:420px) {
    .solo-game-page { padding-left:0; padding-right:0; }
    .solo-game-hero { padding:19px 17px; border-radius:22px; }
    .solo-game-stats { gap:6px; }
    .solo-stat { padding:8px 3px; }
    .solo-stat strong { font-size:14px; }
    .match-board-wrap { gap:7px; }
    .match-column { gap:7px; }
    .match-tile { min-height:54px; padding:7px; font-size:12px; border-radius:14px; }
    .memory-board { gap:7px; }
    .memory-card-front,.memory-card-back { border-radius:13px; padding:5px; font-size:10px; }
    .memory-card-front { font-size:18px; }
}


/* Slovra V6.5 — Oyun arayüzü renk yükseltmesi */
.games-hero-banner {
    border:none; margin-top:10px; position:relative; overflow:hidden;
    background:linear-gradient(135deg,#162b5f 0%, #4f46e5 38%, #8b5cf6 100%);
    box-shadow:0 12px 30px rgba(79,70,229,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.games-hero-banner::before,
.games-hero-banner::after {
    content:""; position:absolute; border-radius:50%; pointer-events:none;
}
.games-hero-banner::before { width:180px; height:180px; right:-45px; top:-65px; background:radial-gradient(circle, rgba(255,255,255,.18), transparent 68%); }
.games-hero-banner::after { width:130px; height:130px; left:-20px; bottom:-55px; background:radial-gradient(circle, rgba(28,176,246,.22), transparent 70%); }
.games-hero-copy { position:relative; z-index:1; }
.games-hero-kicker { display:inline-block; font-size:11px; font-weight:900; letter-spacing:1px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.16); color:#fff; margin-bottom:8px; }
.games-hero-banner h2 { margin:0; color:#fff; font-size:25px; }
.games-hero-banner p { margin:6px 0 0; color:rgba(255,255,255,.92); font-size:13px; line-height:1.5; max-width:430px; }
.games-hero-chips { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.games-hero-chips span { background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:999px; padding:7px 10px; font-size:11px; font-weight:800; backdrop-filter:blur(6px); }

.colorful-games-grid { padding-top:14px; }
.game-card {
    background:linear-gradient(180deg, rgba(24,37,43,.98), rgba(18,29,34,.98));
    border-color:#3b4c56; box-shadow:0 7px 0 rgba(9,16,20,.8), 0 10px 18px rgba(0,0,0,.16);
}
.game-card:hover { transform:translateY(-2px); }
.game-card:active { transform:translateY(2px) scale(.99); }
.game-card::before {
    content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.04), transparent 45%); pointer-events:none;
}
.game-card-badge {
    position:absolute; right:12px; top:10px; z-index:1;
    padding:5px 9px; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.55px;
    background:rgba(88,204,2,.16); color:#92f44a; border:1px solid rgba(88,204,2,.22);
}
.game-card-badge.blue { background:rgba(28,176,246,.15); color:#73d8ff; border-color:rgba(28,176,246,.25); }
.game-card-badge.purple { background:rgba(206,130,255,.16); color:#e4b8ff; border-color:rgba(206,130,255,.24); }
.game-live-colorful:hover { border-color:#58cc02; background:linear-gradient(180deg, rgba(29,47,22,.95), rgba(18,31,20,.97)); }
.game-word-match:hover { border-color:#1cb0f6; background:linear-gradient(180deg, rgba(16,42,52,.95), rgba(14,31,38,.98)); }
.game-memory:hover { border-color:#ce82ff; background:linear-gradient(180deg, rgba(40,26,52,.95), rgba(24,18,34,.98)); }
.game-card .game-icon-box { box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 14px rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.05); }
.game-card .game-info h3 { margin-right:70px; }
.game-card .game-arrow { width:36px; height:36px; border-radius:12px; background:rgba(255,255,255,.05); display:flex; align-items:center; justify-content:center; }
.game-word-match .game-arrow { background:rgba(28,176,246,.10); }
.game-memory .game-arrow { background:rgba(206,130,255,.10); }

.solo-game-page { max-width:580px; }
.solo-game-hero {
    border:0; padding:24px 22px; margin:10px 0 18px;
    background:linear-gradient(135deg,#182d5e 0%, #203e89 35%, #0f7ac0 100%);
    box-shadow:0 10px 0 rgba(10,22,38,.75), 0 18px 34px rgba(12,55,91,.22);
}
.solo-game-hero::before {
    content:""; position:absolute; inset:1px; border-radius:25px; border:1px solid rgba(255,255,255,.08); pointer-events:none;
}
.solo-game-hero::after { width:190px; height:190px; right:-40px; top:-70px; background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%); }
.solo-game-hero.memory-hero {
    background:linear-gradient(135deg,#3b1563 0%, #7c3aed 42%, #d946ef 100%);
    box-shadow:0 10px 0 rgba(30,10,47,.74), 0 18px 34px rgba(77,21,110,.22);
}
.solo-game-kicker { color:#dcf2ff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:7px 11px; display:inline-flex; align-items:center; }
.solo-game-hero h2 { font-size:28px; color:#fff; }
.solo-game-hero p { color:rgba(255,255,255,.88); font-size:13px; max-width:440px; }
.solo-hero-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; position:relative; z-index:1; }
.solo-hero-chips span {
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:999px;
    padding:7px 10px; font-size:11px; font-weight:800; backdrop-filter:blur(5px);
}

.solo-game-card {
    border:1px solid rgba(255,255,255,.06); border-radius:26px;
    background:linear-gradient(180deg, rgba(26,38,44,.97), rgba(18,29,34,.98));
    padding:18px; margin-bottom:15px; box-shadow:0 8px 0 rgba(8,13,16,.78), 0 14px 28px rgba(0,0,0,.15);
}
.setup-card { position:relative; overflow:hidden; }
.setup-card::before {
    content:""; position:absolute; inset:0 0 auto 0; height:5px; border-radius:26px 26px 0 0;
    background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.35), rgba(255,255,255,.08));
}
.blue-setup::before { background:linear-gradient(90deg,#1cb0f6,#73d8ff,#1cb0f6); }
.purple-setup::before { background:linear-gradient(90deg,#a855f7,#d946ef,#a855f7); }
.solo-game-card h3 { font-size:19px; }
.solo-game-muted { color:#afc0c8; font-size:12px; }
.solo-game-config {
    margin:18px 0 14px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05);
    border-radius:18px; padding:12px; justify-content:space-between;
}
.solo-game-config label { color:#d4e2e7; font-size:12px; }
.solo-game-select {
    border-color:rgba(255,255,255,.08); border-bottom-width:3px; background:#132129;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04); min-width:138px;
}
#word-match-setup .big-btn,
#word-match-result .btn-cyan { box-shadow:0 6px 0 #0a6f99, 0 10px 18px rgba(28,176,246,.24); }
#memory-setup .big-btn,
#memory-result .big-btn:not(.btn-outline) { box-shadow:0 6px 0 #7131a7, 0 10px 18px rgba(168,85,247,.24) !important; }
.play-card { padding-top:15px; }
.solo-game-mini-title {
    text-align:center; font-size:11px; font-weight:900; letter-spacing:.7px; text-transform:uppercase;
    color:#b9cad0; margin-bottom:12px;
}
.solo-game-best {
    background:rgba(255,200,0,.08); border:1px solid rgba(255,200,0,.12); border-radius:14px; padding:10px 12px;
}

.solo-game-stats { gap:10px; margin:12px 0 16px; }
.solo-stat {
    border:1px solid rgba(255,255,255,.05); border-radius:18px; background:linear-gradient(180deg, rgba(25,38,44,.98), rgba(17,28,33,.98));
    box-shadow:0 6px 0 rgba(9,14,18,.75);
}
.solo-game-stats .solo-stat:nth-child(1) { background:linear-gradient(180deg, rgba(30,74,90,.98), rgba(17,39,47,.98)); }
.solo-game-stats .solo-stat:nth-child(2) { background:linear-gradient(180deg, rgba(70,45,109,.98), rgba(38,25,60,.98)); }
.solo-game-stats .solo-stat:nth-child(3) { background:linear-gradient(180deg, rgba(86,64,21,.98), rgba(53,39,14,.98)); }
.solo-game-stats .solo-stat:nth-child(4) { background:linear-gradient(180deg, rgba(41,82,36,.98), rgba(24,51,21,.98)); }
.solo-stat span { color:#cee0e8; font-size:9px; }
.solo-stat strong { color:#fff; font-size:17px; }

.match-board-wrap {
    gap:12px; padding:4px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); border-radius:20px;
}
.match-column {
    background:rgba(7,15,19,.18); border-radius:18px; padding:10px; border:1px solid rgba(255,255,255,.04);
}
.match-column-title {
    font-size:11px; padding:7px 9px; border-radius:999px; margin-bottom:8px; background:rgba(255,255,255,.06); color:#d7e8ef;
}
.match-board-wrap > .match-column:first-child .match-column-title { background:rgba(28,176,246,.15); color:#86e1ff; }
.match-board-wrap > .match-column:last-child .match-column-title { background:rgba(88,204,2,.15); color:#9aed62; }
.match-tile {
    min-height:60px; border-radius:18px; border:2px solid rgba(255,255,255,.06); border-bottom-width:5px;
    background:linear-gradient(180deg, rgba(35,52,61,.98), rgba(24,38,45,.98));
    box-shadow:0 5px 0 rgba(8,14,17,.55); font-size:13px;
}
.match-board-wrap > .match-column:first-child .match-tile { background:linear-gradient(180deg, rgba(20,56,68,.98), rgba(17,38,46,.98)); }
.match-board-wrap > .match-column:last-child .match-tile { background:linear-gradient(180deg, rgba(34,54,35,.98), rgba(23,38,23,.98)); }
.match-tile:hover { transform:translateY(-1px); }
.match-tile.is-selected { border-color:#ffd54f; background:linear-gradient(180deg, rgba(87,70,16,.98), rgba(59,45,9,.98)); box-shadow:0 0 0 2px rgba(255,213,79,.10), 0 5px 0 rgba(8,14,17,.55); }
.match-tile.is-correct, .match-tile.is-matched { background:linear-gradient(180deg, rgba(50,90,27,.98), rgba(31,56,18,.98)); }
.match-speak {
    width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%;
    background:rgba(255,255,255,.08); font-size:12px;
}

.memory-board {
    gap:10px; padding:3px;
}
.memory-card { filter:drop-shadow(0 4px 0 rgba(8,14,17,.55)); }
.memory-card-front,.memory-card-back {
    border:2px solid rgba(255,255,255,.07); border-bottom-width:5px; border-radius:18px; overflow:hidden;
}
.memory-card-front {
    background:linear-gradient(135deg,#2e8fff 0%, #49c8ff 48%, #8ce6ff 100%); color:#fff; font-size:22px;
}
.memory-card-front::before {
    content:"✦"; position:absolute; top:8px; right:9px; font-size:12px; opacity:.7;
}
.memory-card-back { background:linear-gradient(180deg, rgba(36,50,59,.98), rgba(24,36,44,.98)); font-size:12px; }
.memory-ru .memory-card-back { background:linear-gradient(180deg, rgba(19,61,78,.98), rgba(15,39,51,.98)); }
.memory-tr .memory-card-back { background:linear-gradient(180deg, rgba(60,30,83,.98), rgba(39,20,56,.98)); }
.memory-card.is-matched .memory-card-back { background:linear-gradient(180deg, rgba(56,95,32,.98), rgba(31,55,18,.98)); }
.memory-card.is-wrong .memory-card-back { background:linear-gradient(180deg, rgba(98,34,34,.98), rgba(57,20,20,.98)); }

.solo-result {
    position:relative; overflow:hidden; border:0;
    background:linear-gradient(135deg, rgba(20,37,59,.98), rgba(16,79,111,.98));
    box-shadow:0 10px 0 rgba(8,20,32,.74), 0 16px 30px rgba(8,43,68,.22);
}
#memory-result.solo-result {
    background:linear-gradient(135deg, rgba(54,27,76,.98), rgba(121,40,202,.96));
    box-shadow:0 10px 0 rgba(25,10,38,.74), 0 16px 30px rgba(73,20,110,.20);
}
.solo-result::after {
    content:""; position:absolute; width:180px; height:180px; right:-55px; top:-70px; border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,.18), transparent 66%);
}
.solo-result-emoji { font-size:58px; }
.solo-result h2,.solo-result p { position:relative; z-index:1; }
.solo-result h2 { color:#fff; }
.solo-result p { color:rgba(255,255,255,.9); }
.solo-result .btn-outline { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.18); color:#fff; }

body.light-mode .games-hero-banner { box-shadow:0 12px 22px rgba(79,70,229,.16); }
body.light-mode .game-card { background:linear-gradient(180deg,#ffffff,#f8fbfc) !important; border-color:#dbe6ea !important; box-shadow:0 6px 0 #dbe6ea, 0 8px 18px rgba(0,0,0,.05) !important; }
body.light-mode .game-card .game-arrow { background:#f3f6f9 !important; }
body.light-mode .solo-game-hero { box-shadow:0 8px 0 rgba(195,214,224,.9), 0 14px 28px rgba(79,70,229,.12); }
body.light-mode .solo-game-card { background:linear-gradient(180deg,#fff,#f7fafb); border-color:#dce6ea; box-shadow:0 7px 0 #dce6ea, 0 12px 22px rgba(0,0,0,.05); }
body.light-mode .solo-game-config,
body.light-mode .match-board-wrap,
body.light-mode .match-column,
body.light-mode .solo-stat { background:rgba(243,247,249,.96); border-color:#dce6ea; }
body.light-mode .solo-game-mini-title,
body.light-mode .solo-game-muted,
body.light-mode .solo-stat span,
body.light-mode .match-column-title { color:#566a74; }
body.light-mode .match-tile { box-shadow:0 4px 0 #dce6ea; }
body.light-mode .memory-card { filter:drop-shadow(0 4px 0 #dce6ea); }
body.light-mode .solo-result { box-shadow:0 8px 0 rgba(204,221,228,.95), 0 12px 24px rgba(79,70,229,.10); }

@media (max-width:420px) {
    .games-hero-banner h2 { font-size:22px; }
    .games-hero-chips span, .solo-hero-chips span { font-size:10px; padding:6px 9px; }
    .game-card { padding:14px 13px; }
    .game-card .game-info h3 { margin-right:60px; font-size:16px; }
    .game-card-badge { top:9px; right:10px; }
    .solo-game-hero { padding:22px 18px; }
    .solo-game-hero h2 { font-size:24px; }
    .solo-game-card { border-radius:22px; padding:16px; }
    .solo-game-config { flex-direction:column; align-items:stretch; gap:10px; }
    .solo-game-select { width:100%; }
    .match-board-wrap { grid-template-columns:1fr; }
    .memory-card-front,.memory-card-back { border-radius:16px; }
}


/* V6.5.1 hotfix — badge/arrow collision + memory back visibility */
.game-card { align-items:center; }
.game-card-badge {
    left:78px;
    right:auto;
    top:10px;
}
.game-card .game-info {
    padding-top:18px;
    min-width:0;
}
.game-card .game-info h3 {
    margin-right:0;
}
.game-card .game-arrow {
    flex-shrink:0;
    align-self:center;
    margin-top:8px;
}

.memory-board {
    perspective:1200px;
}
.memory-card {
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}
.memory-card-front,
.memory-card-back {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}
.memory-card-front {
    transform:rotateY(0deg) translateZ(1px);
}
.memory-card-back {
    transform:rotateY(180deg) translateZ(1px);
    line-height:1.25;
    color:#ffffff;
}
.memory-card.is-open {
    transform:rotateY(180deg) translateZ(0);
}
.memory-card.is-matched {
    transform:rotateY(180deg) translateZ(0);
}
.memory-card-back,
.memory-ru .memory-card-back,
.memory-tr .memory-card-back,
.memory-card.is-matched .memory-card-back,
.memory-card.is-wrong .memory-card-back {
    display:flex;
    align-items:center;
    justify-content:center;
}

@media (max-width:420px) {
    .game-card-badge {
        left:72px;
        top:9px;
        font-size:9px;
        padding:5px 8px;
    }
    .game-card .game-info {
        padding-top:17px;
    }
    .game-card .game-arrow {
        width:32px;
        height:32px;
        margin-top:10px;
    }
    .memory-card-back {
        font-size:11px;
        padding:6px;
    }
}


/* V6.5.2 hotfix — game badge layout + reliable memory flip */
.game-card {
    padding-top: 42px;
    align-items: center;
}
.game-card-badge {
    left: 14px !important;
    right: auto !important;
    top: 10px !important;
    max-width: calc(100% - 28px);
}
.game-card .game-info {
    padding-top: 0 !important;
    min-width: 0;
}
.game-card .game-info h3 {
    margin-right: 0 !important;
    line-height: 1.2;
}
.game-card .game-arrow {
    margin-top: 0 !important;
    align-self: center;
}

.memory-board {
    perspective: 1400px;
}
.memory-card {
    display: block;
    perspective: 1000px;
    transform: none !important;
    filter: drop-shadow(0 4px 0 rgba(8,14,17,.55));
}
.memory-card-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform .38s ease;
}
.memory-card-front,
.memory-card-back {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px;
    border-radius: 18px;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.memory-card-front {
    transform: rotateY(0deg);
}
.memory-card-back {
    transform: rotateY(180deg);
    line-height: 1.25;
    color: #fff;
}
.memory-card.is-open .memory-card-inner,
.memory-card.is-matched .memory-card-inner {
    transform: rotateY(180deg);
}
.memory-card.is-wrong .memory-card-inner {
    transform: rotateY(180deg);
}

@media (max-width:420px) {
    .game-card {
        padding-top: 40px;
    }
    .game-card-badge {
        left: 12px !important;
        top: 9px !important;
        font-size: 9px;
        padding: 5px 8px;
    }
    .memory-card-front,
    .memory-card-back {
        border-radius: 16px;
        padding: 6px;
    }
    .memory-card-back {
        font-size: 11px;
    }
}


/* V6.5.3 — memory flip cache-bust + face stacking hardening */
.memory-card-inner {
    isolation:isolate;
}
.memory-card-front {
    z-index:2;
    pointer-events:none;
}
.memory-card-back {
    z-index:1;
    pointer-events:none;
}
.memory-card.is-open .memory-card-front,
.memory-card.is-matched .memory-card-front,
.memory-card.is-wrong .memory-card-front {
    z-index:1;
}
.memory-card.is-open .memory-card-back,
.memory-card.is-matched .memory-card-back,
.memory-card.is-wrong .memory-card-back {
    z-index:3;
}


/* ======================================================================
   SLOVRA V6.5.5 — compact game headers + deterministic memory cards
   ====================================================================== */

/* Large campaign-style banners are intentionally reduced to Slovra card scale. */
.games-hero-banner,
.solo-game-hero,
.solo-game-hero.memory-hero {
    position: relative;
    overflow: hidden;
    border: 2px solid #37464f !important;
    border-radius: 20px !important;
    padding: 14px 15px !important;
    margin: 8px 0 13px !important;
    box-shadow: 0 5px 0 rgba(8,14,17,.58) !important;
}

.games-hero-banner {
    background: linear-gradient(145deg, #1d2d34 0%, #17262d 100%) !important;
}
.games-hero-banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-radius: 18px 0 0 18px;
    background: linear-gradient(#7c5cff, #1cb0f6);
}
.games-hero-banner::after {
    width: 90px !important;
    height: 90px !important;
    right: -30px !important;
    top: -34px !important;
    opacity: .5;
}
.games-hero-kicker {
    padding: 4px 8px !important;
    margin: 0 0 5px !important;
    font-size: 9px !important;
    letter-spacing: .8px !important;
    color: #c8bfff !important;
    background: rgba(124,92,255,.10) !important;
    border: 1px solid rgba(124,92,255,.18) !important;
}
.games-hero-banner h2 {
    font-size: 19px !important;
    line-height: 1.15 !important;
    color: var(--text-main) !important;
}
.games-hero-banner p {
    margin-top: 4px !important;
    max-width: 430px !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    color: var(--text-muted) !important;
}
.games-hero-chips {
    gap: 5px !important;
    margin-top: 9px !important;
}
.games-hero-chips span {
    padding: 4px 7px !important;
    font-size: 9px !important;
    color: #cbd9df !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}

.solo-game-hero,
.solo-game-hero.match-hero {
    background: linear-gradient(145deg, #1b3038 0%, #15252c 100%) !important;
}
.solo-game-hero.memory-hero {
    background: linear-gradient(145deg, #292137 0%, #1d2630 100%) !important;
}
.solo-game-hero::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    border: 0 !important;
    border-radius: 18px 0 0 18px !important;
    background: linear-gradient(#1cb0f6, #58cc02) !important;
}
.solo-game-hero.memory-hero::before {
    background: linear-gradient(#ce82ff, #7c5cff) !important;
}
.solo-game-hero::after {
    width: 95px !important;
    height: 95px !important;
    right: -34px !important;
    top: -38px !important;
    opacity: .45 !important;
}
.solo-game-kicker {
    display: inline-flex !important;
    margin: 0 0 5px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    letter-spacing: .75px !important;
    color: #73d8ff !important;
    background: rgba(28,176,246,.09) !important;
    border: 1px solid rgba(28,176,246,.16) !important;
}
.memory-hero .solo-game-kicker {
    color: #dfaaff !important;
    background: rgba(206,130,255,.09) !important;
    border-color: rgba(206,130,255,.16) !important;
}
.solo-game-hero h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.15 !important;
    color: var(--text-main) !important;
}
.solo-game-hero p {
    margin: 4px 0 0 !important;
    max-width: 450px !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    color: var(--text-muted) !important;
}
.solo-hero-chips {
    gap: 5px !important;
    margin-top: 8px !important;
}
.solo-hero-chips span {
    padding: 4px 7px !important;
    font-size: 9px !important;
    color: #c6d5dc !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}

/* Game hub badges: stay in their own row, never collide with title or arrow. */
.game-card {
    padding: 13px 13px !important;
    padding-top: 13px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0,1fr) 36px !important;
    grid-template-areas:
        "icon badge arrow"
        "icon info arrow" !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;
}
.game-card .game-icon-box { grid-area: icon !important; }
.game-card-badge {
    grid-area: badge !important;
    position: static !important;
    justify-self: start !important;
    max-width: 100% !important;
    font-size: 8.5px !important;
    padding: 4px 7px !important;
    line-height: 1 !important;
}
.game-card .game-info {
    grid-area: info !important;
    padding: 0 !important;
    min-width: 0 !important;
}
.game-card .game-info h3 {
    margin: 0 !important;
    line-height: 1.18 !important;
}
.game-card .game-arrow {
    grid-area: arrow !important;
    align-self: center !important;
    margin: 0 !important;
}

/* Memory game: no 3D faces. The visible text is changed by JS. */
.memory-board {
    perspective: none !important;
    gap: 9px !important;
}
.memory-card {
    position: relative !important;
    display: block !important;
    aspect-ratio: .88 !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: none !important;
    transform-style: flat !important;
    perspective: none !important;
    filter: drop-shadow(0 4px 0 rgba(8,14,17,.52)) !important;
    cursor: pointer !important;
}
.memory-card-inner,
.memory-card-front,
.memory-card-back {
    display: none !important;
}
.memory-card-face {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px;
    border-radius: 16px;
    border: 2px solid rgba(255,255,255,.07);
    border-bottom-width: 5px;
    background: linear-gradient(145deg,#223941,#172930);
    color: #6dd5ff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.22;
    overflow-wrap: anywhere;
    word-break: break-word;
    transition: transform .12s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.memory-card:active .memory-card-face {
    transform: translateY(2px);
    border-bottom-width: 3px;
}
.memory-card.is-open .memory-card-face {
    font-size: 12px;
    color: #fff;
    transform: none;
}
.memory-card.memory-ru.is-open .memory-card-face {
    border-color: #1cb0f6;
    background: linear-gradient(180deg, #163f50, #102e3b);
}
.memory-card.memory-tr.is-open .memory-card-face {
    border-color: #ce82ff;
    background: linear-gradient(180deg, #48265d, #321b42);
}
.memory-card.is-matched .memory-card-face {
    border-color: #58cc02 !important;
    background: linear-gradient(180deg, #365e24, #244319) !important;
    color: #b8ff82 !important;
}
.memory-card.is-wrong .memory-card-face {
    border-color: #ff4b4b !important;
    background: linear-gradient(180deg, #682929, #461c1c) !important;
    animation: soloShake .32s linear;
}

body.light-mode .games-hero-banner,
body.light-mode .solo-game-hero,
body.light-mode .solo-game-hero.memory-hero {
    background: #fff !important;
    border-color: #dce6ea !important;
    box-shadow: 0 5px 0 #dce6ea !important;
}
body.light-mode .memory-card-face {
    background: #edf7fb !important;
    color: #0f9fd8 !important;
    border-color: #d9e3e7 !important;
}
body.light-mode .memory-card.memory-ru.is-open .memory-card-face {
    background: #e7f7fd !important;
    color: #16627f !important;
    border-color: #1cb0f6 !important;
}
body.light-mode .memory-card.memory-tr.is-open .memory-card-face {
    background: #f6edfc !important;
    color: #71349a !important;
    border-color: #ce82ff !important;
}

@media (max-width:420px) {
    .games-hero-banner,
    .solo-game-hero,
    .solo-game-hero.memory-hero {
        padding: 12px 13px !important;
        border-radius: 18px !important;
    }
    .solo-game-hero h2,
    .games-hero-banner h2 { font-size: 18px !important; }
    .solo-game-hero p,
    .games-hero-banner p { font-size: 11px !important; }
    .solo-hero-chips span,
    .games-hero-chips span { font-size: 8.5px !important; padding: 4px 6px !important; }
    .game-card {
        grid-template-columns: 48px minmax(0,1fr) 32px !important;
        column-gap: 10px !important;
    }
    .game-card-badge { font-size: 8px !important; }
    .memory-card-face { border-radius: 14px; padding: 5px; }
    .memory-card.is-open .memory-card-face { font-size: 10.5px; }
}


/* ========================================================================== 
   SLOVRA V6.6 — 5 YENİ SOLO OYUN
   ========================================================================== */
.game-card-badge.orange{background:rgba(255,150,40,.15);color:#ffb35c;border-color:rgba(255,150,40,.24)}
.game-card-badge.pink{background:rgba(255,105,180,.15);color:#ff9fd0;border-color:rgba(255,105,180,.24)}
.game-card-badge.yellow{background:rgba(255,200,0,.15);color:#ffe064;border-color:rgba(255,200,0,.24)}
.game-card-badge.mint{background:rgba(38,208,124,.15);color:#75efb3;border-color:rgba(38,208,124,.24)}
.game-card-badge.red{background:rgba(255,75,75,.15);color:#ff9b9b;border-color:rgba(255,75,75,.24)}
.game-icon-speed{background:rgba(255,150,40,.15)!important;color:#ffad46!important}
.game-icon-listen{background:rgba(255,105,180,.15)!important;color:#ff9fd0!important}
.game-icon-spell{background:rgba(255,200,0,.15)!important;color:#ffd739!important}
.game-icon-truefalse{background:rgba(38,208,124,.15)!important;color:#64e8aa!important}
.game-icon-bomb{background:rgba(255,75,75,.15)!important;color:#ff7474!important}
.game-speed-translate:hover{border-color:#ff9f2f!important;background:linear-gradient(180deg,rgba(63,43,19,.95),rgba(34,27,18,.98))!important}
.game-listen-pick:hover{border-color:#ff69b4!important;background:linear-gradient(180deg,rgba(63,27,47,.95),rgba(37,20,31,.98))!important}
.game-spelling:hover{border-color:#ffc800!important;background:linear-gradient(180deg,rgba(65,54,17,.95),rgba(36,32,16,.98))!important}
.game-truefalse:hover{border-color:#26d07c!important;background:linear-gradient(180deg,rgba(24,61,46,.95),rgba(17,36,29,.98))!important}
.game-word-bomb:hover{border-color:#ff4b4b!important;background:linear-gradient(180deg,rgba(67,27,27,.95),rgba(39,19,19,.98))!important}

.mini-game-page{max-width:580px}
.mini-game-title-card{
    display:flex;align-items:center;gap:13px;margin:10px 0 14px;padding:13px 15px;border:1px solid #34464f;border-radius:19px;
    background:linear-gradient(145deg,#1b2e36,#15252c);box-shadow:0 5px 0 rgba(7,13,16,.72);position:relative;overflow:hidden
}
.mini-game-title-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1cb0f6}
.theme-orange .mini-game-title-card::before{background:#ff9f2f}.theme-pink .mini-game-title-card::before{background:#ff69b4}.theme-yellow .mini-game-title-card::before{background:#ffc800}.theme-mint .mini-game-title-card::before{background:#26d07c}.theme-red .mini-game-title-card::before{background:#ff4b4b}
.mini-game-title-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.theme-orange .mini-game-title-icon{background:rgba(255,159,47,.13)}.theme-pink .mini-game-title-icon{background:rgba(255,105,180,.13)}.theme-yellow .mini-game-title-icon{background:rgba(255,200,0,.13)}.theme-mint .mini-game-title-icon{background:rgba(38,208,124,.13)}.theme-red .mini-game-title-icon{background:rgba(255,75,75,.13)}
.mini-game-title-card span{display:block;font-size:9px;letter-spacing:.8px;font-weight:900;color:#8fa4ae;margin-bottom:3px}.mini-game-title-card h2{margin:0;color:var(--text-main);font-size:18px;line-height:1.15}.mini-game-title-card p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.4}
.orange-setup::before{background:linear-gradient(90deg,#ff8a25,#ffbf63,#ff8a25)!important}.pink-setup::before{background:linear-gradient(90deg,#ff5aaa,#ff9fd0,#ff5aaa)!important}.yellow-setup::before{background:linear-gradient(90deg,#f2b900,#ffe066,#f2b900)!important}.mint-setup::before{background:linear-gradient(90deg,#21b66e,#75efb3,#21b66e)!important}.red-setup::before{background:linear-gradient(90deg,#e73d3d,#ff8a8a,#e73d3d)!important}
.mini-btn-orange{background:#ff9f2f!important;color:#fff!important;box-shadow:0 5px 0 #b96513!important}.mini-btn-pink{background:#ff69b4!important;color:#fff!important;box-shadow:0 5px 0 #b53676!important}.mini-btn-yellow{background:#ffc800!important;color:#2e2600!important;box-shadow:0 5px 0 #a17f00!important}.mini-btn-mint{background:#26d07c!important;color:#082d1d!important;box-shadow:0 5px 0 #138348!important}.mini-btn-red{background:#ff4b4b!important;color:#fff!important;box-shadow:0 5px 0 #a92626!important}

.quiz-game-card{padding:17px!important}.quiz-game-label{text-align:center;color:#91a6b0;font-size:9px;font-weight:900;letter-spacing:.85px;margin-bottom:8px}.quiz-speak-word{display:block;width:100%;border:0;background:transparent;color:#fff;font-size:27px;font-weight:900;padding:9px 8px 15px;cursor:pointer;overflow-wrap:anywhere}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-option-btn{min-height:58px;border:2px solid #3b4e58;border-bottom-width:5px;border-radius:17px;background:linear-gradient(180deg,#20343d,#182a32);color:var(--text-main);font:inherit;font-size:13px;font-weight:850;padding:10px;cursor:pointer;transition:.12s ease;overflow-wrap:anywhere}.quiz-option-btn:hover{transform:translateY(-1px);border-color:#5a7380}.quiz-option-btn:active{transform:translateY(2px);border-bottom-width:3px}.quiz-option-btn:disabled{cursor:default}.quiz-option-btn.is-correct{border-color:#58cc02!important;background:linear-gradient(180deg,#365f23,#24431a)!important;color:#b9ff87!important}.quiz-option-btn.is-wrong{border-color:#ff4b4b!important;background:linear-gradient(180deg,#682929,#461c1c)!important;color:#ffc0c0!important;animation:soloShake .3s linear}.mini-game-feedback{min-height:26px;margin-top:10px;padding:6px 8px;text-align:center;font-size:12px;font-weight:850;color:#9fb0b8;border-radius:12px}.mini-game-feedback.good{background:rgba(88,204,2,.09);color:#9aed62}.mini-game-feedback.bad{background:rgba(255,75,75,.09);color:#ff9d9d}

.listen-game-card{text-align:center}.listen-pulse-wrap{display:flex;justify-content:center;margin:0 0 13px}.listen-big-button{width:126px;height:126px;border-radius:50%;border:3px solid rgba(255,105,180,.32);background:radial-gradient(circle at 35% 30%,#ff9fd0,#ff69b4 55%,#a93170);color:#fff;box-shadow:0 8px 0 #7d2854,0 0 0 8px rgba(255,105,180,.08);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:slovraListenPulse 2.2s ease-in-out infinite}.listen-big-button span{font-size:39px;line-height:1}.listen-big-button small{font-size:8px;font-weight:900;letter-spacing:.75px;margin-top:7px}.listen-big-button:active{transform:translateY(4px);box-shadow:0 4px 0 #7d2854}@keyframes slovraListenPulse{0%,100%{box-shadow:0 8px 0 #7d2854,0 0 0 8px rgba(255,105,180,.08)}50%{box-shadow:0 8px 0 #7d2854,0 0 0 15px rgba(255,105,180,.025)}}

.spelling-card{text-align:center}.spelling-meaning{font-size:28px;font-weight:900;color:#ffe064;margin:7px 0 18px;overflow-wrap:anywhere}.spelling-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.spelling-input-wrap input{min-width:0;border:2px solid #42545e;border-bottom-width:4px;border-radius:16px;background:#14252c;color:#fff;font:inherit;font-size:16px;font-weight:800;padding:13px 14px;outline:none}.spelling-input-wrap input:focus{border-color:#ffc800}.spelling-input-wrap button{border:0;border-radius:15px;background:#ffc800;color:#292100;font-weight:900;padding:0 16px;box-shadow:0 4px 0 #947500;cursor:pointer}.spelling-actions{display:flex;justify-content:center;gap:8px;margin-top:11px}.spelling-actions button{border:1px solid #3b4e58;border-radius:999px;background:#172a32;color:#b7c7ce;font-size:11px;font-weight:800;padding:7px 11px;cursor:pointer}

.truefalse-card{text-align:center}.tf-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:4px 0 18px}.tf-pair>div:not(.tf-link){min-height:103px;border:1px solid #40515a;border-radius:18px;background:linear-gradient(180deg,#20343d,#172930);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:11px}.tf-pair span{font-size:9px;font-weight:900;letter-spacing:.75px;color:#8ea4ae}.tf-pair strong{margin-top:7px;color:#fff;font-size:18px;overflow-wrap:anywhere}.tf-link{color:#73858e;font-size:20px;font-weight:900}.tf-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-buttons button{min-height:54px;border:0;border-radius:17px;color:#fff;font-weight:900;font-size:13px;cursor:pointer}.tf-yes{background:#26d07c;box-shadow:0 5px 0 #148249}.tf-no{background:#ff4b4b;box-shadow:0 5px 0 #a92a2a}.tf-buttons button:active{transform:translateY(3px);box-shadow:none}

.bomb-rules{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.bomb-rules span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:10px;font-weight:850;color:#cad7dc}.bomb-timer-track{height:9px;border-radius:999px;background:#3a2525;overflow:hidden;margin:2px 0 14px;border:1px solid rgba(255,75,75,.2)}#bomb-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4b4b,#ff9f2f,#ffc800);transition:width .7s linear}.bomb-time-stat strong{color:#ff8f8f!important}.bomb-card .quiz-speak-word{color:#ffd5d5}

body.light-mode .mini-game-title-card{background:#fff;border-color:#dce6ea;box-shadow:0 5px 0 #dce6ea}.light-mode .quiz-option-btn,.light-mode .tf-pair>div:not(.tf-link),.light-mode .spelling-input-wrap input,.light-mode .spelling-actions button{background:#f5f8fa;color:#24323a;border-color:#d9e3e7}.light-mode .quiz-speak-word,.light-mode .tf-pair strong{color:#24323a}.light-mode .mini-game-title-card h2{color:#24323a}.light-mode .listen-big-button{color:#fff}.light-mode .spelling-meaning{color:#9b7700}

@media(max-width:420px){.mini-game-title-card{padding:11px 12px;gap:10px}.mini-game-title-icon{width:42px;height:42px;border-radius:13px;font-size:21px}.mini-game-title-card h2{font-size:16px}.mini-game-title-card p{font-size:10.5px}.quiz-speak-word{font-size:24px}.quiz-options-grid{gap:7px}.quiz-option-btn{min-height:54px;font-size:12px;border-radius:15px;padding:8px}.listen-big-button{width:112px;height:112px}.spelling-input-wrap{grid-template-columns:1fr}.spelling-input-wrap button{min-height:45px}.tf-pair{grid-template-columns:1fr;gap:7px}.tf-link{transform:rotate(90deg);font-size:16px}.tf-pair>div:not(.tf-link){min-height:80px}.tf-buttons{gap:8px}}