.back-to-playbox-button,.how-to-play-button{color:var(--color-coral)}.close-modal-button{position:absolute;top:0;right:0;border:none;color:var(--color-white);cursor:pointer;padding:6px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1000}.modal{position:relative;background:var(--color-black);color:var(--color-white);padding:24px;border-radius:12px;max-width:80vw;max-height:80vh;opacity:.9;animation:pop .2s ease-out}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}#home-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center}#playbox-title{text-transform:uppercase;letter-spacing:6px;font-size:24px;padding:16px;text-shadow:0 0 4px rgba(0,180,255,.4),0 0 12px rgba(0,180,255,.2)}.game-link{width:auto;margin:0 auto}.game-link button{width:160px}#ball-drop-container{width:100%;height:100vh}#ball-drop-canvas{display:block;width:100%;height:100%}#start-ball-drop-button{color:var(--color-purple)}#footer{display:flex;flex-direction:row;justify-content:space-between;position:absolute;bottom:0;width:100%;padding-bottom:8px;color:var(--color-white)}.footer-item{padding:8px}#score span{color:var(--color-coral)}#timer span{color:var(--color-purple)}#mouse-tracker{display:inline-flex}#mouse-tracker div{padding-right:2px}#mouse-tracker span{padding:0 2px}.larger-coordinate{color:var(--color-coral)}.smaller-coordinate{color:var(--color-purple)}#game-over-alert{position:absolute;left:0;top:40%;right:0;margin-inline:auto;width:fit-content;color:var(--color-purple);font-size:40px;opacity:.8;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@media only screen and (max-width: 720px){#mouse-tracker{display:none}}#sudoku-container{width:100%;height:100%;text-align:center}#sudoku-grid{padding-bottom:24px}.sudoku-input:focus{outline:none}.sudoku-input{width:50px;height:50px;text-align:center;margin:1px;border:none}.sudoku-input-background{background-color:var(--color-black);opacity:.75}.valid-sudoku-input{background-color:var(--color-coral)}#sudoku-warning-message{height:30px;line-height:30px;color:var(--color-black)}#sudoku-description{padding-bottom:10px}#reset-sudoku-button{color:var(--color-coral)}@media only screen and (max-width: 720px){.sudoku-input{width:30px;height:30px;padding:0;box-sizing:border-box}#reset-sudoku-button,#sudoku-container .back-to-playbox-button,#sudoku-container .how-to-play-button{color:var(--color-purple)}}#secret-word-container{display:flex;flex-direction:column;align-items:center;height:100%;text-align:center;padding:24px}.secret-word-text{font-size:24px}.secret-word-clues{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--color-white)}.secret-word-error{height:24px;font-size:12px;padding:16px 0;color:var(--color-purple)}.secret-word-guess{width:200px;margin:0 auto}.secret-word-guess-container{height:240px}.secret-word-guess-empty-state{font-size:12px;display:flex;flex-direction:column;justify-content:center;gap:8px;height:100%}.secret-word-delete-icon{float:right;padding-top:4px}.secret-word-delete-icon:hover{cursor:pointer}#secret-word-container form{padding:16px}.add-word-input{border:1px solid var(--color-white);background:transparent;padding:4px 16px;border-radius:16px;text-align:center}.add-word-input:focus{outline:none}@media only screen and (max-width: 720px){#secret-word-container form{display:flex;flex-direction:column;gap:12px;align-items:center}#secret-word-container form button{width:160px}}#elevator-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;--elevator-height: 60px;--elevator-floors: 9;--elevator-building-width: 160px}#elevator-container .back-to-playbox-button{color:var(--color-purple)}.building{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(var(--elevator-height) * var(--elevator-floors));width:var(--elevator-building-width);border:2px solid var(--color-black)}.building-floor{border-bottom:1px solid var(--color-black);height:var(--elevator-height);width:var(--elevator-building-width);opacity:.5}.building-floor:nth-last-child(1 of.building-floor){border-bottom:none}.elevator{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;height:var(--elevator-height);width:var(--elevator-height);background-color:var(--color-purple);border:1px solid var(--color-white);opacity:.3;transition:bottom 2s ease-in-out}.elevator-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.elevator-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:var(--elevator-building-width)}.elevator-buttons button:hover{border:1px solid transparent}.elevator-button-pressed{color:var(--color-purple)}:root{font-family:Segoe UI,Roboto,sans-serif;line-height:1.5;font-size:14px;letter-spacing:1px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-white: ghostwhite;--color-black: #454544;--color-purple: #646cff;--color-coral: lightcoral}html,body,#root{height:100%}body{margin:0}button{border-radius:8px;border:1px solid transparent;padding:8px;margin:0 8px;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s;color:var(--color-white);letter-spacing:1px}button:hover{border-color:var(--color-purple)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}#app{min-height:100vh;width:100%;background-image:linear-gradient(to top,#242424,#403a44,#644f61,#8e6479,#bc798b,#d08391,#e48e96,#f79999,#f79999,#f79999,#f79999,#f79999);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
