@font-face{font-family:OverlockCustom;src:url(/thatgamejam/generate-your-poster/assets/Overlock-Regular-D0aaEK_m.ttf) format("ttf"),url(/thatgamejam/generate-your-poster/assets/Overlock-Black-DciqnvNB.ttf) format("ttf");font-weight:400;font-style:normal}#root{margin:0 auto;text-align:center;font-family:Overlock,Arial,sans-serif}body{margin:0;padding:0;font-family:Overlock,Arial,sans-serif;overflow-y:auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.frosted-glass{width:800px;height:850px;border-radius:32px;background:#ffffff2e;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:40px 48px;box-sizing:border-box;overflow-y:auto;gap:24px}.centered-content{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;width:auto;height:auto;padding-top:0}@media(max-height:900px){.centered-content{position:static;top:auto;left:auto;transform:none;margin:24px auto;width:-moz-fit-content;width:fit-content}}.frosted-content-row{width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:32px}.preview-row{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:center}form,canvas{margin:0 0 20px;display:block}form{margin:0;width:100%;max-width:620px;text-align:left}.input-label{font-size:1rem;font-weight:700;margin-bottom:0;margin-right:16px;color:#fff;font-family:inherit;display:inline-block;min-width:120px;text-align:left;vertical-align:middle;text-shadow:0 0 4px rgba(255,255,255,.6),0 0 8px rgba(79,140,255,.55),0 0 14px rgba(79,140,255,.45)}.form-row{display:flex;align-items:center;margin-bottom:14px;width:100%}input,textarea,.react-select__control{display:inline-block;margin-bottom:0;text-align:left;vertical-align:middle;flex:1 1 auto;max-width:calc(100% - 136px);box-sizing:border-box}canvas{border:2px solid #333;border-radius:8px;box-shadow:0 2px 8px #00000014}button{padding:.6em 1.4em;border-radius:16px;border:1px solid rgb(62,102,148);background:#3e6694;color:#fff;font-size:1em;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:background .2s ease,transform .1s ease,box-shadow .2s ease;margin-top:0;align-self:auto;text-shadow:0 0 4px rgba(255,255,255,.6),0 0 8px rgba(79,140,255,.55),0 0 14px rgba(79,140,255,.45)}.mode-toggle-button{display:inline-flex;align-items:center;justify-content:center;padding-top:.6em;padding-bottom:.6em;min-width:3em}button:hover{background:#507eb2;transform:translateY(-1px);box-shadow:0 6px 16px #00000073}button:disabled{background:#3e669466;border-color:#3e669499;cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}button:disabled:hover{background:#3e669466;box-shadow:none;transform:none}input,textarea{padding:.5em 1em;border:1px solid #ccc;border-radius:6px;font-size:1em;box-shadow:0 1px 4px #0000000f;outline:none;transition:border-color .2s;background:#ffffff1f;color:#fff}input:focus,textarea:focus{border-color:#4f8cff;background:#ffffff2e;color:#fff}input[type=file]{color:#fff}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{border-radius:14px;border:1px solid rgba(255,255,255,.35);background:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.45em 1.1em;font-family:Overlock,Arial,sans-serif;font-size:.9em;cursor:pointer;box-shadow:0 4px 10px #00000059;-webkit-transition:background .2s ease,transform .1s ease,box-shadow .2s ease;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}input[type=file]::-webkit-file-upload-button:hover{background:#ffffff47;transform:translateY(-1px);box-shadow:0 6px 14px #00000073}input[type=file]::file-selector-button:hover{background:#ffffff47;transform:translateY(-1px);box-shadow:0 6px 14px #00000073}.react-select__control{background:#ffffff1f;color:#fff}.react-select__multi-value{background:#c0756b;border-radius:14px;border:1px solid rgba(255,255,255,.55);box-shadow:0 2px 6px #00000040;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.react-select__multi-value__label{color:#fff}.react-select__option{color:#222}.react-select__menu{color:#222;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 30px #00000059}.tags-select .react-select__menu{overflow:hidden;border-radius:10px}.text-red-500{margin-left:0;margin-bottom:0;font-size:.7rem;padding:0;color:#d93025}input::-moz-placeholder,textarea::-moz-placeholder{color:#ffffff8c;font-style:italic}input::placeholder,textarea::placeholder{color:#ffffff8c;font-style:italic}#site-background{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:top;background-repeat:no-repeat;margin:0;padding:0;background-color:#000}.site-background-dark{background-image:url(/thatgamejam/generate-your-poster/assets/Site_Background-BBeNIQ2P.png)}.site-background-light{background-image:url(/thatgamejam/generate-your-poster/assets/Site_Background_Light-BGMuYH-1.png)}.bg-fade-out{animation:bgFadeToBlack .4s forwards}.bg-fade-in{animation:bgFadeFromBlack .4s forwards}@keyframes bgFadeToBlack{0%{filter:brightness(1)}to{filter:brightness(0)}}@keyframes bgFadeFromBlack{0%{filter:brightness(0)}to{filter:brightness(1)}}.preview-canvas-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;padding:8px;border-radius:14px;border:3px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #ffffff1a inset,0 10px 24px #0000004d;background:radial-gradient(circle at top left,#ffffff1f,#00000026);filter:brightness(1)}.preview-canvas-wrapper.preview-fade-out{animation:imgFadeToBlack .4s forwards}.preview-canvas-wrapper.preview-fade-in{animation:imgFadeFromBlack .4s forwards}.preview-canvas-wrapper.image-fade-out{animation:imgFadeToBlack .4s forwards}.preview-canvas-wrapper.image-fade-in{animation:imgFadeFromBlack .4s forwards}@keyframes imgFadeToBlack{0%{filter:brightness(1)}to{filter:brightness(0)}}@keyframes imgFadeFromBlack{0%{filter:brightness(0)}to{filter:brightness(1)}}.preview-canvas{width:300px;height:300px;max-width:100%;max-height:100%;border:1px solid #333;border-radius:8px;box-shadow:0 2px 8px #00000014;background:transparent;margin:0}.image-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e1e1eb3;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;animation:modalFadeIn .3s forwards}.image-modal-overlay.closing{animation:modalFadeOut .3s forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.image-modal-content{padding:0;border-radius:16px;box-shadow:0 8px 32px #00000073;display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;overflow:auto;opacity:0;transform:scale(.95);animation:modalContentIn .3s forwards;background:#ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.image-modal-content.closing{animation:modalContentOut .3s forwards}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.image-modal-close{margin-top:18px;padding:.5em 1.2em;background:#4f8cff;color:#fff;border:none;border-radius:6px;font-size:1em;cursor:pointer;box-shadow:0 2px 6px #4f8cff1f;transition:background .2s}.image-modal-close:hover{background:#357ae8}.light-buttons button{border-color:#9e4349;background:#9e4349}.light-buttons button:hover:not(:disabled){background:#b25057}.light-buttons button:disabled,.light-buttons button:disabled:hover{background:#9e434966;border-color:#9e434999}.light-buttons input[type=file]::-webkit-file-upload-button,.light-buttons input[type=file]::file-selector-button{background:#c0756b}.light-buttons .react-select__multi-value{background:#c0756b}.form-buttons-row{display:flex;justify-content:flex-start;align-items:center;-moz-column-gap:10px;column-gap:10px;margin-top:24px}.qr-row{display:flex;justify-content:flex-start;align-items:center;margin-top:10px}.frosted-glass-btn{border-radius:16px;border:1px solid rgb(62,102,148);background:#3e6694;color:#fff;font-size:1em;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:background .2s,box-shadow .2s,transform .1s;margin-right:0;display:inline-flex;align-items:center;gap:.5em;text-shadow:0 0 4px rgba(255,255,255,.6),0 0 8px rgba(79,140,255,.55),0 0 14px rgba(79,140,255,.45)}.frosted-glass-btn:hover:not(:disabled){background:#507eb2;box-shadow:0 6px 16px #00000073;transform:translateY(-1px)}.frosted-glass-btn:disabled{opacity:.7;cursor:not-allowed;background:#3e669466;border-color:#3e669499;box-shadow:none;transform:none}.light-buttons .frosted-glass-btn{border-color:#9e4349;background:#9e4349}.light-buttons .frosted-glass-btn:hover:not(:disabled){background:#b25057;box-shadow:0 6px 16px #00000073}.light-buttons .frosted-glass-btn:disabled{background:#9e434966;border-color:#9e434999;opacity:.7;box-shadow:none;transform:none}.qr-toggle-checkbox{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.input-hint{margin-top:-4px;margin-bottom:8px;font-size:.8rem;color:#ffffffb3;font-style:italic;text-align:left}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;border-radius:50%;border:none;color:#fff;font-size:.75rem;cursor:default;position:relative;text-shadow:0 0 4px rgba(255,255,255,.6),0 0 8px rgba(79,140,255,.55);text-decoration:underline}.info-icon .info-tooltip{position:absolute;bottom:130%;left:50%;transform:translate(-50%);padding:6px 10px;border-radius:10px;background:#000000bf;color:#fff;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 6px 16px #00000073}.info-icon:focus .info-tooltip,.info-icon:hover .info-tooltip{opacity:1}.centered-content,.frosted-glass,.input-label,.form-row,input,textarea,button,.react-select__control,.react-select__multi-value__label,.react-select__option,.react-select__menu,.text-red-500{font-family:Overlock,Arial,sans-serif}