@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";:root{--bg-primary:oklab(7.49% 0 0);--bg-secondary:oklab(11.46% 0 0);--bg-tertiary:oklab(16.10% 0 0);--border-primary:oklab(23.62% 0 0);--border-secondary:oklab(27.59% 0 0);--text-primary:oklab(92.72% 0 0);--text-secondary:oklab(77.02% 0 0);--text-muted:oklab(60.48% 0 0);--accent:oklab(62.80% -4.08 -14.44);--accent-hover:oklab(54.50% -4.26 -12.43);--success:oklab(71.17% -16.89 10.27);--warning:oklab(75.84% 6.30 15.40);--error:oklab(62.51% 19.43 9.54);--shadow:oklab(0% 0 0/0.5);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}.icon{width:1.2rem;height:1.2rem;stroke:currentColor;fill:none;stroke-width:2;pointer-events:none}body{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden}body,h1,h2,h3{font-family:Fira Code,monospace}h1,h2,h3{font-weight:500;line-height:1.2;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem}.grain-overlay{background:radial-gradient(circle at 20% 20%,transparent 20%,rgba(255,255,255,.1) 21%,rgba(255,255,255,.1) 34%,transparent 35%,transparent),linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent)}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-dot{position:absolute;width:1px;height:1px;background:var(--text-muted);border-radius:50%;opacity:.2}.floating-dot:first-child{top:20%;left:10%;animation:float 8s ease-in-out infinite}.floating-dot:nth-child(2){top:60%;right:20%;animation:float 12s ease-in-out infinite reverse}.floating-dot:nth-child(3){bottom:30%;left:30%;animation:float 10s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.parchment-bg{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);align-items:center;position:relative}.layout,.parchment-bg{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem;text-align:center}.box{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333}.nav-bar{position:-webkit-sticky;position:sticky;top:0;width:100%;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);z-index:1000;padding:1rem 0;transition:var(--transition)}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;padding:0 2rem 0 0}.nav-brand{font-size:1.2rem;font-weight:700;text-decoration:none;position:relative;letter-spacing:.5px;white-space:nowrap;padding-left:2rem;margin-right:auto}.nav-brand,.nav-toggle{color:var(--text-primary)}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;margin-right:1rem;z-index:1200}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:400;font-size:.9rem;transition:var(--transition);position:relative;padding:.6rem 1rem;border-radius:4px;border:1px solid rgba(0,0,0,0);white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:hsla(0,0%,100%,.03);border-color:var(--border-primary)}.nav-link:focus{outline:none;border-color:var(--accent);background:hsla(0,0%,100%,.03)}.nav-links{display:flex;align-items:center;gap:1.5rem}.lang-select{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;font-family:inherit;font-size:.9rem;transition:var(--transition);margin-left:1rem}.lang-select:hover{border-color:var(--border-secondary)}.lang-select:focus{outline:none;border-color:var(--accent)}.homepage{padding-top:5rem;gap:1rem;min-height:calc(100dvh - 136px)}.hero-section,.homepage{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-section{text-align:center;flex:1 1}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:calc(100dvh - 4rem)}.error-code{font-size:3rem;color:#fff}.fade-in{opacity:0;transform:translateY(10px);animation:fade-in .6s ease forwards;animation-delay:var(--delay,0s)}.logo{font-size:2rem;color:#fff}.subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem}.quote-container{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:8px;padding:2.5rem 2rem 2rem;margin:2rem 1rem;position:relative;overflow:hidden;box-sizing:border-box;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem)}.quote-measure{position:absolute;visibility:hidden;pointer-events:none;left:-9999px}.quote-container:hover{background:linear-gradient(135deg,var(--bg-tertiary) 0,#1f1f1f 100%);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.quote-marks{position:absolute;font-size:2rem;color:var(--border-secondary);font-weight:700;z-index:0;opacity:.6}.quote-marks.opening{top:.5rem;left:1rem}.quote-marks.closing{bottom:.5rem;right:1rem}.quote-text{font-style:italic;font-size:1.05rem;color:var(--text-primary);margin-bottom:1.5rem;position:relative;z-index:1;line-height:1.7;word-spacing:.1em;overflow-wrap:anywhere;display:inline-block}.quote-author{font-size:.9rem;color:var(--text-muted);text-align:right;margin-top:.5rem;opacity:0;transition:opacity .5s ease}.quote-author.visible{opacity:1}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);padding:1rem 2.5rem;font-size:1rem;font-family:inherit;font-weight:400;border-radius:6px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;margin-top:2rem;letter-spacing:.5px}.start-button:hover{background:var(--bg-secondary);border-color:var(--border-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.start-button:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,74,74,.3)}.start-button:active{transform:translateY(0)}.start-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.start-btn{background:#222;color:#eee;border:1px solid #333;border-radius:6px;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease}.start-btn:hover{background:#2a2a2a;transform:translateY(-2px)}.start-btn:focus{outline:2px solid #0d6efd;outline-offset:2px}.start-btn:active{transform:translateY(0)}.export-btn,.nav-btn,button:not(.google-btn){background:#222;color:#eee;border:1px solid #333;border-radius:6px;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s ease}button:not(.google-btn):hover{background:#2a2a2a;transform:translateY(-2px)}button:not(.google-btn):focus{outline:2px solid #0d6efd;outline-offset:2px}button:not(.google-btn):active{transform:translateY(0)}.form-input,.form-select,.form-textarea,.text-input{background:#222;color:#eee;border:1px solid #444;border-radius:4px;padding:.5rem;width:100%}.required{color:#f55;margin-left:.25rem}.house-bonus{background:#181818;border-left:4px solid #555;padding:.5rem 1rem;margin-top:.5rem;border-radius:6px;font-size:.9rem;font-style:italic}.form-textarea{min-height:80px}.agent-status,.api-status,.generation-status,.module-status{color:#ccc}.agent-status.ok,.api-status.ok{color:lime}.agent-status.fail,.api-status.fail{color:#f55}.agent-status.pending,.api-status.pending{color:#ff0}.wizard-container{display:flex;flex-direction:column;gap:2rem}.wizard-title{font-size:2rem;color:#fff;margin-bottom:.5rem}.wizard-progress{color:#ccc}.wizard-step{padding:1.5rem;background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px}.step-title{font-size:1.2rem;margin-bottom:1rem;color:#fff}.form-group{margin-bottom:1rem;text-align:left}.form-label{margin-bottom:.3rem}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.phone-row{display:flex;width:100%;gap:.5rem}.skip-row{text-align:center;margin:2rem 0}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.option-card{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px;padding:1rem;transition:all .2s ease}.option-card:hover{background:#2a2a2a}.option-card.selected{background:#333;border-color:#888}.option-card.selected .option-desc,.option-card.selected .option-title{color:#fff}.option-title{font-weight:700;margin-bottom:.5rem}.option-desc{color:#bbb}.generation-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.generation-title{font-size:2rem;color:#fff}.typing-animation{display:inline-block;border-right:2px solid #eee;white-space:nowrap;overflow:hidden;animation:typing var(--duration,2s) steps(var(--chars,20)),blink 1s step-end infinite}@keyframes typing{0%{width:0}to{width:calc(var(--chars, 20)*1ch)}}@keyframes blink{50%{border-color:rgba(0,0,0,0)}}@keyframes cursor-blink{50%{opacity:0}}.module-list{width:100%}.module-item{display:flex;justify-content:space-between;padding:.5rem 1rem;background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.module-name{font-weight:700}.module-status{font-size:.9rem}.module-status.done{color:lime}.module-status.error{color:red}.loading-dots{gap:2px;vertical-align:middle;align-items:center}.loading-dots span{opacity:0;display:inline-block;font-size:0}button:not(.google-btn):disabled{opacity:.5;cursor:not-allowed;transform:none}.game-interface{display:grid;grid-template-columns:1fr 300px;grid-gap:1rem;gap:1rem}.narrative-panel{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px;padding:1rem;overflow-y:auto;height:70vh;scrollbar-width:thin;scrollbar-color:#555 #222}.narrative-panel::-webkit-scrollbar{width:8px}.narrative-panel::-webkit-scrollbar-track{background:#222;border-radius:4px}.narrative-panel::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.narrative-panel::-webkit-scrollbar-thumb:hover{background:#777}.interaction-panel{display:flex;flex-direction:column;gap:1rem}.action-section,.input-section,.inventory-section{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px;padding:1rem}.input-section{display:flex;flex-direction:column;gap:.5rem}.section-title{margin-bottom:.5rem}.waiting-msg{font-style:italic;font-size:.8rem;animation:fade-blink 1.5s infinite}@keyframes fade-blink{0%,to{opacity:.4}50%{opacity:1}}.action-choice{background:#222;color:#eee;border:1px solid #333;border-radius:4px;padding:.4rem;margin-bottom:.3rem;transition:all .2s ease}.inventory-grid{grid-gap:.3rem;gap:.3rem}.inventory-item{background:#222;border:1px solid #333;padding:.3rem}.event-log{margin-top:1rem;background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px;padding:.5rem;height:120px;overflow-y:auto;font-size:.9rem}.log-entry:not(:last-child){border-bottom:1px solid #222;margin-bottom:.3rem}.dev-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.developer-page .dev-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dev-section{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid #333;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.developer-page .dev-section{background:#f2f2f2;color:#222;border:1px solid #bbb;border-radius:8px}.dev-title{margin-bottom:.5rem;font-weight:700}.developer-page .dev-title{color:#222}.info-box{background:#222;border:1px solid #333;color:#eee;padding:.75rem;border-radius:6px;margin-top:.5rem;line-height:1.4;transition:all .2s ease}.developer-page .info-box{background:#fff;color:#222;border:1px solid #ddd}.placeholder-message{background:#222;color:#ffa726;border:1px solid #ff9800;border-radius:6px;padding:.75rem;margin-bottom:1rem;line-height:1.4;font-size:.9rem}.agent-status,.api-status{margin-top:.5rem}.character-summary{text-align:left}.character-summary ul{list-style:disc inside;padding-left:1rem}.chat-response{background:linear-gradient(135deg,#111,#1a1a1a);color:#eee;border:1px solid #333;padding:.5rem;border-radius:6px;word-break:break-word;transition:all .2s ease}.chat-response.error{background:#330;border-color:#f44336;color:#c62828}.points-left-info{font-size:.9rem;font-style:italic;color:#ccc;margin-top:.25rem}.developer-page .dev-chat{background:#fff;border:1px solid #ccc;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.developer-page .chat-response{background:#f7f7f7;color:#222;border:1px solid #ccc;padding:.5rem;border-radius:6px;word-break:break-word}.developer-page .chat-response.error{background:#ffecec;border-color:#f44336;color:#c62828}.terminal-box{color:lime;border:1px solid #333;padding:.5rem;border-radius:6px;font-family:Fira Code,monospace;white-space:pre-wrap;margin-top:.5rem}.auth-card,.terminal-box{background:linear-gradient(135deg,#111,#1a1a1a)}.auth-card{border:1px solid #333;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px;margin:1rem auto}.api-status-message{color:#f55;font-size:.9rem;margin-top:.25rem;word-break:break-word}.api-status-message.success{color:#5a5}.auth-separator{display:flex;align-items:center;width:100%;margin:1rem 0}.auth-separator:after,.auth-separator:before{content:"";flex:1 1;border-bottom:1px solid #444}.auth-separator:before{margin-right:.5rem}.auth-separator:after{margin-left:.5rem}@media(max-width:768px){.dev-container,.game-interface,.option-grid{grid-template-columns:1fr}.nav-bar{flex-wrap:wrap}.nav-content{padding:0 1rem 0 0;justify-content:flex-start}.nav-brand{padding-left:1rem;margin-right:auto}.nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);gap:.5rem;padding:.75rem 0}.nav-links.open{display:flex}.nav-toggle{display:block}.lang-select{margin-left:auto;position:static;margin-top:.25rem}.container,.hero-section{padding:1rem}.quote-container{padding:2rem 1.5rem 1.5rem;margin:1.5rem 1rem}.logo{font-size:2.5rem}.subtitle{font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:linear-gradient(135deg,#111,#1a1a1a);color:#eee;border:1px solid #333;padding:1rem;border-radius:8px;max-width:90%;max-height:80%;overflow-y:auto;font-family:Fira Code,monospace;text-align:left}.modal-content pre{white-space:pre-wrap;margin-bottom:.5rem}.typed-line{white-space:pre-wrap;font-family:Fira Code,monospace;position:relative;display:inline-block}.typed-line:after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;background-color:currentColor;animation:cursor-blink 1s step-end infinite}.typed-line.no-cursor:after{display:none}.typed-line.error{color:#c62828}.typed-line.error .warning-prefix{color:#eee}.seed-editor{display:grid;grid-gap:1rem;gap:1rem}.seed-section{background:#222;padding:.5rem;border-radius:6px}.developer-page .seed-section{background:#fff;border:1px solid #ccc}.seed-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.seed-row label{width:1.2rem;color:#ccc}.instruction{color:#bbb;font-style:italic;margin-bottom:.5rem}.developer-page .seed-row label{color:#555}.export-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.export-title{font-size:2rem;color:#fff}.export-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.stats-section{margin-top:2rem;width:100%}.stats-box{padding:1.5rem;border:1px solid #333;border-radius:8px;background:linear-gradient(135deg,#111,#1a1a1a);color:#eee;text-align:left;transition:all .2s ease}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:.5rem}.toggle-switch input{display:none}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#555;transition:.4s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:#222;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background:#0d6efd}.toggle-switch input:checked+.slider:before{transform:translateX(26px);background:#fff}.google-btn{background:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;display:inline-block;line-height:0}.google-btn img,.google-btn svg{display:block}.google-btn:focus{outline:none}.loading-screen{background:linear-gradient(135deg,#111,#1a1a1a);color:#fff;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;z-index:2000}.loading-screen .gear-spinner{width:20vw;max-width:120px;min-width:48px}.loading-page{display:flex;align-items:center;justify-content:center;text-align:center;min-height:60vh}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{max-width:1200px;padding:1rem}.box,.game-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:8px;padding:1rem}.game-header{margin-bottom:1rem;text-align:center}.game-title{font-size:1.2rem;color:oklab(1 0 0);margin-bottom:.5rem}.game-subtitle{color:oklab(.8365 0 0);font-size:.9rem}.main-interface{display:grid;grid-template-columns:1fr 350px;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.narrative-wrapper{display:flex;flex-direction:column;gap:1rem}.narrative-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:8px;padding:1rem;height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:oklab(.4152 0 0) oklab(.1995 0 0)}.narrative-section::-webkit-scrollbar{width:8px}.narrative-section::-webkit-scrollbar-track{background:oklab(.1995 0 0);border-radius:4px}.narrative-section::-webkit-scrollbar-thumb{background:oklab(.4152 0 0);border-radius:4px}.narrative-content{line-height:1.6}.message{background:hsla(0,0%,100%,.02);border-radius:6px;padding:.75rem;margin-bottom:1rem;transition:all .3s ease;transform:translateY(0);opacity:1}.message-prefix{font-weight:700;color:oklab(1 0 0)}.message.mj{border-left:3px solid #0a84ff;background:rgba(10,132,255,.05);padding-left:1rem}.message.player{border-left:3px solid #30d158;background:rgba(48,209,88,.05);padding-left:1rem}.info-panel{display:flex;flex-direction:column;gap:1rem}.info-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:8px;padding:1rem}.section-title{font-size:1rem;color:oklab(1 0 0);margin-bottom:.75rem;border-bottom:1px solid var(--border-secondary);padding-bottom:.5rem}.character-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.stat-item{background:oklab(.1995 0 0);border:1px solid var(--border-secondary);border-radius:4px;padding:.5rem;text-align:center;transition:all .2s ease}.stat-label{color:oklab(.8365 0 0)}.stat-value{font-size:1.1rem;font-weight:700;color:oklab(1 0 0)}.progress-info{margin-bottom:1rem}.progress-item{background:oklab(.1995 0 0);border:1px solid var(--border-secondary);border-radius:4px;padding:.5rem;margin-bottom:.5rem;transition:all .2s ease}.inventory-item:hover,.progress-item:hover,.stat-item:hover{background:oklab(.2362 0 0);border-color:var(--border-primary);transform:translateY(-1px)}.progress-label{font-size:.9rem;color:oklab(.8365 0 0);margin-bottom:.25rem}.progress-text{font-size:.8rem;color:#eee}.inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.inventory-item{background:oklab(.1995 0 0);border:1px solid var(--border-secondary);border-radius:4px;padding:.5rem;text-align:center;font-size:.9rem;transition:all .2s ease}.input-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:8px;padding:1rem}.input-row{display:flex}.action-buttons,.input-row{gap:.5rem;margin-bottom:1rem}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem}.action-btn,.dice-btn,.submit-btn{background:oklab(.1995 0 0);color:#eee;border:1px solid oklab(.3474 0 0);border-radius:4px;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.9rem}.action-btn:hover,.dice-btn:hover,.submit-btn:hover{background:oklab(.2362 0 0);border-color:oklab(.4152 0 0);transform:translateY(-1px)}.submit-btn{background:#0a84ff;color:oklab(1 0 0)}.submit-btn:hover{background:#0056b3}.dice-btn:hover{background:#e55a2b}.action-btn.disabled{opacity:.5;cursor:not-allowed}.dice-section{display:flex;align-items:center;gap:1rem;margin-top:1rem}.dice-btn{background:oklab(.6934 15.76 12.6);color:oklab(1 0 0);border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-family:inherit;font-size:.9rem}.dice-result{font-size:1.2rem;font-weight:700;color:oklab(.6934 15.76 12.6)}.log-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:8px;padding:1rem;height:120px;overflow-y:auto}.log-entry{background:oklab(.1995 0 0);border:1px solid var(--border-secondary);border-radius:4px;padding:.5rem;font-size:.9rem;color:oklab(.8365 0 0);margin-bottom:.5rem}.hp-bar{background:var(--border-secondary);height:8px;border-radius:4px;overflow:hidden;margin-top:.25rem}.hp-fill{height:100%;background:linear-gradient(90deg,oklab(65.4% 20.37 11.19),oklab(74.61% -17.9 11.89));transition:width .3s ease}@media(max-width:768px){.main-interface{grid-template-columns:1fr}.character-stats{grid-template-columns:repeat(3,1fr)}.action-buttons{grid-template-columns:repeat(2,1fr)}}@keyframes msgSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes msgShineSmooth{0%{background-position:-200% 0;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}50%{background-position:0 0;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}to{background-position:200% 0;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}}@keyframes msgShineMjSmooth{0%{background-position:-200% 0;background-image:linear-gradient(90deg,transparent,rgba(10,132,255,.15) 50%,transparent)}50%{background-position:0 0;background-image:linear-gradient(90deg,transparent,rgba(10,132,255,.15) 50%,transparent)}to{background-position:200% 0;background-image:linear-gradient(90deg,transparent,rgba(10,132,255,.15) 50%,transparent)}}@keyframes msgShinePlayerSmooth{0%{background-position:-200% 0;background-image:linear-gradient(90deg,transparent,rgba(48,209,88,.15) 50%,transparent)}50%{background-position:0 0;background-image:linear-gradient(90deg,transparent,rgba(48,209,88,.15) 50%,transparent)}to{background-position:200% 0;background-image:linear-gradient(90deg,transparent,rgba(48,209,88,.15) 50%,transparent)}}.message.push-up{animation:pushUp .4s ease-out}@keyframes pushUp{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.message.new{animation:msgSlideUp .4s ease-out;background-size:400% 100%}.message.new.shine{animation:msgSlideUp .4s ease-out,msgShineSmooth 1.2s ease-out .2s;background-size:400% 100%}.message.mj.new.shine{animation:msgSlideUp .4s ease-out,msgShineMjSmooth 1.2s ease-out .2s;background-size:400% 100%}.message.player.new.shine{animation:msgSlideUp .4s ease-out,msgShinePlayerSmooth 1.2s ease-out .2s;background-size:400% 100%}.narrative-section{scroll-behavior:smooth}.narrative-content{transition:all .3s ease}@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap";.setup-page{font-family:Fira Code,monospace;--accent:#4a90e2;--accent-hover:#357abd}.script-font{font-family:Great Vibes,cursive;letter-spacing:1px}.wizard-title{font-family:Fira Code,monospace}.progress-fill{width:25%}.wizard-step{display:none;animation:fadeIn .5s ease-in-out}.wizard-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.8rem;font-weight:500;color:var(--text-primary);text-align:center}.form-group,.step-title{margin-bottom:2rem}.form-input,.form-select{width:100%;padding:1rem 1.5rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:var(--transition)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,144,226,.1)}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted)}.option-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1rem auto 0;max-width:calc(840px + 3rem)}.option-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:10px;padding:1.5rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;width:280px;flex:0 0 auto}.option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.option-card:hover{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow)}.option-card:hover:before{transform:scaleX(1)}.option-card.selected{background:linear-gradient(135deg,var(--bg-tertiary) 0,#2a2a2a 100%);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.option-card.selected:before{transform:scaleX(1)}.option-title{font-weight:600;font-size:1.1rem;color:var(--text-primary);margin-bottom:.8rem}.option-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.seed-section{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.seed-input{flex:1 1;min-width:200px}.random-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-family:inherit;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.random-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,144,226,.3)}.wizard-nav{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.nav-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);padding:1rem 2rem;font-size:1rem;font-family:inherit;font-weight:500;border-radius:8px;cursor:pointer;transition:var(--transition);min-width:120px}.nav-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-primary);transform:translateY(-2px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-btn.primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;border-color:var(--accent)}.nav-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(74,144,226,.3)}.menu-loading{text-align:center;color:var(--text-muted);font-style:italic;margin-top:2rem;white-space:nowrap}.menu-loading .loading-dots span{background:var(--text-muted)}@media(max-width:768px){.container{padding:80px 1rem 1rem}.wizard-container{padding:2rem 1.5rem}.wizard-title{font-size:2rem;font-family:Fira Code,monospace}.option-grid{margin:1rem auto 0;justify-content:center}.option-card{width:100%}.seed-section{flex-direction:column;align-items:stretch}.random-btn{width:100%}}.fade-step{animation:fadeInStep .4s ease}@keyframes fadeInStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";.pageWrapper{font-family:Fira Code,monospace;--accent:#4a90e2;--accent-hover:#357abd;--border-accent:#444444;--glow:rgba(255,255,255,0.1)}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.02;background:radial-gradient(circle at 20% 20%,transparent 20%,rgba(255,255,255,.1) 21%,rgba(255,255,255,.1) 34%,transparent 35%,transparent);animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.wizard-container{margin:0 auto;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:12px;padding:3rem;position:relative;overflow:hidden;max-width:800px;width:100%}.wizard-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.wizard-header{text-align:center;margin-bottom:3rem}.wizard-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;letter-spacing:.5px}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.step-indicator{color:var(--text-muted);font-size:.9rem;font-weight:500}.progress-bar{flex:1 1;max-width:300px;height:4px;background:var(--border-primary);border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .6s ease;width:100%}.character-info{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:10px;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.character-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.character-info h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.character-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.points-info{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:10px;padding:1.5rem;margin:2rem 0;text-align:center;position:relative;overflow:hidden}.points-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.points-remaining{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.points-remaining .number{color:var(--accent);font-size:2rem;font-weight:700}.points-hint{color:var(--text-muted);font-size:.9rem}.attribute-section{margin-bottom:2rem}.attribute-table{width:100%;border-collapse:collapse;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:10px;overflow:hidden}.attribute-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-secondary)}.attribute-table th{padding:1rem;font-weight:600;color:var(--text-primary);text-align:left;font-size:.95rem;letter-spacing:.5px}.attribute-table td{padding:1rem;border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:.95rem}.attribute-table tbody tr:hover{background:rgba(74,144,226,.05)}.attribute-table tbody tr:last-child td{border-bottom:none}.attribute-name{font-weight:600;color:var(--text-primary);font-size:1rem}.attribute-value{font-weight:500;color:var(--text-primary);font-family:Fira Code,monospace}.modifier{color:var(--text-muted);font-size:.85rem}.modifier.positive{color:var(--success)}.modifier.negative{color:var(--error)}.control-buttons{gap:.5rem}.control-btn,.control-buttons{display:flex;align-items:center}.control-btn{background:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-primary);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:var(--transition);justify-content:center}.control-btn:hover{background:var(--accent);border-color:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,.3)}.control-btn:active{transform:translateY(0)}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.bonus-section{margin:2rem 0}.bonus-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.8rem;font-weight:500;color:var(--text-secondary);font-size:.95rem}.bonus-select{width:100%;padding:1rem 1.5rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:var(--transition)}.bonus-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,144,226,.1)}.bonus-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}.special-info{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:10px;padding:1.5rem;margin:2rem 0;position:relative;overflow:hidden}.special-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}.special-info .title{color:var(--accent);font-weight:600;margin-bottom:.5rem}.special-info .description{color:var(--text-secondary);font-style:italic;line-height:1.5}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin:2rem 0}.stat-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:10px;padding:1rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow)}.stat-card:hover:before{transform:scaleX(1)}.stat-label{color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.submit-section{margin-top:3rem;text-align:center}.submit-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;border:1px solid var(--accent);padding:1rem 3rem;font-size:1.1rem;font-family:Fira Code,monospace;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;letter-spacing:.5px;min-width:200px}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,144,226,.3)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{background:rgba(239,68,68,.1);border:1px solid var(--error);color:var(--error);padding:1rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;color:var(--text-muted)}.loading-dots{display:inline-flex;gap:.25rem;vertical-align:baseline}.loading-dots span{width:4px;height:4px;background:var(--accent);border-radius:50%;animation:dotFlash 1s infinite;vertical-align:middle}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotFlash{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:768px){.container{padding:2rem 1rem 1rem}.wizard-container{margin:0 auto;padding:2rem 1.5rem}.wizard-title{font-size:2rem}.character-details{grid-template-columns:1fr}.attribute-table{font-size:.8rem}.attribute-table td,.attribute-table th{padding:.75rem .5rem}.stats-summary{grid-template-columns:repeat(2,1fr)}.nav-content{padding:0 1rem}.nav-links{gap:1rem}}.footer_footer__Q4r1P{margin-top:auto;border-top:1px solid var(--border-primary);padding:1rem;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin-left:auto;margin-right:auto;width:100%}.footer_footer-text__UUhTH{color:var(--text-muted);font-size:.85rem}.footer_footer-actions__y_uUm{display:flex;align-items:center;gap:1rem}.footer_language-dropdown__HLTiP{min-width:6rem}@media(max-width:900px){.footer_footer__Q4r1P{flex-direction:column;gap:1rem;text-align:center}}