:root{--color-bg:#fff;--color-surface:#fff;--color-text:#414a5e;--color-text-secondary:#7a8199;--color-text-dark:#252a34;--color-border:#dce1ed;--color-border-filled:#a8aebf;--color-correct:#63af4e;--color-present:#d4a843;--color-absent:#a8aebf;--color-shadow:rgba(37,42,52,.08);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--font-family:"Rubik",system-ui,-apple-system,sans-serif;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.75rem;--radius:7px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--transition-fast:.1s;--transition-normal:.2s}.content-sections{display:flex;flex-direction:column;font-family:var(--font-family);gap:var(--space-8);margin:var(--space-8) auto 0;max-width:1010px;padding:0 var(--space-4) var(--space-8);width:100%}.howto{background:transparent}.howto__heading{display:flex;justify-content:center;margin-bottom:var(--space-6)}.howto__heading-text{background:#d7ecd1;border-radius:var(--radius-pill);color:var(--color-text-dark);font-size:var(--font-size-xl);font-weight:700;padding:8px 24px}.howto__list{display:flex;flex-direction:column;gap:var(--space-6);list-style:none;margin:0;padding:0}.howto__item{align-items:start;display:grid;gap:var(--space-4)}.howto__item,.howto__item--alt{grid-template-columns:1fr 40px 1fr}.howto__item:not(.howto__item--alt) .howto__content-side{grid-column:1;text-align:right}.howto__item:not(.howto__item--alt) .howto__card-side{grid-column:3}.howto__item--alt .howto__content-side{grid-column:3;text-align:left}.howto__item--alt .howto__card-side{grid-column:1}.howto__num-col{flex-direction:column;grid-column:2;height:100%;position:relative}.howto__num,.howto__num-col{align-items:center;display:flex}.howto__num{background:var(--color-correct);border-radius:50%;color:#fff;font-size:var(--font-size-lg);font-weight:700;height:36px;justify-content:center;width:36px;z-index:2}.howto__line{background:repeating-linear-gradient(to bottom,var(--color-correct) 0,var(--color-correct) 4px,transparent 4px,transparent 8px);bottom:-24px;opacity:.5;position:absolute;top:36px;width:2px;z-index:1}.howto__title{color:var(--color-text-dark);font-size:var(--font-size-lg);font-weight:700;margin-top:8px}.howto__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--color-shadow);padding:var(--space-4)}.howto__desc{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-4)}.howto__img{border-radius:var(--radius);height:auto;width:100%}.game-cards{background:transparent}.game-cards__heading{display:flex;justify-content:center;margin-bottom:var(--space-6)}.game-cards__heading-text{background:#f2efe4;border-radius:var(--radius-pill);color:var(--color-text-dark);font-size:var(--font-size-xl);font-weight:700;padding:8px 24px}.game-cards__grid{display:grid;gap:var(--space-4)}.game-cards__grid,.game-cards__grid--4col{grid-template-columns:repeat(2,1fr)}.game-card{align-items:center;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--color-shadow);color:inherit;display:flex;gap:var(--space-3);padding:var(--space-3);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.game-card--enhanced{border-bottom:3px solid transparent;padding:14px var(--space-3);position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.game-card--enhanced:hover{border-bottom-color:var(--card-accent,#4a90d9);box-shadow:0 6px 20px var(--color-shadow);transform:translateY(-3px)}.game-card:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.game-card__icon{font-size:24px}.game-card__icon,.game-card__icon-wrap{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.game-card__icon-wrap{overflow:hidden;padding:4px}.game-card__img{border-radius:8px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.game-card__info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.game-card__name{color:var(--color-text-dark);font-size:var(--font-size-base);font-weight:700}.game-card__desc{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.3}.game-card__arrow{color:var(--color-text-secondary);flex-shrink:0;font-size:16px;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.game-card--enhanced:hover .game-card__arrow{color:var(--card-accent,#4a90d9);opacity:1;transform:translate(0)}.tips{background:transparent;padding:0}.tips__heading{display:flex;justify-content:center;margin-bottom:var(--space-6)}.tips__heading-text{background:#f2eae3;border-radius:var(--radius-pill);color:var(--color-text-dark);font-size:var(--font-size-xl);font-weight:700;padding:8px 24px}.tips__content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--color-shadow);gap:var(--space-5);padding:var(--space-6)}.tips__content,.tips__item{display:flex;flex-direction:column}.tips__item{gap:var(--space-2)}.tips__title{color:var(--color-text-dark);font-size:var(--font-size-lg);font-weight:700;margin:0}.tips__desc{color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;margin:0}.advantages{background:transparent;padding:0}.advantages__heading{display:flex;justify-content:center;margin-bottom:var(--space-6)}.advantages__heading-text{background:#dff0eb;border-radius:var(--radius-pill);color:var(--color-text-dark);font-size:var(--font-size-xl);font-weight:700;padding:8px 24px}.advantages__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.advantages__card{align-items:center;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--color-shadow);display:flex;flex-direction:column;padding:var(--space-6);text-align:center}.advantages__icon{font-size:48px;line-height:1;margin-bottom:var(--space-4)}.advantages__title{color:var(--color-text-dark);font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-3)}.advantages__desc{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;margin:0}.faq{background:transparent;padding:0}.faq__heading{display:flex;justify-content:center;margin-bottom:var(--space-6)}.faq__heading-text{background:#f2eaf1;border-radius:var(--radius-pill);color:var(--color-text-dark);font-size:var(--font-size-xl);font-weight:700;padding:8px 24px}.faq__list{display:flex;flex-direction:column;gap:var(--space-3)}.faq__item{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 10px var(--color-shadow);overflow:hidden}.faq__trigger{align-items:center;background:transparent;border:none;color:var(--color-text-dark);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:700;justify-content:space-between;padding:var(--space-5) var(--space-6);text-align:left;width:100%}.faq__icon{height:20px;transition:transform .3s ease;width:20px}.faq__item.is-open .faq__icon{transform:rotate(180deg)}.faq__content-wrap{border-top:1px solid var(--color-border)}.faq__content{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.6;padding:var(--space-5) var(--space-6)}.wordle-intro{margin-top:40px;padding-bottom:40px;padding-left:20px;padding-right:20px}.wordle-intro__card{align-items:flex-start;background:var(--color-surface);border-radius:16px;box-shadow:0 4px 16px var(--color-shadow);display:flex;gap:30px;margin:0 auto;max-width:900px;padding:30px}.wordle-intro__icon{flex-shrink:0}.wordle-intro__logo{align-items:center;background:#6aaa64;border-radius:24px;display:flex;height:140px;justify-content:center;width:140px}.wordle-intro__logo span{color:#fff;font-size:80px;font-weight:800;-webkit-text-stroke:4px var(--color-text-dark)}.wordle-intro__content{flex-grow:1}.wordle-intro__title{color:var(--color-text-dark);font-size:24px;font-weight:700;line-height:1.3;margin:0 0 15px}.wordle-intro__desc{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0 0 20px}.wordle-intro__links{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wordle-intro__link{color:var(--color-text-dark);font-size:16px;font-weight:700;text-decoration:none}.wordle-intro__link:hover{text-decoration:underline}.wordle-intro__divider{color:var(--color-border)}.rate-game{background:transparent;margin-top:0;padding:0}.rate-game__heading{display:flex;justify-content:center;margin-bottom:var(--space-6)}.rate-game__heading-text{background:#e3f2fd;border-radius:var(--radius-pill);color:var(--color-text-dark);font-size:var(--font-size-xl);font-weight:700;padding:8px 24px}.rate-game__content{align-items:center;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--color-shadow);display:flex;flex-direction:column;padding:var(--space-6);text-align:center}.rate-game__stars{color:#fbbf24;font-size:32px;letter-spacing:4px;margin-bottom:var(--space-3)}.rate-game__score{color:var(--color-text-dark);font-size:48px;font-weight:800;line-height:1;margin-bottom:var(--space-2)}.rate-game__votes{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}@media(max-width:768px){.advantages__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.howto__item{gap:var(--space-3)}.howto__item,.howto__item--alt{grid-template-columns:32px 1fr}.howto__item--alt .howto__content-side,.howto__item:not(.howto__item--alt) .howto__content-side{grid-column:2;grid-row:1;margin-top:4px;text-align:left}.howto__item--alt .howto__card-side,.howto__item:not(.howto__item--alt) .howto__card-side{grid-column:2;grid-row:2}.howto__num-col{grid-column:1;grid-row:1/span 2}.howto__num{font-size:var(--font-size-base);height:32px;width:32px}.howto__line{top:32px}.game-cards__grid{grid-template-columns:1fr}}@media(max-width:500px){.advantages__grid{grid-template-columns:1fr}.faq__content,.faq__trigger{padding:var(--space-4)}}@media screen and (max-width:767px){.wordle-intro__card{flex-direction:column;padding:20px}.wordle-intro__logo{border-radius:16px;height:80px;width:80px}.wordle-intro__logo span{font-size:40px;-webkit-text-stroke:2px var(--color-text-dark)}.wordle-intro__title{font-size:20px}.wordle-intro__desc{font-size:15px}}.footer{background-color:#fff;border-top:1px solid var(--color-border);color:#414a5e;flex-direction:column;gap:var(--space-4);padding:var(--space-8) 0;text-align:center;width:100%}.footer,.footer__logo{align-items:center;display:flex}.footer__logo{color:#252a34;font-size:var(--font-size-lg);font-weight:800;gap:8px}.footer__logo-icon{background:var(--color-correct);border-radius:4px;color:#fff;font-size:14px;height:24px;width:24px}.footer__links,.footer__logo-icon{align-items:center;display:flex;justify-content:center}.footer__links{flex-wrap:wrap;font-size:var(--font-size-sm);gap:12px}.footer__link{color:#414a5e;font-weight:600;text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--color-correct)}.footer__dot{color:var(--color-border-filled)}.footer__info{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:8px}.footer__copy{color:#7a8199;font-size:var(--font-size-xs);font-weight:500;margin:0}.footer__version{background:#f5f5f4;border-radius:4px;color:#a8aebf;font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}