body{background-color:#fff5f5;color:#e63946;height:100%;margin:0;min-height:100dvh}.auth-container,body{font-family:Playfair Display,serif}.auth-container{align-items:center;background:#fde2e2;display:flex;justify-content:center;min-height:100vh}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000014;max-width:380px;padding:2.5rem;text-align:center;width:100%}.auth-card h2{color:#e63946;margin-bottom:1.5rem}.auth-card .input-group{margin-bottom:1.2rem;text-align:left}.auth-card .input-group label{color:#555;display:block;font-size:.85rem;margin-bottom:.4rem}.auth-card .input-group input{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.7rem .9rem;width:90%}.auth-card .input-group input:focus{border-color:#e63946;outline:none}.auth-card .message{font-size:.85rem;margin-bottom:1rem}.auth-card .message.error{color:#d62828}.auth-card .message.success{color:#2a9d8f}.auth-card button{background:#e63946;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:.2s ease;width:100%}.auth-card button:hover{opacity:.9}.auth-card button:disabled{cursor:not-allowed;opacity:.6}.auth-card .switch{color:#555;font-size:.85rem;margin-top:1.2rem}.auth-card .switch span{color:#e63946;cursor:pointer;font-weight:600}.loading-page{align-items:center;background-color:#fff5f5;color:#e63946;display:flex;flex-direction:column;font-family:Playfair Display,serif;height:100vh;justify-content:center}.loading-page h1{font-size:2rem;margin-top:20px}.loading-page .spinner{animation:spin 1s linear infinite;border:6px solid #f8b4b4;border-radius:50%;border-top-color:#e63946;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.parent{grid-gap:8px;background-color:#fff5f5;display:grid;font-family:Playfair Display,serif;gap:8px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:8px}.parent .section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:200px;padding:12px}.parent .div1{grid-column:span 3/span 3;grid-row:span 2/span 2}.parent .div2{grid-column:span 2/span 2;grid-column-start:4;grid-row:span 2/span 2}.parent .div3{grid-column:span 3/span 3;grid-row:span 3/span 3;grid-row-start:3}.parent .div3 button{background-color:#e63946;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;padding:8px 16px}.parent .div4{grid-column:span 2/span 2;grid-column-start:4;grid-row:span 3/span 3;grid-row-start:3}.parent .actions{background-color:#fde2e2;text-align:center}.parent .actions .ask-action h3,.parent .actions .current-action h3{color:#e63946;font-size:1.6rem;margin:0}.parent .actions .ask-action button,.parent .actions .current-action button{border:none;border-radius:5px;cursor:pointer;font-family:Playfair Display,serif;height:40px;margin:2%;padding:8px 16px;width:120px}.parent .actions .ask-action .abandon-button,.parent .actions .ask-action .easy-button,.parent .actions .ask-action .hard-button,.parent .actions .current-action .abandon-button,.parent .actions .current-action .easy-button,.parent .actions .current-action .hard-button{background-color:#e63946;color:#fff}.parent .score{background-color:#fde2e2}.parent .score .total-score{color:#e63946;font-size:24px;font-weight:700;text-align:center}.parent .score .sub-scores{display:flex;font-size:1rem;justify-content:space-between;margin-top:10px;padding:8px}.parent .highscore,.parent .target-actions{background-color:#fde2e2}.parent .highscore ul,.parent .target-actions ul{list-style:none;padding:0}.parent .highscore ul li,.parent .target-actions ul li{align-items:center;border-bottom:1px solid #f8b4b4;display:flex;justify-content:space-between;padding:8px}.parent .demasque-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;left:50%;max-width:400px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:101}.parent .demasque-form .form-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:15px}.parent .demasque-form .form-header h3{color:#e63946;font-size:18px;margin:0;width:100%}.parent .demasque-form .form-header .close-button{background:none;border:none;color:#e63946;cursor:pointer;float:left;font-size:20px;line-height:1;padding:0;width:10%}.parent .demasque-form .form-description{color:#555;font-size:14px;margin-bottom:15px;text-align:center}.parent .demasque-form input{border:1px solid #f8b4b4;border-radius:5px;box-sizing:border-box;margin:10px 0;padding:10px;width:100%}.parent .demasque-form button{background-color:#e63946;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;width:100%}.parent .form-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.parent .form-overlay.visible{display:block}.parent .message{animation:fadeInOut 5s ease-in-out forwards;background-color:#e63946;border-radius:5px;bottom:20px;color:#fff;opacity:0;padding:12px 20px;position:fixed;right:20px;transform:translateY(20px);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media(max-width:768px){.parent{grid-template-columns:1fr;grid-template-rows:auto}.parent .div1,.parent .div2,.parent .div3,.parent .div4{grid-column:1;grid-row:auto}}.app-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}
/*# sourceMappingURL=main.4e8231e0.css.map*/