.games-page{min-height:100vh;background:#f5f7fc;color:#172033}.games-shell{width:min(1160px,calc(100% - 40px));margin:38px auto 80px}.games-hero{position:relative;display:grid;grid-template-columns:1.25fr .75fr;min-height:370px;padding:clamp(30px,6vw,64px);overflow:hidden;color:#fff;border-radius:32px;background:radial-gradient(circle at 82% 20%,rgba(56,189,248,.35),transparent 28%),linear-gradient(125deg,#312e81,#4f46e5 58%,#0284c7);box-shadow:0 25px 65px rgba(49,46,129,.22)}.games-hero-copy{position:relative;z-index:2;max-width:670px}.games-eyebrow{margin:0 0 9px;color:#c7d2fe;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.games-hero h1{margin:0;font-size:clamp(38px,7vw,68px);line-height:1;letter-spacing:-.05em}.games-hero-copy>p:not(.games-eyebrow){max-width:610px;margin:20px 0;color:#dbeafe;font-size:17px;line-height:1.7}.games-points{display:inline-flex;align-items:center;gap:11px;margin-top:8px;padding:11px 16px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.13);backdrop-filter:blur(8px)}.games-points>span{display:grid;width:35px;height:35px;place-items:center;color:#fbbf24;border-radius:11px;background:rgba(15,23,42,.22)}.games-points div{display:grid}.games-points small{color:#c7d2fe;font-size:10px;text-transform:uppercase}.games-points strong{font-size:16px}.games-login{display:inline-flex;margin-top:9px;padding:13px 17px;color:#3730a3;border-radius:13px;background:#fff;font-weight:800;text-decoration:none}.games-hero-art{position:relative;min-height:230px}.games-hero-art span{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);box-shadow:0 16px 36px rgba(15,23,42,.16);backdrop-filter:blur(8px)}.games-hero-art span:nth-child(1){right:125px;top:9px;width:112px;height:112px;border-radius:32px;transform:rotate(-8deg);font-size:48px;font-weight:800}.games-hero-art span:nth-child(2){right:5px;top:105px;width:135px;height:92px;border-radius:28px;transform:rotate(7deg);font-size:28px;font-weight:800}.games-hero-art span:nth-child(3){right:155px;bottom:2px;width:78px;height:78px;color:#fbbf24;border-radius:24px;font-size:30px}.games-section{margin-top:66px}.games-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.games-heading p{margin:0 0 6px;color:#4f46e5;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.games-heading h2{margin:0;font-size:clamp(29px,4vw,40px);letter-spacing:-.04em}.games-heading>span{padding:8px 13px;color:#64748b;font-size:12px;font-weight:800;border-radius:999px;background:#e8eef8}.game-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-mode-card{display:flex;min-height:590px;flex-direction:column;padding:30px;border:1px solid #dbe3f0;border-radius:27px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.07);transition:transform .22s ease,box-shadow .22s ease}.game-mode-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(15,23,42,.11)}.game-mode-duel{background:linear-gradient(150deg,#fff 55%,#eef2ff)}.game-mode-words{background:linear-gradient(150deg,#fff 55%,#ecfdf5)}.game-mode-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.game-mode-icon{display:grid;width:58px;height:58px;place-items:center;color:#fff;font-size:25px;font-weight:800;border-radius:18px;background:linear-gradient(145deg,#6366f1,#4338ca);box-shadow:0 12px 25px rgba(79,70,229,.25)}.game-mode-words .game-mode-icon{background:linear-gradient(145deg,#14b8a6,#047857);box-shadow:0 12px 25px rgba(5,150,105,.2)}.game-status{padding:7px 10px;color:#92400e;font-size:10px;font-weight:800;border-radius:999px;background:#fef3c7}.game-mode-label{margin:0 0 7px!important;color:#6366f1!important;font-size:10px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.game-mode-card h3{margin:0;font-size:29px;letter-spacing:-.04em}.game-mode-card>p{margin:15px 0;color:#64748b;line-height:1.7}.game-tags{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 22px}.game-tags span{padding:7px 10px;color:#475569;font-size:11px;font-weight:700;border:1px solid #e2e8f0;border-radius:999px;background:rgba(255,255,255,.75)}.game-options{display:grid;gap:9px;margin-bottom:20px}.game-options div,.game-preview{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #e0e7ff;border-radius:14px;background:rgba(255,255,255,.78)}.game-options div{display:grid;gap:3px}.game-options small,.game-preview small{color:#64748b}.game-preview{margin-bottom:20px}.game-preview>span{display:grid;width:50px;height:50px;place-items:center;color:#047857;font-size:21px;font-weight:800;border-radius:14px;background:#d1fae5}.game-preview div{display:grid;gap:3px}.game-mode-card button{margin-top:auto;padding:13px;border:0;border-radius:13px;color:#64748b;font:inherit;font-weight:800;background:#e8eef8;cursor:not-allowed}.points-guide{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;margin-top:24px;padding:34px;border:1px solid #fde68a;border-radius:26px;background:linear-gradient(135deg,#fffbeb,#fff);box-shadow:0 12px 34px rgba(180,83,9,.07)}.points-guide h2{margin:0;font-size:27px}.points-guide p:not(.games-eyebrow){margin:12px 0 0;color:#64748b;line-height:1.7}.points-guide .games-eyebrow{color:#b45309}.points-example{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}.points-example span{padding:11px 13px;color:#3730a3;font-weight:800;border-radius:12px;background:#eef2ff}.points-example b{color:#94a3b8}.points-example strong{padding:11px 14px;color:#047857;border-radius:12px;background:#d1fae5}@media(max-width:800px){.games-hero{grid-template-columns:1fr}.games-hero-art{display:none}.game-mode-grid,.points-guide{grid-template-columns:1fr}.game-mode-card{min-height:auto}.game-mode-card button{margin-top:20px}}@media(max-width:520px){.games-shell{width:min(100% - 24px,1160px);margin-top:20px}.games-hero{padding:28px 23px;border-radius:24px}.game-mode-card,.points-guide{padding:22px}.games-heading{align-items:flex-start;gap:12px}}

.game-status-live{color:#047857;background:#d1fae5}.game-play-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:13px 15px;color:#fff!important;font-size:14px;font-weight:800;border-radius:13px;background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 10px 22px rgba(5,150,105,.2);text-decoration:none}.game-play-link:hover{transform:translateX(2px)}
.game-play-link-duel{background:linear-gradient(135deg,#4f46e5,#2563eb);box-shadow:0 10px 22px rgba(79,70,229,.2)}
.word-game-shell{width:min(920px,calc(100% - 40px));margin:30px auto 80px}.word-game-back{display:inline-flex;margin-bottom:18px;color:#4338ca;font-size:13px;font-weight:800;text-decoration:none}.word-game-card{min-height:620px;padding:clamp(25px,6vw,55px);border:1px solid #dbe3f0;border-radius:30px;background:radial-gradient(circle at 100% 0,#ecfdf5,transparent 32%),#fff;box-shadow:0 20px 55px rgba(15,23,42,.09)}.word-game-card [hidden]{display:none!important}.word-game-intro{max-width:680px;margin:auto;text-align:center}.word-game-big-icon{display:grid;width:82px;height:82px;margin:0 auto 22px;place-items:center;color:#fff;font-size:36px;font-weight:800;border-radius:25px;background:linear-gradient(145deg,#14b8a6,#047857);box-shadow:0 16px 30px rgba(5,150,105,.24)}.word-game-intro .games-eyebrow{color:#047857}.word-game-intro h1,.word-game-result>h1{margin:0;font-size:clamp(30px,5vw,46px);letter-spacing:-.045em}.word-game-intro>p:not(.games-eyebrow){margin:16px auto;color:#64748b;line-height:1.75}.word-game-rules{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px 0}.word-game-rules span{display:grid;gap:3px;min-width:135px;padding:14px;color:#64748b;font-size:11px;border:1px solid #dbeafe;border-radius:15px;background:#f8fafc}.word-game-rules b{color:#0f172a;font-size:20px}.word-game-intro>button,.word-result-actions button{display:inline-flex;align-items:center;gap:28px;padding:14px 20px;color:#fff;border:0;border-radius:14px;background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 12px 25px rgba(5,150,105,.22);font:inherit;font-weight:800;cursor:pointer}.word-game-intro>button:disabled{opacity:.55}.word-game-error{min-height:22px;color:#be123c;font-size:13px}.word-round-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.word-round-header small{color:#64748b;font-weight:700}.word-round-header h1{margin:4px 0 0;font-size:clamp(32px,6vw,52px)}.word-game-timer{display:grid;width:92px;height:92px;place-items:center;align-content:center;color:#047857;border-radius:27px;background:#d1fae5;transition:.2s}.word-game-timer span{font-size:31px;font-weight:800;line-height:1}.word-game-timer small{margin-top:3px;color:inherit;font-size:10px;text-transform:uppercase}.word-game-timer.is-ending{color:#be123c;background:#ffe4e6;animation:timer-pulse .8s infinite alternate}@keyframes timer-pulse{to{transform:scale(1.04)}}.word-round-progress{height:7px;margin:22px 0 28px;overflow:hidden;border-radius:999px;background:#e2e8f0}.word-round-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#4f46e5);transition:width .25s linear}.word-game-play>label{display:block;margin-bottom:9px;font-size:13px;font-weight:800}.word-game-play textarea{display:block;width:100%;min-height:300px;padding:18px;resize:vertical;color:#0f172a;border:2px solid #dbe3f0;border-radius:18px;outline:0;background:#f8fafc;font:inherit;font-size:17px;line-height:1.7}.word-game-play textarea:focus{border-color:#5eead4;box-shadow:0 0 0 4px rgba(45,212,191,.16)}.word-round-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;color:#64748b;font-size:13px}.word-round-footer b{color:#0f172a}.word-round-footer button{padding:10px 14px;color:#4338ca;border:1px solid #c7d2fe;border-radius:11px;background:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.word-result-score{display:inline-grid;gap:3px;margin-bottom:24px;padding:17px 22px;color:#047857;border-radius:18px;background:#d1fae5}.word-result-score small{font-size:10px;font-weight:800;text-transform:uppercase}.word-result-score strong{font-size:25px}.word-result-score p{margin:1px 0 0;font-size:12px;font-weight:800}.word-game-result>p{color:#64748b;line-height:1.7}.word-result-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.word-result-columns section{padding:20px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}.word-result-columns h2{margin:0 0 13px;font-size:16px}.word-result-list{display:flex;gap:7px;flex-wrap:wrap}.word-result-list>span:not(.word-list-empty){padding:7px 10px;font-size:12px;font-weight:700;border-radius:9px}.word-result-list.correct>span{color:#047857;background:#d1fae5}.word-result-list.incorrect>span{color:#be123c;background:#ffe4e6}.word-list-empty{color:#94a3b8;font-size:12px}.word-result-actions{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.word-result-actions a{padding:12px 16px;color:#4338ca;font-weight:800;text-decoration:none}.word-result-actions button{padding:12px 16px}.word-game-page :focus-visible{outline:3px solid #818cf8;outline-offset:3px}
@media(max-width:620px){.word-game-shell{width:min(100% - 24px,920px);margin-top:20px}.word-game-card{min-height:560px;border-radius:23px}.word-round-header{align-items:flex-start}.word-game-timer{width:76px;height:76px;border-radius:22px}.word-game-timer span{font-size:26px}.word-round-footer{align-items:flex-start;flex-direction:column}.word-round-footer button{width:100%}.word-result-columns{grid-template-columns:1fr}}
.word-game-login{display:inline-flex;padding:14px 20px;color:#fff!important;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#2563eb);box-shadow:0 12px 25px rgba(79,70,229,.22);font-weight:800;text-decoration:none}