#root,body,html{height:100%;margin:0;padding:0}body{background-color:#f0f0f0;display:block;overflow-y:hidden;touch-action:none}.App{background-color:initial;border-radius:0;box-shadow:none;height:100%;padding:0;touch-action:none}.App,.game-area{display:flex;flex-direction:column;width:100%}.game-area{align-items:stretch;box-sizing:border-box;flex-grow:1;padding:10px;position:relative}h1{margin-bottom:0;margin-top:0;text-align:center}.board-container{align-items:center;align-self:stretch;display:flex;flex-grow:1;margin-bottom:0;position:relative}.board{grid-gap:5px;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(4,1fr);height:auto;width:100%}.board.blurred{filter:blur(13px)}.tile.shaking{animation:shake .5s infinite}.start-scrim{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.start-scrim.disabled{cursor:wait}.start-scrim.disabled h2{background-color:#888}.start-scrim h2{background-color:#1e90ff;border-radius:10px;color:#fff;padding:15px 25px;text-align:center}.tile{border-radius:10px;cursor:default;font-family:Poppins,sans-serif;font-size:12vw;-webkit-user-select:none;user-select:none}.tile,.tile-content{align-items:center;box-shadow:2px 2px 8px #0000004d;box-sizing:border-box;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.tile-content{background:linear-gradient(135deg,#ff8400,#f9f31e);border:3px solid #0000;border-radius:5px;font-size:1em;position:relative}.drag-target{background-color:initial;height:80%;left:10%;position:absolute;top:10%;width:80%;z-index:1}.bonus-chip{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;left:-3px;position:absolute;top:-3px;width:20px;z-index:2}.double-word-chip{background-color:#e05a9a}.double-letter-chip{background-color:#65a0bb}.triple-word-chip{background-color:#28a745}.silver-tile-chip{background-color:#b0b0b0;color:#fff}.tile.selected .tile-content{background:linear-gradient(135deg,#1e90ff,#87cefa)}.tile.dl-tile .tile-content{background:linear-gradient(135deg,#87ceeb,#add8e6)}.tile.dw-tile .tile-content{background:linear-gradient(135deg,#ff69b4,#ffb6c1)}.tile.tw-tile{animation:shake .5s infinite}.tile.tw-tile .tile-content{background:linear-gradient(135deg,#28a745,#90ee90)}.tile.st-tile .tile-content{background:linear-gradient(135deg,silver,#f0f0f0);overflow:hidden;position:relative}.tile.harlequin-tile .tile-content{align-items:center;background:linear-gradient(135deg,#8a2be2,#4a00e0);color:#fff;display:flex;flex-direction:column;justify-content:center;line-height:1}.harlequin-letter{font-size:1em}.harlequin-arrow{font-size:.5em}.tile.harlequin-tile.lit .tile-content{animation:lit-up 1s infinite}.harlequin-timer{color:#ff0;font-size:24px}.bonus-message,.harlequin-timer{margin-bottom:10px;text-align:center}.bonus-message{color:#1e90ff;font-size:18px;font-weight:700;min-height:27px}@keyframes lit-up{0%{box-shadow:0 0 10px #ff0}50%{box-shadow:0 0 20px #ff0}to{box-shadow:0 0 10px #ff0}}.tile.st-tile .tile-content:after{animation:specular-highlight 2.5s infinite;background:#ffffff4d;background:linear-gradient(90deg,#ffffff1a 0,#fff6 50%,#ffffff1a);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes specular-highlight{0%{transform:translate(-75%,-75%) rotate(45deg)}to{transform:translate(75%,75%) rotate(45deg)}}.tile.selected.dl-tile .tile-content,.tile.selected.dw-tile .tile-content,.tile.selected.st-tile .tile-content,.tile.selected.tw-tile .tile-content{border-color:#1e90ff}.timer{font-size:24px;font-weight:700;margin-top:.25em;text-align:center}.timer.urgent{animation:pulse 1s infinite;color:red}.game-stats{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 20px;width:100%}.score{font-size:24px;font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.word-list-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;height:300px;overflow-y:auto;padding:10px}.word-list{list-style-type:none;margin:0;padding:0}.word-list li{border-bottom:1px solid #eee;padding:5px 0}.missed{color:grey}.found-in-all,.total-score{font-weight:700}.total-score{border-bottom:1px solid #ddd;padding:10px;text-align:center}.tab-container{display:flex;margin-bottom:10px}.tab{background-color:#f0f0f0;border:1px solid #ccc;color:#aaa;cursor:pointer;flex:1 1;padding:10px;text-align:center}.tab.active{background-color:#fff;color:#000}.tab:disabled{color:#aaa;cursor:not-allowed}.word-toast{animation:fadeInOut 1.5s ease-in-out;background-color:#000000b3;border-radius:20px;color:#fff;display:block;left:50%;padding:10px 20px;position:absolute;top:80px;transform:translateX(-50%);z-index:20}.mobile-button-container{display:flex;gap:10px;margin-top:10px;width:100%}.new-game-button,.share-button,.view-words-button{border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;flex:1 1;font-size:18px;padding:15px}.new-game-button{background-color:#1e90ff}.new-game-button:disabled{background-color:#ccc;cursor:not-allowed}.share-button{background-color:#28a745}.view-words-button{background-color:#555}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-content{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:70%;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 15px}.modal-header h2{font-size:20px;margin:0}.close-button{background:none;border:none;cursor:pointer;font-size:28px}.modal-content .word-list-container{flex-grow:1}body{font-family:Arial,sans-serif}
/*# sourceMappingURL=main.d59b73e8.css.map*/