@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main:#0b0f19;--bg-surface:#131a2e;--bg-surface-light:#1e2942;--bg-surface-glow:#6366f126;--primary:#6366f1;--primary-glow:#6366f166;--secondary:#a855f7;--secondary-glow:#a855f766;--cyan:#06b6d4;--cyan-glow:#06b6d466;--success:#10b981;--success-glow:#10b9814d;--warning:#f59e0b;--danger:#ef4444;--border-color:#24304f;--border-glow:#6366f133;--font-heading:"Outfit", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;background-color:#0b0f19;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:#e2e8f0;background-image:radial-gradient(at 0 0,#6366f114 0,#0000 50%),radial-gradient(at 100% 100%,#a855f714 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;font-weight:700}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 16px 90px;display:flex;position:relative}@media (width>=768px){.app-container{padding:24px 24px 100px}}.game-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:16px;margin-bottom:24px;padding:20px 0;display:flex}@media (width>=768px){.game-header{flex-direction:row;justify-content:space-between;align-items:center}}.logo-section{align-items:center;gap:10px;display:flex}.logo-badge{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-md);font-family:var(--font-heading);color:#fff;box-shadow:0 0 15px var(--primary-glow);letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;font-size:1.2rem;font-weight:800}.logo-title{background:linear-gradient(90deg,#fff,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem}.status-panel{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.status-badge{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:#fff;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.status-badge.gold{border-color:#f59e0b66;box-shadow:0 0 10px #f59e0b1a}.status-badge.gold span{color:var(--warning)}.status-badge.energy{border-color:#06b6d466;position:relative;box-shadow:0 0 10px #06b6d41a}.status-badge.energy .drink-btn{background:var(--cyan);color:#000;cursor:pointer;border:none;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.75rem;font-weight:800;transition:all .2s}.status-badge.energy .drink-btn:hover{background:#fff;box-shadow:0 0 8px #fff}.xp-bar-container{flex-direction:column;gap:4px;width:150px;display:flex}.xp-bar-label{color:#94a3b8;justify-content:space-between;font-size:.75rem;display:flex}.xp-bar-track{background:#1e293b;border-radius:4px;height:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(to right, var(--primary), var(--secondary));height:100%;box-shadow:0 0 8px var(--primary-glow);transition:width .4s ease-out}.game-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.game-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 90%,#6366f10d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.game-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 8px 30px #0006,0 0 15px #6366f11a}.game-card.glow-primary{border-color:#6366f166;box-shadow:0 0 15px #6366f126}.game-card.glow-secondary{border-color:#a855f766;box-shadow:0 0 15px #a855f726}.btn-game{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180,0 0 15px #a855f74d}.btn-primary:active{transform:translateY(0)}.btn-cyan{background:linear-gradient(135deg, var(--cyan), #0891b2);color:#0b0f19;box-shadow:0 4px 15px #06b6d44d}.btn-cyan:hover{background:#06b6d4;transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480}.btn-secondary{background:var(--bg-surface-light);border:1px solid var(--border-color);color:#e2e8f0}.btn-secondary:hover{color:#fff;border-color:var(--primary);background:#2e3c5d}.btn-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-disabled{opacity:.5;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-easy{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-medium{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-hard{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.game-notification{border:2px solid var(--primary);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080, 0 0 20px var(--primary-glow);z-index:9999;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#131a2ef2;max-width:90%;padding:12px 24px;font-weight:600;animation:.3s cubic-bezier(.18,.89,.32,1.28) forwards slide-down;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes slide-down{0%{opacity:0;top:-50px}to{opacity:1;top:24px}}.bullet-comments-track{border:1px dashed var(--border-color);border-radius:var(--radius-md);background:#090d1a;height:180px;margin:16px 0;position:relative;overflow:hidden}.bullet-item{white-space:nowrap;border:1px solid var(--border-color);color:#fff;animation:run-bullet var(--bullet-duration,8s) linear infinite;background:#1e293bd9;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex;position:absolute;left:100%;box-shadow:0 4px 6px #0003}.bullet-item.positive{border-color:#10b98180;box-shadow:0 0 8px #10b98126}.bullet-item.negative{border-color:#ef444480}@keyframes run-bullet{0%{left:100%}to{left:-120%}}.grid-2{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.game-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:1000;background:#131a2ed9;padding:10px 0 24px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 35px #0009}@media (width>=768px){.game-nav{padding:12px 0}}.nav-container{justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;padding:0 16px;display:flex}.nav-item{color:#94a3b8;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:8px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-icon{font-size:1.3rem;transition:transform .2s}.nav-label{font-size:.75rem;font-weight:700;font-family:var(--font-heading)}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item:hover .nav-icon{transform:translateY(-2px)}.nav-item.active{color:var(--cyan);background:#06b6d414;box-shadow:inset 0 0 10px #06b6d40d}.nav-item.active:after{content:"";background:var(--cyan);width:24px;height:3px;box-shadow:0 0 8px var(--cyan);border-radius:2px;position:absolute;bottom:0}.nav-item.active .nav-icon{transform:scale(1.15)translateY(-2px)}.nav-badge-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 8px var(--danger);border-radius:50%;animation:1.5s infinite alternate pulse-badge;position:absolute;top:6px;right:20px}@keyframes pulse-badge{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.section-title-wrapper{margin-bottom:24px}.section-title{background:linear-gradient(90deg,#fff,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:1.8rem;font-weight:800}.section-subtitle{color:#94a3b8;font-size:.95rem}.template-card{cursor:pointer;flex-direction:column;height:100%;display:flex}.template-card.locked{filter:grayscale(.5);border-color:#1e293b;position:relative;overflow:hidden}.lock-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0b0f19d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.lock-icon{font-size:2.5rem;animation:2s infinite alternate lock-bounce}@keyframes lock-bounce{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.unlock-btn{padding:8px 16px;font-size:.85rem;box-shadow:0 4px 12px #6366f166}.tmpl-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tmpl-icon{font-size:2rem}.tmpl-title{color:#fff;margin-bottom:10px;font-size:1.3rem;font-weight:700}.tmpl-desc{color:#94a3b8;flex-grow:1;margin-bottom:20px;font-size:.9rem}.tmpl-meta{border-top:1px solid var(--border-color);justify-content:space-between;gap:12px;padding-top:16px;font-size:.8rem;display:flex}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{color:#64748b;font-weight:500}.meta-val{font-weight:700}.meta-val.cyan{color:var(--cyan)}.meta-val.gold{color:var(--warning)}.meta-val.xp{color:var(--primary)}.btn-back{color:var(--cyan);cursor:pointer;font-weight:700;font-family:var(--font-heading);background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;margin-bottom:20px;font-size:.9rem;transition:color .2s;display:flex}.btn-back:hover{color:#fff}.quest-intro-card{flex-direction:column;display:flex}.quest-intro-body{text-align:center;flex-direction:column;align-items:center;padding:10px 0;display:flex}.big-icon{filter:drop-shadow(0 0 15px var(--primary-glow));margin-bottom:16px;font-size:4.5rem;animation:2s infinite alternate pulse-icon}@keyframes pulse-icon{0%{transform:scale(.95)}to{transform:scale(1.05)}}.quest-details-desc{color:#94a3b8;max-width:600px;margin-bottom:24px;font-size:1rem}.quest-requirements{background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;width:100%;max-width:500px;margin-bottom:30px;padding:20px}.quest-requirements h3{border-bottom:1px solid var(--border-color);color:var(--cyan);margin-bottom:14px;padding-bottom:8px;font-size:1.05rem}.quest-requirements ul{flex-direction:column;gap:12px;list-style:none;display:flex}.quest-requirements li{color:#cbd5e1;font-size:.9rem}.quest-requirements span{color:#fff;font-weight:700}.start-quest-btn{width:100%;max-width:400px;padding:14px 28px;font-size:1.1rem}.energy-warning{color:var(--danger);margin-top:10px;font-size:.85rem;font-weight:600}.quest-crossroads-card{flex-direction:column;justify-content:space-between;min-height:480px;display:flex}.quest-progress{margin-bottom:20px}.progress-labels{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:.8rem;font-weight:700;display:flex}.progress-bar-track{background:var(--bg-surface-light);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--cyan), var(--primary));height:100%;box-shadow:0 0 10px var(--cyan-glow);transition:width .3s ease-in-out}.crossroads-stage{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#060913;height:280px;margin:16px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #000000e6}.roads-svg-container{z-index:5;pointer-events:none;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .8s;position:absolute;top:0;left:0}.runner-character{z-index:10;justify-content:center;align-items:center;width:50px;height:60px;font-size:3rem;transition:all .6s cubic-bezier(.25,1,.5,1);animation:1.5s ease-in-out infinite alternate character-breathe;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.runner-character.center-base{bottom:30px}.character-shadow{z-index:-1;filter:blur(1px);background:#0009;border-radius:50%;width:90%;height:6px;position:absolute;bottom:-4px;left:5%}@keyframes character-breathe{0%{transform:translate(-50%)scaleY(.95)}to{transform:translate(-50%)scaleY(1.05)translateY(-2px)}}.runner-character.running.left{bottom:160px;left:16%;transform:translate(-50%)scale(.65)rotate(-15deg)}.runner-character.running.center{bottom:210px;left:50%;transform:translate(-50%)scale(.65)}.runner-character.running.right{bottom:160px;left:84%;transform:translate(-50%)scale(.65)rotate(15deg)}.runner-character.running.center-left{bottom:190px;left:38%;transform:translate(-50%)scale(.65)rotate(-8deg)}.runner-character.running.center-right{bottom:190px;left:62%;transform:translate(-50%)scale(.65)rotate(8deg)}.runner-character.jumping-to-shock{animation:.7s ease-in-out forwards jump-to-left}.runner-character.jumping-to-drygoods{animation:.7s ease-in-out forwards jump-to-mid}.runner-character.jumping-to-humorous{animation:.7s ease-in-out forwards jump-to-right}@keyframes jump-to-left{0%{bottom:30px;left:50%;transform:translate(-50%)scale(1)}50%{bottom:150px;left:35%;transform:translate(-50%)scale(1.3)rotate(-20deg)}to{opacity:0;bottom:110px;left:16%;transform:translate(-50%)scale(.2)}}@keyframes jump-to-mid{0%{bottom:30px;left:50%;transform:translate(-50%)scale(1)}50%{bottom:180px;left:50%;transform:translate(-50%)scale(1.3)}to{opacity:0;bottom:130px;left:50%;transform:translate(-50%)scale(.2)}}@keyframes jump-to-right{0%{bottom:30px;left:50%;transform:translate(-50%)scale(1)}50%{bottom:150px;left:65%;transform:translate(-50%)scale(1.3)rotate(20deg)}to{opacity:0;bottom:110px;left:84%;transform:translate(-50%)scale(.2)}}.forks-container{z-index:15;width:100%;height:100%;position:absolute;top:0;left:0}.fork-branch-card{border:2px solid var(--border-color);border-radius:var(--radius-md);color:#fff;cursor:pointer;text-align:left;background:#131a2ef2;align-items:center;gap:8px;max-width:145px;padding:8px 12px;transition:left .8s cubic-bezier(.25,1,.5,1),top .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1),opacity .4s,border-color .3s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 15px #00000080}.fork-branch-card:hover{border-color:var(--cyan);box-shadow:0 4px 15px var(--cyan-glow), 0 0 10px #06b6d433}.fork-branch-card:disabled{cursor:not-allowed}.branch-2-left{top:40px;left:20%}.branch-2-right{top:40px;left:80%}.branch-3-left{top:30px;left:14%}.branch-3-center{top:12px;left:50%}.branch-3-right{top:30px;left:86%}.branch-4-left{top:50px;left:11%}.branch-4-cleft{top:15px;left:37%}.branch-4-cright{top:15px;left:63%}.branch-4-right{top:50px;left:89%}.branch-arrow{flex-shrink:0;font-size:1.1rem}.branch-text-info{flex-direction:column;gap:2px;display:flex}.branch-text{font-size:.78rem;font-weight:700;line-height:1.2}.branch-desc{color:#94a3b8;font-size:.65rem}.stage-transitioning .roads-svg-container{opacity:0!important;transform:translateY(100%)!important}.stage-transitioning .fork-branch-card:not(.selected-transition){pointer-events:none;opacity:0!important;transform:translate(-50%)scale(.6)!important}.stage-transitioning .selected-transition{border-color:var(--cyan)!important;box-shadow:0 0 20px var(--cyan)!important;background:#06b6d426!important;top:210px!important;left:50%!important;transform:translate(-50%)scale(.9)!important}.stage-transitioning .runner-character{opacity:1!important;transition:all .8s cubic-bezier(.25,1,.5,1)!important;bottom:20px!important;left:50%!important;transform:translate(-50%)scale(1)!important}.quest-portals-card{min-height:520px}.portals-header{margin-bottom:24px}.portals-header p{color:#94a3b8;margin-top:6px;font-size:.9rem}.portals-stage{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#060913;margin-bottom:20px;padding:24px 12px 110px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000e6}.doors-grid{z-index:5;grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:relative}.portal-door-card{border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#131a2ecc;flex-direction:column;align-items:center;padding:14px 10px;transition:all .3s;display:flex;position:relative}.door-frame{background:#090d1a;border:3px solid #334155;border-bottom:none;border-radius:30px 30px 0 0;justify-content:center;align-items:center;width:60px;height:80px;margin-bottom:12px;transition:all .3s;display:flex;position:relative;overflow:hidden}.door-icon{z-index:2;font-size:2rem;transition:transform .3s}.door-glow{opacity:.15;z-index:1;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.portal-door-card.shock:hover .door-frame{border-color:var(--danger)}.portal-door-card.shock:hover .door-glow{background:var(--danger);opacity:.4;box-shadow:inset 0 0 15px var(--danger)}.portal-door-card.shock .door-frame{border-color:#ef444466}.portal-door-card.drygoods:hover .door-frame{border-color:var(--primary)}.portal-door-card.drygoods:hover .door-glow{background:var(--primary);opacity:.4;box-shadow:inset 0 0 15px var(--primary)}.portal-door-card.drygoods .door-frame{border-color:#6366f166}.portal-door-card.humorous:hover .door-frame{border-color:var(--warning)}.portal-door-card.humorous:hover .door-glow{background:var(--warning);opacity:.4;box-shadow:inset 0 0 15px var(--warning)}.portal-door-card.humorous .door-frame{border-color:#f59e0b66}.portal-door-card:hover{background:#1e293bcc;transform:translateY(-4px)}.portal-door-card.shock:hover{border-color:var(--danger);box-shadow:0 0 15px #ef444433}.portal-door-card.drygoods:hover{border-color:var(--primary);box-shadow:0 0 15px #6366f133}.portal-door-card.humorous:hover{border-color:var(--warning);box-shadow:0 0 15px #f59e0b33}.portal-door-card:hover .door-icon{transform:scale(1.15)rotate(-5deg)}.door-title{color:#fff;margin-bottom:8px;font-size:.85rem;font-weight:800}.door-preview{color:#94a3b8;text-align:left;background:#090d1a;border-radius:4px;flex-grow:1;width:100%;margin-bottom:10px;padding:6px;font-size:.7rem;line-height:1.4}.door-preview strong{color:var(--cyan)}.door-meta-hint{color:#64748b;text-transform:uppercase;margin-top:4px;font-size:.6rem;font-weight:700}.generating-card{text-align:center;flex-direction:column;align-items:center;padding:50px 24px;display:flex}.cyber-spinner{width:100px;height:100px;margin-bottom:30px;position:relative}.spinner-outer{border:4px solid #0000;border-top-color:var(--primary);border-bottom-color:var(--secondary);border-radius:50%;width:100%;height:100%;animation:1.5s linear infinite spin-clockwise;position:absolute;top:0;left:0}.spinner-inner{border:4px solid #0000;border-left-color:var(--cyan);border-right-color:#0891b2;border-radius:50%;width:80px;height:80px;animation:1.2s linear infinite spin-counter;position:absolute;top:10px;left:10px}.spell-symbol{font-size:2.2rem;animation:1.2s ease-in-out infinite alternate spell-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes spell-pulse{0%{opacity:.6;filter:drop-shadow(0 0 5px var(--cyan-glow));transform:translate(-50%,-50%)scale(.9)}to{opacity:1;filter:drop-shadow(0 0 15px var(--cyan));transform:translate(-50%,-50%)scale(1.15)}}.loading-steps-list{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;background:#090d1a;flex-direction:column;gap:12px;width:100%;max-width:450px;margin-top:24px;padding:20px;display:flex}.loading-step-item{color:#475569;align-items:center;gap:12px;font-size:.85rem;transition:all .3s;display:flex}.loading-step-item.active{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow);font-weight:700}.loading-step-item.done{color:#94a3b8}.step-status-icon{font-size:.95rem}.quest-footer-buttons.justify-center{border-top:none;justify-content:center;margin-top:14px;padding-top:0;display:flex}.no-eval-card{text-align:center;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.no-eval-card p{color:#94a3b8;max-width:500px;margin-top:10px}.simulation-setup-card{flex-direction:column;gap:24px;display:flex}.setup-header{border-bottom:1px solid var(--border-color);padding-bottom:16px}.eval-status-indicator{text-transform:uppercase;color:var(--cyan);margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-block}.eval-status-indicator.pulse{animation:1.5s infinite alternate text-pulse}@keyframes text-pulse{0%{opacity:.6;text-shadow:0 0 2px var(--cyan-glow)}to{opacity:1;text-shadow:0 0 10px var(--cyan)}}.tmpl-tag{background:var(--bg-surface-light);border:1px solid var(--border-color);color:#fff;border-radius:4px;margin-top:8px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.audience-demographics h4{color:var(--cyan);font-size:1.05rem;font-family:var(--font-heading);margin-bottom:14px}.demographics-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.demographics-grid{grid-template-columns:1fr 1fr}}.demo-item{background:var(--bg-surface-light);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-icon{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.demo-details{flex-grow:1}.demo-name{color:#fff;font-size:.85rem;font-weight:700}.demo-behavior{color:#94a3b8;margin-top:2px;font-size:.7rem;line-height:1.3}.setup-actions{gap:16px;display:flex}.setup-actions button{flex-grow:1}.start-sim-btn{flex-basis:300px}.simulation-running-card{text-align:center;flex-direction:column;align-items:center;padding:30px 16px;display:flex}.sim-radar-wrapper{width:70px;height:70px;margin-bottom:12px;position:relative}.radar-circle{border:2px solid var(--cyan);opacity:.2;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.radar-beam{background:conic-gradient(from 0deg, var(--cyan-glow) 0deg, transparent 90deg);border-radius:50%;width:100%;height:100%;animation:2s linear infinite radar-sweep;position:absolute;top:0;left:0}.sim-loading-icon{font-size:1.6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audience-stage{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#060913;grid-template-columns:repeat(4,1fr);align-items:end;width:100%;height:250px;margin:20px 0;padding:12px;display:grid;position:relative;box-shadow:inset 0 0 25px #000000e6}.sprite-column{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.audience-sprite-item{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:12px;transition:transform .2s;animation:2s ease-in-out infinite alternate sprite-breathe;display:flex;position:relative}.sprite-emoji{filter:drop-shadow(0 4px 6px #0006);margin-bottom:6px;font-size:2.2rem;display:block}.sprite-lbl-name{color:#fff;font-size:.75rem;font-weight:800;font-family:var(--font-heading)}.sprite-lbl-role{color:#64748b;margin-top:2px;font-size:.6rem}.sprite-shadow{filter:blur(1px);z-index:-1;background:#00000080;border-radius:50%;width:50%;height:4px;position:absolute;bottom:-4px;left:25%}@keyframes sprite-breathe{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.audience-sprite-item.cheer{animation:.5s ease-in-out infinite sprite-cheer-anim}.audience-sprite-item.nod{animation:.6s ease-in-out infinite sprite-nod-anim}.audience-sprite-item.angry{animation:.15s linear infinite sprite-angry-anim}@keyframes sprite-cheer-anim{0%,to{transform:translateY(0)scaleY(.95)}50%{transform:translateY(-25px)scaleY(1.05)}}@keyframes sprite-nod-anim{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)translateY(-2px)}}@keyframes sprite-angry-anim{0%{transform:translate(-2px)rotate(-2deg)}50%{transform:translate(2px)rotate(2deg)}to{transform:translate(-2px)rotate(-2deg)}}.sprite-speech-bubble{border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;z-index:50;text-align:left;pointer-events:none;transform-origin:bottom;background:#131a2ef2;width:140px;padding:8px 12px;font-size:.75rem;line-height:1.4;animation:.3s cubic-bezier(.18,.89,.32,1.28) forwards bubble-float;position:absolute;bottom:85px;box-shadow:0 8px 20px #0009}.sprite-speech-bubble.positive{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 8px 20px #10b9814d}.sprite-speech-bubble.negative{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#fca5a5;box-shadow:0 8px 20px #ef44444d}.bubble-arrow{background:inherit;border-right:1px solid inherit;border-bottom:1px solid inherit;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes bubble-float{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.running-stats-grid{gap:16px;width:100%;max-width:450px;margin-top:12px;display:flex}.run-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#090d1a;flex-direction:column;flex-grow:1;gap:4px;padding:16px;display:flex}.stat-lbl{color:#64748b;font-size:.75rem;font-weight:700}.stat-val{color:#fff;font-size:1.8rem;font-weight:800;font-family:var(--font-heading)}.optimization-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0b0f19d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.optimization-modal{width:100%;max-width:500px;box-shadow:0 20px 50px #000c, 0 0 25px var(--primary-glow);animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modal-zoom;position:relative}@keyframes modal-zoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.opt-choices-list{flex-direction:column;gap:12px;margin:20px 0;display:flex}.opt-choice-card{background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.opt-choice-card:hover{border-color:var(--cyan);background:#24304f;transform:translateY(-2px)}.opt-icon{font-size:1.8rem}.opt-choice-card h4{color:#fff;font-size:.95rem}.opt-choice-card p{color:#94a3b8;margin-top:4px;font-size:.75rem}.opt-cost{color:var(--warning);background:#f59e0b26;border-radius:4px;flex-shrink:0;margin-left:auto;padding:4px 8px;font-size:.85rem;font-weight:700}.cancel-opt-btn{width:100%}.results-panel{flex-direction:column;gap:20px;display:flex}.metrics-row{margin-bottom:10px}.metric-card{align-items:center;gap:20px;display:flex}.rank-badge{border-radius:var(--radius-md);width:60px;height:60px;font-size:2.2rem;font-weight:900;font-family:var(--font-heading);flex-shrink:0;justify-content:center;align-items:center;display:flex}.rank-badge[data-rank=S]{color:var(--danger);border:2px solid var(--danger);background:#ef444426;box-shadow:0 0 15px #ef44444d}.rank-badge[data-rank=A]{color:var(--warning);border:2px solid var(--warning);background:#f59e0b26;box-shadow:0 0 15px #f59e0b4d}.rank-badge[data-rank=B]{color:var(--cyan);border:2px solid var(--cyan);background:#06b6d426}.rank-badge[data-rank=C]{color:#94a3b8;background:#94a3b826;border:2px solid #94a3b8}.metric-details{flex-grow:1}.metric-details h4{color:#64748b;text-transform:uppercase;font-size:.85rem}.metric-number-wrapper{flex-direction:column;margin-top:4px;display:flex}.metric-number{color:#fff;font-size:1.8rem;font-weight:800;line-height:1;font-family:var(--font-heading)}.metric-label-tag{color:#475569;margin-top:2px;font-size:.7rem}.gauge-icon{border-radius:var(--radius-md);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;display:flex}.sentiment-bar-track{background:#1e293b;border-radius:6px;height:12px;margin:12px 0;display:flex;overflow:hidden}.sentiment-bar{height:100%;transition:width .4s ease-out}.sentiment-bar.positive{background:var(--success);box-shadow:0 0 6px var(--success-glow)}.sentiment-bar.neutral{background:#64748b}.sentiment-bar.negative{background:var(--danger)}.sentiment-labels{flex-wrap:wrap;gap:12px;display:flex}.sentiment-labels .lbl{font-size:.7rem;font-weight:700}.sentiment-labels .positive{color:var(--success)}.sentiment-labels .neutral{color:#94a3b8}.sentiment-labels .negative{color:#fca5a5}.feedback-card h3{color:var(--cyan);margin-bottom:8px;font-size:1.1rem}.feedback-text{color:#cbd5e1;margin-bottom:20px;font-size:.9rem;line-height:1.6}.feedback-actions{flex-wrap:wrap;gap:12px;display:flex}.feedback-actions button{flex-grow:1}.claim-rewards-btn{flex-basis:250px}.comments-feed-card h3{color:#fff;margin-bottom:16px;font-size:1.1rem}.comments-list{flex-direction:column;gap:14px;display:flex}.comment-feed-item{border-bottom:1px solid var(--border-color);gap:14px;padding-bottom:14px;display:flex}.comment-feed-item:last-child{border-bottom:none;padding-bottom:0}.user-avatar{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}.comment-main{flex-grow:1}.comment-user-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.user-name{color:#fff;font-size:.85rem;font-weight:700}.comment-badge{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.comment-badge.positive{color:#34d399;background:#10b98126}.comment-badge.neutral{color:#94a3b8;background:#94a3b826}.comment-badge.negative{color:#fca5a5;background:#ef444426}.comment-content-text{color:#cbd5e1;font-size:.85rem;line-height:1.5}.comment-actions{color:#475569;gap:10px;margin-top:6px;font-size:.75rem;font-weight:600;display:flex}.rewards-overlay{-webkit-backdrop-filter:blur(10px);z-index:3000;background:#0b0f19f2;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rewards-card{border-color:var(--secondary);width:100%;max-width:450px;box-shadow:0 0 35px var(--secondary-glow);text-align:center;animation:.4s cubic-bezier(.18,.89,.32,1.28) forwards card-slid-up}@keyframes card-slid-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.reward-gold-sparkles{filter:drop-shadow(0 0 15px var(--warning));margin-bottom:10px;font-size:4rem;animation:1s ease-in-out infinite alternate gold-bounce}@keyframes gold-bounce{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-8px)rotate(5deg)}}.quest-title-reward{color:#94a3b8;margin-bottom:24px;font-size:.9rem}.rewards-tally{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#090d1a;flex-direction:column;gap:12px;margin-bottom:30px;padding:20px;display:flex}.reward-item-row{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.reward-name{color:#94a3b8;font-weight:500}.reward-value{font-size:1.1rem;font-weight:800}.reward-value.xp{color:var(--primary)}.reward-value.gold{color:var(--warning)}.claim-confirm-btn{width:100%;padding:14px}.text-center{text-align:center}.no-results-card{text-align:center;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.no-results-card p{color:#94a3b8;max-width:500px;margin-top:10px}.quests-archive-list{flex-direction:column;gap:20px;display:flex}.archive-card{flex-direction:column;transition:all .3s;display:flex}.archive-card.published{border-left:4px solid var(--success)}.archive-card.iterating{border-left:4px solid var(--warning)}.archive-card.archived{border-left:4px solid #64748b}.archive-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.header-left{flex-direction:column;gap:2px;display:flex}.archive-tmpl-name{color:#fff;font-size:.8rem;font-weight:700}.archive-date{color:#64748b;font-size:.7rem}.status-selector-wrapper{align-items:center;display:flex}.status-select-pill{cursor:pointer;font-size:.75rem;font-weight:800;font-family:var(--font-heading);border:none;border-radius:20px;outline:none;padding:4px 10px;transition:all .2s}.status-select-pill.published{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-select-pill.iterating{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-select-pill.archived{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.archive-title{color:#fff;margin-bottom:12px;font-size:1.15rem;font-weight:700;line-height:1.4}.archive-content-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#090d1a;margin-bottom:16px;padding:14px}.truncated-text{color:#94a3b8;font-size:.85rem;line-height:1.6}.expanded-content{flex-direction:column;gap:12px;display:flex}.archive-textarea{border-radius:var(--radius-sm);color:#cbd5e1;resize:none;background:#ffffff05;border:1px solid #1e293b;outline:none;width:100%;height:180px;padding:10px;font-family:Inter,sans-serif;font-size:.85rem;line-height:1.6}.expanded-comments h4{color:var(--cyan);text-transform:uppercase;margin-bottom:6px;font-size:.8rem}.metrics-summary-bar{color:#94a3b8;background:var(--bg-surface-light);border-radius:4px;gap:16px;padding:6px 12px;font-size:.75rem;display:flex}.metrics-summary-bar strong{color:#fff}.btn-toggle-expand{color:var(--cyan);cursor:pointer;background:0 0;border:none;outline:none;margin-top:10px;font-size:.75rem;font-weight:700;display:inline-block}.btn-toggle-expand:hover{text-decoration:underline}.archive-footer-actions{gap:12px;display:flex}.archive-footer-actions button{padding:8px 16px;font-size:.8rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.character-card{margin-bottom:20px}.character-header{align-items:center;gap:20px;margin-bottom:20px;display:flex}.avatar-big{background:linear-gradient(135deg, var(--primary-glow), var(--secondary-glow));border:2px solid var(--primary);width:80px;height:80px;box-shadow:0 0 15px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;animation:3s ease-in-out infinite alternate float-avatar;display:flex}@keyframes float-avatar{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.char-meta{flex-direction:column;gap:4px;display:flex}.char-name{color:#fff;font-size:1.3rem}.char-title{color:var(--secondary);text-shadow:0 0 8px #a855f733;font-size:.85rem;font-weight:700}.char-lvl-tag{font-family:var(--font-heading);background:var(--primary);color:#fff;letter-spacing:.05em;border-radius:4px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:800}.char-xp-progress{margin-bottom:20px}.xp-labels-row{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:.8rem;font-weight:700;display:flex}.xp-bar-track-large{border:1px solid var(--border-color);background:#1e293b;border-radius:7px;height:14px;overflow:hidden}.xp-bar-fill-large{background:linear-gradient(to right, var(--cyan), var(--primary), var(--secondary));height:100%;box-shadow:0 0 10px var(--primary-glow);transition:width .4s ease-out}.stats-row{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;display:grid}.stat-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#090d1a;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-label{color:#64748b;font-size:.75rem;font-weight:700}.stat-val{font-size:1.3rem;font-weight:800;font-family:var(--font-heading)}.stat-val.gold{color:var(--warning)}.stat-val.cyan{color:var(--cyan)}.stat-energy-header{justify-content:space-between;align-items:center;display:flex}.buy-drink-link{color:var(--cyan);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:.7rem;font-weight:800;text-decoration:underline}.buy-drink-link:hover{color:#fff}.skills-card{margin-bottom:20px}.skills-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.skills-header h3{font-size:1.1rem}.skill-points-badge{background:var(--danger);color:#fff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:800;box-shadow:0 0 10px #ef444466}.skill-points-none{color:#64748b;font-size:.75rem;font-weight:700}.skills-list{flex-direction:column;gap:18px;display:flex}.skill-alloc-item{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.skill-alloc-item:last-child{border-bottom:none;padding-bottom:0}.skill-info{flex-grow:1}.skill-title-row{align-items:baseline;gap:8px;display:flex}.skill-title-row h4{color:#fff;font-size:.95rem;font-weight:700}.skill-lvl-number{color:var(--cyan);font-size:.75rem;font-weight:700}.skill-desc{color:#94a3b8;margin:4px 0 8px;font-size:.75rem}.dots-container{gap:4px;display:flex}.skill-dot{border:1px solid var(--border-color);background:#1e293b;border-radius:50%;width:8px;height:8px;display:inline-block}.skill-dot.active{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.btn-upgrade{flex-shrink:0;padding:6px 12px;font-size:.8rem}.shop-card{margin-bottom:20px}.shop-card h3{font-size:1.1rem}.shop-subtitle{color:#64748b;margin-top:2px;margin-bottom:16px;font-size:.8rem}.shop-items{flex-direction:column;display:flex}.shop-item{background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:16px;padding:14px;transition:all .2s;display:flex}.shop-item:hover{border-color:#6366f166}.shop-item.purchased{opacity:.7}.shop-icon{border-radius:var(--radius-md);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;display:flex}.shop-details{flex-grow:1}.shop-details h4{color:#fff;font-size:.9rem}.shop-details p{color:#94a3b8;margin-top:2px;font-size:.75rem}.shop-status{color:#64748b;background:#ffffff0d;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:700}.btn-shop-buy{padding:6px 12px;font-size:.75rem}.achievements-card{margin-bottom:30px}.achievements-card h3{margin-bottom:16px;font-size:1.1rem}.achievements-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=640px){.achievements-grid{grid-template-columns:1fr 1fr}}.ach-badge-card{background:var(--bg-surface-light);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:14px;padding:12px 16px;transition:all .3s;display:flex;position:relative}.ach-badge-card.locked{opacity:.5;filter:grayscale()}.ach-badge-card.unlocked{border-color:#f59e0b66;box-shadow:0 4px 12px #0003,0 0 10px #f59e0b1a}.ach-icon{flex-shrink:0;font-size:1.6rem}.ach-info{flex-direction:column;flex-grow:1;gap:2px;display:flex}.ach-name{color:#fff;font-size:.85rem;font-weight:700}.ach-badge-card.unlocked .ach-name{color:var(--warning)}.ach-desc{color:#64748b;font-size:.7rem}.ach-badge-card.unlocked .ach-desc{color:#cbd5e1}.ach-status-label{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:800}.ach-badge-card.locked .ach-status-label{color:#475569;background:#ffffff0d}.ach-badge-card.unlocked .ach-status-label{color:var(--warning);background:#f59e0b26}.profile-system-actions{justify-content:center;display:flex}.btn-reset-state{background:#ef444414;border:1px dashed #ef44444d;padding:8px 16px;font-size:.85rem}.btn-reset-state:hover{background:var(--danger);border-style:solid}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite key-pulse}@keyframes key-pulse{0%,to{opacity:1}50%{opacity:.5}}