body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-light:#2e2e2e;--bg-accent:#3a3a3a;--tile-bg:#4a4a4a;--tile-border:#6b6b6b;--primary:#4dfd94;--secondary:#bd0000;--highlight:#fde68a;--text-main:#fff;--text-light:#fff}.App{text-align:center}body{align-items:flex-start;background:#2e2e2e;background:var(--bg-light);color:#fff;color:var(--text-main);display:flex;font-family:Courier New,Courier,monospace;justify-content:center;min-height:100vh}.game-container,.results-screen{box-sizing:border-box;margin:80px auto 10px}.game-container{align-items:center;background:#2e2e2e;background:var(--bg-light);color:#fff;color:var(--text-main);display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;position:relative;transition:transform .3s ease;width:100vw}.main-content.shifted .game-container{width:calc(100vw - 240px)}.app-header{align-items:center;background:#4dfd94;background:var(--primary);background-color:#2e2e2e;background-color:var(--bg-light);display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}h1{color:#4dfd94;color:var(--primary);font-size:2.8rem;margin:1rem;text-align:center}.header-meta{align-items:center;color:#ccc;display:flex;font-size:1rem;justify-content:center;margin-top:.5rem}.button-container{display:flex;flex-direction:row}.button{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-main);cursor:pointer;display:flex;font-size:2em;height:44px;justify-content:center;transition:background .2x,transform .2s;-webkit-user-select:none;user-select:none;width:44px}.button:hover{background-color:#bd0000;background-color:var(--secondary)}.check-button:hover{background-color:initial}.check-button:active{background-color:#bd0000;background-color:var(--secondary);transform:scale(.95)}.dots{display:flex;justify-content:center}.dot{background-color:#4dfd94;background-color:var(--primary);border-radius:50%;height:12px;margin:0 5px;transition:background-color .3s ease;width:12px}.dot.filled{background-color:#bd0000;background-color:var(--secondary)}.button:active{transform:scale(.95)}.game-container .tiles{margin-top:140px}.tile{cursor:grab;perspective:1000px!important;position:relative;-webkit-user-select:none;user-select:none}.hitbox-bottom,.hitbox-top{background:#0000;cursor:pointer;height:10%;left:0;position:absolute;width:100%;z-index:3}.hitbox-top{top:0}.hitbox-bottom{top:90%}.flip-content,.tile-face{word-break:break-word}.flip-content{align-items:center;background-color:#4a4a4a;background-color:var(--tile-bg);border:2px solid #6b6b6b;border:2px solid var(--tile-border);border-radius:12px;box-shadow:0 2px 6px #0000001a;box-sizing:border-box;color:#fff;color:var(--text-main);display:flex;flex-direction:column;font-size:clamp(1rem,2.5vw,1.3rem);height:100%;justify-content:center;position:relative;text-align:center;transform-style:preserve-3d;transition:transform 1s!important;width:100%}.flip-content.flipped{transform:rotateX(180deg)!important}.tile-face{align-items:center;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100px;position:absolute;width:100%}.tile-face.tile-back{transform:rotateX(180deg)!important}.divider{background-color:#bd0000;background-color:var(--secondary);height:2px;width:75%;z-index:1}.flip-content.inOrder{border-color:#4dfd94;border-color:var(--primary);color:#fff;color:var(--text-main)}.flip-content.unOrdered{border-color:#fde68a;border-color:var(--highlight);color:#fff;color:var(--text-main)}.popup-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:200}.popup-content{color:#fff;left:auto;max-height:80vh;opacity:1;overflow-y:auto;padding:20px;position:static;text-align:center;top:auto;transform:none;transition:opacity 2s ease-out}.popup-content ul{list-style-position:inside;margin:0 auto;padding:0;text-align:center}.popup-content li{margin:10px}.popup-content.current-selection{color:#fff;color:var(--text-main);margin:0 auto;padding:32px 24px;text-align:left;width:75vw}.show-name-form .popup-content{max-width:90vw;overflow-x:hidden;width:auto}.popup-overlay{overflow-x:hidden}.popup-content input[type=text]{background:#4a4a4a;background:var(--tile-bg);border:none;border-radius:8px;box-shadow:inset 0 1px 3px #0000004d;display:block;margin:1rem auto;width:75%}.popup-content .button,.popup-content input[type=text]{color:#fff;color:var(--text-main);font-size:1rem;padding:.75rem 1rem}.popup-content .button{background-color:#4a4a4a;background-color:var(--tile-bg);border-color:#6b6b6b;border-color:var(--tile-border);border-radius:8px;cursor:pointer;margin:.5rem auto;max-width:300px;transition:background .2s,color .2s;width:100%}.popup-content .button:hover{background:#bd0000;background:var(--secondary);color:#fff;color:var(--text-main)}.current-selection h2{font-size:1.5rem;margin-bottom:1rem;text-align:center}.current-selection .bottomQuote,.current-selection .topQuote{box-shadow:0 2px 8px #00000026;color:#fff;color:var(--text-main);font-size:1.1rem;margin:8px 0;padding:12px 16px}.current-selection .guess-row{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.current-selection .dots{margin-left:.5rem}.stats-summary{font-size:1rem;margin-top:1rem}.stats-charts-row{box-sizing:border-box;flex-wrap:wrap;margin:0 auto;max-width:700px;width:100%}.stats-chart,.stats-charts-row{align-items:center;display:flex;justify-content:center}.stats-chart{flex-direction:column;min-width:200px;width:300px}.times{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;margin-top:1.5rem}.leaderboard,.times{color:#fff;font-size:1rem}.leaderboard{margin-top:1rem}.leaderboard li{margin-bottom:.5rem}.spotlight{border:2px solid #4dfd94;border:2px solid var(--primary);box-shadow:0 0 20px 5px #4dfd94;box-shadow:0 0 20px 5px var(--primary);z-index:5}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
/*# sourceMappingURL=main.5a98a95f.css.map*/