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}.archive-button{background:#4caf50;border:none;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .2s;z-index:100}.archive-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.archive-date{color:#999;font-size:14px;margin-top:4px}.previous-attempt{color:#4caf50;font-size:12px;margin-top:2px}.back-button{background:#666;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.back-button:hover{background:#555}.calendar-btn{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:0 8px;padding:12px 24px;transition:all .2s}.calendar-btn:hover{background:#1976d2;transform:translateY(-2px)}@media (max-width:600px){.archive-button{font-size:14px;padding:8px 12px;right:10px;top:10px}}.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)}.puzzle-calendar-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.puzzle-calendar{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.calendar-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.calendar-header h2{color:#333;font-size:24px;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-button:hover{background:#f0f0f0;color:#333}.calendar-stats{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:20px;padding:20px 24px}.stat-item{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:center}.stat-icon{font-size:24px}.stat-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#333;font-size:20px;font-weight:700}.calendar-navigation{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 24px}.calendar-navigation button{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px 16px;transition:all .2s}.calendar-navigation button:disabled{cursor:not-allowed}.calendar-navigation button:hover{background:#e0e0e0}.calendar-navigation h3{color:#333;font-size:18px;margin:0}.calendar-grid{padding:20px 24px}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{color:#666;font-size:12px;font-weight:700;padding:8px 0;text-align:center;text-transform:uppercase}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s}.calendar-day.empty{border:none;cursor:default}.calendar-day:not(.empty):not(.locked):hover{border-color:#4caf50;box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.calendar-day.completed{background:#e8f5e9;border-color:#4caf50}.calendar-day.attempted{background:#fff3e0;border-color:#ff9800}.calendar-day.available{background:#f5f5f5;border-color:#9e9e9e}.calendar-day.locked{background:#fafafa;border-color:#e0e0e0;cursor:not-allowed;opacity:.5}.calendar-day.today{border-color:#2196f3;border-width:3px;box-shadow:0 0 8px #2196f34d}.day-number{color:#333;font-size:14px;font-weight:700}.day-status{font-size:16px;margin-top:2px}.calendar-legend{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:16px 24px}.legend-item{align-items:center;color:#666;display:flex;font-size:14px;gap:6px}.legend-symbol{font-size:16px;font-weight:700;text-align:center;width:20px}.legend-symbol.completed{color:#4caf50}.legend-symbol.attempted{color:#ff9800}.legend-symbol.available{color:#9e9e9e}.legend-symbol.locked{font-size:14px}.calendar-actions{display:flex;justify-content:center;padding:20px 24px}.play-today-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 32px;transition:all .2s}.play-today-button:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.calendar-loading{color:#666;font-size:18px;padding:40px;text-align:center}@media (max-width:600px){.puzzle-calendar{border-radius:0;max-height:100vh;max-width:100%}.calendar-header h2{font-size:20px}.calendar-stats{flex-direction:column;gap:12px}.stat-item{align-items:center;flex-direction:row;justify-content:space-between}.stat-icon{font-size:20px}.stat-label{flex:1 1;margin-left:8px;text-align:left}.stat-value{font-size:18px}.calendar-legend{gap:12px}.day-number,.legend-item{font-size:12px}.day-status{font-size:14px}}
/*# sourceMappingURL=main.ecda0688.css.map*/