@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Playfair+Display:wght@700;900&display=swap";@font-face{font-family:Roboto;font-style:normal;font-weight:100;font-stretch:normal;src:url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmUiAw-yBxCyPWP.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-stretch:normal;src:url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw-CNa4tw4G.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:normal;src:url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw-3fZ6d7DD.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:normal;src:url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw-CHKg1YId.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-stretch:normal;src:url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAw-BepdiOnY.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-stretch:normal;src:url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiAw-4ZhHFPot.woff) format("woff")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ-D-x-0Q06.woff2) format("woff2"),url(/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNa-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.level-selector-layout{width:100%;display:block}.level-main{background:linear-gradient(135deg,#1a1f3a99,#0a0e2799);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:2rem}.level-main-header{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.level-main-icon{font-size:4rem;filter:drop-shadow(0 0 20px var(--level-color, #a855f7));flex-shrink:0;line-height:1}.level-main-info{flex:1}.level-main-info h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,var(--level-color, #fff),#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.level-main-info p{color:#ffffffb3;margin:0;font-size:1rem;line-height:1.6}.header-actions{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;flex-shrink:0}.scenarios-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:#ffffffe6;margin:0 0 1.5rem;font-weight:600}.level-scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}@media(max-width:768px){.level-main{padding:1rem .5rem;border:none;background:transparent;border-radius:0}.level-selector-layout{display:block}.level-main-header{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem}.level-main-icon{font-size:3rem}.level-main-info h2{font-size:1.5rem}.header-actions{width:100%;flex-direction:row;justify-content:center}.level-scenarios-grid{grid-template-columns:1fr;gap:1rem}}.empty-scenarios,.empty-state{grid-column:1/-1;text-align:center;padding:3rem;color:#ffffff80;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:16px}.empty-scenarios p,.empty-state p{margin:1rem 0 0;font-size:1rem}.mobile-page-header{display:none}@media(max-width:599px){.mobile-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:.5rem .25rem 0}.mobile-page-header .title{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}}.play-now-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--level-color, #3b82f6),color-mix(in srgb,var(--level-color, #3b82f6) 70%,black));border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px color-mix(in srgb,var(--level-color, #3b82f6) 40%,transparent)}.play-now-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px color-mix(in srgb,var(--level-color, #3b82f6) 50%,transparent)}.create-ai-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:1px solid #a855f7;border-radius:12px;color:#d8b4fe;font-size:.95rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .3s ease}.create-ai-btn:hover{background:#a855f71a;box-shadow:0 0 20px #a855f74d;transform:translateY(-2px);color:#fff}.tutorial-button-section{margin-bottom:2rem;display:flex;justify-content:center}.tutorial-btn-inline{display:inline-flex;align-items:center;gap:.25rem;padding:0;background:none;border:none;color:#ffffff4d;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:.5rem;margin-top:4px}.tutorial-btn-inline:hover{color:#a855f7;transform:translate(2px)}.tutorial-btn-inline{outline:none;box-shadow:none}.tutorial-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffd9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tutorial-btn:hover{background:#ffffff14;border-color:#ffffff40;color:#fff;transform:translateY(-2px)}.tutorial-btn i{opacity:.8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.q-page{padding:0!important;min-height:100vh!important}.cta .q-field__control,.cta .q-field__native{color:#fff!important}.cta .q-field__label{color:#ffffffb3!important}.cta .q-field--outlined .q-field__control:before{border-color:#fff3!important}.cta .q-field--outlined.q-field--focused .q-field__control:before{border-color:var(--accent-color)!important}::selection{background:#2d5af04d;color:#1a1a1a}::-moz-selection{background:#2d5af04d;color:#1a1a1a}.hover-white{transition:color .3s ease}.hover-white:hover{color:#fff!important}