.section-one-home{padding:20px;overflow:auto}.div-cards-options-game{flex-wrap:wrap;place-content:center;align-items:stretch;gap:30px;margin:30px 0;display:flex}.div-card-custom-mode{flex-wrap:wrap;gap:30px;margin:30px 0;display:flex}.card-custom-mode{flex-direction:column;flex:300px;gap:15px;width:300px;display:flex}.card-custom-mode label{cursor:pointer}.card-custom-mode input{color:var(--color-primary);background-color:#0000;border:none;font-family:Space Grotesk,sans-serif;font-size:40px}.card-custom-mode input:focus{box-shadow:none;border:none;outline:none}.div-text-timer-custom{border-top:1px solid var(--color-on-tertiary-container);flex-wrap:wrap;place-content:center start;align-items:center;gap:15px;padding-top:20px;display:flex}.div-span-icon-timer-custom{background-color:var(--color-primary);aspect-ratio:1;border-radius:50%;place-content:center;align-items:center;padding:5px;display:flex}.div-span-icon-timer-custom img{filter:var(--filter-white);aspect-ratio:1;object-fit:cover}.div-main-custom-mode{background-color:var(--color-surface-container-low);margin:30px 0;padding:20px}.card-timer-mode{cursor:pointer;isolation:isolate;background-image:url(/images/chess-two.png);background-position:50%;background-size:cover;border-radius:30px;align-items:center;min-height:220px;margin:30px 0;padding:40px;transition:transform .18s,box-shadow .28s,filter .28s;display:flex;position:relative;overflow:hidden}.card-timer-mode:hover{filter:brightness(1.02);transform:translateY(-4px);box-shadow:0 20px 40px #1a1c192e}.card-timer-mode:active{transform:scale(.98)}.card-timer-mode:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;background:#1d1d1d59;transition:background .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;position:absolute;inset:0}.card-timer-mode:hover:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1d1d1d47}.card-timer-mode div{flex-direction:column;gap:8px;transition:transform .28s;display:flex}.card-timer-mode:hover div{transform:translateY(-2px)}.card-timer-mode h3{font-family:var(--font-headline);color:#fff;letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1;transition:opacity .28s,transform .28s}.card-timer-mode:hover h3{transform:translate(2px)}.card-timer-mode p{font-family:var(--font-body);color:#fffc;max-width:320px;font-size:.85rem;line-height:1.5;transition:opacity .28s,transform .28s}.card-timer-mode:hover p{opacity:1;transform:translate(2px)}
.card-option-game{background-color:var(--color-surface-container-low);cursor:pointer;border-radius:15px;flex-direction:column;flex:270px;gap:15px;padding:30px;transition:background-color .28s,color .28s,transform .18s,box-shadow .28s;display:flex}.card-option-game:hover{background-color:var(--color-primary);color:var(--color-on-primary);transform:translateY(-4px);box-shadow:0 20px 40px #1a1c191a}.card-option-game:active{transform:scale(.98)}.card-option-game img{filter:var(--filter-black);transition:filter .28s,opacity .28s,transform .28s}.card-option-game:hover img{filter:var(--filter-white);opacity:1;transform:scale(1.05)}.card-option-game .title-four{transition:color .28s}.card-option-game:hover .title-four{color:var(--color-background)}.card-option-game .text-subtitle{transition:color .28s,opacity .28s}.card-option-game:hover .text-subtitle{color:var(--color-background);opacity:.75}