:root{--naruto-orange: #FF7B00;--sasuke-blue: #2B4C7E;--leaf-green: #4A7C59;--gold: #FFD700;--dark-bg: #1a1a1a;--paper-bg: #f4e4bc;--paper-dark: #d9c59a;--text-dark: #2c2c2c;--text-light: #f0f0f0;--danger-red: #d32f2f}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--dark-bg);background-image:radial-gradient(circle at 50% 50%,#2a2a2a,#0a0a0a);color:var(--text-light);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.app-container{width:100%;max-width:480px;height:100vh;max-height:850px;position:relative;background:#141414d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 50px #ff7b001a;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.bg-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;color:#ffffff08;animation:float linear infinite}.p-0{width:40px;left:10%;top:-10%;animation-duration:15s}.p-1{width:60px;left:80%;top:-10%;animation-duration:20s;animation-delay:2s}.p-2{width:30px;left:40%;top:-10%;animation-duration:12s;animation-delay:5s}.p-3{width:50px;left:20%;top:-10%;animation-duration:18s;animation-delay:7s}.p-4{width:35px;left:70%;top:-10%;animation-duration:14s;animation-delay:10s}.p-5{width:45px;left:50%;top:-10%;animation-duration:16s;animation-delay:1s}@keyframes float{0%{transform:translateY(-50px) rotate(0)}to{transform:translateY(900px) rotate(720deg)}}.cloud-badge{position:absolute;top:12px;right:16px;font-size:12px;color:#ffffff80;z-index:100;pointer-events:none;background:#0000004d;padding:4px 8px;border-radius:12px}.cloud-toast{position:absolute;top:40px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#2b4c7e,#1a365d);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;z-index:1000;box-shadow:0 4px 15px #0006;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.screen{flex:1;display:flex;flex-direction:column;padding:24px;width:100%;z-index:10}button{border:none;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:8px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--naruto-orange),#ff9900);color:#fff;padding:16px 24px;font-size:18px;box-shadow:0 4px 15px #ff7b0066;position:relative}.btn-primary:disabled{filter:grayscale(.8);cursor:not-allowed;opacity:.8}.kbd-hint{font-size:11px;background:#0003;padding:2px 6px;border-radius:4px;margin-left:4px;border:1px solid rgba(255,255,255,.2)}.kbd-hint-small{font-size:10px;opacity:.7;margin-left:4px}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.start-screen{justify-content:center;align-items:center;text-align:center;gap:30px}.title-container{display:flex;flex-direction:column;align-items:center;gap:16px}.title-icon{width:90px;height:90px;color:var(--naruto-orange);filter:drop-shadow(0 0 15px rgba(255,123,0,.6))}.main-title{font-size:38px;font-weight:900;letter-spacing:2px;text-shadow:3px 3px 0px var(--danger-red);margin:0}.subtitle{color:#aaa;font-size:16px;letter-spacing:2px}.rule-hint{font-size:13px;color:#8ab4f8;background:#2b4c7e4d;padding:6px 16px;border-radius:20px;border:1px solid rgba(138,180,248,.3)}.stats-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;gap:50px;width:100%;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:32px;font-weight:700}.text-gold{color:var(--gold);text-shadow:0 0 15px rgba(255,215,0,.4)}.game-screen{gap:20px;padding-top:40px}.game-header{display:flex;flex-direction:column;gap:12px}.progress-bar-container{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--naruto-orange),var(--gold));transition:width .4s cubic-bezier(.4,0,.2,1)}.stats-row{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}.lives-display{display:flex;gap:4px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.clone-control{display:flex;flex-direction:column;gap:8px;align-items:center}.clone-toggle-btn{background:#2b4c7e33;color:#8ab4f8;border:1px solid #8ab4f8;padding:10px 20px;border-radius:24px;font-size:14px;transition:all .3s}.clone-toggle-btn.active{background:var(--sasuke-blue);color:#fff;box-shadow:0 0 20px #2b4c7ecc;border-color:transparent}.clone-toggle-btn.disabled{opacity:.4;border-color:#555;color:#555}.clone-hint{font-size:11px;color:#888;text-align:center}.scroll-container{background:var(--paper-bg);border-radius:4px;position:relative;padding:28px 20px;color:var(--text-dark);box-shadow:inset 0 0 30px #00000026,0 15px 25px #0006;background-image:repeating-linear-gradient(transparent,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 21px)}.scroll-container:before,.scroll-container:after{content:"";position:absolute;left:-12px;right:-12px;height:18px;background:linear-gradient(to bottom,#703811,#4a250b);border-radius:10px;box-shadow:0 4px 6px #0000004d}.scroll-container:before{top:-16px}.scroll-container:after{bottom:-16px}.q-meta{display:flex;justify-content:space-between;margin-bottom:16px;font-size:12px;font-weight:700}.q-category{color:#666;border-bottom:2px solid #ccc;padding-bottom:2px}.q-difficulty{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;letter-spacing:1px}.diff-easy{background:var(--leaf-green)}.diff-medium{background:var(--naruto-orange)}.diff-hard{background:var(--danger-red)}.question-text{font-size:20px;line-height:1.5;text-align:center;font-weight:900;color:#1a1a1a}.options-grid{display:flex;flex-direction:column;gap:12px;flex:1;margin-top:10px}.option-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px;font-size:16px;text-align:left;justify-content:flex-start;position:relative;overflow:hidden;border-radius:12px}.option-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--naruto-orange);transform:translate(5px)}.option-btn.correct{background:#4a7c5966;border-color:var(--leaf-green);box-shadow:0 0 15px #4a7c594d}.option-btn.wrong{background:#d32f2f66;border-color:var(--danger-red)}.option-btn.correct-reveal{border-color:var(--leaf-green);box-shadow:inset 0 0 15px #4a7c5999}.option-btn.disabled{opacity:.7}.opt-number{color:#888;font-size:14px;margin-right:12px;font-family:monospace}.opt-text{flex:1;z-index:2;line-height:1.4}.feedback-icon{position:absolute;right:16px}.text-green{color:#6ee7b7}.text-red{color:#fca5a5}.clone-indicators{position:absolute;right:45px;display:flex;gap:4px}.mini-clone{width:22px;height:22px;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.clone-save-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f1928f2;border:2px solid var(--sasuke-blue);padding:30px;border-radius:20px;text-align:center;z-index:50;box-shadow:0 0 40px #2b4c7ee6;display:flex;flex-direction:column;align-items:center;gap:12px;width:85%;overflow:hidden}.smoke-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);z-index:-1;animation:smokeExpand 2s ease-out forwards}@keyframes smokeExpand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.shield-icon{filter:drop-shadow(0 0 10px rgba(138,180,248,.8))}.text-blue{color:#8ab4f8}.gameover-screen{align-items:center;gap:24px;padding-top:50px}.gameover-title{font-size:36px;color:var(--danger-red);text-shadow:0 0 15px rgba(211,47,47,.6);font-weight:900}.final-score-card{background:linear-gradient(180deg,#ff7b0026,#0000);border:2px solid var(--naruto-orange);padding:30px;border-radius:20px;text-align:center;width:100%;position:relative;box-shadow:inset 0 0 20px #ff7b001a}.score-label{font-size:16px;color:#aaa;margin-bottom:8px;letter-spacing:2px}.score-number{font-size:72px;font-weight:900;color:var(--gold);text-shadow:0 4px 20px rgba(255,215,0,.5);line-height:1}.new-record{position:absolute;top:-15px;right:-10px;background:var(--danger-red);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;transform:rotate(10deg);box-shadow:0 4px 10px #00000080}.action-buttons{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:10px}.wrong-questions-section{width:100%;margin-top:10px;background:#0006;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.05)}.wrong-questions-section h3{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:16px;color:#ccc}.wrong-list{display:flex;flex-direction:column;gap:12px;max-height:220px;overflow-y:auto;padding-right:8px}.wrong-list::-webkit-scrollbar{width:6px}.wrong-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.wrong-item{background:#ffffff08;padding:14px;border-radius:10px;border-left:4px solid var(--danger-red);transition:background .2s}.wrong-item:hover{background:#ffffff14}.wq-q{font-size:15px;margin-bottom:6px;line-height:1.4}.wq-a{font-size:13px;color:#999}.empty-scroll{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;background:#4a7c591a;border-radius:12px;border:1px dashed rgba(74,124,89,.4);gap:12px}.empty-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.empty-text{font-size:14px;color:#a7f3d0;line-height:1.5}