@import"https://fonts.googleapis.com/css2?family=Satisfy&family=Cinzel+Decorative:wght@700&family=Orbitron:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Satisfy&family=Cinzel+Decorative:wght@700&family=Orbitron:wght@600&family=MedievalSharp&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#fff;line-height:1.5;overflow-x:hidden}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #FFD700;outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}input{font-family:inherit;font-size:inherit}.landing-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.admin-btn{position:fixed;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff9;font-size:1.1rem;cursor:pointer;transition:all .3s ease;z-index:100;display:flex;align-items:center;justify-content:center}.admin-btn:hover{background:#ffd70033;border-color:gold;color:gold;transform:rotate(90deg)}.bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.bg-element{position:absolute;font-size:2rem;opacity:.15;animation:float 20s infinite ease-in-out}.element-1{top:10%;left:10%;animation-delay:0s}.element-2{top:20%;right:15%;animation-delay:-3s}.element-3{bottom:30%;left:20%;animation-delay:-6s}.element-4{top:60%;right:10%;animation-delay:-9s}.element-5{bottom:15%;left:5%;animation-delay:-12s}.element-6{top:40%;left:50%;animation-delay:-15s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(20px) rotate(-5deg)}}.landing-content{text-align:center;z-index:1;max-width:500px;width:100%}.landing-header{margin-bottom:2.5rem}.landing-title{font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 .75rem;text-shadow:0 2px 20px rgba(255,215,0,.3)}.landing-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.search-form{margin-bottom:2rem}.input-wrapper{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:2px solid rgba(255,255,255,.2);overflow:hidden;transition:all .3s ease}.input-wrapper:focus-within{border-color:gold;box-shadow:0 0 30px #ffd70033}.search-input{flex:1;padding:1rem 1.5rem;background:transparent;border:none;color:#fff;font-size:1.1rem}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none}.search-button{padding:1rem 1.5rem;background:linear-gradient(135deg,gold,orange);border:none;color:#1a1a2e;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease}.search-button:hover:not(:disabled){background:linear-gradient(135deg,orange,gold);padding-left:2rem;padding-right:2rem}.search-button:disabled{opacity:.5;cursor:not-allowed}.theme-preview{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.theme-icon{padding:.6rem 1rem;background:#ffffff14;border-radius:20px;color:#ffffffb3;font-size:.85rem;transition:all .3s ease}.theme-icon.wizard:hover{background:#ffd70033;color:gold}.theme-icon.knight:hover{background:#dc143c33;color:#dc143c}.theme-icon.mech:hover{background:#00d4ff33;color:#00d4ff}.landing-footer{position:absolute;bottom:1rem;text-align:center}.landing-footer p{color:#fff6;font-size:.8rem;margin:0}@media(max-width:600px){.landing-title{font-size:1.6rem}.landing-subtitle{font-size:.9rem}.search-input{padding:.85rem 1.25rem;font-size:1rem}.search-button{padding:.85rem 1.25rem}.theme-preview{gap:.75rem}.theme-icon{font-size:.75rem;padding:.5rem .85rem}}.component-box{background:#ffffffeb;border-radius:12px;padding:.5rem .8rem;min-width:180px;max-width:190px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;border:2px solid transparent;text-align:center}.component-box:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.component-box:focus{outline:none}.box-display-name{font-size:.95rem;font-weight:700;letter-spacing:.02em;margin-bottom:1px;text-transform:uppercase;line-height:1.15;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.box-level-row{display:flex;justify-content:center;align-items:center;gap:.3rem;margin-bottom:2px}.box-level{font-size:.7rem;font-weight:600;color:#333}.box-emojis{font-size:.65rem}.box-component-type{font-size:.6rem;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.03em;margin-bottom:1px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.box-lore-name{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.1}.component-box.theme-wizard{background:linear-gradient(180deg,#fffdf5,#fff8e7);border-color:#ffd7004d}.component-box.theme-wizard:hover{border-color:#ffd70099;box-shadow:0 8px 25px #ffd70033}.component-box.theme-wizard .box-display-name{color:#6b5b95}.component-box.theme-wizard .box-component-type{color:#9b8ac4}.component-box.theme-wizard .box-lore-name{font-family:Satisfy,cursive;color:#6b5b95;font-size:.75rem}.component-box.theme-knight{background:linear-gradient(180deg,#fff8f5,#ffe8e5);border-color:#dc143c33}.component-box.theme-knight:hover{border-color:#dc143c80;box-shadow:0 8px 25px #dc143c26}.component-box.theme-knight .box-display-name{color:#8b0000}.component-box.theme-knight .box-component-type{color:#cd5c5c}.component-box.theme-knight .box-lore-name{font-family:MedievalSharp,cursive;color:#8b0000;font-size:.75rem}.component-box.theme-mech{background:linear-gradient(180deg,#f5faff,#e8f4ff);border-color:#00d4ff33}.component-box.theme-mech:hover{border-color:#00d4ff80;box-shadow:0 8px 25px #00d4ff26}.component-box.theme-mech .box-display-name{color:#00a0c0}.component-box.theme-mech .box-component-type{color:#4682b4}.component-box.theme-mech .box-lore-name{font-family:Orbitron,sans-serif;color:#00a0c0;font-size:.7rem;letter-spacing:.03em}@media(max-width:768px){.component-box{width:130px;min-width:unset;max-width:unset;padding:.35rem .5rem;border-radius:10px}.box-display-name{font-size:.75rem;margin-bottom:0}.box-level-row{margin-bottom:1px}.box-level{font-size:.55rem}.box-emojis{font-size:.5rem}.box-component-type{font-size:.5rem;margin-bottom:0}.box-lore-name{font-size:.5rem}.component-box.theme-wizard .box-lore-name{font-size:.6rem}.component-box.theme-knight .box-lore-name{font-size:.55rem}.component-box.theme-mech .box-lore-name{font-size:.5rem}}@media(max-width:400px){.component-box{min-width:95px;max-width:120px;padding:.3rem .4rem;border-radius:8px}.box-display-name{font-size:.7rem}.box-level{font-size:.5rem}.box-emojis,.box-component-type,.box-lore-name{font-size:.45rem}.component-box.theme-wizard .box-lore-name{font-size:.5rem}}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:100%;max-width:450px;max-height:85vh;border-radius:16px;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 50px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#0003;border:none;border-radius:50%;color:#666;font-size:1.3rem;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#ff4d4dcc;color:#fff;transform:scale(1.1)}.modal-content{padding:1.5rem 1.75rem;max-height:85vh;overflow-y:auto}.modal-skill-name{font-size:1.3rem;font-weight:700;text-transform:uppercase;margin:0 0 .5rem;text-align:center;letter-spacing:.08em}.modal-level-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.modal-level-text{font-size:1rem;font-weight:600}.modal-level-emojis{font-size:1rem;letter-spacing:2px}.modal-feedback-section{margin-bottom:1.25rem}.modal-feedback-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;opacity:.8}.modal-feedback-box{background:#ffffffd9;border-radius:10px;padding:1rem 1.25rem}.modal-feedback-text{font-size:1rem;line-height:1.65;margin:0;color:#333}.modal-lore-section{padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.modal-lore-name{font-size:.9rem;font-weight:700;text-transform:uppercase;margin:0 0 .4rem;letter-spacing:.03em}.modal-lore-text{font-size:.85rem;line-height:1.55;margin:0;font-style:italic;color:#666;background:linear-gradient(180deg,#555,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-container.theme-wizard{background:linear-gradient(180deg,#fffcf0,#fff3d0);border:2px solid #DAA520}.modal-container.theme-wizard .modal-skill-name{color:#6b5b95}.modal-container.theme-wizard .modal-level-text{color:#4a3b7c}.modal-container.theme-wizard .modal-feedback-label{color:#6b5b95}.modal-container.theme-wizard .modal-lore-name{color:#8b7355}.modal-container.theme-knight{background:linear-gradient(180deg,#fffaf5,#ffe8e0);border:2px solid #CD5C5C}.modal-container.theme-knight .modal-skill-name{color:#8b0000}.modal-container.theme-knight .modal-level-text{color:#4a0000}.modal-container.theme-knight .modal-feedback-label{color:#8b0000}.modal-container.theme-knight .modal-lore-name{color:#8b4513}.modal-container.theme-mech{background:linear-gradient(180deg,#f5faff,#e0f0ff);border:2px solid #4682B4}.modal-container.theme-mech .modal-skill-name{color:#006080;font-family:Orbitron,sans-serif;letter-spacing:.1em}.modal-container.theme-mech .modal-level-text{color:#1a2b3c}.modal-container.theme-mech .modal-feedback-label{color:#006080}.modal-container.theme-mech .modal-lore-name{color:#4682b4}@media(max-width:500px){.modal-container{max-height:80vh;margin:.5rem}.modal-content{padding:2.25rem 1.25rem 1.25rem}.modal-skill-name{font-size:1.1rem}.modal-feedback-text{font-size:.92rem}.modal-lore-text{font-size:.8rem}}.summary-panel{position:relative;width:100%;overflow:hidden}.panel-background{position:absolute;inset:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none}.panel-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;margin-bottom:2px}.theme-icon{font-size:1.1rem}.theme-title{font-size:1.1rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.student-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-shrink:0;margin-bottom:4px}.student-details{text-align:left;flex:1}.student-name{font-size:1.3rem;font-weight:700;margin:0 0 .1rem;color:#1a1a1a}.level-display{display:flex;align-items:center;gap:.4rem}.level-text{font-size:.95rem;font-weight:600;color:#1a1a1a}.level-emojis{font-size:.95rem}.rank-display{text-align:right;flex:1}.rank-title{font-size:1.6rem;font-weight:700;line-height:1.15;max-width:220px;margin-left:auto}.summary-text-container{flex:1;overflow-y:auto;min-height:0}.summary-text{font-size:.85rem;line-height:1.5;margin:0;text-align:left;color:#333}.summary-text-container::-webkit-scrollbar{width:4px}.summary-text-container::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.summary-text-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.summary-panel.theme-wizard{max-width:750px;aspect-ratio:1.7 / 1}.summary-panel.theme-wizard .panel-content{padding:9% 10% 10%;height:100%}.summary-panel.theme-wizard .theme-title{color:#ff7b00;font-family:Satisfy,cursive;font-size:1.15rem;letter-spacing:.05em;-webkit-text-stroke:.5px #3D2B5E;paint-order:stroke fill;text-shadow:-1px -1px 0 rgba(255,255,255,.8),1px -1px 0 rgba(255,255,255,.8),-1px 1px 0 rgba(255,255,255,.8),1px 1px 0 rgba(255,255,255,.8),0 0 10px rgba(255,153,0,.3),0 0 15px rgba(255,174,0,.6),0 0 30px rgba(255,145,0,.4)}.summary-panel.theme-wizard .student-name{color:#2d1b4e}.summary-panel.theme-wizard .rank-title{font-family:Satisfy,cursive;-webkit-text-stroke:.8px #4A2D6B;paint-order:stroke fill;text-shadow:-1px -1px 0 rgba(0,0,0,2.6),1px -1px 0 rgba(0,0,0,2.6),-1px 1px 0 rgba(0,0,0,2.6),1px 1px 0 rgba(0,0,0,2.6),0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4)}.summary-panel.theme-wizard .summary-text{color:#2d1b4e}.summary-panel.theme-knight{max-width:800px;aspect-ratio:2.2 / 1}.summary-panel.theme-knight .panel-content{padding:6% 10% 7%;height:100%}.summary-panel.theme-knight .theme-title{color:#8b0000;font-family:MedievalSharp,cursive;font-size:1.1rem;letter-spacing:.08em;-webkit-text-stroke:.5px #4A0000;paint-order:stroke fill;text-shadow:-1px -1px 0 rgba(255,255,255,.8),1px -1px 0 rgba(255,255,255,.8),-1px 1px 0 rgba(255,255,255,.8),1px 1px 0 rgba(255,255,255,.8),0 0 12px rgba(220,20,60,.5),0 0 25px rgba(220,20,60,.3)}.summary-panel.theme-knight .student-name{color:#2d0000}.summary-panel.theme-knight .rank-title{font-family:MedievalSharp,cursive;color:#8b0000;-webkit-text-stroke:.8px #4A0000;paint-order:stroke fill;text-shadow:-1px -1px 0 rgba(0,0,0,2.6),1px -1px 0 rgba(0,0,0,2.6),-1px 1px 0 rgba(0,0,0,2.6),1px 1px 0 rgba(0,0,0,2.6),0 0 12px rgba(220,20,60,.3),0 0 25px rgba(220,20,60,.3)}.summary-panel.theme-knight .summary-text{color:#2d0000}.summary-panel.theme-mech{max-width:820px;aspect-ratio:1.8 / 1}.summary-panel.theme-mech .panel-content{padding:8% 16%;height:100%}.summary-panel.theme-mech .theme-title{color:#00a0c0;font-family:Orbitron,sans-serif;font-size:1rem;letter-spacing:.15em;-webkit-text-stroke:.5px #004050;paint-order:stroke fill;text-shadow:-1px -1px 0 rgba(255,255,255,.6),1px -1px 0 rgba(255,255,255,.6),-1px 1px 0 rgba(255,255,255,.6),1px 1px 0 rgba(255,255,255,.6),0 0 20px rgba(0,212,255,.7),0 0 40px rgba(0,212,255,.4)}.summary-panel.theme-mech .student-name{color:#0a1628}.summary-panel.theme-mech .rank-title{font-family:Orbitron,sans-serif;font-size:1.4rem;color:#00d4ff;-webkit-text-stroke:.8px #005060;paint-order:stroke fill;text-shadow:-1px -1px 0 rgba(0,0,0,2.6),1px -1px 0 rgba(0,0,0,2.6),-1px 1px 0 rgba(0,0,0,2.6),1px 1px 0 rgba(0,0,0,2.6),0 0 20px rgba(0,212,255,.7),0 0 40px rgba(0,212,255,.4)}.summary-panel.theme-mech .summary-text{color:#0a1628}@media(max-width:1000px){.summary-panel.theme-wizard,.summary-panel.theme-knight,.summary-panel.theme-mech{max-width:90%}.rank-title{font-size:1.4rem!important}}@media(max-width:768px){.summary-panel{max-width:95%!important}.summary-panel.theme-wizard{aspect-ratio:1.4 / 1}.summary-panel.theme-wizard .panel-content{padding:10% 11% 15%}.summary-panel.theme-knight{aspect-ratio:1.5 / 1}.summary-panel.theme-knight .panel-content{padding:10% 10% 8%}.summary-panel.theme-mech{aspect-ratio:1.6 / 1}.summary-panel.theme-mech .panel-content{padding:14% 16%}.theme-title{font-size:.85rem!important;letter-spacing:.06em!important}.summary-panel.theme-wizard .theme-title{-webkit-text-stroke:.7px #3D2B5E}.summary-panel.theme-knight .theme-title{-webkit-text-stroke:.7px #4A0000}.summary-panel.theme-mech .theme-title{-webkit-text-stroke:.7px #004050}.theme-icon{font-size:.85rem}.student-info-row{flex-direction:column;gap:.2rem;margin-bottom:.3rem}.student-name{font-size:1rem}.level-text,.level-emojis{font-size:.75rem}.rank-display{text-align:left}.rank-title{font-size:1.1rem!important;max-width:none;margin-left:0}.summary-text-container{flex:1;overflow-y:auto;padding-right:.3rem;min-height:60px}.summary-text-container::-webkit-scrollbar{width:5px}.summary-text-container::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.summary-text-container::-webkit-scrollbar-thumb{background:#00000059;border-radius:3px}.summary-text{font-size:.7rem;line-height:1.4}}@media(max-width:400px){.summary-panel.theme-wizard{aspect-ratio:1.2 / 1}.summary-panel.theme-knight{aspect-ratio:1.3 / 1}.summary-panel.theme-mech{aspect-ratio:1.35 / 1}.theme-title{font-size:.75rem!important}.student-name{font-size:.9rem}.rank-title{font-size:.95rem!important}.summary-text{font-size:.65rem}}.connection-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-line{stroke-linecap:round;fill:none}.connection-lines.theme-wizard .connection-line{stroke:url(#lineGradientWizard);stroke-width:4;opacity:.85;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.connection-lines.theme-knight .connection-line{stroke:url(#lineGradientKnight);stroke-width:3.5;opacity:.8;filter:drop-shadow(0 0 4px rgba(139,69,19,.5))}.connection-lines.theme-mech .connection-line{stroke:url(#lineGradientMech);stroke-width:3.5;opacity:.9;filter:drop-shadow(0 0 8px rgba(0,212,255,.7))}@keyframes mechPulse{0%,to{opacity:.85}50%{opacity:1}}.connection-lines.theme-mech .connection-line{animation:mechPulse 2.5s ease-in-out infinite}@media(max-width:900px){.connection-lines{display:none}}.student-page{min-height:100vh;position:relative;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nav-back-button{position:fixed;top:1rem;left:1rem;padding:.5rem 1rem;background:#0009;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;z-index:100;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-back-button:hover{background:#000c;border-color:gold}.student-content,.hud-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.panel-wrapper{position:absolute;top:0;left:0;right:0;width:100%;display:flex;justify-content:center;padding-top:3.5rem;z-index:50;pointer-events:none}.panel-wrapper>*{pointer-events:auto}.scene{position:relative;width:100%;height:min(115vh,1100px);overflow:hidden}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.scene-avatar{position:absolute;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:flex-end;justify-content:center}.character-image-container{display:flex;align-items:flex-end;justify-content:center}.character-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 30px rgba(0,0,0,.4))}.extra-image{position:absolute;display:flex;align-items:flex-end;justify-content:center}.extra-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 20px rgba(0,0,0,.4))}.components-container{position:absolute;width:1000px;max-width:100%;height:500px;left:50%;top:55%;transform:translate(-50%);pointer-events:none;z-index:10}.components-container .component-box{position:absolute;pointer-events:auto}.theme-wizard .scene-bg{object-position:50% 65%}.theme-wizard .scene-avatar{top:93%;transform:translate(-50%,-100%);width:400px;height:400px}.theme-wizard .pet-image{width:190px;height:190px;left:-140px;bottom:90px}.theme-wizard .book-image{width:250px;height:250px;right:-160px;bottom:255px}.theme-wizard [data-component=themeEmphasis]{left:250px;top:-80px}.theme-wizard [data-component=lengthDetail]{right:340px;top:-80px}.theme-wizard [data-component=conclusions]{left:120px;top:30px}.theme-wizard [data-component=storyPacing]{right:140px;top:110px}.theme-wizard [data-component=spellingGrammar]{left:160px;bottom:70px}.theme-wizard [data-component=showNotTell]{right:170px;bottom:80px}.theme-wizard [data-component=phrasesVocab]{right:150px;bottom:190px}.theme-knight .scene-bg{object-position:50% 58%}.theme-knight .scene-avatar{top:91%;transform:translate(-50%,-100%);width:500px;height:500px}.theme-knight [data-component=phrasesVocab]{left:190px;top:-30px}.theme-knight [data-component=lengthDetail]{right:170px;top:-100px}.theme-knight [data-component=conclusions]{left:120px;top:100px}.theme-knight [data-component=showNotTell]{right:120px;top:40px}.theme-knight [data-component=themeEmphasis]{left:110px;top:260px}.theme-knight [data-component=storyPacing]{right:140px;top:170px}.theme-knight [data-component=spellingGrammar]{right:150px;bottom:100px}.theme-mech .scene-bg{object-position:50% 80%;transform:scale(1.1) translateY(0)}.theme-mech .scene{height:min(120vh,1350px)}.theme-mech .scene-avatar{top:94%;transform:translate(-50%,-100%);width:320px;height:360px}.theme-mech [data-component=phrasesVocab]{left:160px;top:10px}.theme-mech [data-component=lengthDetail]{right:160px;top:10px}.theme-mech [data-component=conclusions]{left:110px;top:130px}.theme-mech [data-component=showNotTell]{right:120px;top:130px}.theme-mech [data-component=themeEmphasis]{left:110px;top:260px}.theme-mech [data-component=storyPacing]{right:120px;top:240px}.theme-mech [data-component=spellingGrammar]{right:170px;bottom:40px}.component-sections{position:relative;width:100%}.component-section{width:100%;padding:1.5rem 2rem;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.section-content{width:100%;max-width:950px;background:#ffffffeb;border-radius:20px;padding:2rem 2.5rem;box-shadow:0 8px 32px #00000026;margin:0}.section-header{text-align:center;margin-bottom:1rem}.section-header h2{font-size:1.8rem;margin:0 0 .2rem;color:#2d1b4e}.section-header .slot-name{font-size:.95rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.section-description{text-align:center;font-size:.9rem;line-height:1.65;color:#444;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.level-images{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.level-item{display:flex;flex-direction:column;align-items:center}.level-item img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));transition:transform .3s ease}.level-item img:hover{transform:scale(1.1)}.level-label{display:none}.theme-wizard .section-header h2{font-family:Satisfy,cursive;color:#6b5b95}.theme-knight .section-header h2{font-family:MedievalSharp,cursive;color:#8b0000}.theme-mech .section-header h2{font-family:Orbitron,sans-serif;color:#00a0c0}.model-section .section-content{max-width:950px}.model-section h2{font-size:2rem;margin-bottom:.5rem}.model-section .section-description{margin-bottom:1.5rem}.model-images{display:flex;justify-content:center;align-items:stretch;gap:1.2rem;flex-wrap:nowrap}.model-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.model-item img{width:150px;height:150px;object-fit:cover;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.theme-mech .model-item img{object-position:top center}.model-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-align:center;max-width:85px;line-height:1.2}.theme-wizard .model-label{color:#6b5b95}.theme-knight .model-label{color:#8b0000}.theme-mech .model-label{color:#00a0c0}.student-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem}.error-content{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);max-width:400px}.error-icon{font-size:4rem;margin-bottom:1rem}.error-content h2{color:#fff;margin-bottom:.5rem}.error-content p{color:#ffffffb3;margin-bottom:2rem}.back-button{padding:.75rem 2rem;background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#1a1a2e;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066}@media(max-width:1100px){.components-container{width:850px;height:450px}.theme-wizard [data-component=themeEmphasis]{left:190px;top:-60px}.theme-wizard [data-component=lengthDetail]{right:250px;top:-60px}.theme-wizard [data-component=conclusions]{left:45px;top:50px}.theme-wizard [data-component=storyPacing]{right:60px;top:230px}.theme-wizard [data-component=spellingGrammar]{left:70px;bottom:10px}.theme-wizard [data-component=showNotTell]{right:80px;bottom:30px;top:auto}.theme-wizard [data-component=phrasesVocab]{right:40px;top:130px;bottom:auto}.theme-knight .scene-bg{object-position:50% 58%;transform:scale(1.4) translateY(0)}.theme-knight [data-component=phrasesVocab]{left:90px;top:-60px}.theme-knight [data-component=lengthDetail]{right:95px;top:-80px}.theme-knight [data-component=conclusions]{left:75px;top:80px}.theme-knight [data-component=showNotTell]{right:65px;top:60px}.theme-knight [data-component=themeEmphasis]{left:70px;top:350px}.theme-knight [data-component=storyPacing]{right:75px;top:200px}.theme-knight [data-component=spellingGrammar]{right:85px;bottom:20px}.theme-mech .scene{height:min(140vh,1050px)}.theme-mech [data-component=phrasesVocab]{left:80px;top:-40px}.theme-mech [data-component=lengthDetail]{right:100px;top:-60px}.theme-mech [data-component=conclusions]{left:55px;top:110px}.theme-mech [data-component=showNotTell]{right:65px;top:80px}.theme-mech [data-component=themeEmphasis]{left:70px;top:270px}.theme-mech [data-component=storyPacing]{right:75px;top:190px}.theme-mech [data-component=spellingGrammar]{right:85px;bottom:40px}}@media(max-width:768px){.scene{height:min(140vh,850px)}.panel-wrapper{padding-top:2.5rem}.components-container{max-width:380px;height:520px;top:48%}.summary-panel{max-width:500px!important}.theme-wizard .scene-bg{object-position:50% 50%}.theme-wizard .scene-avatar{top:89%;width:250px;height:250px}.theme-wizard .pet-image{width:150px;height:150px;left:-105px;bottom:-5px}.theme-wizard .book-image{width:205px;height:205px;right:-120px;bottom:150px}.theme-wizard [data-component=themeEmphasis]{inset:20px auto auto -10px}.theme-wizard [data-component=lengthDetail]{inset:10px 115px auto auto}.theme-wizard [data-component=spellingGrammar]{inset:115px auto auto -55px}.theme-wizard [data-component=storyPacing]{inset:250px -40px auto auto}.theme-wizard [data-component=showNotTell]{inset:360px 110px auto auto}.theme-wizard [data-component=conclusions]{inset:auto auto 105px -20px}.theme-wizard [data-component=phrasesVocab]{inset:auto -53px 290px auto}.theme-knight .scene-bg{object-position:50% 52%;transform:scale(1.4) translateY(0)}.theme-knight .scene-avatar{top:89%;width:320px;height:320px}.theme-knight [data-component=lengthDetail]{inset:-10px -10px auto auto}.theme-knight [data-component=phrasesVocab]{inset:30px auto auto -35px}.theme-knight [data-component=showNotTell]{inset:95px -35px auto auto}.theme-knight [data-component=conclusions]{inset:140px auto auto -47px}.theme-knight [data-component=themeEmphasis]{inset:320px auto auto -35px}.theme-knight [data-component=storyPacing]{inset:270px -35px auto auto}.theme-knight [data-component=spellingGrammar]{inset:auto auto 100px 50%;transform:translate(-50%)}.theme-mech .scene-bg{object-position:50% 55%;height:103%}.theme-mech .scene{height:min(180vh,840px)}.theme-mech .scene-avatar{top:87%;width:220px;height:220px}.theme-mech [data-component=lengthDetail]{inset:-20px 0 auto auto}.theme-mech [data-component=phrasesVocab]{inset:30px auto auto -35px}.theme-mech [data-component=showNotTell]{inset:95px -35px auto auto}.theme-mech [data-component=conclusions]{inset:130px auto auto -47px}.theme-mech [data-component=themeEmphasis]{inset:245px auto auto -35px}.theme-mech [data-component=storyPacing]{inset:200px -15px auto auto}.theme-mech [data-component=spellingGrammar]{inset:auto auto 100px 50%;transform:translate(-50%)}.component-section{padding:1rem .75rem}.section-content{padding:1.25rem 1rem;border-radius:16px}.section-header h2{font-size:1.2rem}.section-description{font-size:.8rem;line-height:1.5}.level-images{gap:.75rem}.level-item img{width:50px;height:50px}.model-images{flex-wrap:wrap;gap:.6rem}.model-item img{width:50px;height:50px}.model-label{font-size:.45rem;max-width:60px}}@media(max-width:480px){.scene{height:min(140vh,750px)}.theme-mech .scene{height:min(140vh,690px)}.theme-knight .scene{height:min(140vh,750px)}.panel-wrapper{padding-top:2.5rem}.components-container{max-width:340px;height:480px;top:48%}.theme-wizard .scene-bg{object-position:50% 50%}.theme-wizard .scene-avatar{top:89%;width:200px;height:200px}.theme-wizard .pet-image{width:130px;height:130px;left:-90px;bottom:-5px}.theme-wizard .book-image{width:145px;height:145px;right:-85px;top:-115px}.theme-wizard [data-component=themeEmphasis]{inset:50px auto auto -10px}.theme-wizard [data-component=lengthDetail]{inset:35px 105px auto auto}.theme-wizard [data-component=spellingGrammar]{inset:115px auto auto -25px}.theme-wizard [data-component=storyPacing]{inset:240px -20px auto auto}.theme-wizard [data-component=showNotTell]{inset:320px 110px auto auto}.theme-wizard [data-component=conclusions]{inset:auto auto 110px -20px}.theme-wizard [data-component=phrasesVocab]{inset:auto -20px 290px auto}.theme-knight .scene-bg{object-position:50% 52%;height:112%}.theme-knight .scene-avatar{top:89%;width:260px;height:260px}.theme-knight [data-component=lengthDetail]{inset:10px 5px auto auto}.theme-knight [data-component=phrasesVocab]{inset:25px auto auto 10px}.theme-knight [data-component=showNotTell]{inset:100px -20px auto auto}.theme-knight [data-component=conclusions]{inset:110px auto auto -10px}.theme-knight [data-component=themeEmphasis]{inset:285px auto auto -15px}.theme-knight [data-component=storyPacing]{inset:225px -20px auto auto}.theme-knight [data-component=spellingGrammar]{inset:auto auto 100px 50%;transform:translate(-50%)}.theme-mech .scene-bg{object-position:50% 55%;height:103%}.theme-mech .scene-avatar{top:89%;width:170px;height:170px}.theme-mech [data-component=lengthDetail]{inset:5px 0 auto auto}.theme-mech [data-component=phrasesVocab]{inset:15px auto auto -5px}.theme-mech [data-component=showNotTell]{inset:97px -15px auto auto}.theme-mech [data-component=conclusions]{inset:110px auto auto -18px}.theme-mech [data-component=themeEmphasis]{inset:195px auto auto -18px}.theme-mech [data-component=storyPacing]{inset:175px -18px auto auto}.theme-mech [data-component=spellingGrammar]{inset:auto auto 140px 50%;transform:translate(-50%)}.section-header h2{font-size:1.2rem}.level-item img,.model-item img{width:50px;height:50px}}.admin-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#fff;font-size:1.2rem}.login-container{max-width:360px;margin:15vh auto;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.15);text-align:center}.login-container h1{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:.85rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.login-form input::placeholder{color:#ffffff80}.login-form input:focus{outline:none;border-color:gold}.login-form button{padding:.85rem;background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;color:#1a1a2e;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-form button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066}.auth-error{color:#ff6b6b;font-size:.9rem}.back-link{display:inline-block;margin-top:1.5rem;color:#ffffffb3;text-decoration:none;font-size:.9rem}.back-link:hover{color:gold}.admin-container{max-width:900px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h1{color:gold;font-size:1.5rem;margin:0}.header-actions{display:flex;align-items:center;gap:1rem}.user-email{color:#fff9;font-size:.85rem}.logout-btn{padding:.4rem 1rem;background:#ff4d4d33;border:1px solid rgba(255,77,77,.5);border-radius:6px;color:#ff6b6b;font-size:.85rem;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#ff4d4d66}.status-message{padding:.85rem 1rem;border-radius:8px;margin-bottom:1.25rem;text-align:center;font-size:.9rem}.status-info{background:#00d4ff26;border:1px solid rgba(0,212,255,.4);color:#00d4ff}.status-success{background:#2ecc7126;border:1px solid rgba(46,204,113,.4);color:#2ecc71}.status-error{background:#ff4d4d26;border:1px solid rgba(255,77,77,.4);color:#ff6b6b}.tool-section{background:#ffd70014;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.tool-section h2{color:gold;font-size:1.1rem;margin:0 0 1rem}.tool-instructions{background:#0003;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem}.tool-instructions p{color:#fff;margin:0 0 .75rem;font-size:.9rem}.tool-instructions ol{color:#ffffffd9;margin:0;padding-left:1.25rem;font-size:.85rem;line-height:1.7}.tool-instructions code{background:#ffffff1a;padding:.15rem .4rem;border-radius:4px;font-size:.8rem;color:#00d4ff}.cloudinary-section{background:#9b59b61a;border-color:#9b59b666}.cloudinary-section h2{color:#9b59b6}.avatar-uploader{display:flex;flex-direction:column;gap:1rem}.avatar-input-row{display:flex;gap:.75rem;flex-wrap:wrap}.avatar-select-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:#9b59b633;border:1px dashed rgba(155,89,182,.5);border-radius:8px;color:#9b59b6;font-size:.9rem;cursor:pointer;transition:all .2s}.avatar-select-btn:hover{background:#9b59b64d;border-style:solid}.avatar-select-btn input{display:none}.avatar-upload-btn{padding:.7rem 1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.avatar-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #9b59b666}.avatar-upload-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-clear-btn{padding:.7rem 1rem;background:#ff4d4d33;border:1px solid rgba(255,77,77,.4);border-radius:8px;color:#ff6b6b;font-size:.85rem;cursor:pointer}.avatar-clear-btn:hover{background:#ff4d4d59}.avatar-file-info{display:flex;gap:.5rem;align-items:center}.file-name{color:#fff;font-size:.85rem}.file-size{color:#ffffff80;font-size:.8rem}.avatar-preview-container{display:flex;justify-content:center;padding:1rem;background:#0003;border-radius:8px}.avatar-preview-img{max-width:200px;max-height:200px;border-radius:8px;border:2px solid rgba(155,89,182,.5)}.avatar-result{background:#2ecc711a;border:1px solid rgba(46,204,113,.3);border-radius:8px;padding:1rem}.result-label-large{color:#2ecc71;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.avatar-url-box{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.avatar-url-box code{flex:1;min-width:200px;background:#0000004d;padding:.65rem .85rem;border-radius:6px;font-size:.75rem;color:gold;word-break:break-all}.copy-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#fff3}.copy-btn.primary{background:#ffd70033;border-color:#ffd70080;color:gold}.copy-btn.primary:hover{background:#ffd70059}.copy-btn.large{padding:.65rem 1.25rem;font-size:.9rem}.avatar-test{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.avatar-test span{color:#fff9;font-size:.8rem}.avatar-test img{width:60px;height:60px;object-fit:cover;border-radius:6px;border:2px solid rgba(46,204,113,.5)}.upload-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.upload-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem}.upload-section h2{color:gold;font-size:1rem;margin:0 0 .4rem}.upload-section p{color:#fff9;font-size:.8rem;margin:0 0 1rem}.upload-actions{display:flex;flex-direction:column;gap:.6rem}.file-btn{display:block;padding:.65rem;background:#ffd70026;border:1px dashed rgba(255,215,0,.4);border-radius:8px;color:gold;text-align:center;cursor:pointer;font-size:.85rem;transition:all .2s}.file-btn:hover{background:#ffd70040;border-style:solid}.file-btn input{display:none}.download-btn{padding:.6rem;background:#2ecc7126;border:1px solid rgba(46,204,113,.5);border-radius:6px;color:#2ecc71;font-size:.85rem;cursor:pointer;transition:background .2s;font-weight:500}.download-btn:hover:not(:disabled){background:#2ecc714d}.download-btn:disabled{opacity:.6;cursor:not-allowed}.template-btn{padding:.5rem;background:transparent;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#00d4ffcc;font-size:.75rem;cursor:pointer;transition:background .2s}.template-btn:hover{background:#00d4ff1a}.preview-section{background:#ffffff0d;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header h2{color:#fff;font-size:1rem;margin:0}.clear-btn{padding:.35rem .85rem;background:#ff4d4d33;border:1px solid rgba(255,77,77,.4);border-radius:6px;color:#ff6b6b;font-size:.8rem;cursor:pointer}.clear-btn:hover{background:#ff4d4d59}.preview-table-wrapper{overflow-x:auto;margin-bottom:1rem}.preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.preview-table th,.preview-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.preview-table th{color:gold;font-weight:600;background:#0003}.preview-table td{color:#ffffffd9}.preview-table tr:hover td{background:#ffffff0d}.url-cell{color:#2ecc71!important}.preview-more{text-align:center;color:#ffffff80;font-size:.8rem;margin:.5rem 0 0}.upload-btn{display:block;width:100%;max-width:280px;margin:0 auto;padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;color:#1a1a2e;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.quick-links{display:flex;gap:1rem;flex-wrap:wrap}.quick-link{padding:.65rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;text-decoration:none;font-size:.9rem;transition:all .2s}.quick-link:hover{background:#ffffff26;border-color:gold}@media(max-width:600px){.admin-page{padding:1rem}.admin-header{flex-direction:column;gap:.75rem;text-align:center}.tool-section{padding:1rem}.tool-instructions{padding:.85rem}.tool-instructions ol{font-size:.8rem;padding-left:1rem}.avatar-input-row{flex-direction:column}.avatar-select-btn,.avatar-upload-btn,.avatar-clear-btn{width:100%;justify-content:center}.avatar-url-box{flex-direction:column}.avatar-url-box code,.copy-btn.large{width:100%}.upload-sections{grid-template-columns:1fr}.preview-table{font-size:.75rem}.preview-table th,.preview-table td{padding:.5rem}.quick-links{flex-direction:column}.quick-link{text-align:center}}.app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffd700b3}::selection{background:#ffd7004d;color:#fff}