:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;--secondary-background-color: #1f1f1f;--primary-color: #10b981;--primary-hover-color: #059669;--text-color: #f3f4f6;--hover-bg-color: #374151;--nav-bg-color: #000000;--shadow-color: rgba(0, 0, 0, .3);--border-radius: 4px;--transition-duration: .3s;--television-bgcolor: #b71a11;--television-bgcolor-dark: #88110b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(body,p,button,input,textarea,select):not(h1,h2,h3,h4,h5,h6){font-size:1rem}body{margin:0;padding:0;place-items:center}@font-face{font-family:CoveredByYourGrace;src:url(/assets/CoveredByYourGrace-Regular-Y3ZUtihH.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}#app{margin:0 auto;text-align:center;height:100svh;box-sizing:border-box;overflow:hidden;width:100vw}.container{display:flex;height:100svh;flex-direction:column}.button{color:#fff;padding:.75rem;border-radius:4px;cursor:pointer;background-color:#24b47e;border:none;width:100%;margin-bottom:10px}.button:hover{background-color:#0508d4}.inputField{width:100%;border-radius:4px;padding:.75rem;border:1px solid #ddd;margin-bottom:10px;box-sizing:border-box}.form-widget{width:100%;display:flex;flex-direction:column;gap:10px}.header{margin-bottom:20px;text-align:center}.navbar{display:flex;background-color:var(--nav-bg-color);padding:1rem 2rem;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--shadow-color);position:relative;z-index:100}.nav-brand{font-size:1.5rem;font-weight:700}.brand-name{text-decoration:none;color:var(--primary-color)}.brand-name:hover{color:var(--primary-hover-color)}.nav-links{display:flex;gap:1rem}.nav-link{display:block;color:var(--text-color);text-decoration:none;padding:.5rem 1rem;font-size:14px;font-weight:500}.nav-link:hover,.router-link-active{color:var(--primary-color)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;outline:none;-webkit-tap-highlight-color:transparent}.menu-toggle:focus{outline:none}.hamburger{display:block;width:24px;height:2px;background-color:var(--text-color);position:relative;transition:all .3s ease-in-out}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--text-color);left:0;transition:all .3s ease-in-out}.hamburger:before{top:-6px}.hamburger:after{top:6px}@media (max-width: 768px){.menu-toggle{display:block}.nav-link{border-bottom:1px solid var(--vp-c-divider, #e2e2e2);line-height:24px;transition:border-color .25s,color .25s}.nav-links{position:absolute;top:100%;left:0;right:0;background-color:var(--nav-bg-color);padding:0;flex-direction:column;box-shadow:0 2px 4px var(--shadow-color);z-index:100;max-height:0;overflow:hidden;transition:all .2s ease-in-out}.nav-links.active{max-height:100px;padding:1rem}.menu-toggle[aria-expanded=true] .hamburger{background-color:transparent}.menu-toggle[aria-expanded=true] .hamburger:before{top:0;transform:rotate(45deg);transition:top .2s ease-out,transform .2s .2s ease-out}.menu-toggle[aria-expanded=true] .hamburger:after{top:0;transform:rotate(-45deg);transition:top .2s ease-out,transform .2s .2s ease-out}}.features{display:flex;justify-content:center;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}.feature-card{background:#ffffff1a;border-radius:8px;padding:1.5rem;width:250px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{margin-top:0;color:#42b883}.auth-container{box-sizing:border-box;padding:2rem;width:100%;max-width:400px;margin:0 auto;overflow:hidden}@media (max-width: 768px){.auth-container{padding:1.5rem;overflow:hidden}}.divider{margin:20px 0;text-align:center;font-family:Courier New,monospace;font-weight:700}.toggle-text{text-align:center;margin-top:20px;font-family:Courier New,monospace}.toggle-text a{color:var(--text-color);text-decoration:none;font-weight:700;font-size:1.2rem;text-shadow:2px 2px 0px rgba(39,95,255,.3)}.toggle-text a:hover{text-shadow:3px 3px 0px rgba(39,95,255,.5)}.google-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:transparent;border:2px solid var(--text-color);font-family:Courier New,monospace;text-transform:uppercase;font-weight:700;padding:8px 16px}.google-button:hover{background-color:#275fff1a}.google-icon{width:18px;height:18px}.form-widget{width:100%;text-align:center}.header{font-family:Courier New,monospace;text-align:center;margin-bottom:2rem;font-size:2.5rem;text-transform:uppercase;letter-spacing:2px}.inputField{width:100%;max-width:300px;background-color:transparent;border:2px solid var(--text-color);padding:10px;margin-bottom:1rem;font-family:Courier New,monospace;text-align:center;outline:none;display:inline-block}.inputField::placeholder{color:#275fff;text-transform:uppercase;letter-spacing:1px}.button{width:auto;background-color:transparent;color:var(--text-color);border:none;padding:0;cursor:pointer;font-family:Courier New,monospace;font-weight:700;font-size:1.8rem;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0px rgba(39,95,255,.3);display:inline-block}.button:disabled{opacity:.5;cursor:not-allowed}.odyssai_logo{filter:brightness(0) saturate(100%) invert(34%) sepia(93%) saturate(2467%) hue-rotate(220deg) brightness(98%) contrast(98%)}.odyssai_logo img{width:100px;height:auto}.pixel-border{display:block;width:100%;height:2px;background-color:var(--text-color);margin:10px 0}.home-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:1rem;box-sizing:border-box}.content{text-align:center;width:100%;height:100%}.logos{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(.5rem,2vw,2rem);margin-bottom:2rem}.logo{height:clamp(3em,6vw,6em);padding:clamp(.5em,1.5vw,1.5em);will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue:hover,.logo.supabase:hover{filter:drop-shadow(0 0 2em #42b883aa)}.logo.coolify:hover{filter:drop-shadow(0 0 2em #8d52fe)}.tv-side-buttons[data-v-4fcfb08e]{position:absolute;left:-15px;top:35%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1px;z-index:5;overflow:hidden;border-right:2px solid #302f2f}.tv-side-button[data-v-4fcfb08e]{width:30px;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:3px 3px 8px #000000b3,0 0 2px #00000080 inset;position:relative;border-radius:5px;transform:translate(2px);overflow:visible;cursor:pointer}.tv-side-button[data-v-4fcfb08e]:before{content:"";writing-mode:vertical-rl;transform:rotate(180deg);color:#86868a;font-family:Courier New,monospace;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;background-color:#222;padding:10px 5px;border-radius:5px;box-shadow:0 0 5px #ffffff26 inset,-1px 0 3px #ffffff1a inset,0 0 2px #00000080;position:relative;height:100%;width:100%;box-sizing:border-box;transition:color .3s ease;display:flex;justify-content:center;align-items:center}.button-text[data-v-4fcfb08e]{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg);color:#86868a;font-family:Courier New,monospace;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none}.tv-side-button[data-v-4fcfb08e]:hover{transform:translate(5px)}.tv-side-button.clicked[data-v-4fcfb08e]{transform:translate(8px);overflow:hidden;box-shadow:1px 1px 3px #0000004d,0 0 1px #0000004d inset}.button-1[data-v-4fcfb08e]:before{content:"HOME"}.button-2[data-v-4fcfb08e]:before{content:"PLAY"}.button-3[data-v-4fcfb08e]:before{content:"SETT"}.button-4[data-v-4fcfb08e]:before{content:""}.tv-indicators[data-v-d6938d09]{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10}.tv-indicator[data-v-d6938d09]{width:8px;height:8px;border-radius:50%;background-color:var(--tv-indicator-color);box-shadow:0 0 5px var(--tv-indicator-color)}.left-reel[data-v-10e95a46],.right-reel[data-v-10e95a46],.player-center[data-v-10e95a46]{height:100%;display:flex;align-items:center;justify-content:center;flex:1}.player-center[data-v-10e95a46]{flex-direction:column}.console-part.audio[data-v-10e95a46]{position:relative;display:flex}.tape-line[data-v-10e95a46]{position:absolute;left:15%;right:15%;height:40px;pointer-events:none}.tape-line svg[data-v-10e95a46]{width:100%;height:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.audio img[data-v-10e95a46]{max-width:100%;max-height:100%;object-fit:contain;display:block;z-index:1}.left-reel img[data-v-10e95a46],.right-reel img[data-v-10e95a46]{filter:drop-shadow(0px 0px 5px rgba(0,0,0,.5));transition:filter .2s ease}.player-center>div[data-v-10e95a46]{width:100px;height:30px;display:flex;align-items:center;justify-content:center}.audio-visualizer[data-v-10e95a46]{display:flex;align-items:center;justify-content:center;width:120px;height:30px;margin:auto;padding:2px;background:radial-gradient(ellipse at center,#010,#000 70%);border-radius:2px;border:1px solid #333;position:relative;overflow:hidden}.audio-visualizer[data-v-10e95a46]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.05) 2px,rgba(0,255,65,.05) 4px);pointer-events:none}.waveform-line[data-v-10e95a46],.tape-line-path[data-v-10e95a46]{filter:drop-shadow(0 0 3px var(--text-color)) drop-shadow(0 0 6px var(--text-color))}.paper-edge[data-v-9da4d9f9]{background:linear-gradient(#00000003,#0006),url(/Texture.jpg);background-size:200px;background-repeat:repeat;width:95%;height:15px;position:relative;z-index:3}.top-edge[data-v-9da4d9f9]{border-top-left-radius:15px;border-top-right-radius:15px;margin-bottom:-5px;transform:perspective(100px) rotateX(10deg);border-left:1px solid #bbb;border-right:1px solid #bbb;box-shadow:0 5px 8px #00000080}.bottom-edge[data-v-9da4d9f9]{border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top:-5px;transform:perspective(100px) rotateX(-10deg);border-left:1px solid #bbb;border-right:1px solid #bbb;box-shadow:0 -5px 8px #0000004d}.paper-container[data-v-9da4d9f9]{height:85%;width:93%;position:relative;overflow:hidden;box-shadow:-0px 0 10px #000}.static-paper[data-v-9da4d9f9]{background-color:#e0e0d8;border:1px solid #bbb;height:100%;width:100%;position:absolute;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,monospace;padding:15px;box-sizing:border-box;border:none}.static-paper[data-v-9da4d9f9]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:-1}.paper[data-v-9da4d9f9]{background-color:#e0e0d8;border:1px solid #bbb;padding:15px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;font-family:Courier New,monospace;position:absolute;left:0;box-sizing:border-box;z-index:2;border:none;overflow-y:auto;gap:.5rem}.paper[data-v-9da4d9f9]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1}.option[data-v-9da4d9f9]{border-bottom:1px dotted #999;position:relative;z-index:2;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:left;color:#333;padding:.5rem 0;flex-shrink:0}.option[data-v-9da4d9f9]:hover{transform:translate(5px)}.option.disabled[data-v-9da4d9f9]{opacity:.5;cursor:not-allowed;pointer-events:none}.option.loading[data-v-9da4d9f9]{font-style:italic;color:#666;text-align:center;cursor:default}.choice-requirements[data-v-9da4d9f9]{margin-top:5px;margin-left:10px}.roll-requirement[data-v-9da4d9f9]{display:block;color:#666;font-style:italic;font-size:.8em;margin-bottom:2px}.custom-input-section[data-v-9da4d9f9]{margin-top:1rem;padding-top:1rem;border-top:2px dotted #999;position:relative;z-index:2}.custom-input-toggle[data-v-9da4d9f9]{cursor:pointer;font-weight:700;color:#333;padding:.5rem;text-align:center;border:1px solid #999;border-radius:3px;background-color:#f0f0e8;transition:all .2s ease;font-size:.9em}.custom-input-toggle[data-v-9da4d9f9]:hover{background-color:#e8e8d8;transform:translateY(-1px)}.custom-input-container[data-v-9da4d9f9]{margin-top:.5rem;animation:slideDown-9da4d9f9 .3s ease-out}@keyframes slideDown-9da4d9f9{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-text-input[data-v-9da4d9f9]{width:100%;background-color:#f8f8f0;border:1px solid #999;border-radius:3px;padding:.5rem;font-family:Courier New,monospace;font-size:.9em;color:#333;resize:vertical;min-height:60px;box-sizing:border-box}.custom-text-input[data-v-9da4d9f9]:focus{outline:none;border-color:#666;background-color:#fff}.custom-input-actions[data-v-9da4d9f9]{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:1rem}.submit-button[data-v-9da4d9f9]{background-color:#4a4a3a;color:#fff;border:none;padding:.5rem 1rem;border-radius:3px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .2s ease;flex-shrink:0}.submit-button[data-v-9da4d9f9]:hover:not(:disabled){background-color:#333;transform:translateY(-1px)}.submit-button[data-v-9da4d9f9]:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-hint[data-v-9da4d9f9]{color:#666;font-style:italic;font-size:.75em;flex-grow:1;text-align:right}.character-content[data-v-460209e9]{display:flex;width:100%;height:100%;align-items:center;justify-content:space-around;overflow:visible;position:relative}.profile-image[data-v-460209e9]{flex:0 0 auto;height:100%;display:flex;max-height:265px;justify-content:center;align-items:center;position:relative;overflow:visible;z-index:2;width:40%;transition:width .3s ease}.attributes-container[data-v-460209e9]{display:flex;flex-direction:column;transition:transform .3s ease,opacity .3s ease;z-index:1;height:100%;justify-content:space-around;font-size:calc(1vh + .5vw)}.profile-image .pin-container[data-v-460209e9]{position:relative;width:75%;height:100%;display:flex;justify-content:center;align-items:center}.profile-image .pin[data-v-460209e9]{position:absolute;bottom:-5px;right:-2px;width:24px;height:24px;z-index:10;overflow:visible}@media (max-width: 768px){.profile-image[data-v-460209e9]{width:100%;justify-content:left}.profile-image .pin-container[data-v-460209e9]{width:100%}.attributes-container[data-v-460209e9]{position:absolute;left:0;transform:translate(-15%);font-size:calc(.8vh + .4vw);height:90%}}.profile-image .effect[data-v-460209e9]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:800px;transform-style:preserve-3d;transition:transform .5s ease;cursor:pointer}.profile-image img[data-v-460209e9]{width:100%;height:100%;object-fit:cover;position:relative;border-radius:8px;transform-origin:calc(100% - 10px) calc(100% - 10px)}#characterImg[data-v-460209e9]{box-shadow:0 0 15px #000}.attribute[data-v-460209e9]{display:flex;align-items:center;margin-bottom:5px;height:auto;min-height:10%}.offset-right[data-v-460209e9]{margin-left:40px}.attribute-text[data-v-460209e9]{font-family:CoveredByYourGrace,cursive;font-weight:900;color:#fff;letter-spacing:1px;font-size:120%;white-space:nowrap;-webkit-text-stroke:.25px white;text-shadow:0 0 1px rgba(255,255,255,.5)}.luck-text[data-v-460209e9]{font-family:CoveredByYourGrace,cursive;font-weight:900;font-size:150%;color:#fff;margin-top:5px;align-self:flex-start;margin-left:5px;white-space:nowrap;-webkit-text-stroke:.25px white;text-shadow:0 0 1px rgba(255,255,255,.5)}@media (max-width: 768px){.attribute[data-v-460209e9]{min-height:8%}}.console[data-v-733d7581]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:10px;width:100%;box-sizing:border-box;flex:1}.console-part[data-v-733d7581]{transition:all .3s ease}.audio[data-v-733d7581]{grid-column:2;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.character[data-v-733d7581]{grid-column:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;height:100%;font-size:min(max(.4rem,2vw),.9rem);overflow:visible}.options[data-v-733d7581]{grid-column:3;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative;height:100%;overflow:visible}.empty-space[data-v-733d7581]{display:none}@media (max-width: 768px){.console[data-v-733d7581]{grid-template-columns:repeat(4,1fr)}.character[data-v-733d7581]{grid-column:1;grid-row:2}.audio[data-v-733d7581]{grid-column:1 / span 4;grid-row:1;max-height:100px;height:100px}.options[data-v-733d7581]{grid-column:2 / span 4;grid-row:2;min-height:15svh}}html,body{margin:0;padding:0;height:100%;width:100%}:root{--tv-frame-color: #8a8a8a;--tv-screen-color: #000000;--tv-glow-color: rgba(0, 100, 255, .3);--tv-scanline-color: rgba(0, 100, 255, .2);--tv-indicator-color: #ff3333;--tv-knob-color: #333;--text-color: #275fff;--highlight-color: #ffffff;--television-bgcolor: #707070;--television-bgcolor-dark: #404040}body{background-color:#222;font-family:Courier New,monospace;color:var(--text-color);display:flex;justify-content:center;align-items:center}.tv-container{width:100%;height:100svh;display:flex;justify-content:center;align-items:center;perspective:1000px}.tv-frame{border-radius:35px/45px;background:url(/Texture.jpg);background-size:200px;background-repeat:repeat;width:95vw;height:95svh;position:relative;overflow:visible;display:flex;flex-direction:column}.tv-screen-wrapper{flex:1;padding:25px;border-radius:35px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:visible;gap:1em}.tv-screen-lense-wrapper{height:57svh;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:inset -1px -1px 1px #ffffff40,inset 1px 1px 1px #ffffff80;padding:1rem;border-radius:35px;background:linear-gradient(145deg,#00000080 100%,#000c)}.tv-screen{flex:1;background-color:var(--tv-screen-color);border-radius:35px;overflow:hidden;position:relative;display:flex;flex-direction:column}.tv-screen-content{flex:1;position:relative;z-index:2;overflow:auto;box-sizing:border-box;color:var(--text-color)}.main-content{height:100%;display:flex;justify-content:center;align-items:center;overflow:auto}@keyframes tvTransitionAnimation{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media (min-width: 769px){::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:2px}::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#1e48c8}}.tv-container,.tv-frame,.tv-screen,.tv-screen-content,.console-part,.tv-side-button,.tv-knob,.tv-indicator{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.tv-screen-lense-wrapper{height:54svh}}.logout-button[data-v-dd1b1b75]{background-color:#f44}.logout-button[data-v-dd1b1b75]:hover{background-color:#f22}.logout-button[data-v-dd1b1b75]:disabled{background-color:#ccc;cursor:not-allowed}.disabled-link[data-v-6f479143]{color:#999;pointer-events:none;text-decoration:none;opacity:.5}.password-error[data-v-6f479143]{color:#ff3860;font-family:Courier New,monospace;font-size:.9rem;margin-top:-.5rem;margin-bottom:.5rem;text-align:center}.error[data-v-2671e93d]{color:#ff4b4b;font-size:.875rem;margin-top:.5rem}.create-character-container[data-v-bc53ff25]{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:1rem;box-sizing:border-box}.content[data-v-bc53ff25]{width:100%;height:100%}.character-creation-grid[data-v-bc53ff25]{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr;gap:10px;height:100%;overflow:hidden}.left-panel[data-v-bc53ff25]{grid-column:1 / span 4;grid-row:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:100%;overflow:hidden}.image-panel[data-v-bc53ff25]{grid-column:1 / span 3;grid-row:1;background-color:#000;border:2px solid var(--text-color);display:flex;justify-content:center;align-items:center;overflow:hidden;max-height:100%}.stats-panel-container[data-v-bc53ff25]{grid-column:4;grid-row:1;background-color:#000;border:2px solid var(--text-color);display:flex;flex-direction:column;overflow-y:auto;max-height:100%;align-items:center;justify-content:center}.image-panel.active[data-v-bc53ff25],.stats-panel-container.active[data-v-bc53ff25],.middle-panel.active[data-v-bc53ff25],.right-panel.active[data-v-bc53ff25]{opacity:1;transform:translate(0);pointer-events:all}.image-panel[data-v-bc53ff25]{display:flex!important;flex-direction:column;padding:15px;overflow-y:auto;box-sizing:border-box}.stats-panel-container[data-v-bc53ff25]{display:flex!important;flex-direction:column;overflow-y:auto;box-sizing:border-box}.character-image-panel[data-v-bc53ff25]{width:100%!important;height:100%!important;flex:1;min-height:250px;background-color:#000;border:none;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease}.character-image-panel[data-v-bc53ff25]:hover{border-color:#0af;box-shadow:0 0 10px #00aaff80}.character-image-panel.generating[data-v-bc53ff25]{border-color:#fa0;box-shadow:0 0 15px #ffaa00b3}.generating-overlay[data-v-bc53ff25]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2}.generating-overlay span[data-v-bc53ff25]{color:#fa0;font-family:Courier New,monospace;font-weight:700;font-size:1.5rem;text-transform:uppercase;animation:pulse-bc53ff25 1.5s infinite}@keyframes pulse-bc53ff25{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.character-image-panel img[data-v-bc53ff25]{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.7) contrast(1.5) sepia(.5) hue-rotate(190deg) saturate(5);mix-blend-mode:screen}.stats-panel[data-v-bc53ff25]{background-color:#000;padding:10px;display:flex;flex-direction:column;overflow-y:auto;max-height:100%}.stat-row[data-v-bc53ff25]{display:grid;grid-template-columns:30px 30px 1fr;grid-template-rows:auto auto;align-items:center;gap:5px;padding:5px}.stat-buttons[data-v-bc53ff25]{grid-column:1 / span 2;grid-row:2;display:flex;justify-content:space-between;margin-top:2px}.stat-btn[data-v-bc53ff25]{width:20px;height:20px;display:flex;justify-content:center;align-items:center;background-color:#000;border:1px solid var(--text-color);color:var(--text-color);font-family:Courier New,monospace;font-weight:700;font-size:14px;cursor:pointer;padding:0}.stat-btn[data-v-bc53ff25]:hover{background-color:#00a}.stat-icon[data-v-bc53ff25]{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#000;border:1px solid var(--text-color);font-size:18px}.stat-value[data-v-bc53ff25]{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#000;border:1px solid var(--text-color);color:var(--text-color);font-family:Courier New,monospace;font-weight:700}.stat-fill[data-v-bc53ff25]{height:100%;background-color:#00a;position:absolute;left:0;top:0}.middle-panel[data-v-bc53ff25]{grid-column:5 / span 3;grid-row:1;border:2px solid var(--text-color);padding:20px;display:flex;flex-direction:column;max-height:100%;overflow-y:auto}.form-widget[data-v-bc53ff25]{display:flex;flex-direction:column;gap:10px;width:100%}.inputField[data-v-bc53ff25]::placeholder{color:#08f;opacity:1}.inputField[data-v-bc53ff25]{width:100%;background-color:transparent;border:none;border-bottom:1px solid var(--text-color);color:var(--text-color);font-family:Courier New,monospace;font-size:16px;text-align:center;padding:5px;outline:none;box-sizing:border-box}.inputField[data-v-bc53ff25]:focus{border-bottom:2px solid var(--text-color)}.right-panel[data-v-bc53ff25]{grid-column:8 / span 3;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;max-height:100%;overflow:hidden}.right-panel textarea[data-v-bc53ff25]{width:100%;flex:1;background-color:transparent;border:1px solid var(--text-color);color:var(--text-color);font-family:Courier New,monospace;padding:10px;resize:none;outline:none;box-sizing:border-box;margin-bottom:15px}.right-panel-input[data-v-bc53ff25]{margin-bottom:15px;border:1px solid var(--text-color)!important;padding:8px!important;font-size:14px!important;display:block;margin-left:auto;margin-right:auto;width:80%;text-align:center}.confirm-button[data-v-bc53ff25]{background-color:transparent;border:none;color:var(--text-color);font-family:Courier New,monospace;font-size:20px;font-weight:700;cursor:pointer;padding:10px 20px;transition:transform .2s}.confirm-button[data-v-bc53ff25]:hover:not(:disabled){transform:scale(1.05)}.confirm-button[data-v-bc53ff25]:disabled{opacity:.5;cursor:not-allowed}.instruction-text[data-v-bc53ff25]{margin-top:15px;text-align:center}.main-instruction[data-v-bc53ff25]{color:#08f;font-family:Courier New,monospace;font-size:14px;font-weight:700;line-height:1.4}.randomize-button[data-v-bc53ff25]{background-color:transparent;border:1px solid var(--text-color);color:var(--text-color);font-family:Courier New,monospace;font-size:16px;font-weight:700;cursor:pointer;padding:10px 15px;margin-top:20px;width:100%;transition:all .3s ease}.randomize-button[data-v-bc53ff25]:hover{background-color:#00a;border-color:#0af;box-shadow:0 0 10px #00aaff80}.mobile-navigation[data-v-bc53ff25]{display:none;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:15px}.nav-arrow[data-v-bc53ff25]{background-color:transparent;border:2px solid var(--text-color);color:var(--text-color);font-family:Courier New,monospace;font-size:24px;font-weight:700;cursor:pointer;padding:10px 15px;transition:all .3s ease;border-radius:0}.nav-arrow[data-v-bc53ff25]:hover:not(.disabled){background-color:#00a;border-color:#0af;box-shadow:0 0 10px #00aaff80}.nav-arrow.disabled[data-v-bc53ff25]{opacity:.3;cursor:not-allowed}.panel-indicator[data-v-bc53ff25]{display:flex;gap:10px;align-items:center}.dot[data-v-bc53ff25]{width:12px;height:12px;border-radius:50%;background-color:transparent;border:2px solid var(--text-color);transition:all .3s ease}.dot.active[data-v-bc53ff25]{background-color:var(--text-color)}@media (max-width: 768px){.character-creation-grid[data-v-bc53ff25]{display:flex;flex-direction:column;height:calc(100% - 80px);position:relative;overflow:hidden}.image-panel[data-v-bc53ff25],.stats-panel-container[data-v-bc53ff25],.middle-panel[data-v-bc53ff25],.right-panel[data-v-bc53ff25]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);transition:all .3s ease;pointer-events:none;display:block!important;grid-column:unset!important;grid-row:unset!important;box-sizing:border-box;max-height:100%}.image-panel.active[data-v-bc53ff25],.stats-panel-container.active[data-v-bc53ff25],.middle-panel.active[data-v-bc53ff25],.right-panel.active[data-v-bc53ff25]{opacity:1;transform:translate(0);pointer-events:all}.image-panel[data-v-bc53ff25]{display:flex!important;flex-direction:column;padding:15px;overflow-y:auto;box-sizing:border-box}.stats-panel-container[data-v-bc53ff25]{display:flex!important;flex-direction:column;overflow-y:auto;box-sizing:border-box}.character-image-panel[data-v-bc53ff25]{flex:1;min-height:250px}.stats-panel[data-v-bc53ff25]{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0}.stat-row[data-v-bc53ff25]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-buttons[data-v-bc53ff25]{grid-column:unset;grid-row:unset;display:flex;gap:3px;margin-top:2px}.middle-panel[data-v-bc53ff25]{padding:15px;justify-content:center;overflow-y:auto;box-sizing:border-box;display:flex!important;flex-direction:column}.middle-panel .form-widget[data-v-bc53ff25]{flex:1;overflow-y:auto}.middle-panel .randomize-button[data-v-bc53ff25]{margin-top:10px;flex-shrink:0}.right-panel[data-v-bc53ff25]{padding:15px;overflow-y:auto;box-sizing:border-box;display:flex!important;flex-direction:column}.right-panel .right-panel-input[data-v-bc53ff25]{margin-bottom:10px}.right-panel .confirm-button[data-v-bc53ff25],.right-panel .instruction-text[data-v-bc53ff25]{margin-top:10px;flex-shrink:0}.right-panel textarea[data-v-bc53ff25]{min-height:120px;max-height:150px;overflow-y:auto}.mobile-navigation[data-v-bc53ff25]{display:flex}.create-character-container[data-v-bc53ff25]{padding:.5rem}.content[data-v-bc53ff25]{display:flex;flex-direction:column}}.conversation-entry[data-v-32861f3c]{padding:.25rem 0;font-family:Courier New,monospace;font-size:.9rem;color:var(--text-color)}.user-input[data-v-32861f3c]{padding:.25rem 0;font-family:Courier New,monospace;font-size:.9rem;color:#f44;font-weight:700}.gpt-response[data-v-32861f3c]{padding:.25rem 0;font-family:Courier New,monospace;font-size:.9rem;color:var(--text-color)}.story-text[data-v-32861f3c]{font-size:1rem;line-height:1.4;margin-bottom:1rem;padding:1rem;background-color:#0000004d;border-left:4px solid var(--text-color);color:var(--text-color)}.story-rolls[data-v-32861f3c]{margin-bottom:1rem;padding:.75rem;background-color:#64320033;border-radius:8px;border:1px solid var(--text-color)}.story-rolls h4[data-v-32861f3c]{margin:0 0 .5rem;color:orange;font-size:1rem}.roll-requirement[data-v-32861f3c]{padding:.25rem 0;font-family:Courier New,monospace;font-size:.9rem}.achievements[data-v-32861f3c]{margin-top:1rem;padding:.75rem;background-color:#00640033;border-radius:8px;border:1px solid #4ecdc4}.achievements h4[data-v-32861f3c]{margin:0 0 .5rem;color:#4ecdc4;font-size:1rem}.achievement[data-v-32861f3c]{padding:.5rem 0;border-bottom:1px solid rgba(78,205,196,.3)}.achievement[data-v-32861f3c]:last-child{border-bottom:none}.achievement strong[data-v-32861f3c]{color:#4ecdc4}.typewriter-text[data-v-32861f3c]{position:relative;background-color:#0032644d!important;border-left:4px solid #00aaff!important;box-shadow:0 0 10px #00aaff4d;font-family:Courier New,monospace!important;white-space:pre-wrap;animation:glow-32861f3c 2s ease-in-out infinite alternate}@keyframes glow-32861f3c{0%{box-shadow:0 0 5px #00aaff4d}to{box-shadow:0 0 15px #00aaff80}}.adventure-container[data-v-e6493baa]{display:flex;justify-content:center;align-items:flex-start;height:100%;width:100%;box-sizing:border-box;overflow-y:auto;position:relative}.background-layer[data-v-e6493baa]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;transition:opacity 1s ease-in-out;pointer-events:none}.background-layer.current[data-v-e6493baa]{z-index:0}.background-layer.next[data-v-e6493baa]{z-index:1}.content[data-v-e6493baa]{width:100%;max-width:100%;color:var(--text-color);max-height:100vh;overflow-y:auto;scroll-behavior:smooth;position:relative;z-index:10}h1[data-v-e6493baa]{font-size:2rem;margin:0 0 1rem;color:var(--text-color);text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center}p[data-v-e6493baa]{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--text-color-secondary, #ccc)}.loading-message[data-v-e6493baa],.error-message[data-v-e6493baa]{text-align:center;padding:1rem;font-style:italic}.loading-message[data-v-e6493baa]{color:var(--text-color-secondary, #ccc)}.error-message[data-v-e6493baa]{color:#ff6b6b}.story-content[data-v-e6493baa]{max-width:100%;margin:0 auto}.story-text[data-v-e6493baa]{font-size:1rem;line-height:1.4;margin-bottom:1rem;padding:1rem;background-color:#0000004d;border-left:4px solid var(--text-color);color:var(--text-color);font-family:Courier New,monospace}.story-text[data-v-e6493baa]:has-text("|"){font-family:Courier New,monospace}@keyframes blink-e6493baa{0%,50%{opacity:1}51%,to{opacity:0}}.conversation-history[data-v-e6493baa]{margin-bottom:1rem;padding:.75rem;background-color:#0003;border-radius:8px}.audio-controls[data-v-e6493baa]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.5rem}.sync-indicator[data-v-e6493baa]{display:flex;align-items:center;gap:.5rem;background-color:#0064ff1a;border:1px solid var(--text-color);border-radius:8px;padding:.5rem 1rem;font-size:.8rem;color:var(--text-color);margin:.25rem;min-width:200px}.sync-icon[data-v-e6493baa]{font-size:1rem;animation:pulse-e6493baa 1.5s infinite}@keyframes pulse-e6493baa{0%,to{opacity:1}50%{opacity:.5}}.sync-progress[data-v-e6493baa]{flex:1;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden;margin-left:.5rem}.sync-progress-bar[data-v-e6493baa]{height:100%;background:linear-gradient(90deg,var(--text-color),var(--highlight-color));border-radius:2px;transition:width .3s ease;box-shadow:0 0 4px #275fff80}.background-loading-indicator[data-v-e6493baa]{display:flex;align-items:center;gap:.5rem;background-color:#8b45131a;border:1px solid #8B4513;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;color:#d2691e;margin:.25rem;min-width:200px}.bg-icon[data-v-e6493baa]{font-size:1rem;animation:paint-e6493baa 2s infinite}@keyframes paint-e6493baa{0%,to{opacity:1;transform:rotate(0)}25%{opacity:.7;transform:rotate(-5deg)}75%{opacity:.9;transform:rotate(5deg)}}.audio-btn[data-v-e6493baa]{padding:.75rem 1rem;margin:0 .5rem;background-color:#ffffff1a;border:2px solid var(--text-color);border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.audio-btn[data-v-e6493baa]:hover:not(:disabled){background-color:#fff3;transform:translateY(-2px)}.audio-btn[data-v-e6493baa]:disabled{opacity:.6;cursor:not-allowed;transform:none}.play-btn[data-v-e6493baa]{background-color:#22c55e33;border-color:#22c55e}.play-btn[data-v-e6493baa]:hover:not(:disabled){background-color:#22c55e4d}.pause-btn[data-v-e6493baa]{background-color:#fbbf2433;border-color:#fbbf24}.pause-btn[data-v-e6493baa]:hover{background-color:#fbbf244d}.stop-btn[data-v-e6493baa]{background-color:#ef444433;border-color:#ef4444}.stop-btn[data-v-e6493baa]:hover{background-color:#ef44444d}.toggle-btn[data-v-e6493baa]{background-color:#ffffff1a;border-color:var(--text-color)}.toggle-btn[data-v-e6493baa]:hover:not(:disabled){background-color:#fff3}.toggle-btn.active[data-v-e6493baa]{background-color:#22c55e33;border-color:#22c55e}.toggle-btn.active[data-v-e6493baa]:hover:not(:disabled){background-color:#22c55e4d}.pricing-container[data-v-b7a74685]{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-color);height:100%}.pricing-header[data-v-b7a74685]{text-align:center;margin-bottom:3rem}.pricing-title[data-v-b7a74685]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color)}.pricing-subtitle[data-v-b7a74685]{font-size:1.2rem;opacity:.8;max-width:600px;margin:0 auto}.pricing-plans[data-v-b7a74685]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.pricing-card[data-v-b7a74685]{background:#ffffff0d;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,border-color .3s ease;position:relative}.pricing-card[data-v-b7a74685]:hover{transform:translateY(-5px);border-color:var(--primary-color)}.pricing-card.featured[data-v-b7a74685]{border:2px solid var(--primary-color);transform:scale(1.05)}.pricing-card.featured[data-v-b7a74685]:hover{transform:scale(1.05) translateY(-5px)}.plan-badge[data-v-b7a74685]{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700}.plan-header[data-v-b7a74685]{text-align:center;margin-bottom:2rem}.plan-title[data-v-b7a74685]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color)}.plan-price[data-v-b7a74685]{display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem}.currency[data-v-b7a74685]{font-size:1.5rem;opacity:.8}.amount[data-v-b7a74685]{font-size:3rem;font-weight:700;color:var(--primary-color)}.period[data-v-b7a74685]{font-size:1.5rem;opacity:.8}.plan-features ul[data-v-b7a74685]{list-style:none;padding:0;margin-bottom:2rem}.plan-features li[data-v-b7a74685]{display:flex;align-items:center;margin-bottom:.8rem;font-size:1rem}.checkmark[data-v-b7a74685]{color:var(--primary-color);font-weight:700;margin-right:.5rem;font-size:1.2rem}.purchase-btn[data-v-b7a74685]{width:100%;padding:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;margin-bottom:1rem}.purchase-btn[data-v-b7a74685]:hover:not(:disabled){background:var(--primary-hover-color)}.purchase-btn[data-v-b7a74685]:disabled{opacity:.6;cursor:not-allowed}.purchase-btn.secondary[data-v-b7a74685]{background:#ffffff1a;border:1px solid var(--primary-color)}.purchase-btn.secondary[data-v-b7a74685]:hover:not(:disabled){background:var(--primary-color)}.plan-description[data-v-b7a74685]{font-size:.9rem;opacity:.8;text-align:center;line-height:1.5}.pricing-faq[data-v-b7a74685]{margin-top:4rem;max-width:800px;margin-left:auto;margin-right:auto}.pricing-faq h2[data-v-b7a74685]{text-align:center;margin-bottom:2rem;color:var(--primary-color);font-size:2rem}.faq-item[data-v-b7a74685]{margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:8px;border-left:4px solid var(--primary-color)}.faq-item h3[data-v-b7a74685]{color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem}.faq-item p[data-v-b7a74685]{opacity:.9;line-height:1.6}@media (max-width: 768px){.pricing-container[data-v-b7a74685]{padding:1rem}.pricing-title[data-v-b7a74685]{font-size:2rem}.pricing-plans[data-v-b7a74685]{grid-template-columns:1fr;gap:1.5rem}.pricing-card.featured[data-v-b7a74685]{transform:none}.pricing-card.featured[data-v-b7a74685]:hover{transform:translateY(-5px)}}.settings-container[data-v-787f4cba]{display:flex;justify-content:center;align-items:flex-start;height:100%;padding:1rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;width:100%}.settings-content[data-v-787f4cba]{width:100%;max-width:400px;max-height:calc(100vh - 200px);display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.settings-section[data-v-787f4cba]{background-color:#000c;border:2px solid var(--text-color);border-radius:8px}.section-header[data-v-787f4cba]{background-color:var(--text-color);color:#000;padding:.75rem 1rem;font-family:Courier New,monospace;font-weight:700;font-size:.9rem;letter-spacing:2px;text-align:center;text-transform:uppercase}.slider-container[data-v-787f4cba]{padding:1.5rem 1rem;display:flex;align-items:center;gap:1rem}.slider-label[data-v-787f4cba]{color:var(--text-color);font-family:Courier New,monospace;font-size:.8rem;font-weight:700;letter-spacing:1px;min-width:40px}.slider-label.left[data-v-787f4cba]{text-align:left}.slider-label.right[data-v-787f4cba]{text-align:right}.slider-label.highlight-off[data-v-787f4cba]{color:#ff6b6b;font-weight:700;text-shadow:0 0 4px rgba(255,107,107,.5);animation:pulse-off-787f4cba 2s ease-in-out infinite}@keyframes pulse-off-787f4cba{0%,to{opacity:1;text-shadow:0 0 4px rgba(255,107,107,.5)}50%{opacity:.7;text-shadow:0 0 8px rgba(255,107,107,.8)}}.speed-slider[data-v-787f4cba]{flex:1;height:8px;background:#333;border-radius:4px;outline:none;border:1px solid var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.speed-slider[data-v-787f4cba]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--text-color);border-radius:50%;cursor:pointer;border:2px solid #000}.speed-slider[data-v-787f4cba]::-moz-range-thumb{width:20px;height:20px;background:var(--text-color);border-radius:50%;cursor:pointer;border:2px solid #000}.gameplay-options[data-v-787f4cba]{padding:1rem;display:flex;flex-direction:column;gap:1rem}.option-item[data-v-787f4cba]{display:flex;flex-direction:column;gap:.5rem}.checkbox-container[data-v-787f4cba]{display:flex;align-items:center;gap:.75rem;cursor:pointer;position:relative}.custom-checkbox[data-v-787f4cba]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-787f4cba]{height:18px;width:18px;background-color:#000;border:2px solid var(--text-color);border-radius:3px;position:relative;flex-shrink:0}.custom-checkbox:checked~.checkmark[data-v-787f4cba]{background-color:var(--text-color)}.checkmark[data-v-787f4cba]:after{content:"";position:absolute;display:none}.custom-checkbox:checked~.checkmark[data-v-787f4cba]:after{display:block}.checkmark[data-v-787f4cba]:after{left:5px;top:1px;width:4px;height:8px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.option-title[data-v-787f4cba]{color:var(--text-color);font-family:Courier New,monospace;font-weight:700;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.option-description[data-v-787f4cba]{color:var(--text-color);font-family:Courier New,monospace;font-size:.75rem;opacity:.7;margin-left:2.5rem;line-height:1.3}.voice-options[data-v-787f4cba]{padding:1rem;display:flex;flex-direction:column;gap:1rem}.voice-selector[data-v-787f4cba]{display:flex;gap:.75rem;align-items:center}.voice-select[data-v-787f4cba]{flex:1;background-color:#333;color:var(--text-color);border:2px solid var(--text-color);padding:.75rem;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .3s ease;letter-spacing:1px;font-size:.85rem;outline:none}.voice-select[data-v-787f4cba]:hover,.voice-select[data-v-787f4cba]:focus{background-color:#444;box-shadow:0 0 8px #ffffff4d}.play-sample-button[data-v-787f4cba]{background-color:var(--text-color);color:#000;border:none;padding:.75rem 1rem;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .3s ease;letter-spacing:1px;font-size:.8rem;white-space:nowrap}.play-sample-button[data-v-787f4cba]:hover{background-color:var(--highlight-color);box-shadow:0 0 10px #ffffff80;transform:translateY(-1px)}.voice-description[data-v-787f4cba]{color:var(--text-color);font-family:Courier New,monospace;font-size:.75rem;opacity:.7;line-height:1.3;text-align:center}.update-section[data-v-787f4cba]{display:flex;justify-content:center;margin-top:1rem}.update-button[data-v-787f4cba]{background-color:var(--text-color);color:#000;border:none;padding:1rem 2rem;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .3s ease;letter-spacing:1px;font-size:.9rem;min-width:200px}.update-button[data-v-787f4cba]:hover:not(:disabled){background-color:var(--highlight-color);box-shadow:0 0 10px #ffffff80;transform:translateY(-1px)}.update-button[data-v-787f4cba]:disabled{opacity:.6;cursor:not-allowed}.credits-options[data-v-787f4cba]{padding:1rem}.pricing-button[data-v-787f4cba]{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .3s ease;letter-spacing:1px;font-size:.8rem;margin-top:.5rem}.pricing-button[data-v-787f4cba]:hover{background-color:var(--primary-hover-color);box-shadow:0 0 10px #10b98180;transform:translateY(-1px)}@media (max-width: 768px){.settings-container[data-v-787f4cba]{padding:.5rem}.settings-content[data-v-787f4cba]{max-width:100%;max-height:calc(100vh - 150px);gap:.75rem}.slider-container[data-v-787f4cba]{padding:1rem}.gameplay-options[data-v-787f4cba]{padding:.75rem}.update-button[data-v-787f4cba]{padding:.875rem 1.5rem;min-width:180px}.option-description[data-v-787f4cba]{margin-left:2rem;font-size:.7rem}.voice-selector[data-v-787f4cba]{flex-direction:column;align-items:stretch;gap:.5rem}.play-sample-button[data-v-787f4cba]{padding:.625rem .875rem;font-size:.75rem}}.settings-content[data-v-787f4cba]::-webkit-scrollbar{width:4px}.settings-content[data-v-787f4cba]::-webkit-scrollbar-track{background:#0000004d;border-radius:2px}.settings-content[data-v-787f4cba]::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:2px}.settings-content[data-v-787f4cba]::-webkit-scrollbar-thumb:hover{background:var(--highlight-color)}.home-container[data-v-5dc7c70d]{display:flex;justify-content:center;align-items:center;height:100%;padding:1rem;box-sizing:border-box}.content[data-v-5dc7c70d]{width:100%}.game-grid[data-v-5dc7c70d]{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr;gap:10px;margin:0 auto;height:100%}.grid-item[data-v-5dc7c70d]{display:flex;flex-direction:column;align-items:stretch;border:2px solid var(--text-color);background-color:#000;position:relative;overflow:hidden;padding:0}.grid-item h1[data-v-5dc7c70d]{color:#000;background-color:var(--text-color);font-family:Courier New,monospace;text-align:center;margin:0;width:100%;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px}.image-container[data-v-5dc7c70d]{flex-grow:1;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000;position:relative}.image-container img[data-v-5dc7c70d]{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.7) contrast(1.5) sepia(1) hue-rotate(190deg) saturate(8);mix-blend-mode:screen;transform:scale(1)}.adventure-content[data-v-5dc7c70d],.achievements-content[data-v-5dc7c70d]{height:calc(100% - 40px);padding:10px;color:var(--text-color);font-family:Courier New,monospace;overflow:auto}.loading-message[data-v-5dc7c70d],.no-characters-message[data-v-5dc7c70d]{text-align:center;padding:20px;font-style:italic}.adventure-list[data-v-5dc7c70d]{display:flex;flex-direction:column;gap:15px}.character-display-item[data-v-5dc7c70d]{display:grid;grid-template-columns:100px 1fr auto;grid-template-rows:auto auto;gap:10px;color:var(--text-color);background-color:#1a1a1a;padding:10px;border:1px solid var(--text-color);border-radius:4px}.character-display-item .character-image[data-v-5dc7c70d]{grid-row:1 / span 2;grid-column:1;width:100px;height:120px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#000;border:1px solid var(--text-color)}.character-display-item .character-image img[data-v-5dc7c70d]{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.7) contrast(1.5) sepia(.5) hue-rotate(190deg) saturate(5);mix-blend-mode:screen}.character-info[data-v-5dc7c70d]{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center}.character-name[data-v-5dc7c70d]{font-size:1.2em;font-weight:700;margin-bottom:5px}.character-details[data-v-5dc7c70d]{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.character-details span[data-v-5dc7c70d]{background-color:#2a2a2a;padding:4px 8px;border-radius:4px;font-size:.8em;margin:0}.character-description[data-v-5dc7c70d]{font-size:.9em;margin-top:8px;max-height:60px;overflow-y:auto}.character-actions[data-v-5dc7c70d]{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.play-button[data-v-5dc7c70d]{background-color:var(--text-color);color:#000;border:none;padding:8px 12px;font-family:Courier New,monospace;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s;border-radius:4px;min-width:60px}.play-button[data-v-5dc7c70d]:hover{background-color:#0af;color:#fff}.delete-button[data-v-5dc7c70d]{background-color:transparent;color:#f44;border:2px solid #ff4444;padding:8px 12px;font-family:Courier New,monospace;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;border-radius:4px;min-width:60px;display:flex;justify-content:center;align-items:center}.delete-button[data-v-5dc7c70d]:hover{background-color:#f44;color:#fff;transform:scale(1.1);box-shadow:0 0 8px #f449}@media (max-width: 768px){.character-display-item[data-v-5dc7c70d]{display:flex;flex-direction:column;gap:15px;padding:15px;margin-bottom:10px}.character-display-item .character-image[data-v-5dc7c70d]{width:80px;height:80px;align-self:center;margin-bottom:10px;border-radius:8px;overflow:hidden}.character-info[data-v-5dc7c70d]{text-align:center;margin-bottom:15px}.character-name[data-v-5dc7c70d]{font-size:1.3em;margin-bottom:8px}.character-details[data-v-5dc7c70d]{justify-content:center}.character-description[data-v-5dc7c70d]{font-size:.9em;margin-top:10px;max-height:80px;text-align:center;line-height:1.4}.character-actions[data-v-5dc7c70d]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;margin-top:10px}.play-button[data-v-5dc7c70d]{padding:12px 24px;font-size:1em;min-width:100px;border-radius:8px;touch-action:manipulation}.delete-button[data-v-5dc7c70d]{padding:12px 16px;font-size:1.2em;min-width:50px;border-radius:8px;touch-action:manipulation}.delete-button[data-v-5dc7c70d]:active,.play-button[data-v-5dc7c70d]:active{transform:scale(.95)}}.character-stats[data-v-5dc7c70d]{grid-row:1;grid-column:2;display:flex;flex-direction:column;gap:5px}.stat-row[data-v-5dc7c70d]{display:flex;align-items:center}.stat-label[data-v-5dc7c70d]{font-family:Courier New,monospace;font-weight:700;color:var(--text-color)}.story-summary[data-v-5dc7c70d]{grid-row:2;grid-column:2;display:flex;flex-direction:column;position:relative;font-family:Courier New,monospace;color:var(--text-color)}.summary-label[data-v-5dc7c70d]{font-weight:700}.summary-content[data-v-5dc7c70d]{margin-top:5px;font-style:italic;opacity:.8}.middle-column[data-v-5dc7c70d]{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:10px;overflow:hidden}.start-new[data-v-5dc7c70d]{grid-column:1;grid-row:1;display:flex;justify-content:space-between;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-new[data-v-5dc7c70d]:hover{transform:scale(1.02);box-shadow:0 0 10px #00ff004d}.start-new[data-v-5dc7c70d]:active{transform:scale(.98)}.continue-adventure[data-v-5dc7c70d],.achievements[data-v-5dc7c70d]{height:calc(50% - 5px);min-height:0}.start-random[data-v-5dc7c70d]{grid-column:3;grid-row:1;display:flex;justify-content:space-between;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-random[data-v-5dc7c70d]:hover{transform:scale(1.02);box-shadow:0 0 10px #ffaa004d}.start-random[data-v-5dc7c70d]:active{transform:scale(.98)}.start-random.loading[data-v-5dc7c70d]{cursor:not-allowed;opacity:.7}.start-random.loading[data-v-5dc7c70d]:hover{transform:none;box-shadow:none}.start-random.generating[data-v-5dc7c70d]{border-color:#fa0;box-shadow:0 0 15px #ffaa00b3}.logo[data-v-5dc7c70d]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-5dc7c70d]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-5dc7c70d]:hover,.logo.supabase[data-v-5dc7c70d]:hover{filter:drop-shadow(0 0 2em #42b883aa)}.logo.coolify[data-v-5dc7c70d]:hover{filter:drop-shadow(0 0 2em #8d52fe)}.send-button[data-v-5dc7c70d]{margin-top:1rem;padding:.5em 1em;background-color:#42b883;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.send-button[data-v-5dc7c70d]:hover:not(:disabled){background-color:#3aa876}.send-button[data-v-5dc7c70d]:disabled{background-color:#ccc;cursor:not-allowed}.achievements-list[data-v-5dc7c70d]{display:flex;flex-direction:column;gap:8px}.achievement-item[data-v-5dc7c70d]{display:grid;grid-template-columns:40px 1fr 30px;gap:10px;padding:8px;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;transition:all .3s ease;align-items:center}.achievement-item.unlocked[data-v-5dc7c70d]{border-color:var(--text-color);background-color:#0a2a0a}.achievement-item[data-v-5dc7c70d]:not(.unlocked){opacity:.6}.achievement-icon[data-v-5dc7c70d]{font-size:1.5em;text-align:center;filter:grayscale(100%);transition:filter .3s ease}.achievement-item.unlocked .achievement-icon[data-v-5dc7c70d]{filter:none}.achievement-info[data-v-5dc7c70d]{display:flex;flex-direction:column;gap:2px}.achievement-title[data-v-5dc7c70d]{font-weight:700;font-size:.9em;color:var(--text-color)}.achievement-item:not(.unlocked) .achievement-title[data-v-5dc7c70d]{color:#666}.achievement-description[data-v-5dc7c70d]{font-size:.8em;opacity:.8;line-height:1.2;margin-bottom:4px}.achievement-item:not(.unlocked) .achievement-description[data-v-5dc7c70d]{color:#555}.achievement-character[data-v-5dc7c70d]{margin-top:4px}.achievement-character small[data-v-5dc7c70d]{color:#4ecdc4;font-style:italic;font-size:.75em}.achievement-date[data-v-5dc7c70d]{margin-top:2px}.achievement-date small[data-v-5dc7c70d]{color:#888;font-size:.7em}.no-achievements-message[data-v-5dc7c70d]{text-align:center;padding:20px;font-style:italic;color:#888}.achievement-status[data-v-5dc7c70d]{text-align:center;font-size:1.2em}.status-unlocked[data-v-5dc7c70d]{color:#0f0}.status-locked[data-v-5dc7c70d]{color:#666;font-size:.8em}.tap-hint[data-v-5dc7c70d]{font-size:.7em;opacity:.8;font-weight:400;animation:pulse-5dc7c70d 2s infinite}.generating-overlay[data-v-5dc7c70d]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2}.generating-overlay span[data-v-5dc7c70d]{color:#fa0;font-family:Courier New,monospace;font-weight:700;font-size:1.5rem;text-transform:uppercase;animation:pulse-5dc7c70d 1.5s infinite}@keyframes pulse-5dc7c70d{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width: 768px){.game-grid[data-v-5dc7c70d]{display:flex;flex-direction:column;gap:5px;margin:0 auto;height:100%;overflow:visible}.grid-item[data-v-5dc7c70d]{overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.grid-item[data-v-5dc7c70d]:not(.accordion-active){min-height:50px}.grid-item h1[data-v-5dc7c70d]{cursor:pointer;transition:background-color .3s ease;position:relative;z-index:2;padding:15px;margin:0;font-size:1.2rem}.grid-item h1[data-v-5dc7c70d]:hover{background-color:#0af;color:#fff}.grid-item h1[data-v-5dc7c70d]:after{content:" ▼";float:right;transition:transform .3s ease}.accordion-active h1[data-v-5dc7c70d]:after{transform:rotate(180deg)}.accordion-content[data-v-5dc7c70d]{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0}.accordion-active .accordion-content[data-v-5dc7c70d]{max-height:200px;transition:max-height .3s ease-in;padding:10px}.accordion-active .image-container[data-v-5dc7c70d]{max-height:150px;padding:10px}.image-container[data-v-5dc7c70d]{max-height:0;padding:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.middle-column[data-v-5dc7c70d]{display:flex;flex-direction:column;gap:5px;flex:none;min-height:0}.continue-adventure[data-v-5dc7c70d],.achievements[data-v-5dc7c70d],.start-new[data-v-5dc7c70d],.start-random[data-v-5dc7c70d]{height:auto;min-height:50px;flex:none}.accordion-active .adventure-content[data-v-5dc7c70d],.accordion-active .achievements-content[data-v-5dc7c70d]{max-height:150px;overflow-y:auto}.adventure-content[data-v-5dc7c70d],.achievements-content[data-v-5dc7c70d]{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0}.accordion-active .adventure-content[data-v-5dc7c70d],.accordion-active .achievements-content[data-v-5dc7c70d]{padding:10px}}@media (min-width: 769px){.game-grid[data-v-5dc7c70d]{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr;gap:10px;margin:0 auto;height:100%}.grid-item h1[data-v-5dc7c70d]{cursor:default}.accordion-content[data-v-5dc7c70d]{max-height:none;overflow:visible}}