.folt-container{background-color:#0000;flex-direction:column;width:100%;height:calc(100dvh - 56px);margin:0 auto;font-family:Arial,sans-serif;display:flex;overflow:hidden}@media (min-width:1024px){.folt-container{max-width:980px}}.folt-overlay{z-index:10;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.folt-game-over{text-align:center;color:#ff8c00;background:#000c;border-radius:1rem;padding:2rem;font-size:2rem;box-shadow:0 0 20px #ff8c0080}.folt-game-over-text{margin-bottom:1rem;font-size:3rem;font-weight:700}.folt-game-over div{margin:.5rem 0;font-size:1.5rem}.folt-game-score{color:#60d4d9;font-weight:700}.folt-game-highscore{color:#e50631;font-weight:700}.folt-play-again{color:#1a1a1a;cursor:pointer;background-color:#ff8c00;border:none;border-radius:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s}.folt-play-again:hover{background-color:orange}.folt-highscores-link,.folt-highscores-link-inline{color:#f3f4f6;text-underline-offset:3px;opacity:.9;text-decoration:underline}.folt-highscores-link:hover,.folt-highscores-link-inline:hover{opacity:1}.folt-highscores-link{margin-top:.75rem;font-size:1rem;display:inline-block}.folt-highscores-link-inline{font-size:.95rem}.folt-gui{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:60px;padding:0 1rem;display:flex}.folt-gui-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.folt-mode-label{color:#f3f4f6;font-size:.85rem;font-weight:600}.folt-mode-select{color:#f3f4f6;background:#00000059;border:1px solid #ffffff4d;border-radius:6px;height:32px;padding:0 .5rem;font-size:.85rem}.folt-mode-select:focus{outline-offset:1px;outline:2px solid #60d4d9b3}.folt-upcoming-colors-indicator{align-items:center;gap:.5rem;display:flex}.folt-upcoming-color{border:2px solid #ffffff4d;border-radius:4px;width:24px;height:24px;transition:transform .2s}.folt-game-stats{color:#f3f4f6;font-size:1.1rem;font-weight:600}.folt-board{background-color:#0000;flex:1;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.folt-square{box-sizing:border-box;cursor:pointer;background-color:#0000;border:1px solid #ffffff0d;width:100%;height:100%;transition:all .1s;position:relative}.folt-square:hover{background-color:#242424}.folt-active-square{border:2px solid #fff3}.folt-active-square:before,.folt-active-square:after{content:"";pointer-events:none;transform-origin:50%;z-index:1;background-color:#ffffffe6;border-radius:999px;width:50%;height:3px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #00000073}.folt-active-square:before{transform:translate(-50%,-50%)rotate(45deg)}.folt-active-square:after{transform:translate(-50%,-50%)rotate(-45deg)}.folt-green,[data-coordination].folt-green{background-color:#22c55e}.folt-red,[data-coordination].folt-red{background-color:#e50631}.folt-blue,[data-coordination].folt-blue{background-color:#60d4d9}.folt-yellow,[data-coordination].folt-yellow{background-color:#facc15}.folt-orange,[data-coordination].folt-orange{background-color:#fb923c}@media (max-width:768px){.folt-game-over{font-size:1.5rem}.folt-game-over-text{font-size:2rem}.folt-play-again{padding:.5rem 1rem;font-size:.9rem}}