@import url(https://fonts.googleapis.com/css2?family=Londrina+Outline&family=Outfit:wght@100..900&display=swap);:root{--font:"Outfit",sans-serif}*{box-sizing:border-box;font-family:Outfit,sans-serif;font-family:var(--font);outline:none}:root{--primary-color:#4caf50;--secondary-color:#f9f9f9;--text-color:#333;--primary-bg:#fff;--border-color:#ddd;--highlight-color:#ffc107;--muted-color:#e0e0e0;--font-family:"Arial",sans-serif;--border-radius:5px;--box-shadow:0 4px 6px #0000001a}.main-card{background-color:#fff;background:#fff;background:var(--primary-bg);border-radius:8px;display:flex;flex-direction:column;margin:0 auto;max-height:100vh;min-height:732px;overflow-y:auto;position:relative;width:732px}.main-card:has(.waffle-gameover-extended),.main-card:has(.winlost-modal){height:auto;overflow-y:auto}.main-page-wrapper{height:100%;overflow:visible}.main-page-wrapper::-webkit-scrollbar{width:6px}.main-page-wrapper::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.main-page-wrapper::-webkit-scrollbar-track{background-color:#0000000d}@media (max-width:768px){@media (max-width:768px){.main-card{background:#fff;border-radius:0;height:100vh;width:100%}}}.modal-container{width:90%}.sidebar{width:80%}body.dark-mode,body.dark-mode #root{background:#000!important;color:#fff!important}body.dark-mode .archive-container,body.dark-mode .footer,body.dark-mode .grid-box,body.dark-mode .grid-container,body.dark-mode .help-container,body.dark-mode .help-content,body.dark-mode .home-container,body.dark-mode .login-container,body.dark-mode .nav,body.dark-mode .navbar,body.dark-mode .setting-container,body.dark-mode .setting-content,body.dark-mode .stats-container,body.dark-mode .stats-content,body.dark-mode .stats-header,body.dark-mode .support-container,body.dark-mode .waffle-footer,body.dark-mode .winlost-container{background:#000!important;border-color:#fff!important;color:#fff!important}body.dark-mode .help-container .close-btn,body.dark-mode .nav-title,body.dark-mode .setting-header,body.dark-mode .setting-title,body.dark-mode .sidebar .close-btn,body.dark-mode .stats-container .close-btn,body.dark-mode .stats-header,body.dark-mode .stats-title,body.dark-mode .support-container .close-btn,body.dark-mode .toggle-option,body.dark-mode .winlost-title{color:#fff!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#222!important;border-color:#fff!important;color:#fff!important}body.dark-mode .toggle-switch{background:#444!important}body.dark-mode .toggle-switch:checked{background:#00950e!important}body.dark-mode .bar-container,body.dark-mode .dist-bar-container{background:#222!important}body.dark-mode .bar-fill,body.dark-mode .dist-bar-fill{background:#00950e!important}body.dark-mode .divider-line,body.dark-mode .waffle-footer-divider,body.dark-mode hr{background:#444!important;border-color:#444!important}body{margin:0;padding:0}.navbar{background-color:var(--primary-bg);border-bottom:2px solid #6363631a;display:flex;height:74px;justify-content:space-between;padding:20px;position:relative}.navbar-left,.navbar-right{align-items:center;display:flex;gap:8px;justify-content:center}.navbar-logo a{color:#000;font-size:29px;font-weight:600;line-height:100%;text-decoration:none}.page-name{color:#333;font-size:1rem;font-weight:700;margin-top:5px;text-align:center}.icon-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1.4rem;font-size:large;text-decoration:none}.icon-btn .hamburger{height:45px;width:45px}.icon-btn .heart,.icon-btn .help,.icon-btn .stats{color:#000;font-size:1.9rem}.icon-btn:hover{color:#000}.sidebar .close-btn .cross{font-size:1.9rem}.heart-icon{color:#e25555}.sidebar-overlay{background:#0006;display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:100%;z-index:11}.sidebar{animation:slideIn .3s ease-out;background:var(--primary-bg);box-shadow:2px 0 6px #0003;position:relative;width:348px}.sidebar .close-btn{background:none;border:none;color:#222;cursor:pointer;font-size:1.6rem;position:absolute;right:19px;top:17px;z-index:2}.menu-head{color:#333;font-size:1.2rem;font-weight:700;margin:22px}.sidebar{display:flex;flex-direction:column;height:100%}.menu-header{align-items:center;background:#ebebeb;display:flex;height:76px;justify-content:space-between;padding:16px;width:345pxpx}.menu-header .menu-title{color:#2d2d2d;font-family:Outfit;font-size:20px;font-weight:600;letter-spacing:1.6px}.menu-body{background-color:#fff;flex:1 1;overflow-y:auto;padding:30px 0 0}.menu-body,.menu-group{display:flex;flex-direction:column}hr.menu-divider{border:none;border-top:1px solid #ccc;margin:8px 0;width:100%}.menu-item{color:#000;gap:12px;padding:12px 0}.menu-item:hover{background:#f0f0f0}.menu-item .menu-icon{flex-shrink:0;height:24px;width:24px}.menu-item .menu-title{color:#2d2d2d;font-family:outfit;font-size:16px;font-size:20px;font-weight:500;text-transform:capitalize}.copy-btn{background:none;border:1px solid #999;color:#000;cursor:pointer;font-size:.8rem;padding:4px 8px}.copy-btn:hover{background:#e8e8e8}.menu-links{display:flex;flex-direction:column;gap:5px}.menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:15px;padding:10px;text-decoration:none;transition:background .3s}.menu-item:hover{background:#f9f9f9}.menu-icon{width:30px}.menu-description{color:#666;font-size:.8rem;margin-top:-5px}.menu-footer{align-items:center;display:flex;gap:10px;height:74px;justify-content:center;margin-top:auto}.menu-footer img{height:auto;width:50px}.menu-divider_1{stroke:#636363;flex-shrink:0;height:0;margin-left:-20px;opacity:.5;width:113%}.player-id{background:#fff;border:1px solid #b0b0b0;border-radius:10px;box-shadow:0 4px 0 0 #00000040;color:#6c6c6c;font-family:Outfit;font-size:14px;font-weight:700;height:60px;width:260px}@media (max-width:768px){.navbar{align-items:center;background:#ebebeb;flex-shrink:0;min-height:0;min-height:auto;padding:30px 0 2px;width:100vw}.navbar-left,.navbar-right{gap:4px}.close-btn img{height:14px;width:14px}.navbar-logo a{display:block;font-family:Outfit;font-size:20px;font-weight:600;margin:0 auto;text-align:center;width:100%}.icon-btn .hamburger,.icon-btn img{height:32px;width:32px}.icon-btn img{aspect-ratio:1/1;flex-shrink:0;margin:0 2px}.icon-btn,.icon-btn .heart,.icon-btn .help,.icon-btn .stats{font-size:1.1rem}.sidebar{gap:10px;max-width:320px;min-width:220px;width:70vw}.sidebar .close-btn{position:absolute;right:19px;top:40px}.menu-head{font-size:1rem;margin:12px 0}.menu-header{align-items:flex-end;padding-bottom:2px}.menu-title{font-size:1rem}.menu-icon{width:22px}.playerId{font-size:14px;margin-top:40px;padding:4px 0}.menu-body{background-color:#fff;flex:1 1;overflow-y:auto;padding:30px 0 0 24px}.menu-body,.menu-group{display:flex;flex-direction:column}.menu-group{gap:12px}hr.menu-divider{border:none;border-top:1px solid #ccc;margin-left:-22px;width:109%}.player-id{height:48px;width:207px}}.stats-container{align-items:stretch;background-color:#ebebeb;border:1.5px solid #e0e0e0;border-radius:18px;box-shadow:0 4px 24px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-family);height:585px;margin:0 auto;max-width:622px;overflow-y:auto;padding:0 18px;position:relative;width:95vw}.stats-container .wrapper{background:#ffffff75;border:1px solid #636363;border-radius:8px;padding:3px 0 13px}.stats-container .close-btn{background:none;border:none;color:#444;cursor:pointer;font-size:1.5rem;position:absolute;right:18px;top:7px;z-index:2}.stats-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.stats-popup{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:var(--font-family);max-width:600px;padding:20px;position:relative;width:90%}.title{font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.distribution-row:last-child{border:none;padding-bottom:0}.summary{margin-bottom:20px;text-align:center;width:100%}.summary div{background-color:#f9f9f9;font-size:1rem;padding:10px}.summary .summary-detail{align-items:center;border-bottom:1px solid #636363;display:flex;gap:55px;height:38px;justify-content:center}.subtitle{font-size:1.2rem;font-weight:700;margin-bottom:10px;text-align:center}.distribution{width:100%}.distribution-row{grid-gap:10px;align-items:center;border-bottom:1px solid #636363;display:grid;gap:10px;grid-template-columns:1fr 4fr 1fr;padding:7px 0}.label{align-items:center;display:flex;font-size:1rem;gap:4px;justify-content:center;text-align:center}.bar-container{background-color:#fff;border-radius:5px;height:18px;overflow:hidden;width:446px}.bar-fill{background-color:#4caf50;height:100%}.footer,.percent{font-size:.9rem;text-align:center}.footer{margin-top:20px}.footer .link{color:#3a8b23;cursor:pointer;text-decoration:none}.footer .link:hover{text-decoration:underline}.stats-star{height:15px;object-fit:contain;vertical-align:middle;width:15px}.stats-container::-webkit-scrollbar{width:1px}.summary-detail-key{text-align:right;width:50%}.summary-detail-value{width:50%}@media (max-width:768px){.stats-container{border-radius:10px;font-size:.95rem;height:517px;padding:0 10px}.stats-container .wrapper{border-radius:6px}.title{font-size:1.1rem;margin-bottom:10px}.close-btn img{height:14px;width:14px}.subtitle{font-size:1rem;margin-bottom:16px}.summary div{font-size:.95rem;padding:6px}.summary .summary-detail{font-size:.95rem;gap:21px}.distribution-row{font-size:.9rem;gap:4px;grid-template-columns:1fr 4fr 1fr}.label{font-size:.9rem}.bar-container{width:255px}.bar-container,.bar-fill{border-radius:3px}.footer,.percent,.value{font-size:.8rem}.footer{margin-top:10px}.summary-detail-key{color:#2d2d2d;font-family:Outfit;font-size:14px;font-weight:500;text-transform:capitalize}.stats-star{height:12px;width:12px}}.special-sub-title{color:#2d2d2d;font-family:outfit;font-size:20px;font-weight:500;text-align:center}.help-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.help-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:100%;max-width:732px;overflow-x:hidden;padding:0 13px;position:relative}.help-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:47px 47px 23px}.help-title{font-size:1.8rem;font-weight:700;margin:0;text-align:center;text-transform:none;width:100%}.help-container .close-btn{background:none;border:none;color:#222;cursor:pointer;font-size:1.6rem;position:absolute;right:18px;top:11px;z-index:2}.help-content{padding:23px 18px 18px}.help-content p{color:#333;font-family:Outfit;font-size:18px;font-weight:400;line-height:1.6;margin-bottom:10px;text-transform:none}.help-content .divider{background-color:#636363;border-top:1px solid #636363;margin-left:-45px;width:115%}.help-content .divider-line{margin-left:-45px;width:114%}.star{color:#f5c518;font-size:1.2rem}.examples{margin-top:20px}.example-column,.example-row{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.example-column,.example-corner{align-items:center;flex-direction:column}.example-corner{display:flex;gap:5px}.example-column span,.example-corner span,.example-row span{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;display:inline-block;font-size:1.2rem;font-weight:700;height:40px;line-height:40px;text-align:center;width:40px}.example-column .correct,.example-corner .correct,.example-row .correct{background:#4caf50;color:#fff}.example-column .misplaced,.example-corner .misplaced,.example-row .misplaced{background:#ffc107;color:#fff}.special-title{color:#2d2d2d;font-family:Outfit;font-size:28px;font-style:normal;font-weight:600;letter-spacing:2.24px;text-align:center;text-transform:uppercase}.special-description{color:#333;font-size:1rem;font-weight:700;margin-bottom:10px}.example-grid .example-row{display:flex;gap:10px}.example-grid span,.example-row span{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;display:inline-block;font-size:1.2rem;font-weight:700;height:40px;line-height:40px;text-align:center;width:40px}.example-grid .correct,.example-row .correct{background:#4caf50;color:#fff}.example-grid .misplaced,.example-row .misplaced{background:#ffc107;color:#fff}.example-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,40px);justify-content:center;margin-bottom:20px}.example-row span{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;display:inline-block;font-size:1.2rem;font-weight:700;height:40px;text-align:center;width:40px}.example-row .correct{background:#4caf50;color:#fff}.example-row .misplaced{background:#ffc107;color:#fff}.credits{color:#666;font-size:.9rem;margin-top:20px;text-align:center;text-transform:none}.credits .creator{color:#333;font-weight:700;text-transform:none}.footer-note{color:#999;font-size:.8rem;margin-top:10px;text-align:center;text-transform:none}.privacy-link{color:#007bff;text-decoration:none;text-transform:none}.privacy-link:hover{text-decoration:underline;text-transform:none}.help-container::-webkit-scrollbar{width:0}.waffle-footer{color:#919191;font-family:Outfit,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0;text-align:center;width:100%}.waffle-footer-desc{color:#919191;font-size:13px;line-height:1.3;margin-bottom:9px}.waffle-footer-socials{display:flex;gap:16px;justify-content:center;margin-bottom:8px}.waffle-footer-icon{border-radius:8px;height:48px;object-fit:contain;padding:6px;transition:filter .2s;width:48px}.waffle-footer-icon:hover{filter:brightness(.8)}.waffle-footer-divider{border:none;border-top:2px solid #d3d3d3;margin:0}.waffle-footer-copyright{color:#919191;font-size:16px;padding:9px 0}.support-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.support-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:20px;position:relative;width:90%}.support-header{display:flex;justify-content:flex-end}.support-container .close-btn{background:none;border:none;color:#444;cursor:pointer;font-size:1.5rem}.support-content p{color:#333;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:20px;text-transform:none}.support-title{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:10px;text-align:center}.support-benefits{margin-bottom:20px}.benefit{align-items:flex-start;display:flex;margin-bottom:15px}.benefit-icon{font-size:1.5rem;margin-right:10px}.benefit-title{color:#333;font-size:1rem;font-weight:700}.benefit-description{color:#666;font-size:.9rem;text-transform:none}.support-instruction{font-size:1rem;font-weight:400;margin-bottom:10px;text-transform:none}.email-input{border:1px solid #ddd;border-radius:4px;margin-bottom:20px;text-align:center}.email-input,.ok-btn{font-size:1rem;padding:10px;width:100%}.ok-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700}.ok-btn:hover{background:#45a049}.support-footer{color:#999;font-size:.8rem;text-align:center;text-transform:none}.support-link{color:#007bff;text-decoration:none}.support-link:hover{text-decoration:underline}.setting-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.setting-container{background:#ebebeb;border-radius:24px;box-shadow:1px 0 4px 0 #00000040;flex-direction:column;flex-shrink:0;font-family:Outfit,sans-serif;height:302px;justify-content:flex-start;padding:0;width:418px}.setting-container,.setting-header{align-items:center;display:flex;position:relative}.setting-header{justify-content:center;padding:24px 0 0}.setting-title{flex:1 1;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin:0;text-align:center}.setting-container .close-btn{background:none;border:none;color:#222;cursor:pointer;font-size:1.6rem;left:205px;position:absolute;top:14px;z-index:2}.setting-content{background:#fff;border:1px solid #636363;border-radius:21px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:18px;height:228px;justify-content:center;margin:18px auto 0;opacity:.5;padding:0 32px;width:394px}.toggle-option{align-items:center;color:#222;display:flex;font-size:1.08rem;font-weight:500;justify-content:space-between;letter-spacing:1px;margin-bottom:0}.toggle-switch{-webkit-appearance:none;appearance:none;background:#ededed;border:none;border-radius:9px;cursor:pointer;height:28px;margin-left:12px;outline:none;position:relative;transition:background .2s;width:48px}.toggle-switch:checked{background:#00950e}.toggle-switch:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000014;content:"";height:20px;left:5px;position:absolute;top:4px;transition:left .2s;width:20px}.toggle-switch:checked:before{left:23px}.next-waffle-title{font-size:1rem;font-weight:700;margin:20px 0 10px;text-transform:none}.time-options{display:flex;justify-content:space-between;margin-bottom:15px}.time-option{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;margin-right:10px;padding:10px;text-align:center}.time-option:last-child{margin-right:0}.time-option.active{background:#e8f5e9;border-color:#4caf50}.time-label{color:#333;font-size:.9rem;font-weight:700}.time-type{color:#666;font-size:.8rem}.time-value{color:#333;font-size:1rem;font-weight:700}.time-warning{color:#999;font-size:.9rem;margin-top:10px;text-align:center;text-transform:none}.close-btn img{height:14px;width:14px}.back-button{cursor:pointer;height:24px;left:20px;position:absolute;top:46px;width:24px}.archive-page{border-radius:12px;box-shadow:0 4px 24px #0000001a;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;margin:0 auto;max-width:732px;overflow-y:auto;padding:20px 0;position:relative;width:100%}.archive-title{color:#2d2d2d;font-size:1.8rem;font-weight:700}.archive-description,.archive-title{font-family:Outfit;text-align:center}.archive-description{color:#666;font-size:1rem;line-height:1.5;margin-bottom:20px;padding:0 10px}.archive-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tab{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px}.tab.active{background:#4caf50;border-color:#4caf50;color:#fff}.archive-stats{color:#2d2d2d;font-family:Outfit,sans-serif;margin:0 auto 30px;width:378px;width:100%}.archive-stats-val{color:#2d2d2d;text-align:center;width:50%}.archive-stat-key{color:#2d2d2d;text-align:right;width:50%}.stats-row{align-items:center;border-bottom:.75px solid #636363;display:flex;font-size:16px;font-weight:500;height:40px;justify-content:space-between;letter-spacing:.5px;padding:0 20px}.stats-row .five-stars{gap:2px;text-align:right;width:50%}.stats-row .star-filled{color:#ffd233;font-size:20px;text-align:right;width:50%}.archive-sort-buttons{display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10px}.sort-button{background:#eee;border:1.524px solid #b0b0b0;border-radius:13.204px;box-shadow:0 4.063px 0 0 #00000040;color:#2d2d2d;cursor:pointer;font-family:Poppins;font-weight:500;height:42px;letter-spacing:.5px;text-transform:uppercase;width:160px}.sort-button img{height:11px;width:11px}.archive-list{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;justify-content:flex-start;min-height:0;overflow-y:auto}.archive-item{cursor:pointer;height:57px;margin:0 auto 15px;transition:transform .2s ease;width:90%}.archive-item-content{align-items:center;background:#f9f7f7;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;height:100%;justify-content:space-between;padding:12px 24px}.item-left{display:flex;flex-direction:column;gap:4px}.archive-item-id{color:#000;font-family:Outfit;font-size:20px;font-weight:500;letter-spacing:3.2px;text-transform:uppercase}.archive-item-date{color:#000;font-family:Outfit;font-size:9px;font-weight:400}.archive-item-stars{display:flex;font-size:20px;gap:2px}.star-filled{color:#ffd233}.star-empty{color:#d9d9d9}.archive-item:hover{background-color:#f0f0f0}.statkey{text-align:right}.statkey,.statvalue{width:50%}.stats-row:first-child{border-top:.75px solid #636363}@media (min-width:769px){.archive-item{height:75px;max-width:694px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.archive-item:hover{transform:translateY(-2px)}.archive-item-content{padding:15px 30px}.archive-item-id{font-size:24px}.archive-item-date{font-size:12px}.archive-item-stars{font-size:24px}.archive-title{font-size:32px;margin-bottom:16px}.archive-description{font-size:16px;margin:0 auto 32px;max-width:80%}}@media (max-width:768px){.archive-title{font-size:20px;font-weight:600;letter-spacing:1.6px}.archive-description,.archive-title{color:#2d2d2d;font-family:Outfit;text-align:center}.archive-description{font-size:14px;font-weight:500;text-transform:capitalize}.archive-stats{margin:0 auto 20px;max-width:378px;width:100%}.stats-row{font-size:14px;height:36px}.archive-item{width:328px}.archive-item-content{padding:10px 15px}.archive-item-id{font-size:20px}.archive-item-date{font-size:9px}.archive-item-stars{font-size:20px}}.login-overlay{display:none}.login-page{box-sizing:border-box;flex:1 1 auto;justify-content:flex-start;margin:0 auto;max-width:732px;min-height:0;overflow-y:auto}.login-container,.login-page{align-items:center;background:#fff;display:flex;flex-direction:column;width:100%}.login-container{padding:36px 28px 28px;text-align:center}.login-header{margin-bottom:18px;width:100%}.login-back-arrow{color:#222;cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:700;left:53px;position:absolute;top:130px}.login-title{font-size:1.35rem;font-weight:700;letter-spacing:.02em;margin-bottom:8px;text-align:center;text-transform:uppercase}.login-description{color:#222;font-size:1rem;line-height:1.5;margin-bottom:18px;text-align:center}.login-form{align-items:center;display:flex;flex-direction:column;margin-bottom:18px;width:100%}.login-input{background:#f7f7f7;border:1.5px solid #d6d6d6;border-radius:7px;color:#222;font-size:1.08rem;font-weight:500;margin:0 auto 18px;max-width:320px;padding:12px 16px;text-align:center;width:100%}.login-button.main-green-btn{background:linear-gradient(180deg,#4caf50,#2e9c3a);border:none;border-radius:12px;box-shadow:0 4px 0 #1e7c2a;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;letter-spacing:.04em;margin-bottom:18px;max-width:320px;padding:16px 0;transition:background .2s;width:100%}.login-button.main-green-btn:active{background:linear-gradient(180deg,#2e9c3a,#4caf50)}.login-error{color:#e74c3c;font-size:1rem;margin-bottom:10px}.login-social{display:flex;flex-direction:column;gap:12px;margin:0 auto 10px;max-width:320px;width:100%}.social-button{align-items:center;background:#f7f7f7;border:1.5px solid #d6d6d6;border-radius:8px;color:#222;cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;justify-content:center;padding:12px 0;transition:background .2s,border .2s;width:100%}.social-button.google{background:#fff;color:#222}.social-button.facebook{background:#f7f7f7;color:#222}.social-button .google-icon{color:#ea4335;font-size:1.3rem;font-weight:700;margin-right:10px}.social-button .facebook-icon{color:#1877f2;font-size:1.3rem;font-weight:700;margin-right:10px}.login-footer{color:#666;font-size:.95rem;margin-top:18px;text-align:center}.privacy-link{color:#4caf50;cursor:pointer;font-weight:600;text-decoration:underline}@media (max-width:600px){.login-page{max-width:100vw}.login-container{min-width:0;padding:18px 4vw;width:98vw}.login-back-arrow{left:20px;top:119px}}.login-success-page{background:#fff}.login-success-container,.login-success-page{align-items:center;display:flex;justify-content:center}.login-success-container{box-shadow:0 8px 32px #0000001f;flex-direction:column;flex-shrink:0;height:657px;padding:0 32px;width:732px}.login-success-header{margin-bottom:18px}.login-success-waffle{height:110px;margin-bottom:12px;width:110px}.login-success-title{font-size:2rem;font-weight:700;letter-spacing:1.5px;margin-bottom:18px;text-transform:uppercase}.login-success-body,.login-success-title{color:#2d2d2d;font-family:Poppins,sans-serif;text-align:center}.login-success-body{font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:12px;text-transform:capitalize}.login-success-ok{background:linear-gradient(180deg,#4caf50,#2e9c3a);border:none;border-radius:14px;box-shadow:0 6px 0 #1e7c2a;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;height:56px;letter-spacing:.04em;margin-top:24px;transition:background .2s;width:320px}.login-success-ok:active{background:linear-gradient(180deg,#2e9c3a,#4caf50)}@media (max-width:800px){.login-success-container{height:auto;min-height:0;min-width:0;padding:12px 2vw;width:98vw}.login-success-ok{min-width:0;width:90vw}}.grid-box{align-items:center;display:flex;flex-direction:column;gap:17px;height:calc(100% - 74px);justify-content:center;margin:75px 0 0;overflow:hidden}.daily-challenge{flex-shrink:0;font-family:Outfit;font-style:normal;letter-spacing:3.2px;line-height:normal;width:406px}.daily-challenge,.daily-challenge-count{color:#919191;font-size:20px;font-weight:400;text-align:center;text-transform:uppercase}.daily-challenge-count{letter-spacing:16%;line-height:100%}.grid-container{display:flex;flex-direction:column;gap:6px;max-height:400px;max-width:400px}.grid-row{display:flex;gap:6px;justify-content:center}.grid-container .grid-row:nth-child(2) div:nth-child(2),.grid-container .grid-row:nth-child(2) div:nth-child(4),.grid-container .grid-row:nth-child(4) div:nth-child(2),.grid-container .grid-row:nth-child(4) div:nth-child(4){visibility:hidden}div:has(>.grid-tile){background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAbFBMVEVHcEynp6eXl5enp6eXl5enp6ehoaGXl5ednZ2VlZWioqKfn5+oqKijo6OoqKidnZ2np6eoqKiYmJioqKiWlpanp6enp6eWlpazs7OxsbGrq6uysrKwsLCbm5uhoaGXl5eenp6urq6tra2np6eds/n1AAAAGHRSTlMAvPKh469RCzOUGnngRcVkkOv488bnz7mFacw/AAABlklEQVRIx+3Xa7OCIBAGYPKamKVphWBe4P//x7MLdbpoJpyZ05feTw4zT7tayULIXWiUVAHG09l3EHOpV4NTso7JdOKo8rrzbLogWU/bxDufe0j7On3fBdGEpUmHtFV8wDQmNeZyjctStd5uoi7aVjVsLkLUAz9EI7tHK9mbTOk41XZg74N686CX25GOU29Rz/c6+62rLWfMQe8srdFH/WtZB7YWdDPwFYUbPnXWFrVUKSERNG1tdeNbShIorARj9qXLiMAdL/yCR6VzAl0r5hDAIYH/A3fEK8AuXUPfF9z8Bdf/juuPVf7iL/7iL/78CzCE7cYZ+6TqnF76ZoOGLXYQLpgXGUwVvaytNe6wYYxzo2qEgy1xHqJVOzRCWFqpcmLGIT5Y1RZ1I7lPzSCWbay0tiG9joCoFz80gUPYzcI8tVyL6wDnoLXdPh00ogNqseB+xxZ0AU/tDcc5f8rC8FtwOZgTCXzGU8wynFHkpIXaRwV8LpLz0p8+WBGaHkvFZ6KK1e7VkQ7Pg2num4S3XFb8PM0e6Q8TjjLKScrZCAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:cover}.grid-tile{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:2.5rem;font-weight:500;height:75px;justify-content:center;opacity:1!important;transition:transform .2s;transition:transform ease;width:75px}.grid-tile:active{transform:scale(1.2)}grid-tile.swap-animation{transform:scale(2.2)}.grid-tile.fixed{background-color:#6fb05c;color:#fff;cursor:not-allowed}.grid-tile.yellow{background-color:#e9ba3a;color:#fff}.grid-tile.white{background-color:#edeff1;color:#333}.grid-tile:active{transform:scale(.9)}.tool{align-items:center;display:flex;gap:35px;justify-content:center}.tool .btn{height:56px;width:56px}.moves-left{color:#919191}.moves-left,.moves-number{font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;letter-spacing:3.84px;line-height:normal;text-transform:uppercase}.moves-number{color:#2d2d2d}@media (max-width:768px){.grid-tile{aspect-ratio:61.66/61.66;height:61.664px;width:61.664px}.grid-box{align-items:center;display:flex;flex-direction:column;gap:17px;justify-content:center}.grid-tile{height:60px;width:60px}.tool{margin-top:29px}.moves-left{font-size:20px;width:191px}.moves-number{font-size:19px}.undo-redo{width:116px}.daily-challenge{margin-bottom:40px}.tool .btn{height:46px;width:46px}}@media (min-width:1024px) and (max-width:1440px){.grid-tile{height:65px;width:65px}}.winlost-modal{background:#fff;min-height:calc(100vh - 74px);position:relative;text-align:center;width:100%}.winlost-modal,.winlost-modal.lost{align-items:center;display:flex;flex-direction:column;z-index:10}.winlost-modal.lost{background:#fdfdfd;border-radius:24px;box-shadow:0 8px 32px #0000001a;left:50%;min-height:100vh;position:absolute;top:0;transform:translateX(-50%);width:732px}.lost-content{align-items:center;display:flex;flex-direction:column;margin-top:400px;width:100%}.lost-title{color:#ff6464;font-size:48px;font-weight:700;letter-spacing:1px;margin-bottom:24px}.lost-message,.lost-title{font-family:Inter,sans-serif;font-style:normal;line-height:normal;text-align:center}.lost-message{color:#222;font-size:24px;font-weight:400;margin-bottom:48px}.lost-btn{background:linear-gradient(180deg,#7be65a,#4ebd2a);border:none;border-radius:18px;box-shadow:0 4px 0 #3fa11e;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;padding:18px 64px;transition:filter .2s}.lost-btn:hover{filter:brightness(1.08)}.winlost-header{background:#f8f9fa;margin-bottom:24px;padding:26px 0 0;width:100%}.winlost-title{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.winlost-subtitle{color:#666;font-size:16px}.winlost-stars-display{margin:9px 0}.star{transition:opacity .3s ease;width:59px}.winlost-more{background:#f2f2f2;margin-top:20px;padding:0 10px;text-align:center;width:100vw}.word-definitions{margin:30px auto;max-width:800px;padding:20px;text-align:left}.loading-message{color:#666;font-size:16px;padding:20px;text-align:center}.word-item{border-bottom:1px solid #e0e0e0;margin:30px 0;padding:15px 0}.word-item:last-child{border-bottom:none}.word-header{line-height:1.4;margin-bottom:10px}.word-title{color:#222;font-size:18px;font-weight:700;margin-right:8px}.pronunciation{margin-right:8px}.part-of-speech,.pronunciation{color:#666;font-size:16px;font-style:italic}.definition-text{color:#333;font-size:16px;line-height:1.5;margin:8px 0}.etymology-text{color:#666;font-size:14px;font-style:italic;line-height:1.4;margin-top:8px}.winlost-more h3{color:#333;color:#2d2d2d;font-family:outfit;font-family:Outfit;font-size:28px;font-weight:600;letter-spacing:2.48px;letter-spacing:2.24px;line-height:normal;margin-bottom:16px;text-transform:uppercase}.winlost-more h3,.winlost-more p{font-style:normal;text-align:center}.winlost-more p{color:#666;color:#2d2d2d;font-family:outfit;font-size:16px;font-size:20px;font-weight:400;line-height:1.5;line-height:normal;margin-bottom:24px;text-transform:capitalize}.waffle-link{color:#4caf50;cursor:pointer}.archive-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background-color .2s}.archive-btn:hover{background:#45a049}.winlost-stats{margin-bottom:20px;text-align:center;width:100%}.stat-row{align-items:center;border-bottom:1px solid #6363634a;display:flex;gap:55px;height:38px;justify-content:center}.stat-label{color:#2d2d2d;font-family:Outfit;font-size:20px;font-style:normal;font-weight:400;letter-spacing:3.2px;line-height:normal;text-align:right;text-transform:uppercase;width:50%}.stat-value{width:50%}.winlost-next{margin:0 0 23px;padding-top:20px;text-align:center}.next-waffle-text{color:#333;color:#2d2d2d;font-family:Outfit;font-size:22px;font-size:28px;font-style:normal;font-weight:600;letter-spacing:.5px;letter-spacing:2.24px;line-height:normal;text-align:center;text-transform:uppercase}.next-time{display:inline;font-weight:600}.share-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.share-btn:hover{transform:scale(1.05)}.share-icon{display:block;height:auto;width:150px}.solution-btn{background:none;border:none;cursor:pointer;margin-top:15px;padding:0;transition:transform .2s ease}.solution-btn:hover{transform:scale(1.05)}.solution-grid{align-items:center;flex-direction:column;margin-top:20px}.solution-grid,.solution-grid .grid-row{display:flex;gap:4px}.solution-grid .solution-tile{align-items:center;background-color:#2ecc71;border-radius:4px;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.winlost-footer{margin:48px 0;text-align:center}.winlost-footer p{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.social-links{display:flex;gap:24px;justify-content:center;margin-top:24px}.social-icon img{height:32px;transition:opacity .2s;width:32px}.social-icon:hover img{opacity:.8}.winlost-btn{background:linear-gradient(180deg,#7be65a,#4ebd2a);border:none;border-radius:18px;box-shadow:0 4px 0 #3fa11e;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;margin-bottom:32px;padding:12px 48px;transition:filter .2s}.winlost-btn:hover{filter:brightness(1.08)}.solution-container{display:flex;flex-direction:column;gap:8px;margin:20px auto;max-width:400px;padding:24px}.solution-row{gap:8px}.solution-row,.solution-tile{display:flex;justify-content:center}.solution-tile{align-items:center;color:#333;font-size:24px;font-weight:700;height:50px;margin:2px;text-transform:uppercase;width:50px}.solution-container .solution-row:nth-child(2) .solution-tile:nth-child(2),.solution-container .solution-row:nth-child(2) .solution-tile:nth-child(4),.solution-container .solution-row:nth-child(4) .solution-tile:nth-child(2),.solution-container .solution-row:nth-child(4) .solution-tile:nth-child(4){visibility:hidden}.winlost-modal.lost .winlost-title{color:#ff4d4f}.waffle-gameover-extended{align-items:center;background:#fdfdfd;border-radius:12px;box-shadow:0 2px 16px #00000012;display:flex;flex-direction:column;margin:40px auto 0;max-width:730px;padding-bottom:40px;width:100%}.waffle-gameover-header{background:#444;color:#fff;margin-bottom:24px;padding:24px 20px;text-align:center;width:100%}.game-over-title{font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.game-over-subtitle{color:#fff;font-size:14px}.empty-stars{display:flex;gap:8px;justify-content:center}.star.empty{color:#ffffff4d;font-size:66px}.waffle-gameover-sub{color:#444;font-size:1rem;margin:8px 0 24px;text-align:center}.waffle-gameover-nostars{color:#222;font-size:1.2rem;margin-bottom:24px;text-align:center}.waffle-gameover-stats-row{border-bottom:1px solid #eee;display:flex;font-size:1.1rem;justify-content:space-between;margin:0 auto;max-width:400px;padding:12px 0;width:80%}.waffle-gameover-stat-label{color:#888;font-weight:500;letter-spacing:1px}.waffle-gameover-stat-value{color:#222;font-weight:700}.waffle-gameover-next-row{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:32px 0 0;width:100%}.waffle-gameover-next-label{color:#888;font-size:1rem;font-weight:500;letter-spacing:1px}.waffle-gameover-next-timer{color:#222;font-size:1.2rem;font-weight:700;margin-left:8px}.waffle-gameover-share{background:linear-gradient(180deg,#7be65a,#4ebd2a);border:none;border-radius:12px;box-shadow:0 4px 0 #3fa11e;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-left:16px;padding:12px 40px;transition:filter .2s}.waffle-gameover-share:hover{filter:brightness(1.08)}.waffle-gameover-solution{background:none;border:none;cursor:pointer;margin:32px 0 0;padding:0;transition:transform .2s ease}.waffle-gameover-solution:hover{transform:scale(1.05)}.solution-icon{display:block;height:auto;width:241px}.waffle-more-info{padding:32px 0;text-align:center}.waffle-more-info h3{color:#333;font-size:20px;font-weight:700;margin-bottom:16px}.waffle-more-info p{color:#666;font-size:16px;line-height:1.5}@media (max-width:700px){.waffle-gameover-extended{border-radius:0;margin:0;max-width:98vw}.waffle-gameover-header{border-radius:0}.stat-label{font-size:12px;font-weight:500}.winlost-more h3{font-size:20px}.winlost-more p{font-size:16px}.stat-row{gap:10px}.next-waffle-text{font-size:20px}}.leaderboard-overlay{align-items:center;background:#0000002e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.leaderboard-modal{align-items:center;background:#ebebeb;border-radius:24px;box-shadow:1px 0 4px 0 #00000040;display:flex;flex-direction:column;flex-shrink:0;height:658px;overflow:hidden;padding:0;position:relative;width:658px}.leaderboard-close{background:none;border:none;color:#222;cursor:pointer;font-size:2.2rem;position:absolute;right:24px;top:18px;z-index:2}.leaderboard-title{color:#2d2d2d;font-family:Outfit,sans-serif;font-size:28px;font-style:normal;font-weight:600;letter-spacing:2.24px;line-height:normal;margin:38px 0 18px;text-align:center;text-transform:uppercase;width:100%}.leaderboard-table-wrapper{align-items:center;background:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow-y:auto;padding:0;width:100%}.leaderboard-table{border-collapse:initial;border-radius:16px;border-spacing:0;border-spacing:0 10px;font-size:1.1rem;margin:0 auto;overflow:hidden;width:95%}.leaderboard-table td,.leaderboard-table th{color:#2d2d2d;font-family:Outfit,sans-serif;font-weight:600;min-width:50px;padding:0;text-align:center}.leaderboard-table th{background:#fff;border-bottom:2px solid #eee;font-size:1rem}.star-header{color:#ffc107;font-size:1.2rem}.flag-img{border:1px solid #eee;border-radius:3px;height:22px;object-fit:cover;width:32px}.gold-row{background:#ffe082;color:#222}.silver-row{background:#e0e0e0;color:#222}.bronze-row{background:#ffd59a;color:#222}.my-rank-row{background:#d4f8d4;border-radius:0 0 16px 16px;color:#222;font-size:1.1rem;font-weight:700}.normal-row{background:#fdfdfd;color:#2d2d2d}.leaderboard-table tr{transition:background .15s}.leaderboard-table tr:not(.gold-row):not(.silver-row):not(.bronze-row):not(.my-rank-row):hover{background:#f0f0f0}.leaderboard-table th.table-col-head{font-family:Outfit;font-size:12px;font-weight:500;letter-spacing:1.6px}@media (max-width:700px){.leaderboard-modal{height:73vh;max-width:99vw;min-height:0;min-width:0;padding:0 10px 12px;width:98vw}.leaderboard-title{font-family:Outfit;font-size:20px;font-weight:600;letter-spacing:1.6px}.close-btn img{height:14px;width:14px}.flag-img{height:16px;width:24px}.leaderboard-table th .star-header img{align-items:center;display:inline-flex;flex-shrink:0;height:11.22px;justify-content:center;padding:0;width:37.4px}.leaderboard-table tr{border-radius:10px;color:#000;font-family:Poppins;font-size:14px;font-weight:500;line-height:normal;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}}.leaderboard-table td,.leaderboard-table th{flex-shrink:0;height:34px;width:250px}.leaderboard-content{height:100%;position:relative;width:100%}.leaderboard-login-block{align-items:center;border-radius:24px;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:10}.leaderboard-login-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.leaderboard-login-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.leaderboard-login-text{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:32px;text-align:center}.leaderboard-login-btn{background:linear-gradient(180deg,#7be65a,#4ebd2a);border:none;border-radius:18px;box-shadow:0 4px 0 #3fa11e;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;padding:18px 64px;transition:filter .2s}.leaderboard-login-btn:hover{filter:brightness(1.08)}
/*# sourceMappingURL=main.157be195.css.map*/