@import "https://fonts.googleapis.com/css2?family=Cinzel&display=swap";:root{--bg:#0e2d4b;--grid:#adadad;--highlight:#211a1d;--highlight-border:#3b3135;--search:#00b4d8;--search-75:#00b4d8bf;--success:#004225;--success-bright:#05cc76;--danger:#ea4141;--size:50px;--maxWidth:calc(100vw - 4rem)}@keyframes svgAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:1000px}}:root{interpolate-size:allow-keywords}*{font-family:Figtree,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{color:#fff;margin:0}ul,li{list-style:none}h1,h2{margin:0;padding:0}a{color:#77a9b9}.App{background-color:var(--bg);isolation:isolate;min-height:100vh;padding-top:1rem;padding-bottom:1rem;position:relative}.App:before{content:"";background-blend-mode:multiply;opacity:.15;z-index:-1;pointer-events:none;background-image:url(/images/film-reel.png);background-position:50%;background-size:50px;background-attachment:fixed;position:fixed;inset:0}.game-container{max-width:750px;margin:auto}.corner-button{background-color:var(--highlight);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;font-size:1.5em;display:flex}.help-button{border:solid var(--highlight-border);z-index:9;border-width:2px 2px 0 0;border-radius:0 10px 0 0;padding:1px 8px;line-height:46px;position:fixed;bottom:0;left:0}.title{text-align:center;font-family:Cinzel,serif;font-size:1.75em}.game-row{cursor:pointer;background-color:var(--highlight);background-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:10px;width:100%;min-height:94px;padding:25px;display:flex;position:relative}.game-row-container{border-radius:10px;width:calc(100% - 4rem);min-height:94px;margin:2rem;position:relative;box-shadow:2px 5px 10px #000}.game-row-container svg{position:absolute;top:-1px;left:-1px}.game-row-container .line{stroke-dasharray:260;stroke-width:1px;fill:#0000;stroke:var(--search-75);animation:7s linear infinite svgAnimation}.poster-image{border-radius:0 10px 10px 0;width:92px;max-width:33.3%;height:100%;position:absolute;bottom:0;right:0}.logo{width:40%}.logo-container{justify-content:center;align-items:center;display:flex}.y-header,.x-header{text-align:center;margin:auto;line-height:1.5em}.x-header{padding-top:1em;padding-bottom:1em}.overlay{z-index:10;background-color:#0000004d;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:2rem 0;display:flex;position:fixed;inset:0;overflow-y:auto}.search-bar-container{z-index:100;min-width:80%;max-width:50rem;height:50px;margin:auto;position:fixed;top:10%;left:10%}.search-bar{display:flex;overflow:hidden}.search-bar-input{background:var(--search);color:#fff;width:100%;font-size:1.5rem;line-height:calc(var(--size) - 3px);cursor:initial;border:2px solid #000;border-radius:10px;flex-grow:1;padding-left:1em;position:absolute}.search-bar-input:focus-visible{outline:none}.search-bar-input.results{border-radius:10px 10px 0 0}.search-results{background-color:var(--search);min-width:calc(100% + 26px);max-width:80vw;top:var(--size);-ms-overflow-style:none;scrollbar-width:none;border:2px solid #000;border-radius:0 0 10px 10px;max-height:50vh;margin:0;padding:0;position:relative;right:0;overflow-y:auto}.search-results::-webkit-scrollbar{display:none}.search-results-items{cursor:pointer;border-bottom:2px solid #000;padding-left:5px;line-height:2rem;list-style:none}.search-results-items:hover{background-color:var(--bg)}.category-label{color:#fff;border-radius:10px 0 0 10px;width:8rem;max-width:33.3%;padding:.5em;display:block;position:absolute;top:0;bottom:0;left:0}.row-label{color:#fff;text-shadow:1px 0 0 var(--highlight), 0 -1px 0 var(--highlight), 0 1px 0 var(--highlight), -1px 0 0 var(--highlight);flex-direction:column;justify-content:center;align-items:center;font-size:1.25em;display:flex;position:absolute;inset:0}.row-qualifier{font-weight:lighter}.row-score{background-color:var(--success);color:#fff;border-radius:0 0 10px 10px;width:100%;height:1.5em;padding-top:.25em;position:absolute;bottom:-1.5em;left:0}.game-header{background-color:var(--highlight);z-index:1;border:2px solid;border-radius:10px;flex-direction:column;align-items:center;margin-top:1.5rem;margin-left:2rem;margin-right:2rem;padding:1em;font-size:1.25em;font-weight:400;display:flex;position:relative;box-shadow:2px 5px 10px #000}.footer{border:none;width:8rem;margin:0 auto 5rem;padding:.5em;font-size:1em}.game-title{margin-bottom:.5em;font-size:1.5em}.game-scores{grid-template-columns:repeat(2,1fr);display:grid}.game-scores>span{min-width:50%;margin-top:.33em}.guess-counter{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1rem;font-family:Cinzel,serif;font-size:2em;display:flex}.help-modal{width:70%;max-height:75vh;max-width:var(--maxWidth);background-color:#3a3a3a;border-radius:10px;flex-direction:column;display:flex;position:relative}.help-modal-body{flex:1;padding:1em;overflow-y:auto}.help-modal h2{text-align:center;padding:5px 0}.help-modal p{margin-bottom:1em}.modal-close{background-color:var(--danger);cursor:pointer;border:none;border-radius:0 0 10px;justify-content:center;align-items:center;width:1em;height:1em;padding:3px;display:flex;position:absolute;bottom:0;right:0}.share-container{justify-content:center;width:100%;margin-top:2rem;margin-bottom:2rem;display:flex}.share-button{background-color:var(--search);border:none;border-radius:10px;justify-content:center;align-items:center;width:9rem;padding:5px 5px 5px 20px;font-size:1em;line-height:1.5em;display:flex;position:relative;box-shadow:2px 5px 10px #000}.share-button-icon{position:absolute;left:5px}.navbar-container{min-height:1rem;position:relative}.navbar-toggle{z-index:9;border-radius:10px 0 0;width:3rem;height:3rem;position:absolute;bottom:0;left:0}.navbar-container{z-index:8;position:fixed;bottom:0;right:3rem}.navbar{z-index:8;block-size:auto;background-color:var(--highlight);border:solid var(--highlight-border);text-align:center;border-width:2px 0 0 2px;border-radius:10px 0 0;flex-direction:column;justify-content:space-between;gap:1rem;max-width:10rem;padding:1rem 1rem 3rem;font-weight:400;transition:bottom .2s .16s,right .2s;display:flex;position:absolute;bottom:0;right:-3rem}.navbar.closed{transition:bottom .2s,right .2s .16s;bottom:-182px!important;right:-146px!important}.navbar-game,.navbar-user{flex-direction:column;gap:1rem;display:flex}.navbar a{background-color:var(--search);color:#fff;border:1px solid #fff;border-radius:4px;padding:5px 10px;text-decoration:none}.navbar .logout{background-color:var(--danger);color:#fff;text-align:center;border:1px solid #fff;border-radius:4px;padding:5px 10px;font-weight:400;text-decoration:none}.auth-card{background-color:var(--highlight);width:100%;max-width:var(--maxWidth);border-radius:10px;padding:1rem;box-shadow:2px 5px 10px #000}.auth-logo{text-align:center;margin-bottom:1.5rem}.auth-logo a{color:#fff;font-family:Cinzel,serif;font-size:1.5rem;text-decoration:none}.profile-page{background-color:var(--highlight);border-radius:10px;max-width:calc(100% - 8rem);margin:2rem auto auto;padding:2rem;box-shadow:2px 5px 10px #000}.profile-section>h2,.form-group{margin-bottom:1rem}.form-label{margin-bottom:.375rem;font-size:.875rem;display:block}.form-input{background-color:var(--bg);color:#fff;box-sizing:border-box;border:1px solid #4b5563;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:1rem}.form-input:focus{border-color:var(--search);outline:none}.form-error{color:#f87171;margin-top:.25rem;font-size:.8rem}.form-actions{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.form-status{color:var(--success-bright);margin-bottom:1rem}.form-check{color:#d1d5db;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;display:flex}.form-check input[type=checkbox]{accent-color:var(--search)}.btn-primary{background-color:var(--search);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-primary:hover{background-color:#0096b5}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#fff;cursor:pointer;background-color:#ea4141;border:none;border-radius:6px;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-danger:hover{background-color:#0096b5}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.auth-link{color:#77a9b9;font-size:.875rem;text-decoration:underline}.auth-link:hover{color:#90cfe0}.leaderboard-container{max-width:var(--maxWidth);background-color:var(--highlight);border-radius:6px;margin:auto;padding:1rem}.leaderboard{border-collapse:collapse;border:1px solid var(--highlight-border);width:100%}.leaderboard-odd{background:var(--highlight)}.leaderboard-even{background:var(--highlight-border)}.leaderboard td,.leaderboard th{padding:1rem}.leaderboard th{background-color:var(--search)}@media screen and (width<=600px){.grid-container{grid-template-columns:repeat(4,1fr);width:75vw}.empty-item{display:none}}