@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}html,body{color:#fff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--highlight);margin:0}body:after{content:"";height:env(safe-area-inset-bottom,0px);background-color:var(--highlight);pointer-events:none;z-index:10;position:fixed;bottom:0;left:0;right:0}@media (display-mode:standalone){body:after{display:none}}*{scrollbar-width:thin;scrollbar-color:var(--highlight-border) transparent}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--highlight-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background-color:var(--grid)}ul,li{list-style:none}h1,h2{margin:0;padding:0}a{color:#77a9b9}button:hover,[class*=button]:not([class*=container]):hover,[class*=btn]:not([class*=container]):hover{cursor:pointer}.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{appearance:none;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{left:0;bottom:env(safe-area-inset-bottom,0px);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}.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;width:80%;min-width:80%;max-width:50rem;height:50px;position:fixed;top:10%;left:50%;transform:translate(-50%)}.search-bar{display:flex;overflow:hidden}.search-bar-input{box-sizing:border-box;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-bar-input::placeholder{color:gray}.search-results{background-color:var(--search);box-sizing:border-box;width:100%;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;left: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)}.row-button-container{background-color:#000;gap:2px;width:100%;display:flex}.row-button{color:#000;border:none;flex-grow:1;justify-content:center;align-items:center;gap:5px;width:auto;height:2.5rem;font-size:1.25em;display:flex}.row-button.view{background-color:var(--highlight-border);color:#fff}.row-button.give-up{background-color:var(--danger);color:#fff}.row-button svg{padding-top:2px;position:relative}.person-image{background-repeat:no-repeat;background-size:contain;border-radius:10px 10px 0 0;max-width:768px;max-height:calc(90vh - 2em - 2px);position:relative}.preview-button-container{width:calc(100% - 1em);display:flex}.preview-button{border:1px solid var(--highlight-border);background:var(--highlight);flex-grow:1;justify-content:center;align-items:center;gap:5px;width:auto;height:2em;display:flex}.preview-button svg{padding-top:2px;position:relative}.give-up-container{justify-content:center;align-items:center;width:100%;height:80%;display:flex}.give-up-modal{width:70%;max-height:75vh;max-width:var(--maxWidth);background-color:#3a3a3a;border-radius:10px;flex-direction:column;padding:1rem;display:flex;position:relative}.give-up-button-container{gap:1rem;display:flex}.give-up-button{border:1px solid var(--highlight-border);background:var(--danger);flex-grow:1;justify-content:center;align-items:center;gap:5px;width:auto;height:2em;display:flex}.give-up-button.cancel{background-color:var(--highlight)}.give-up-button svg{padding-top:2px;position:relative}.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}.preview-modal{width:70%;max-height:90vh;max-width:var(--maxWidth);background-color:#3a3a3a;border-radius:10px;flex-direction:column;max-width:768px;display:flex;position:relative}.preview-modal>.modal-close{border:1px solid var(--highlight-border);width:2em;height:2em;padding:0}.share-container{justify-content:center;width:100%;margin-top:2rem;margin-bottom:2rem;display:flex}.share-button{appearance:none;color:#000;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;bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;border-radius:10px 0 0;width:3rem;height:3rem;padding:0;line-height:0;position:absolute;left:0}.navbar-toggle svg{width:1.5rem;height:1.5rem;display:block}.navbar-container{z-index:8;position:fixed;bottom:0;right:3rem}.navbar{z-index:8;block-size:auto;bottom:env(safe-area-inset-bottom,0px);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;right:-3rem}.navbar.closed{transition:bottom .2s,right .2s .16s;right:-146px!important;bottom:calc(env(safe-area-inset-bottom,0px) - 188px)!important}.navbar.closed.admin{bottom:calc(env(safe-area-inset-bottom,0px) - 235px)!important}.navbar-game,.navbar-user{flex-direction:column;gap:1rem;display:flex}.navbar a{background-color:var(--search);color:#fff;box-sizing:border-box;border:1px solid #fff;border-radius:4px;justify-content:center;align-items:center;height:31px;padding:0 10px;text-decoration:none;display:flex}.navbar .logout{background-color:var(--danger);color:#fff;box-sizing:border-box;border:1px solid #fff;border-radius:4px;justify-content:center;align-items:center;height:31px;padding:0 10px;font-weight:400;text-decoration:none;display:flex}.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:#a02e2e}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--highlight);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-secondary:hover{background-color:var(--highlight-border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}[class*=btn].large{width:7rem;font-size:1.5em}.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)}.game-create *{padding:3px}@media screen and (width<=600px){.grid-container{grid-template-columns:repeat(4,1fr);width:75vw}.empty-item{display:none}}