.tabs-bar{height:var(--header-height);background:var(--color-bg);z-index:101;justify-content:center;align-items:center;gap:4px;padding:6px 0;display:flex;position:fixed;top:0;left:0;right:0}.tab-btn{border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-normal);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:6px 16px;font-weight:500;display:flex}.tab-btn--active{background:var(--color-surface);color:var(--color-text-dark);box-shadow:0 1px 4px var(--color-shadow)}.tab-btn svg{width:24px;height:24px}header{background:var(--color-bg);z-index:100;position:fixed;top:0;left:0;right:0}header .cont{place-content:center space-between;align-items:center;height:45px;margin-bottom:0;padding-top:5px;padding-bottom:5px}@media (max-width:767px){header .cont{padding:0 5px}}.flex{flex-wrap:wrap;place-content:flex-start;align-items:flex-start;display:flex}.cont{width:100%;max-width:600px;margin:0 auto;padding:0}.lang{color:var(--color-text);cursor:pointer;background:var(--color-tab-bg);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:flex}.buttons{align-items:center;gap:8px;display:flex}.button,.generator{color:var(--color-icon);transition:all var(--transition-fast);background:var(--color-tab-bg);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.button:hover,.generator:hover{color:var(--color-icon-hover);opacity:.8}.give_up{cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-secondary);border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:4px 10px;font-weight:500;display:flex}.give_up:hover{color:var(--color-text);background:var(--color-border)}.game{max-width:var(--max-width);flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;min-height:100dvh;margin:0 auto;padding-top:130px;display:flex}.game__board-wrapper{padding:var(--space-3);flex:1;justify-content:center;align-items:center;width:100%;display:flex}.grid{gap:var(--tile-gap);grid-template-rows:repeat(6,1fr);width:100%;margin:0 auto;display:grid}.grid__row{gap:var(--tile-gap);display:grid}.grid__row--shake{animation:.5s shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.tile{aspect-ratio:1;text-transform:uppercase;border:2px solid var(--color-tile-border);background:var(--color-tile-empty-bg);color:var(--color-tile-text);border-radius:var(--radius);-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast);justify-content:center;align-items:center;font-size:clamp(.9rem,4vw,1.85rem);font-weight:700;line-height:1;display:flex}.tile--filled{border-color:var(--color-border-filled);animation:.1s pop}.tile--correct{background:var(--color-correct);border-color:var(--color-correct);color:var(--color-evaluated-text)}.tile--present{background:var(--color-present);border-color:var(--color-present);color:var(--color-evaluated-text)}.tile--absent{background:var(--color-absent);border-color:var(--color-absent);color:var(--color-evaluated-text)}.tile--flip{animation:flip var(--flip-duration) ease forwards}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile--bounce{animation:.8s bounce}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-24px)}50%{transform:translateY(4px)}60%{transform:translateY(-12px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.keyboard{width:100%;padding:0 var(--space-2) var(--space-3);max-width:var(--max-width)}.keyboard__row{justify-content:center;gap:var(--key-gap);margin-bottom:var(--key-gap);touch-action:manipulation;display:flex}.key{height:var(--key-height);background:var(--color-key-bg);min-width:30px;max-width:42px;color:var(--color-key-text);border-radius:var(--radius);font-size:var(--font-size-sm);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.key:active{opacity:.8;transform:scale(.95)}.key--wide{max-width:64px;font-size:var(--font-size-xs);letter-spacing:.01em;flex:1.5;font-weight:600}.key--correct{background:var(--color-correct);color:var(--color-evaluated-text)}.key--present{background:var(--color-present);color:var(--color-evaluated-text)}.key--absent{background:var(--color-absent);color:var(--color-evaluated-text)}.key svg{width:18px;height:18px}.modal-overlay{background:var(--color-modal-overlay);z-index:200;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-modal-bg);border-radius:var(--radius-xl);width:100%;max-width:420px;max-height:85vh;padding:var(--space-6);box-shadow:0 12px 40px var(--color-shadow);animation:.3s cubic-bezier(.34,1.56,.64,1) modal-in;position:relative;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__close{top:var(--space-4);right:var(--space-4);width:30px;height:30px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.modal__close:hover{background:var(--color-border);color:var(--color-text)}.modal__title{font-size:var(--font-size-xl);color:var(--color-text-dark);margin-bottom:var(--space-5);text-align:center;font-weight:700}.help__section{margin-bottom:var(--space-5)}.help__text{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-3);line-height:1.6}.help__subtitle{font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--space-3);font-weight:600}.help__rule{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5;display:flex}.help__color-dot{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.help__color-dot--green{background:var(--color-correct)}.help__color-dot--yellow{background:var(--color-present)}.help__color-dot--gray{background:var(--color-absent)}.help__divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.settings__row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.settings__row:last-child{border-bottom:none}.settings__label{font-size:var(--font-size-base);color:var(--color-text-dark);font-weight:500}.settings__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:240px;margin-top:2px}.toggle{background:var(--color-toggle-bg);cursor:pointer;width:42px;height:24px;transition:background var(--transition-normal);border:none;border-radius:12px;flex-shrink:0;position:relative}.toggle--active{background:var(--color-toggle-active)}.toggle__knob{width:18px;height:18px;transition:transform var(--transition-normal);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle--active .toggle__knob{transform:translate(18px)}.stats__grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.stats__item{text-align:center}.stats__number{font-size:var(--font-size-2xl);color:var(--color-text-dark);font-weight:700;line-height:1}.stats__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:4px;line-height:1.2}.stats__dist-title{font-size:var(--font-size-sm);color:var(--color-text-dark);margin-bottom:var(--space-3);font-weight:600}.stats__dist-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);margin-bottom:4px;display:flex}.stats__dist-num{text-align:center;width:16px;color:var(--color-text-secondary);flex-shrink:0;font-weight:600}.stats__dist-bar-wrap{background:var(--color-border);border-radius:4px;flex:1;height:22px;position:relative;overflow:hidden}.stats__dist-bar{background:var(--color-correct);min-width:22px;height:100%;font-size:var(--font-size-xs);color:#fff;transition:width var(--transition-slow);border-radius:4px;justify-content:flex-end;align-items:center;padding-right:6px;font-weight:600;display:flex}.stats__dist-bar--highlight{background:var(--color-correct)}.new-game-btn{margin:var(--space-5) auto 0;padding:var(--space-3) var(--space-7);background:var(--color-correct);color:#fff;border-radius:var(--radius-pill);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;display:block;box-shadow:0 2px 8px #63af4e40}.new-game-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #63af4e59}.new-game-btn:active{transform:translateY(0)}.game-over-float{z-index:50;animation:.4s float-in;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}@keyframes float-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:400px){:root{--key-height:46px;--key-gap:4px}.key{min-width:24px;font-size:var(--font-size-xs);border-radius:5px}.key--wide{max-width:54px}.grid{max-width:280px}}@media (max-height:650px){:root{--key-height:44px}.grid{max-width:260px}}@media (min-height:750px){.grid{max-width:600px}}.content-sections{width:100%;max-width:1010px;margin:var(--space-8) auto 0;padding:0 var(--space-4) var(--space-8);gap:var(--space-8);flex-direction:column;display:flex}.howto{background:0 0}.howto__heading{margin-bottom:var(--space-6);justify-content:center;display:flex}.howto__heading-text{border-radius:var(--radius-pill);font-size:var(--font-size-xl);color:var(--color-text-dark);background:#d7ecd1;padding:8px 24px;font-weight:700}.howto__list{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.howto__item{gap:var(--space-4);grid-template-columns:1fr 40px 1fr;align-items:start;display:grid}.howto__item--alt{grid-template-columns:1fr 40px 1fr}.howto__item:not(.howto__item--alt) .howto__content-side{text-align:right;grid-column:1}.howto__item:not(.howto__item--alt) .howto__card-side{grid-column:3}.howto__item--alt .howto__content-side{text-align:left;grid-column:3}.howto__item--alt .howto__card-side{grid-column:1}.howto__num-col{flex-direction:column;grid-column:2;align-items:center;height:100%;display:flex;position:relative}.howto__num{background:var(--color-correct);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--font-size-lg);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex}.howto__line{background:repeating-linear-gradient(to bottom, var(--color-correct) 0, var(--color-correct) 4px, transparent 4px, transparent 8px);z-index:1;opacity:.5;width:2px;position:absolute;top:36px;bottom:-24px}.howto__title{font-size:var(--font-size-lg);color:var(--color-text-dark);margin-top:8px;font-weight:700}.howto__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 4px 12px var(--color-shadow)}.howto__desc{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.5}.howto__img{border-radius:var(--radius);width:100%;height:auto}.game-cards{background:0 0}.game-cards__heading{margin-bottom:var(--space-6);justify-content:center;display:flex}.game-cards__heading-text{border-radius:var(--radius-pill);font-size:var(--font-size-xl);color:var(--color-text-dark);background:#f2efe4;padding:8px 24px;font-weight:700}.game-cards__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.game-cards__grid--4col{grid-template-columns:repeat(2,1fr)}.game-card{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3);color:inherit;transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 2px 8px var(--color-shadow);border:1.5px solid var(--color-border);text-decoration:none;display:flex}.game-card--enhanced{padding:14px var(--space-3);border-bottom:3px solid #0000;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.game-card--enhanced:hover{box-shadow:0 6px 20px var(--color-shadow);border-bottom-color:var(--card-accent,#4a90d9);transform:translateY(-3px)}.game-card:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.game-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.game-card__icon-wrap{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:4px;display:flex;overflow:hidden}.game-card__img{object-fit:contain;border-radius:8px;width:100%;height:100%}.game-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-card__name{font-size:var(--font-size-base);color:var(--color-text-dark);font-weight:700}.game-card__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.game-card__arrow{color:var(--color-text-secondary);opacity:0;flex-shrink:0;font-size:16px;transition:opacity .18s,transform .18s;transform:translate(-4px)}.game-card--enhanced:hover .game-card__arrow{opacity:1;color:var(--card-accent,#4a90d9);transform:translate(0)}.footer{text-align:center;padding:var(--space-8) 0;border-top:1px solid var(--color-border);align-items:center;gap:var(--space-4);color:#414a5e;background-color:#fff;flex-direction:column;display:flex}.footer__logo{font-size:var(--font-size-lg);color:#252a34;align-items:center;gap:8px;font-weight:800;display:flex}.footer__logo-icon{background:var(--color-correct);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.footer__links{font-size:var(--font-size-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.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{flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.footer__copy{font-size:var(--font-size-xs);color:#7a8199;margin:0;font-weight:500}.footer__version{color:#a8aebf;text-transform:uppercase;letter-spacing:.05em;background:#f5f5f4;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}@media (max-width:600px){.howto__item{gap:var(--space-3);grid-template-columns:32px 1fr}.howto__item--alt{grid-template-columns:32px 1fr}.howto__item:not(.howto__item--alt) .howto__content-side,.howto__item--alt .howto__content-side{text-align:left;grid-area:1/2;margin-top:4px}.howto__item:not(.howto__item--alt) .howto__card-side,.howto__item--alt .howto__card-side{grid-area:2/2}.howto__num-col{grid-area:1/1/span 2}.howto__num{width:32px;height:32px;font-size:var(--font-size-base)}.howto__line{top:32px}.game-cards__grid{grid-template-columns:1fr}}.game__preview{z-index:10;text-align:center;background:var(--color-surface);border-radius:30px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:45px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px #00000026}.game__title{color:var(--color-text-dark);margin:0 0 8px;font-size:40px;font-weight:800}.game__desc{color:var(--color-text-secondary);margin:0 0 24px;font-size:20px}.game__btn{background:var(--color-correct);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:18px 56px;font-size:28px;font-weight:700;transition:transform .1s,background .2s;animation:2.5s infinite attention-shake;box-shadow:0 4px #538d4e}@keyframes attention-shake{0%,to{transform:rotate(0)scale(1)}4%{transform:rotate(3deg)scale(1.05)}8%{transform:rotate(-3deg)scale(1.05)}12%{transform:rotate(3deg)scale(1.05)}16%{transform:rotate(-3deg)scale(1.05)}20%{transform:rotate(0)scale(1)}}.game__btn:active{box-shadow:none;animation:none;transform:translateY(4px)}.game__help{color:var(--color-text-secondary);margin-top:24px;font-size:14px;display:block}@media screen and (max-width:575px){.game__preview{max-width:85%;padding:24px}}.tips{background:0 0;padding:0}.tips__heading{margin-bottom:var(--space-6);justify-content:center;display:flex}.tips__heading-text{border-radius:var(--radius-pill);font-size:var(--font-size-xl);color:var(--color-text-dark);background:#f2eae3;padding:8px 24px;font-weight:700}.tips__content{gap:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 4px 20px var(--color-shadow);flex-direction:column;display:flex}.tips__item{gap:var(--space-2);flex-direction:column;display:flex}.tips__title{font-size:var(--font-size-lg);color:var(--color-text-dark);margin:0;font-weight:700}.tips__desc{font-size:var(--font-size-base);color:var(--color-text);margin:0;line-height:1.5}.advantages{background:0 0;padding:0}.advantages__heading{margin-bottom:var(--space-6);justify-content:center;display:flex}.advantages__heading-text{border-radius:var(--radius-pill);font-size:var(--font-size-xl);color:var(--color-text-dark);background:#dff0eb;padding:8px 24px;font-weight:700}.advantages__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.advantages__card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 4px 20px var(--color-shadow);text-align:center;flex-direction:column;align-items:center;display:flex}.advantages__icon{margin-bottom:var(--space-4);font-size:48px;line-height:1}.advantages__title{font-size:var(--font-size-lg);color:var(--color-text-dark);margin:0 0 var(--space-3);font-weight:700}.advantages__desc{font-size:var(--font-size-sm);color:var(--color-text);margin:0;line-height:1.5}.faq{background:0 0;padding:0}.faq__heading{margin-bottom:var(--space-6);justify-content:center;display:flex}.faq__heading-text{border-radius:var(--radius-pill);font-size:var(--font-size-xl);color:var(--color-text-dark);background:#f2eaf1;padding:8px 24px;font-weight:700}.faq__list{gap:var(--space-3);flex-direction:column;display:flex}.faq__item{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 10px var(--color-shadow);overflow:hidden}.faq__trigger{text-align:left;width:100%;padding:var(--space-5) var(--space-6);font-size:var(--font-size-base);color:var(--color-text-dark);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:700;display:flex}.faq__icon{width:20px;height:20px;transition:transform .3s}.faq__item.is-open .faq__icon{transform:rotate(180deg)}.faq__content-wrap{border-top:1px solid var(--color-border)}.faq__content{padding:var(--space-5) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}@media (max-width:768px){.advantages__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.advantages__grid{grid-template-columns:1fr}.faq__trigger,.faq__content{padding:var(--space-4)}}.modal_finish{text-align:center;padding:0;overflow:hidden}.modal_finish .top{text-transform:uppercase;letter-spacing:1px;border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:20px;padding:20px;font-size:24px;font-weight:700}.modal_finish .top.won{color:#6aaa64;background:#e3f1e3}.modal_finish .top.lost{color:#a35868;background:#f2e4e7}.modal_finish .data{padding:0 24px 24px}.modal_finish .desc{color:var(--color-text-secondary);margin-bottom:12px;font-size:16px}.modal_finish .word{margin-bottom:15px}.modal_finish .word span{background:var(--color-surface);border:2px dashed var(--color-border);letter-spacing:4px;color:var(--color-text-dark);border-radius:8px;padding:10px 20px;font-size:28px;font-weight:800;display:inline-block}.modal_finish .definition{color:#4a90e2;margin-bottom:24px;font-size:14px;text-decoration:none;transition:opacity .2s;display:block}.modal_finish .definition:hover{opacity:.8;text-decoration:underline}.modal_finish .restart_btn button{color:#fff;text-transform:uppercase;cursor:pointer;background:#6aaa64;border:none;border-radius:8px;width:100%;margin-bottom:12px;padding:14px;font-size:18px;font-weight:700;transition:transform .1s,background .2s;box-shadow:0 4px #538d4e}.modal_finish .restart_btn button:hover{background:#5f995a}.modal_finish .restart_btn button:active{transform:translateY(2px);box-shadow:0 2px #538d4e}.modal_finish .or_text{color:var(--color-text-secondary);margin-bottom:24px;font-size:13px}.modal_finish .link{margin-bottom:12px}.modal_finish .link a{color:var(--color-text-dark);background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.modal_finish .link a:hover{background:#e9ecef}.modal_finish .icon{fill:currentColor;width:20px;height:20px}.modal_finish .block_share{margin-bottom:24px}.modal_finish .links.flex{justify-content:center;gap:10px;margin-top:10px;display:flex}.modal_finish .links.flex a{color:#fff;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none}.modal_finish .twitter_btn{background:#1da1f2}.modal_finish .facebook_btn{background:#4267b2}.modal_finish .whatsapp_btn{background:#25d366}.modal_finish .reddit_btn{background:#ff4500}.modal_finish .ads{text-transform:uppercase;letter-spacing:1px;color:#bbb;margin:20px 0 10px;font-size:11px}
