#root,body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;height:100%}.app-header{align-items:center;background-color:#333;color:#fff;display:flex;padding:.5rem 1rem;position:relative;z-index:2}.hamburger{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.app-title{margin:8px 16px}.sidebar{background-color:#222;color:#fff;height:100%;left:-250px;overflow-y:auto;position:fixed;top:56px;transition:left .3s ease;width:250px;z-index:1}.sidebar.open{left:0}.app-nav{list-style:none;margin:0;padding:1rem}.nav-link{color:#fff;display:block;margin:1rem 0;text-decoration:none}.nav-link:hover{text-decoration:underline}.app-main{flex:1 1;margin-left:0;padding:1rem;transition:margin-left .3s ease}.sidebar.open+.app-main{margin-left:250px}.app-footer{background-color:#333;color:#fff;padding:1rem;text-align:center}a{color:inherit;text-decoration:none}@media (max-width:600px){.sidebar.open+.app-main{margin-left:0}}.mode-selection{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.mode-button{background-color:#9b66fe;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;max-width:300px;padding:1rem;transition:background-color .3s ease;width:90%}.mode-button:hover{background-color:#8645ff}.black-screen-bg{background-color:#000c;height:100vh;left:0;padding:0 0 32px;position:fixed;top:0;width:100vw;z-index:2}.final-screen{font-size:20px;left:0;position:absolute;text-align:center;top:35vh;width:100%;z-index:3}.final-screen button{height:32px}.cast-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 8px;justify-content:space-around;margin:0 2.5%}.cast-element{background-color:#fff;border:1px solid #d3d3d3;color:#000;display:flex;flex-direction:column;width:240px}.actor-img{min-height:132px;min-width:160px}.actor-name{padding:8px 4px}@media screen and (max-width:600px){.cast-element{border:1px solid #d3d3d3;display:flex;flex:1 1 100%;flex-direction:column;max-width:160px;min-width:96px}.actor-img{max-width:160px;min-height:132px;min-width:80px}}.movie-guess-div{display:flex;flex-direction:column;margin-top:16px;padding:0 calc(50% - 128px)}.movie-guess-button{margin:12px calc(50% - 128px) 0;width:256px}.game-container{font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:0 20px;text-align:center}h1{color:#333;font-size:2rem;margin-bottom:48px}.error{color:red;font-size:1rem;margin-bottom:10px}.hints{margin-bottom:20px}.hints p{align-items:center;color:#444;display:flex;font-size:1rem;margin:10px 0}.hints p .icon{height:24px;margin-right:10px;width:24px}.hint{display:flex;margin:8px 4px}.hint-label{flex:1 1;font-weight:700;text-align:left}.hint-value{color:#666;flex:2 1;text-align:right}.input-container{align-items:center;display:flex;position:relative}input[type=text]{flex-grow:1;padding-right:30px}.clear-x{font-weight:700;margin-bottom:10px;padding:0}.clear-btn,.clear-x{background:#0000;border:none;color:#888;cursor:pointer;font-size:16px;position:absolute;right:10px}.button-group{display:flex;gap:2px;justify-content:center;margin-top:20px}.btn-submit{background-color:green}.btn-giveup,.btn-submit{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.btn-giveup{background-color:red}.btn-new-game{background-color:#3e80fb;color:#fff}.btn-new-game,button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}button:hover{opacity:.9}button:disabled{background-color:#ccc;cursor:not-allowed}input[type=text]{font-size:1rem;margin-bottom:10px;padding:10px;width:100%}.suggestions,input[type=text]{border:1px solid #ccc;border-radius:4px}.suggestions{background-color:#f9f9f9;margin-top:10px;max-height:150px;overflow-y:auto;text-align:left}.suggestion-item{cursor:pointer;padding:8px 10px}.suggestion-item:hover{background-color:#007bff;color:#fff}.guessed{color:#28a745;font-size:1.2rem;margin:20px 0}.endgame-text{margin-top:32px}@media screen and (max-width:420px){.button-group{gap:4px;margin-top:16px}.button-group button{font-size:12px}}.grid-container{align-items:center;display:flex;flex-direction:column;margin:20px 0}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr repeat(3,1fr)}.movie-header{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.movie-poster{height:auto;margin-bottom:5px;width:80px}.grid-cell{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;cursor:pointer;display:flex;height:80px;justify-content:center;margin:auto;text-align:center;width:80px}.grid-cell.active{background-color:#e0f7fa;border-color:blue}.grid-cell.correct,.grid-cell.correct.active{background-color:#4caf50;border-color:#388e3c;color:#fff}.actor-input-container{margin-top:20px;text-align:center}.actor-input-container input{font-size:14px;padding:8px;width:250px}.actor{align-items:center;display:flex;flex-direction:column;height:100%;position:relative;text-align:center;width:100%}.actor-image{height:100%;margin-bottom:5px;width:auto}.actor-name{background-color:#ffffffb3;bottom:0;color:#000;font-size:10px;overflow:hidden;padding:4px 0;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.suggestions{list-style-type:none;margin:0;padding:0}.suggestions li{cursor:pointer;padding:5px}.suggestions li:hover{background-color:#f0f0f0}@media screen and (min-width:600px){.grid-cell{height:120px;width:120px}}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}h1,h2{text-align:center}
/*# sourceMappingURL=main.57f9f038.css.map*/