.choice-toggle-icon:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 15px #e5091466,0 0 0 1px #e509144d}.choice-button:disabled{background:#32323299;border-color:#666;color:#999;cursor:not-allowed;box-shadow:0 2px 8px #0000004d;text-shadow:none}.choice-button:disabled:hover{transform:none;background:#32323299;box-shadow:0 2px 8px #0000004d}.segmented-dialogue,.dynamic-dialogue{display:block;line-height:1.8;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;word-break:break-word;white-space:normal;min-width:0}.dialogue-char{display:inline;padding:0;margin:0;cursor:pointer;transition:all .2s ease;position:relative;word-break:break-word}.dialogue-char.character{font-weight:400}.dialogue-char.punctuation{font-weight:300;cursor:default}.dialogue-char.hovered{background-color:#4caf504d;transform:none;z-index:10}.dialogue-char:hover{background-color:#ffffff26;transform:none;z-index:10}.dialogue-char.punctuation:hover{background-color:transparent}.dialogue-char:active{background-color:#fff3}.dialogue-char.hovered:active{background-color:#4caf5066}.dialogue-char{position:relative}.dialogue-char .custom-tooltip{position:absolute;bottom:100%;left:0;background:#000000f2;color:#fff;padding:.8rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.4;max-width:50vw;min-width:40vw;box-shadow:0 4px 12px #0000004d;border:1px solid #333;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000;pointer-events:auto;white-space:normal;word-wrap:break-word}.dialogue-char .custom-tooltip:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:#000000f2;pointer-events:none}.dialogue-char:hover .custom-tooltip,.dialogue-char .custom-tooltip:hover{opacity:1;visibility:visible}.dialogue-word{display:inline;padding:0;margin:0;border-radius:0;transition:none;cursor:help;position:relative;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.dialogue-word.in-dictionary,.dialogue-word.not-in-dictionary{background-color:transparent;border-bottom:none}.dialogue-word.phrase{font-weight:500}.dialogue-word.character{font-weight:400}.dialogue-word:hover{background-color:#ffffff26;transform:none;z-index:10}.dialogue-word.in-dictionary:hover{background-color:#4caf504d}.dialogue-word.not-in-dictionary:hover{background-color:#ff98004d}.dialogue-word:active{background-color:#fff3}.dialogue-word.in-dictionary:active{background-color:#4caf5066}.dialogue-word.not-in-dictionary:active{background-color:#ff980066}.dialogue-word{position:relative}.dialogue-word .custom-tooltip{position:absolute;bottom:100%;left:0;background:#000000f2;color:#fff;padding:.8rem 1rem;border-radius:8px;font-size:1rem;white-space:normal;max-width:calc(100vw - 32px);min-width:200px;width:max-content;word-wrap:break-word;z-index:10000;pointer-events:auto;margin-bottom:8px;text-align:left;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .1s ease,visibility .1s ease}.dialogue-word .custom-tooltip:after{content:"";position:absolute;top:100%;left:0;border:6px solid transparent;border-top-color:#000000f2;z-index:10000;pointer-events:none}.dialogue-word:hover .custom-tooltip,.dialogue-word .custom-tooltip:hover{opacity:1;visibility:visible}.tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2);font-weight:600}.tooltip-characters{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.tooltip-header .traditional{font-size:1.2rem;color:gold;font-weight:700}.tooltip-header .simplified{font-size:1.1rem;color:#87ceeb;font-weight:600}.tooltip-header .pinyin{font-size:1rem;color:#98fb98;font-style:italic}.tooltip-save-hint{font-size:.7rem;color:#fff9;font-style:italic;margin-left:auto;white-space:nowrap}.tooltip-meaning{font-size:.95rem;line-height:1.4;color:#f0f0f0}.meaning-entry{margin-bottom:8px}.meaning-entry:last-child{margin-bottom:0}.entry-pinyin{font-size:.9rem;color:#98fb98;font-style:italic;margin-bottom:4px;font-weight:500}.meaning-text{line-height:1.5}.meaning-item{display:inline}.meaning-separator{color:gold;font-weight:700;margin:0 4px}.preloaded-next-scene{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.preloaded-scene-background{position:absolute;top:-100%;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000;opacity:0;pointer-events:none;z-index:-1}.preloaded-scene-video{position:absolute;top:-100%;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background-color:#000;opacity:0;pointer-events:none;z-index:-1}.preloaded-character-image{position:absolute;top:-100vh;left:50%;transform:translate(-50%);width:min(400px,26vw);height:min(600px,39vw);background-size:contain;background-position:bottom center;background-repeat:no-repeat;opacity:0;pointer-events:none;z-index:-1;transition:all .5s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.preloaded-character-image.left{left:25%;transform:translate(-50%)}.preloaded-character-image.center{left:50%;transform:translate(-50%)}.preloaded-character-image.right{left:75%;transform:translate(-50%)}.character-breakdown{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.breakdown-title{font-size:.9rem;color:gold;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.character-meanings{display:flex;flex-direction:column;gap:6px}.character-entry{padding:4px 0}.character-text{display:flex;align-items:flex-start;gap:8px}.character-char{font-size:1.1rem;color:#87ceeb;font-weight:600;min-width:1.2em;text-align:center;background:#87ceeb1a;padding:2px 4px;border-radius:3px;border:1px solid rgba(135,206,235,.3);flex-shrink:0}.character-details{display:flex;flex-direction:column;gap:4px;flex:1}.character-entry-detail{display:flex;align-items:flex-start;gap:6px}.character-pinyin{font-size:.85rem;color:#98fb98;font-style:italic;font-weight:500;flex-shrink:0}.character-meaning{font-size:.85rem;color:#e0e0e0;line-height:1.3;flex:1;min-width:0}.character-separator{color:#888;font-weight:500;margin:0 4px}.track-name{color:#ccc;font-size:.8rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-text{display:inline}.clickable-sprite{transition:opacity .3s ease,transform .3s ease;user-select:none;-webkit-user-drag:none;user-drag:none;outline:none;-webkit-tap-highlight-color:transparent}.scene-jump-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .3s ease}.scene-jump-content{background:#141414f2;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease}.scene-jump-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.scene-jump-header h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.scene-jump-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.scene-jump-close:hover{background:#ffffff1a;transform:scale(1.1)}.scene-jump-list{max-height:60vh;overflow-y:auto;padding:.5rem}.scene-jump-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;margin:.25rem 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.scene-jump-item:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translate(4px)}.scene-jump-item.current{background:#64c8ff33;border-color:#64c8ff66}.scene-jump-item.current:hover{background:#64c8ff4d}.scene-number{background:#ffffff1a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-right:1rem;flex-shrink:0}.scene-title{flex:1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-indicator{color:#64c8ff;font-size:.85rem;font-weight:500;margin-left:.5rem;flex-shrink:0}.scene-jump-footer{padding:.75rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;text-align:center}.scene-jump-footer small{color:#fff9;font-size:.8rem}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.save-load-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .3s ease}.save-load-modal .modal-content{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid rgba(248,113,113,.3);border-radius:12px;padding:0;max-width:450px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 0 1px #f871711a inset;animation:slideIn .3s ease}.save-load-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(248,113,113,.2);background:#f871710d}.save-load-modal .modal-header h2{margin:0;color:#f87171;font-size:1.3rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.save-load-modal .modal-close-button{background:none;border:none;color:#f87171;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.save-load-modal .modal-close-button:hover{background:#f871711a}.save-load-modal .modal-body{padding:1.5rem}.save-load-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.save-load-buttons button{flex:1;min-width:120px;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.save-load-buttons .save-button-primary{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border:1px solid rgba(239,68,68,.3)}.save-load-buttons .save-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.save-load-buttons .load-button-secondary{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);color:#cbd5e1;border:1px solid rgba(248,113,113,.4)}.save-load-buttons .load-button-secondary:hover:not(:disabled){background:linear-gradient(135deg,#1e293be6,#0f172a);color:#f87171;transform:translateY(-2px);box-shadow:0 4px 16px #f8717133}.save-load-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}.save-load-buttons button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000004d}.cloud-save-info{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(34,197,94,.3);border-radius:8px;box-shadow:0 2px 8px #0003}.cloud-save-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.cloud-save-icon{font-size:1.2rem}.cloud-save-text{color:#22c55e;font-weight:600;font-size:.95rem}.cloud-save-details{display:flex;flex-direction:column;gap:.25rem}.cloud-save-scene{color:#cbd5e1;font-size:.9rem;font-weight:500}.cloud-save-time{color:#cbd5e1b3;font-size:.8rem;font-style:italic}.modal-close-section{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.modal-close-button-bottom{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-close-button-bottom:hover{background:#ffffff26;border-color:#ffffff4d;color:#f1f5f9}.save-load-modal .modal-close-button{display:none}.save-slot-unified{background:linear-gradient(135deg,#0f172ae6,#1e293be6);border:1px solid rgba(248,113,113,.3);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #f871710d inset}.save-slot-header{display:flex;align-items:center;gap:.75rem}.save-slot-icon{font-size:1.5rem;color:#f87171;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.save-slot-title{font-size:1.2rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.save-slot-info{display:flex;flex-direction:column;gap:.25rem}.save-slot-novel{font-size:1rem;font-weight:500;color:#cbd5e1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.save-slot-time{font-size:.85rem;color:#cbd5e1b3;font-style:italic}.save-slot-buttons{display:flex;gap:.75rem;margin-top:.5rem}.save-button-primary,.load-button-primary{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.save-button-primary{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border:1px solid rgba(239,68,68,.3)}.save-button-primary:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.load-button-primary{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);color:#f87171;border:1px solid rgba(248,113,113,.4)}.load-button-primary:hover{background:linear-gradient(135deg,#1e293be6,#0f172a);transform:translateY(-2px);box-shadow:0 4px 16px #f8717133}.save-button-primary:active,.load-button-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}.save-load-modal .modal-close-button{position:absolute;top:10px;right:12px;z-index:2}.save-load-message{margin-top:.75rem;color:#cbd5e1;background:#ffffff08;padding:.5rem .75rem;border-radius:6px;text-align:center;font-weight:600}.confirmation-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;pointer-events:auto}.confirmation-box{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid rgba(248,113,113,.25);padding:1rem 1.25rem;border-radius:10px;max-width:380px;width:90%;box-shadow:0 8px 32px #0009;text-align:center}.confirmation-text{color:#cbd5e1;margin-bottom:.75rem;font-weight:500}.confirmation-actions{display:flex;gap:.75rem;justify-content:center}.confirmation-actions button{padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#f1f5f9;font-weight:600;cursor:pointer}.confirmation-actions .confirm-yes{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border:1px solid rgba(239,68,68,.3)}@media screen and (orientation: landscape) and (max-width: 1024px){.novel-reader.mobile{background:#000}.novel-reader.mobile .reader-header,.novel-reader.mobile .inventory-background-button,.novel-reader.mobile .task-background-button{display:none}.novel-reader.mobile .reader-content{height:100vh}.novel-reader.mobile .scene-container{width:calc(100vh * 16 / 9);max-width:100vw;height:56.25vw;max-height:100vh;padding-bottom:0;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.novel-reader.mobile .text-box{width:100%;max-width:100%;padding:1rem 1.5rem;border-radius:0}.novel-reader.mobile .character-name{font-size:1.5rem;margin-bottom:.5rem}.novel-reader.mobile .dialogue{font-size:1.3rem;line-height:1.6}.novel-reader.mobile .translation-text{font-size:1.8rem;line-height:1.6}.novel-reader.mobile .dialogue-translation-toggle{top:10px;right:10px;padding:6px 10px;font-size:.8rem;min-width:35px;min-height:30px}.novel-reader.mobile .choices-overlay{padding:0 1.5rem;max-width:90vw}.novel-reader.mobile .choice-button{padding:1rem 1.5rem;font-size:1.2rem;min-height:60px}.novel-reader.mobile .choice-toggle-icon{min-width:45px;min-height:45px;font-size:1.1rem}.novel-reader.mobile .flashcard-tab,.novel-reader.mobile .inventory-tab,.novel-reader.mobile .task-tab{width:95vw;max-width:95vw;height:90vh;max-height:90vh;top:50%;left:50%;transform:translate(-50%,-50%)}.novel-reader.mobile .dialogue-word .custom-tooltip,.novel-reader.mobile .dialogue-char .custom-tooltip,.mobile-tooltip-portal{position:fixed;inset:0 auto auto 50%!important;transform:translate(-50%)!important;width:calc(100vh * 16 / 9);max-width:100vw;min-width:auto;margin-left:0;margin-right:0;font-size:.85rem;padding:.6rem .8rem;z-index:10001;box-sizing:border-box;max-height:50vh;overflow-y:auto;overflow-x:hidden;pointer-events:auto;opacity:1!important;visibility:visible!important;background:#000000f2!important;color:#fff!important}.novel-reader.mobile .dialogue-word .custom-tooltip:after,.novel-reader.mobile .dialogue-char .custom-tooltip:after,.mobile-tooltip-portal:after{left:50%;transform:translate(-50%)}.novel-reader.mobile .dialogue-word .custom-tooltip::-webkit-scrollbar,.novel-reader.mobile .dialogue-char .custom-tooltip::-webkit-scrollbar{width:6px}.novel-reader.mobile .dialogue-word .custom-tooltip::-webkit-scrollbar-track,.novel-reader.mobile .dialogue-char .custom-tooltip::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.novel-reader.mobile .dialogue-word .custom-tooltip::-webkit-scrollbar-thumb,.novel-reader.mobile .dialogue-char .custom-tooltip::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.novel-reader.mobile .dialogue-word .custom-tooltip::-webkit-scrollbar-thumb:hover,.novel-reader.mobile .dialogue-char .custom-tooltip::-webkit-scrollbar-thumb:hover{background:#ffffff80}.novel-reader.mobile .tooltip-header .traditional{font-size:1rem}.novel-reader.mobile .tooltip-header .simplified{font-size:.95rem}.novel-reader.mobile .tooltip-header .pinyin{font-size:.85rem}.novel-reader.mobile .tooltip-meaning{font-size:.8rem}.novel-reader.mobile .scene-jump-content{width:90vw;max-height:85vh}.novel-reader.mobile .scene-jump-list{max-height:70vh}}@media screen and (orientation: landscape) and (max-height: 500px){.novel-reader.mobile .text-box{padding:.75rem 1rem}.novel-reader.mobile .character-name{font-size:1.2rem;margin-bottom:.3rem}.novel-reader.mobile .dialogue{font-size:1.1rem;line-height:1.4}.novel-reader.mobile .translation-text{font-size:1.6rem;line-height:1.5}.novel-reader.mobile .choice-button{padding:.75rem 1.25rem;font-size:1rem;min-height:50px}}.novel-reader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;z-index:1000;overflow:hidden}.rotate-prompt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.rotate-prompt-content{text-align:center;max-width:400px;animation:fadeIn .5s ease}.rotate-icon{position:relative;display:inline-block;margin-bottom:2rem;animation:pulse 2s ease-in-out infinite}.rotate-icon svg{color:#dc2626;filter:drop-shadow(0 0 20px rgba(220,38,38,.5))}.rotate-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate 2s linear infinite}.rotate-prompt-content h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 2px 10px rgba(220,38,38,.3)}.rotate-prompt-content p{font-size:1rem;color:#999;line-height:1.6;margin-bottom:2rem}.rotate-prompt-content .back-button{margin:2rem auto 0;background:#dc26261a!important;border:1px solid #dc2626!important;color:#dc2626!important;display:block}.rotate-prompt-content .back-button:hover{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reader-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0000004d;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10000}.reader-content{flex:1;position:relative;overflow:hidden;margin-top:72px;display:flex;align-items:center;justify-content:center}.novel-reader.mobile .reader-content{margin-top:0}.novel-reader:fullscreen{background:#000}.novel-reader:-webkit-full-screen{background:#000}.novel-reader:-moz-full-screen{background:#000}.scene-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border:none;box-sizing:border-box;z-index:9999;margin:0 auto}.scene-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.scene-content--battle{justify-content:center;align-items:stretch}.scene-images-fallback{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.scene-content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;overflow:hidden;pointer-events:none}.scene-content-wrapper>*{pointer-events:auto}.scene-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000;z-index:1}.scene-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.scene-video{width:100%;height:100%;object-fit:contain;object-position:center;background-color:#000}.character-image{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(400px,26vw);height:min(600px,39vw);background-size:contain;background-position:bottom center;background-repeat:no-repeat;z-index:2;transition:all .5s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));user-select:none;-webkit-user-drag:none;user-drag:none;outline:none;-webkit-tap-highlight-color:transparent}.character-image.left{left:25%;transform:translate(-50%)}.character-image.center{left:50%;transform:translate(-50%)}.character-image.right{left:75%;transform:translate(-50%)}.character-image:nth-child(2).left{left:20%}.character-image:nth-child(2).center{left:50%}.character-image:nth-child(2).right{left:80%}.character-image:nth-child(3).left{left:15%}.character-image:nth-child(3).center{left:50%}.character-image:nth-child(3).right{left:85%}.scene-sprite{position:absolute;z-index:2;transition:all .3s ease;user-select:none;-webkit-user-drag:none;user-drag:none;outline:none;-webkit-tap-highlight-color:transparent}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.loading-spinner{width:50px;height:50px;border:3px solid #333;border-top:3px solid #e50914;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.preload-progress{width:100%;max-width:500px;margin-top:2rem}.progress-bar{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#e50914,#ff6b6b);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:1rem;color:#fff;margin-bottom:.5rem;font-weight:500}.current-asset{font-size:.9rem;color:#ccc;font-style:italic;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-container h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.loading-container p{color:#ccc;margin-bottom:1rem}.preload-progress{margin-top:1rem;width:100%;max-width:400px}.progress-bar{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#e50914,#ff6b6b);border-radius:4px;transition:width .3s ease}.progress-text{color:#fff;font-size:.9rem;margin-bottom:.25rem}.current-asset{color:#ccc;font-size:.8rem;font-style:italic;margin:0;word-break:break-all}.preload-error{color:#ff6b6b;font-size:.9rem;margin-top:1rem;padding:.5rem;background:#ff6b6b1a;border-radius:4px;border:1px solid rgba(255,107,107,.3)}.preload-actions{margin-top:2rem;text-align:center}.skip-preload-btn{background:#333;color:#fff;border:1px solid #666;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;margin-bottom:.5rem}.skip-preload-btn:hover:not(:disabled){background:#444;border-color:#888}.skip-preload-btn:disabled{opacity:.5;cursor:not-allowed}.skip-note{font-size:.8rem;color:#999;margin:0;font-style:italic}.error-container h2{color:#e50914;margin-bottom:1rem}.error-container p{margin-bottom:2rem;color:#ccc}.text-box-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(100vw,100vh * 16/9);max-width:100%;box-sizing:border-box;z-index:3}.text-box{background:#00000080;backdrop-filter:blur(10px);padding:2rem;border-radius:15px 15px 0 0;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.character-name{font-size:2.2rem;font-weight:600;color:#e50914;margin-bottom:.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.character-name-with-tooltip{cursor:help;transition:all .3s ease;position:relative}.character-name-with-tooltip:hover{color:#ff6b6b;text-shadow:2px 2px 6px rgba(0,0,0,.9)}.character-name-with-pinyin{display:inline-flex;align-items:baseline;gap:8px}.character-name-pinyin{font-size:.7em;color:#fff;font-weight:400;font-style:italic}.dialogue{font-size:2rem;line-height:1.8;width:100%;margin:0;text-align:left;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;word-break:break-word;white-space:normal;min-width:0}.dialogue-toggle-buttons{display:flex;gap:10px;justify-content:flex-end;margin-bottom:0;padding-right:0;position:relative}.dialogue-audio-toggle{background:#000000b3;color:#60a5fa;border:2px solid #60a5fa;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100px;min-height:40px;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000080;position:absolute;right:0}.dialogue-audio-toggle:hover{background:#60a5fa;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #60a5fa66}.dialogue-audio-toggle:active{transform:translateY(-1px) scale(1.02)}.dialogue-translation-toggle{background:#000000b3;color:#dc2626;border:2px solid #dc2626;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100px;min-height:40px;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000080}.dialogue-grammar-toggle{background:#000000b3;color:#fbbf24;border:2px solid #fbbf24;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100px;min-height:40px;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000080}.dialogue-grammar-toggle:hover{background:#fbbf24;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #fbbf2466}.dialogue-grammar-toggle:active{transform:translateY(-1px) scale(1.02)}.dialogue-grammar-toggle.active{background:#fbbf24;color:#fff;box-shadow:0 2px 8px #fbbf2499}.dialogue-translation-toggle:hover{background:#dc2626;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #dc262666}.dialogue-translation-toggle:active{transform:translateY(-1px) scale(1.02)}.dialogue-translation-toggle.active{background:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262699}.dialogue-cultural-toggle{margin-right:auto;background:linear-gradient(90deg,#ff7e5f,#feb47b,#ffd86b);color:#111;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:800;transition:all .25s ease;display:flex;align-items:center;justify-content:center;width:180px;min-height:48px;backdrop-filter:blur(6px);box-shadow:0 8px 24px #ff7e5f47,0 2px 8px #00000080}.dialogue-cultural-toggle:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #ff7e5f57,0 4px 12px #0009}.dialogue-cultural-toggle:active{transform:translateY(-1px) scale(.99)}.dialogue-cultural-toggle.active{outline:3px solid rgba(255,255,255,.08)}.dialogue-pinyin-toggle{background:#000000b3;color:#4caf50;border:2px solid #4CAF50;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100px;min-height:40px;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000080}.dialogue-pinyin-toggle:hover{background:#4caf50;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #4caf5066}.dialogue-pinyin-toggle:active{transform:translateY(-1px) scale(1.02)}.dialogue-pinyin-toggle.active{background:#4caf50;color:#fff;box-shadow:0 2px 8px #4caf5099}.dialogue-script-toggle{background:#000000b3;color:#9c27b0;border:2px solid #9C27B0;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100px;min-height:40px;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000080}.dialogue-script-toggle:hover{background:#9c27b0;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #9c27b066}.dialogue-script-toggle:active{transform:translateY(-1px) scale(1.02)}.dialogue-script-toggle.active{background:#9c27b0;color:#fff;box-shadow:0 2px 8px #9c27b099}.dialogue-icon-toggle{background:#000000b3;color:#fff;border:2px solid #666;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100px;min-height:40px;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000080}.dialogue-icon-toggle:hover{background:#333;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0006}.dialogue-icon-toggle:active{transform:translateY(-1px) scale(1.02)}.dialogue-toggle-buttons.icon-only .dialogue-audio-toggle,.dialogue-toggle-buttons.icon-only .dialogue-translation-toggle,.dialogue-toggle-buttons.icon-only .dialogue-grammar-toggle,.dialogue-toggle-buttons.icon-only .dialogue-pinyin-toggle,.dialogue-toggle-buttons.icon-only .dialogue-script-toggle,.dialogue-toggle-buttons.icon-only .dialogue-icon-toggle{width:40px;min-width:40px;padding:5px;font-size:18px}@media (max-width: 480px){.dialogue-toggle-buttons{gap:6px;margin-bottom:0;flex-wrap:wrap}.dialogue-audio-toggle,.dialogue-translation-toggle,.dialogue-grammar-toggle,.dialogue-pinyin-toggle,.dialogue-script-toggle,.dialogue-icon-toggle{padding:5px 8px;font-size:11px;width:70px;min-height:32px}.dialogue-toggle-buttons.icon-only .dialogue-audio-toggle,.dialogue-toggle-buttons.icon-only .dialogue-translation-toggle,.dialogue-toggle-buttons.icon-only .dialogue-grammar-toggle,.dialogue-toggle-buttons.icon-only .dialogue-pinyin-toggle,.dialogue-toggle-buttons.icon-only .dialogue-script-toggle,.dialogue-toggle-buttons.icon-only .dialogue-icon-toggle{width:35px;min-width:35px;padding:4px;font-size:16px}.translation-text{font-size:2.2rem}}@media screen and (orientation: landscape) and (max-width: 1024px){.novel-reader.mobile .dialogue-audio-toggle,.novel-reader.mobile .dialogue-translation-toggle,.novel-reader.mobile .dialogue-grammar-toggle,.novel-reader.mobile .dialogue-pinyin-toggle,.novel-reader.mobile .dialogue-script-toggle,.novel-reader.mobile .dialogue-icon-toggle{opacity:.7}.novel-reader.mobile .dialogue-audio-toggle:hover,.novel-reader.mobile .dialogue-translation-toggle:hover,.novel-reader.mobile .dialogue-grammar-toggle:hover,.novel-reader.mobile .dialogue-pinyin-toggle:hover,.novel-reader.mobile .dialogue-script-toggle:hover,.novel-reader.mobile .dialogue-icon-toggle:hover,.novel-reader.mobile .dialogue-translation-toggle.active,.novel-reader.mobile .dialogue-grammar-toggle.active,.novel-reader.mobile .dialogue-pinyin-toggle.active,.novel-reader.mobile .dialogue-script-toggle.active{opacity:1}}.translation-text{font-size:1.8rem;line-height:1.6;width:100%;margin:0;text-align:left;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;word-break:break-word;white-space:normal;min-width:0;color:gold;font-style:italic;padding:.5rem;background:#0000004d;border-radius:8px;border:none}.grammar-text{width:100%;margin-top:1rem;padding:1rem 1.5rem 1rem 1rem;background:#fbbf241a;border:2px solid rgba(251,191,36,.3);border-radius:8px;backdrop-filter:blur(10px);max-height:400px;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.text-box{max-height:80vh;overflow-y:auto}.grammar-text{max-height:300px}}.grammar-text::-webkit-scrollbar{width:8px}.grammar-text::-webkit-scrollbar-track{background:#0003;border-radius:4px}.grammar-text::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:4px}.grammar-text::-webkit-scrollbar-thumb:hover{background:#fbbf24b3}.grammar-point{margin-bottom:1.5rem}.grammar-point:last-child{margin-bottom:0}.grammar-point--known{opacity:.8}.grammar-point-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.grammar-point-title{font-size:1.6rem;font-weight:700;color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.8);flex:1}.grammar-point-actions{display:flex;gap:.5rem;align-items:center}.grammar-close-btn{background:#dc2626b3;color:#fff;border:1px solid rgba(220,38,38,.9);border-radius:4px;padding:.4rem .6rem;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .2s ease;line-height:1;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.grammar-close-btn:hover{background:#dc2626e6;border-color:#dc2626;transform:scale(1.1)}.grammar-close-btn:active{transform:scale(.95)}.grammar-mark-known-btn,.grammar-mark-unknown-btn,.grammar-expand-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.grammar-mark-known-btn,.grammar-mark-unknown-btn{min-width:auto;padding:.3rem .8rem;font-size:.9rem}.grammar-mark-known-btn:hover{background:#22c55e4d;border-color:#22c55e99;transform:scale(1.05)}.grammar-mark-unknown-btn:hover{background:#fbbf244d;border-color:#fbbf2499;transform:scale(1.05)}.grammar-expand-btn:hover{background:#3b82f64d;border-color:#3b82f699;transform:scale(1.05)}.grammar-point-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.grammar-point-body{font-size:1.4rem;line-height:1.6;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word}.grammar-point-body p{margin:.5rem 0}.grammar-point-body p:first-child{margin-top:0}.grammar-point-body p:last-child{margin-bottom:0}.loading-grammar{color:#ccc;font-style:italic;text-align:center;padding:1rem}.grammar-point-structure{margin-top:1rem;padding:.75rem;background:#3b82f626;border-left:3px solid rgba(59,130,246,.5);border-radius:4px}.grammar-point-structure strong{display:block;font-size:1.3rem;color:#60a5fa;margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.grammar-point-structure p{font-size:1.3rem;color:#bfdbfe;margin:0;font-family:Courier New,monospace;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.grammar-point-examples{margin-top:1rem;padding:.75rem;background:#22c55e26;border-left:3px solid rgba(34,197,94,.5);border-radius:4px}.grammar-point-examples strong{display:block;font-size:1.3rem;color:#4ade80;margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.grammar-point-examples p{font-size:1.3rem;color:#86efac;margin:.5rem 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.grammar-point-examples p:first-of-type{margin-top:.5rem}.grammar-point-examples p:last-child{margin-bottom:0}.character-name-with-tooltip .custom-tooltip{position:absolute;bottom:100%;left:0;background:#000000f2;color:#fff;padding:.8rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.4;max-width:50vw;min-width:40vw;box-shadow:0 4px 12px #0000004d;border:1px solid #333;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000;pointer-events:none;white-space:normal;word-wrap:break-word}.character-name-with-tooltip .custom-tooltip:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:#000000f2;pointer-events:none}.character-name-with-tooltip:hover .custom-tooltip{opacity:1;visibility:visible}.choices-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.choices-scroll-container{width:100%;max-width:90%;max-height:90vh;overflow-y:auto;overflow-x:hidden;pointer-events:auto;padding:1rem;display:flex;align-items:flex-start;justify-content:center}.choices-scroll-container::-webkit-scrollbar{width:8px}.choices-scroll-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.choices-scroll-container::-webkit-scrollbar-thumb{background:#dc262680;border-radius:4px}.choices-scroll-container::-webkit-scrollbar-thumb:hover{background:#dc2626b3}.choices-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:1200px;justify-items:center;opacity:0;transform:translateY(50px);transition:opacity .3s ease,transform .3s ease}.choices-container.visible{opacity:1;transform:translateY(0)}.choice-card-wrapper{flex:0 1 auto;min-width:280px;max-width:400px;opacity:0;transform:translateY(100px) rotateY(-15deg);animation:dealCard .6s ease-out forwards;display:flex;flex-direction:column;align-items:center}@keyframes dealCard{0%{opacity:0;transform:translateY(100px) rotateY(-15deg) scale(.8)}50%{opacity:.7;transform:translateY(-10px) rotateY(5deg) scale(1.05)}to{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}.choice-card{width:100%;min-height:180px;background:linear-gradient(135deg,#000000d9,#14141ee6);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:0;display:flex;flex-direction:column;cursor:pointer;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 6px 18px #0006,0 0 0 1px #ffffff1a inset;position:relative}.choice-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#dc26261a,#8b45131a);opacity:0;transition:opacity .3s ease;pointer-events:none}.choice-card:not(.is-disabled):hover:before{opacity:1}.choice-card:not(.is-disabled):hover{transform:translateY(-8px) scale(1.02);border-color:#dc262699;box-shadow:0 12px 32px #dc26264d,0 0 0 2px #dc262633 inset}.choice-card:not(.is-disabled):active{transform:translateY(-4px) scale(.98)}.choice-card.is-disabled{opacity:.5;cursor:not-allowed}.choice-card-image{width:100%;height:100px;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.choice-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.choice-card:hover:not(:disabled) .choice-card-image img{transform:scale(1.1)}.choice-card-content{flex:1;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem;position:relative}.choice-text{flex:1;text-align:center;font-weight:500;line-height:1.4;word-wrap:break-word;font-size:1.1rem}.choice-novel-indicator{display:block;margin-top:.5rem;font-size:.85rem;color:#ddd;font-style:italic}.choice-flip-button{margin:0 0 .75rem;display:flex;justify-content:center;align-items:center;background:#0009;border-radius:999px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(255,255,255,.3);transition:background .2s ease,transform .1s ease,box-shadow .2s ease;color:#fff;width:auto;align-self:center}.choice-flip-button:disabled{opacity:.6;cursor:not-allowed}.choice-flip-button:not(:disabled):hover{background:#dc2626d9;box-shadow:0 0 0 1px #dc262666}.choice-flip-button:not(:disabled):active{transform:scale(.97)}@media (max-width: 768px){.choices-overlay{align-items:flex-start;padding-top:2rem}.choices-scroll-container{max-width:95%;max-height:85vh;align-items:flex-start;padding-top:.5rem;padding-bottom:2rem}.choices-container{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.choice-card-wrapper{min-width:0;max-width:100%;width:100%}.choice-card{min-height:160px;font-size:.85rem}.choice-text{font-size:1rem}.choice-card-image{height:90px}.choice-card-content{padding:.6rem .8rem}.choice-flip-button{padding:.35rem 1rem;font-size:.8rem;margin-bottom:.6rem}}@media (max-width: 640px){.choices-overlay{align-items:flex-start;padding-top:1rem}.choices-scroll-container{max-width:100%;max-height:80vh;padding:.5rem .5rem 2rem;align-items:flex-start}.choices-container{padding-top:.5rem}.choices-container{grid-template-columns:repeat(2,1fr);gap:.75rem}.choice-card-wrapper{min-width:0;max-width:100%;width:100%}.choice-card{min-height:140px}.choice-card-image{height:80px}.choice-card-content{padding:.5rem .7rem}.choice-text{font-size:.95rem}.choice-flip-button{padding:.3rem .9rem;font-size:.75rem;margin-bottom:.5rem}}.game-area-buttons{display:none!important}.game-area-buttons>*{pointer-events:auto}.game-area-buttons .inventory-background-button,.game-area-buttons .task-background-button,.game-area-buttons .character-background-button,.game-area-buttons .save-background-button,.game-area-buttons .load-background-button,.game-area-buttons .variable-debug-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px);position:relative}.game-area-buttons .inventory-background-button:hover,.game-area-buttons .task-background-button:hover,.game-area-buttons .character-background-button:hover,.game-area-buttons .save-background-button:hover,.game-area-buttons .load-background-button:hover,.game-area-buttons .variable-debug-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.game-area-buttons .inventory-background-button .button-icon,.game-area-buttons .task-background-button .button-icon,.game-area-buttons .character-background-button .button-icon,.game-area-buttons .save-background-button .button-icon,.game-area-buttons .load-background-button .button-icon{font-size:1.2rem;line-height:1}.game-area-buttons .inventory-background-button .button-label,.game-area-buttons .task-background-button .button-label,.game-area-buttons .character-background-button .button-label,.game-area-buttons .save-background-button .button-label,.game-area-buttons .load-background-button .button-label{display:none}.game-area-buttons .inventory-background-button .notification-bubble,.game-area-buttons .task-background-button .notification-bubble,.game-area-buttons .character-background-button .notification-bubble{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid rgba(0,0,0,.8);box-shadow:0 2px 4px #0000004d;z-index:1}@keyframes gameAreaButtonShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(2px) rotate(1deg)}}.game-area-buttons .inventory-background-button.shake,.game-area-buttons .task-background-button.shake,.game-area-buttons .character-background-button.shake{animation:gameAreaButtonShake .6s ease-in-out}.inventory-tab-overlay{position:absolute;inset:0;background:#000c;backdrop-filter:blur(10px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:20px}.inventory-tab-container{background:#000;border:1px solid #dc2626;border-radius:12px;padding:20px;max-width:90vw;max-height:90vh;width:600px;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #dc26264d,0 10px 10px -5px #00000080}.inventory-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dc2626}.inventory-tab-header h2{color:#f9fafb;margin:0;font-size:1.5rem;font-weight:600}.inventory-instruction{font-size:.875rem;color:#9ca3af;font-style:italic}.inventory-instruction span{color:#d1d5db}.inventory-empty{text-align:center;color:#9ca3af;padding:40px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.inventory-empty h3{margin:0 0 10px;font-size:1.5rem;color:#f9fafb}.inventory-empty p{margin:10px 0;font-size:1rem;line-height:1.5}.inventory-content{display:flex;flex-direction:column;gap:20px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.inventory-item{background:#dc26260d;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:15px;text-align:center;transition:all .3s ease;position:relative}.inventory-item:hover{background:#dc262626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.item-icon{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;justify-content:center;min-height:2rem}.item-name{font-size:1rem;font-weight:600;color:#f9fafb;margin-bottom:5px}.item-description{font-size:.875rem;color:#d1d5db;margin-bottom:10px;line-height:1.4}.item-quantity{position:absolute;top:8px;right:8px;background:#dc2626;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}@media (max-width: 768px){.inventory-tab-container{padding:15px;margin:10px;max-height:95vh;width:calc(100vw - 20px)}.inventory-tab-header{flex-direction:column;align-items:flex-start;gap:10px}.inventory-instruction{text-align:center}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.inventory-item{padding:12px}.item-icon{font-size:1.5rem;min-height:1.5rem}.item-name{font-size:.9rem}.item-description{font-size:.8rem}}@media (max-width: 480px){.inventory-tab-container{padding:10px;margin:5px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.inventory-item{padding:10px}.item-icon{font-size:1.25rem;min-height:1.25rem}.item-name{font-size:.8rem}.item-description{font-size:.75rem}.empty-icon{font-size:3rem}.inventory-empty h3{font-size:1.25rem}.inventory-empty p{font-size:.9rem}}.task-tab-overlay{position:absolute;inset:0;background:#000c;backdrop-filter:blur(10px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:20px}.task-tab-container{background:#000;border:1px solid #dc2626;border-radius:12px;padding:20px;max-width:90vw;max-height:85%;width:600px;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #dc26264d,0 10px 10px -5px #00000080;overflow:hidden}.task-tab-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #dc2626;flex-shrink:0}.task-tab-header h2{color:#f9fafb;margin:0;font-size:1.25rem;font-weight:600}.task-tab-navigation{display:flex;background:#000;border-bottom:1px solid rgba(220,38,38,.3);margin-bottom:1rem;flex-shrink:0}.tab-button{flex:1;padding:.65rem 1rem;background:transparent;border:none;color:#9ca3af;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-button:hover{color:#f3f4f6;background:#dc26261a}.tab-button.active{color:#dc2626;border-bottom-color:#dc2626;background:#dc26260d}.task-empty{text-align:center;color:#9ca3af;padding:2rem 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.task-empty h3{margin:0 0 .5rem;font-size:1.25rem;color:#f9fafb}.task-empty p{margin:.5rem 0;font-size:.9rem;line-height:1.5}.task-content{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow:hidden}.task-list{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1}.task-item{background:#dc26260d;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:.75rem;display:flex;align-items:flex-start;gap:.75rem;transition:all .3s ease;position:relative}.task-item:hover{background:#dc262626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.task-item.completed{background:#dc262626;border-color:#dc2626}.task-item.started{background:#dc26261a;border-color:#dc262680}.task-item.not-started{background:#dc26260d;border-color:#dc262633}.task-details{flex:1;min-width:0}.task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.75rem}.task-title{font-size:1rem;font-weight:600;color:#f9fafb;line-height:1.4;flex:1}.hint-button{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.hint-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc262666}.task-hint{font-size:.8rem;padding:.5rem .75rem;background:#dc26261a;border-radius:6px;border-left:3px solid #dc2626;color:#d1d5db;margin-top:.5rem}.task-hint strong{color:#dc2626}.task-status-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-top:.25rem}.task-item.completed .task-status-text{color:#dc2626}.task-item.started .task-status-text{color:#ef4444}.task-item.not-started .task-status-text{color:#9ca3af}@media (max-width: 768px){.task-tab-container{padding:15px;margin:10px;height:80vh;width:calc(100vw - 20px)}.task-item{padding:12px;gap:12px}.task-title{font-size:1rem}.task-header{flex-direction:column;align-items:flex-start;gap:10px}.task-hint{font-size:.8rem;padding:6px 10px}.hint-button{font-size:.7rem;padding:5px 10px}}@media (max-width: 480px){.task-tab-container{padding:10px;margin:5px;height:80vh}.task-item{padding:10px}.task-title{font-size:.9rem}.task-hint{font-size:.75rem;padding:6px 8px}.hint-button{font-size:.65rem;padding:4px 8px}.empty-icon{font-size:3rem}.task-empty h3{font-size:1.25rem}.task-empty p{font-size:.9rem}}.flashcard-tab-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:10005;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.flashcard-tab-container{background:#000;border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:24px;max-width:90vw;max-height:90vh;width:700px;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c,0 0 0 1px #dc26261a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.flashcard-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(220,38,38,.2)}.flashcard-header-left{display:flex;align-items:center;gap:12px}.flashcard-tab-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.5px}.flashcard-counter-header{color:#9ca3af;font-size:.875rem;font-weight:500}.flashcard-header-right{display:flex;align-items:center;gap:12px}.flashcard-close-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:6px;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.flashcard-close-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.show-all-cards-btn{padding:6px 16px;background:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.4);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.show-all-cards-btn:hover{background:#dc26264d;border-color:#dc2626}.sentence-mode-btn{padding:6px 16px;background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.4);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.sentence-mode-btn:hover{background:#3b82f64d;border-color:#3b82f6}.sentence-mode-btn.active{background:#3b82f666;border-color:#3b82f6;color:#60a5fa}.flashcard-empty{text-align:center;padding:60px 20px;color:#9ca3af}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.flashcard-empty h3{margin:0 0 8px;font-size:1.25rem;color:#fff;font-weight:600}.flashcard-empty p{margin:0;font-size:.9rem;line-height:1.5}.flashcard-content{display:flex;flex-direction:column;gap:24px;align-items:center}.flashcard-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.flashcard{position:relative;width:100%;max-width:600px;height:400px;perspective:1000px;cursor:pointer}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;border:1px solid rgba(220,38,38,.3);background:linear-gradient(135deg,#0f0f0f,#1a1a1a);transition:transform .6s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.flashcard-front{transform:rotateY(0)}.flashcard-back{transform:rotateY(180deg)}.flashcard.flipped .flashcard-front{transform:rotateY(-180deg)}.flashcard.flipped .flashcard-back{transform:rotateY(0)}.flashcard-character{font-size:4.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.2}.sentence-mode-controls{width:100%;max-width:600px;display:flex;justify-content:center;margin-bottom:12px}.sentence-pinyin-toggle{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:.875rem;cursor:pointer;user-select:none}.sentence-pinyin-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.sentence-pinyin-toggle:hover{color:#fff}.flashcard-sentence-front{width:100%;text-align:center}.flashcard-sentence-text-front{font-size:2rem;color:#fff;line-height:1.6;font-style:italic;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.flashcard-sentence-pinyin-front{font-size:1.25rem;color:#fbbf24;line-height:1.5;font-weight:500;margin-top:12px}.flashcard-word-info{width:100%;text-align:center}.flashcard-word-info .flashcard-character{font-size:3.5rem;margin-bottom:20px}.flashcard-word-info .flashcard-pinyin{font-size:1.5rem;margin-bottom:20px}.flashcard-word-info .flashcard-meaning{font-size:1.25rem;margin-bottom:24px}.flashcard-word-info .flashcard-sentence-translation{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.flashcard-word-info .flashcard-sentence-translation .flashcard-sentence-label{font-size:.875rem;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.flashcard-word-info .flashcard-sentence-translation .flashcard-sentence-translation-text{font-size:1.1rem;color:#ffffffe6;line-height:1.6;font-style:italic}.flashcard-pinyin{font-size:1.75rem;color:#fbbf24;text-align:center;margin-bottom:24px;font-weight:500;letter-spacing:1px}.flashcard-meaning{font-size:1.5rem;color:#fff;text-align:center;line-height:1.6;max-width:100%;margin-bottom:20px}.flashcard-sentence{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.flashcard-sentence-label{font-size:.875rem;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.flashcard-sentence-text{font-size:1.1rem;color:#ffffffe6;line-height:1.6;font-style:italic;margin-bottom:12px}.flashcard-sentence-pinyin{font-size:1rem;color:#fbbf24;line-height:1.5;margin-bottom:12px;font-weight:500}.flashcard-sentence-translation{font-size:1rem;color:#fffc;line-height:1.5;font-style:italic}.flashcard-hint{color:#9ca3af;font-size:.875rem;text-align:center;opacity:.7;font-style:italic}.flashcard-actions{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:600px}.flashcard-nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.flashcard-nav-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.flashcard-nav-btn:disabled{opacity:.3;cursor:not-allowed}.flashcard-action-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.know-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.know-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.not-sure-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.not-sure-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.flashcard-action-btn:active{transform:translateY(0)}.all-cards-view{max-height:calc(90vh - 120px);overflow-y:auto;padding-right:8px}.all-cards-view::-webkit-scrollbar{width:6px}.all-cards-view::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.all-cards-view::-webkit-scrollbar-thumb{background:#dc262680;border-radius:3px}.all-cards-view::-webkit-scrollbar-thumb:hover{background:#dc2626b3}.all-cards-view h3{color:#fff;margin:0 0 20px;font-size:1.25rem;font-weight:600}.all-cards-list{display:flex;flex-direction:column;gap:12px}.card-info-item{background:#ffffff08;border:1px solid rgba(220,38,38,.2);border-radius:8px;padding:16px;transition:all .2s ease}.card-info-item:hover{background:#ffffff0d;border-color:#dc262666}.card-info-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-info-text{display:flex;align-items:center;gap:16px;flex:1}.card-character{font-size:1.75rem;font-weight:700;color:#fff;min-width:60px}.card-pinyin{font-size:1rem;color:#fbbf24;min-width:100px}.card-meaning{font-size:1rem;color:#d1d5db;flex:1}.card-info-actions{display:flex;align-items:center;gap:12px}.card-info-status{display:flex;align-items:center}.card-delete-btn{background:#dc262633;border:1px solid rgba(220,38,38,.4);color:#dc2626;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.card-delete-btn:hover{background:#dc26264d;border-color:#dc262699;transform:scale(1.1)}.status-badge{padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.mastered{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.learning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.card-info-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.card-info-row{display:flex;justify-content:space-between;align-items:center}.card-sentence{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.card-sentence .label{font-weight:600;min-width:80px}.card-sentence .value{flex:1;font-style:italic;color:#fffc}.card-sentence-pinyin .label{font-weight:600;min-width:120px}.card-sentence-pinyin .value{flex:1;color:#fbbf24;font-weight:500}.card-sentence-translation .label{font-weight:600;min-width:120px}.card-sentence-translation .value{flex:1;font-style:italic;color:#fffc}font-size: .875rem; } .card-info-row .label{color:#9ca3af;font-weight:500}.card-info-row .value{color:#fff;font-weight:600}@media (max-width: 768px){.flashcard-tab-container{padding:20px;width:calc(100vw - 40px);max-height:95vh}.flashcard-tab-header h2{font-size:1.25rem}.flashcard{height:350px}.flashcard-character{font-size:3.5rem}.flashcard-pinyin{font-size:1.5rem}.flashcard-meaning{font-size:1.25rem}.flashcard-actions{flex-wrap:wrap;gap:8px}.flashcard-action-btn{min-width:calc(50% - 4px)}.card-info-main,.card-info-text{flex-direction:column;align-items:flex-start;gap:8px}.card-info-details{grid-template-columns:1fr}}@media (max-width: 480px){.flashcard-tab-container{padding:16px;width:calc(100vw - 32px)}.flashcard{height:300px}.flashcard-character{font-size:3rem}.flashcard-pinyin{font-size:1.25rem}.flashcard-meaning{font-size:1.1rem}.flashcard-actions{flex-direction:column}.flashcard-action-btn{width:100%;min-width:auto}.flashcard-nav-btn{width:100%}}.item-obtained-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px}.item-obtained-modal-overlay.show{opacity:1;visibility:visible}.item-obtained-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;padding:0;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;transform:scale(.8) translateY(50px);transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1)}.item-obtained-modal.show{transform:scale(1) translateY(0)}.item-obtained-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.item-obtained-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0}.item-obtained-content{padding:2rem;text-align:center;color:#fff}.item-icon{margin-bottom:20px;animation:bounce .6s ease-in-out}.item-image{width:80px;height:80px;object-fit:cover;border-radius:15px;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 16px #0003}.item-emoji,.item-default-icon{font-size:60px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.item-text{margin-bottom:20px}.item-name{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#e50914;animation:slideInUp .5s ease-out .2s both}.item-chinese{font-size:1.8rem;margin:0 0 .75rem;color:#e50914;animation:slideInUp .5s ease-out .2s both}.item-pinyin{font-size:1.1rem;margin:0 0 .5rem;color:gold;font-style:italic;animation:slideInUp .5s ease-out .25s both}.item-english{font-size:1rem;margin:0 0 1rem;color:#4a9eff;animation:slideInUp .5s ease-out .3s both}.item-variable-name{font-size:.9rem;margin:0 0 .5rem;color:#888;font-family:Courier New,monospace;animation:slideInUp .5s ease-out .25s both}.item-description{font-size:1rem;margin:0;color:#ccc;animation:slideInUp .5s ease-out .3s both}.item-obtained-close-btn{background:none;border:none;color:#ccc;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.item-obtained-close-btn:hover{background:#ffffff1a;color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.item-obtained-modal{width:95%;margin:20px}.item-obtained-header{padding:1.5rem 1.5rem 1rem}.item-obtained-header h2{font-size:1.5rem}.item-obtained-content{padding:1.5rem}.item-image{width:60px;height:60px}.item-emoji,.item-default-icon{font-size:50px}.item-name{font-size:1.3rem}.item-chinese{font-size:1.5rem}.item-pinyin{font-size:1rem}.item-english{font-size:.9rem}.item-variable-name{font-size:.8rem}.item-description{font-size:.9rem}}.inventory-selection-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);z-index:10003;display:flex;align-items:center;justify-content:center;padding:20px}.inventory-selection-modal{background:#000;border:1px solid #dc2626;border-radius:12px;padding:20px;max-width:90vw;max-height:90vh;width:600px;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #dc26264d,0 10px 10px -5px #00000080}.inventory-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dc2626}.inventory-selection-header h2{color:#f9fafb;margin:0;font-size:1.5rem;font-weight:600}.inventory-selection-close-btn{background:none;border:none;color:#ccc;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.inventory-selection-close-btn:hover{background:#ffffff1a;color:#fff}.inventory-selection-content{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.inventory-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.inventory-selection-item{background:#dc26260d;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:15px;text-align:center;transition:all .3s ease;position:relative}.inventory-selection-item:hover{background:#dc262626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.selection-item-icon{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;justify-content:center;min-height:2rem}.selection-item-name{font-size:1rem;font-weight:600;color:#f9fafb;margin-bottom:5px}.selection-item-pinyin{font-size:.85rem;color:gold;font-style:italic;margin-bottom:3px}.selection-item-english{font-size:.85rem;color:#4a9eff;margin-bottom:5px}@media (max-width: 768px){.inventory-selection-modal{padding:15px;margin:10px;max-height:95vh;width:calc(100vw - 20px)}.inventory-selection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.inventory-selection-item{padding:12px}}.inventory-selection-empty{text-align:center;padding:3rem 2rem;color:#9ca3af}.inventory-selection-empty .empty-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.inventory-selection-empty .empty-message{font-size:1.2rem;color:#d1d5db;margin:0}.inventory-selection-message-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(5px);z-index:10004;display:flex;align-items:center;justify-content:center;padding:20px}.inventory-selection-message{background:#000;border:1px solid #dc2626;border-radius:12px;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 25px -5px #dc26264d}.inventory-selection-message p{color:#f9fafb;font-size:1.2rem;margin:0 0 1.5rem}.inventory-selection-message button{background:#dc2626;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.inventory-selection-message button:hover{background:#c82333;transform:translateY(-1px)}.character-info-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.character-info-modal{background:linear-gradient(145deg,#141e32fa,#0f192dfa);border:2px solid rgba(100,150,255,.3);border-radius:20px;padding:0;max-width:700px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px #000000e6,0 0 40px #6496ff33;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.character-info-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid rgba(100,150,255,.2);background:linear-gradient(135deg,#1e325099,#14284699);position:relative}.character-info-modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(100,150,255,.5),transparent)}.character-info-modal-header h2{margin:0;color:#fff;font-size:2rem;font-weight:800;text-shadow:0 2px 10px rgba(100,150,255,.5);letter-spacing:.5px}.character-info-modal-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.8rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.character-info-modal-close:hover{background:#ff646433;border-color:#ff969699;transform:scale(1.15) rotate(90deg);box-shadow:0 0 15px #ff646466}.character-info-content{display:flex;flex-direction:column;gap:2rem;padding:2rem;overflow-y:auto;flex:1}.character-info-sprite{display:flex;justify-content:center;margin-bottom:1.5rem}.character-info-sprite img{max-width:220px;max-height:220px;object-fit:contain;border-radius:16px;background:linear-gradient(135deg,#1e325066,#14284666);padding:1.5rem;border:2px solid rgba(100,150,255,.3);box-shadow:0 10px 30px #00000080,0 0 20px #6496ff33;transition:transform .3s ease}.character-info-sprite img:hover{transform:scale(1.05);box-shadow:0 15px 40px #0009,0 0 30px #6496ff4d}.character-info-name{text-align:center;margin-bottom:1.5rem}.character-info-name h3{margin:0 0 .75rem;color:gold;font-size:2.5rem;font-weight:800;text-shadow:0 0 20px rgba(255,215,0,.6),0 4px 8px rgba(0,0,0,.5);letter-spacing:1px;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.character-info-title{margin:0;color:#a0c4ff;font-size:1.2rem;font-style:italic;text-shadow:0 2px 8px rgba(0,0,0,.5)}.character-info-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:linear-gradient(135deg,#14233c99,#0f192d99);padding:1.5rem;border-radius:16px;border:1px solid rgba(100,150,255,.2);box-shadow:inset 0 2px 10px #0000004d,0 0 20px #6496ff1a}.character-info-stat{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff14;border-radius:10px;border:1px solid rgba(100,150,255,.15);transition:all .3s ease}.character-info-stat:hover{background:#ffffff1f;border-color:#6496ff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-label{color:#a0c4ff;font-size:1rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stat-value{color:#fff;font-size:1.3rem;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.5)}.character-info-exp{background:linear-gradient(135deg,#14233c99,#0f192d99);padding:1.5rem;border-radius:16px;border:1px solid rgba(100,150,255,.2);box-shadow:inset 0 2px 10px #0000004d,0 0 20px #6496ff1a}.exp-bar-container{margin-top:0}.exp-bar-track{height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);margin-bottom:.5rem}.exp-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 100%;animation:expBarShine 2s linear infinite;transition:width .3s ease;box-shadow:0 0 15px #fbbf2499,inset 0 0 10px #fff3;border-radius:10px}@keyframes expBarShine{0%{background-position:200% 0}to{background-position:-200% 0}}.exp-bar-text{text-align:center;color:#ccc;font-size:.9rem}.character-info-skills{background:linear-gradient(135deg,#14233c99,#0f192d99);padding:1.5rem;border-radius:16px;border:1px solid rgba(100,150,255,.2);box-shadow:inset 0 2px 10px #0000004d,0 0 20px #6496ff1a}.character-info-skills h4{margin:0 0 1rem;color:#fff;font-size:1.3rem;font-weight:700}.skills-list{display:flex;flex-direction:column;gap:.75rem}.skill-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff14;border-radius:10px;border-left:4px solid #3b82f6;border:1px solid rgba(100,150,255,.15);transition:all .3s ease}.skill-item:hover{background:#ffffff1f;border-color:#6496ff4d;transform:translate(4px);box-shadow:0 4px 12px #0000004d}.skill-name{color:#fff;font-size:1.1rem;font-weight:600}.skill-details{color:#ccc;font-size:.9rem}@media (max-width: 768px){.character-info-modal{padding:1.5rem;width:95%}.character-info-stats{grid-template-columns:1fr}.character-info-sprite img{max-width:150px;max-height:150px}}.volume-slider-container{margin-bottom:1rem}.volume-slider-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:#fff}.volume-slider-icon{font-size:1rem}.volume-slider-value{margin-left:auto;font-weight:600;color:#fffc}.volume-slider-track{position:relative;width:100%;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer}.volume-slider-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:3px;transition:width .1s ease}.volume-slider-circle{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border:2px solid #3b82f6;border-radius:50%;cursor:grab;transition:left .1s ease;box-shadow:0 2px 4px #0000004d}.volume-slider-circle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.volume-slider-track:hover .volume-slider-circle{transform:translate(-50%,-50%) scale(1.1)}.mobile-fullscreen-button{display:none}@media screen and (orientation: landscape) and (max-width: 1024px){.mobile-fullscreen-button{display:flex;position:fixed;top:10px;right:10px;z-index:10000;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;font-size:2rem;width:60px;height:60px;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000080}.mobile-fullscreen-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.mobile-fullscreen-button:active{transform:scale(.95)}}.mobile-menu-button{display:none}@media screen and (orientation: landscape) and (max-width: 1024px){.mobile-menu-button{display:flex;align-items:center;justify-content:center;position:fixed;top:10px;left:10px;width:45px;height:45px;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1.5rem;z-index:10003;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 12px #00000080}.mobile-menu-button:hover,.mobile-menu-button:active{background:#e50914e6;border-color:#ffffff80;transform:scale(1.05)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(5px);z-index:10004;animation:fadeIn .3s ease}.mobile-menu-panel{position:fixed;top:0;left:0;width:320px;max-width:80vw;height:100vh;background:#141414fa;border-right:2px solid rgba(255,255,255,.2);z-index:10005;overflow-y:auto;animation:slideInLeft .3s ease;box-shadow:4px 0 20px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#e5091433;border-bottom:2px solid rgba(229,9,20,.5);position:sticky;top:0;z-index:10}.mobile-menu-header h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.mobile-menu-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mobile-menu-close:hover{background:#ffffff1a;transform:scale(1.1)}.mobile-menu-content{padding:.5rem 0}.mobile-menu-section{margin-bottom:1.5rem;padding:0 .75rem}.mobile-menu-section-title{color:#ffffff80;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;padding:0 .5rem}.mobile-menu-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.9rem 1rem;margin:.25rem 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.95rem}.mobile-menu-item:hover,.mobile-menu-item:active{background:#ffffff26;border-color:#ffffff4d;transform:translate(4px)}.mobile-menu-item.danger{border-color:#e5091480;background:#e509141a}.mobile-menu-item.danger:hover,.mobile-menu-item.danger:active{background:#e5091433;border-color:#e50914cc}.menu-item-icon{font-size:1.3rem;width:32px;text-align:center;flex-shrink:0}.menu-item-label{flex:1;font-weight:500}.mobile-menu-setting{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;margin:.25rem 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.setting-label{color:#fff;font-size:.95rem;font-weight:500}.setting-controls{display:flex;align-items:center;gap:.5rem}.setting-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.setting-button:hover:not(:disabled){background:#fff3;border-color:#fff6}.setting-button:disabled{opacity:.4;cursor:not-allowed}.setting-value{color:#fff;font-size:.9rem;font-weight:600;min-width:45px;text-align:center;background:#0000004d;padding:.25rem .5rem;border-radius:4px}.toggle-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;min-width:60px}.toggle-button:hover{background:#fff3;border-color:#fff6}.toggle-button.active{background:#4caf504d;border-color:#4caf5099;color:#4caf50}.toggle-button.active:hover{background:#4caf5066;border-color:#4caf50cc}}@media screen and (orientation: landscape) and (max-width: 1024px){.mobile-menu-panel::-webkit-scrollbar{width:6px}.mobile-menu-panel::-webkit-scrollbar-track{background:#ffffff0d}.mobile-menu-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.mobile-menu-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mobile-notification-bubble{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid white;box-shadow:0 2px 4px #0000004d;z-index:10002}.mobile-menu-setting .volume-slider-container{width:100%;margin-bottom:0}.mobile-menu-setting .volume-slider-label{font-size:.9rem}.mobile-menu-setting .volume-slider-track{margin-top:.5rem}}.quiz-testing-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.quiz-testing-icon:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.quiz-testing-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto;box-sizing:border-box}.quiz-testing-modal{background:#0f172af2;border:1px solid rgba(255,255,255,.2);border-radius:12px;max-width:600px;width:100%;max-height:calc(90vh - 4rem);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;margin:auto;position:relative;box-sizing:border-box}.quiz-testing-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.quiz-testing-modal-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.quiz-testing-modal-close{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.quiz-testing-modal-close:hover{background:#ffffff1a}.quiz-testing-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.quiz-testing-modal-description{color:#fffc;margin:0 0 1.5rem;font-size:.95rem}.quiz-testing-list{display:flex;flex-direction:column;gap:1rem}.quiz-testing-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.quiz-testing-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.quiz-testing-item-id{color:#fff;font-weight:600;font-size:1.1rem}.quiz-testing-item-count{color:#ffffffb3;font-size:.9rem}.quiz-testing-item-tiers{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.quiz-testing-item-label{color:#fff9;font-size:.85rem}.quiz-testing-item-badges{display:flex;gap:.5rem;flex-wrap:wrap}.quiz-testing-badge{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:capitalize}.quiz-testing-badge-foundation{background:#3b82f64d;color:#93c5fd;border:1px solid rgba(59,130,246,.5)}.quiz-testing-badge-building{background:#22c55e4d;color:#86efac;border:1px solid rgba(34,197,94,.5)}.quiz-testing-badge-advanced{background:#a855f74d;color:#c4b5fd;border:1px solid rgba(168,85,247,.5)}.quiz-testing-item-question{color:#ffffff80;font-size:.85rem;margin-top:.5rem;font-style:italic}.starting-spirit-info-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.starting-spirit-info-icon:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.starting-spirit-info-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto;box-sizing:border-box}.starting-spirit-info-modal{background:#0f172af2;border:1px solid rgba(255,255,255,.2);border-radius:12px;max-width:500px;width:100%;max-height:calc(90vh - 4rem);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;margin:auto;position:relative;box-sizing:border-box}.starting-spirit-info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.starting-spirit-info-modal-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.starting-spirit-info-modal-close{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.starting-spirit-info-modal-close:hover{background:#ffffff1a}.starting-spirit-info-modal-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.starting-spirit-info-sprite{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;overflow:hidden}.starting-spirit-info-sprite img{max-width:100%;max-height:100%;object-fit:contain}.starting-spirit-info-name{text-align:center}.starting-spirit-info-name h4{margin:0 0 .5rem;color:#fff;font-size:1.3rem;font-weight:600}.starting-spirit-info-title{margin:0;color:#ffffffb3;font-size:.95rem;font-style:italic}.starting-spirit-info-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.starting-spirit-info-stat{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px}.starting-spirit-info-stat .stat-label{color:#fff9;font-size:.85rem;font-weight:500}.starting-spirit-info-stat .stat-value{color:#fff;font-size:1.1rem;font-weight:600}.reader-settings-menu{position:relative;display:inline-block}.settings-menu-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.settings-menu-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.settings-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#141414f2;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;min-width:200px;box-shadow:0 4px 16px #00000080;backdrop-filter:blur(10px);z-index:10002;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-menu-section{margin-bottom:.75rem}.settings-menu-section:last-child{margin-bottom:0}.settings-menu-label{color:#fff9;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;padding:0 .5rem}.font-controls-compact{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.25rem}.font-size-button-compact{background:transparent;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.font-size-button-compact:hover:not(:disabled){background:#ffffff26}.font-size-button-compact:disabled{opacity:.4;cursor:not-allowed}.font-size-display-compact{color:#fff;font-size:.8rem;font-weight:500;min-width:40px;text-align:center;background:#0000004d;padding:.2rem .4rem;border-radius:3px}.settings-menu-item{width:100%;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;text-align:left}.settings-menu-item:last-child{margin-bottom:0}.settings-menu-item:hover{background:#ffffff1a;border-color:#fff3}.settings-menu-item.active{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.menu-item-icon{font-size:1rem;min-width:20px;text-align:center}.menu-item-badge{margin-left:auto;background:#dc2626;color:#fff;border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.settings-menu-battle-icons{display:flex;gap:.5rem}.settings-menu-battle-icons .quiz-testing-icon,.settings-menu-battle-icons .starting-spirit-info-icon{flex:1;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem .75rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-menu-battle-icons .quiz-testing-icon:hover,.settings-menu-battle-icons .starting-spirit-info-icon:hover{background:#ffffff1a;border-color:#fff3}.reader-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0000004d;backdrop-filter:blur(10px);z-index:10000;border-bottom:1px solid rgba(255,255,255,.1)}.back-button-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.back-button-icon:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.back-button{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:80px;height:40px}.back-button:hover{background:#fff3!important;border-color:#fff6!important;transform:scale(1.02)}.novel-info{flex:1;margin:0 2rem;text-align:center}.novel-info h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:1rem;align-items:center}.header-actions-simplified{display:flex;gap:.75rem;align-items:center}.reader-header .inventory-background-button,.reader-header .task-background-button,.reader-header .character-background-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px);position:relative}.reader-header .inventory-background-button:hover,.reader-header .task-background-button:hover,.reader-header .character-background-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.reader-header .inventory-background-button .button-icon,.reader-header .task-background-button .button-icon,.reader-header .character-background-button .button-icon{font-size:1.2rem;line-height:1}.reader-header .inventory-background-button .button-label,.reader-header .task-background-button .button-label,.reader-header .character-background-button .button-label{display:none}.reader-header .inventory-background-button .notification-bubble,.reader-header .task-background-button .notification-bubble,.reader-header .character-background-button .notification-bubble{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid rgba(0,0,0,.8);box-shadow:0 2px 4px #0000004d;z-index:1}@keyframes headerButtonShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px) rotate(-1deg)}20%,40%,60%,80%{transform:translate(2px) rotate(1deg)}}.reader-header .inventory-background-button.shake,.reader-header .task-background-button.shake,.reader-header .character-background-button.shake{animation:headerButtonShake .6s ease-in-out}.font-controls{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.25rem}.font-size-button{background:transparent;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.font-size-button:hover:not(:disabled){background:#fff3}.font-size-button:disabled{opacity:.4;cursor:not-allowed}.font-size-button:disabled:hover{background:transparent}.font-size-display{color:#fff;font-size:.8rem;font-weight:500;min-width:35px;text-align:center;background:#0000004d;padding:.2rem .4rem;border-radius:3px}.pinyin-toggle-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:120px;height:40px}.pinyin-toggle-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.02)}.pinyin-toggle-button.active{background:#4caf504d;border-color:#4caf5099;color:#4caf50}.pinyin-toggle-button.active:hover{background:#4caf5066;border-color:#4caf50cc}.translation-toggle-button{background:transparent;border:1px solid #dc2626;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:140px;height:40px}.translation-toggle-button:hover:not(:disabled){background:transparent;border-color:#dc2626;transform:scale(1.02)}.translation-toggle-button.active{background:transparent;border-color:#dc2626;color:#dc2626}.translation-toggle-button.active:hover{background:transparent;border-color:#dc2626}.translation-toggle-button:disabled{opacity:.5;cursor:not-allowed}.flashcard-button{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#dc2626;padding:.5rem .8rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:.3rem;font-weight:600;min-width:auto;max-width:120px}.flashcard-button:hover{background:#dc26264d;transform:scale(1.05);box-shadow:0 2px 8px #dc26264d}.inventory-button{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e;padding:.5rem .8rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:.3rem;font-weight:600;min-width:auto;max-width:120px}.inventory-button:hover{background:#22c55e4d;transform:scale(1.05);box-shadow:0 2px 8px #22c55e4d}.fullscreen-button{background:transparent;color:#fff;border:1px solid #666;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .3s}.fullscreen-button:hover{background:#333;border-color:#999}.fullscreen-button-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.fullscreen-button-icon:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.chinese-toggle-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:700;margin-right:.5rem;transition:all .3s;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.chinese-toggle-button:hover{background:#fff3;border-color:#fff6}.font-controls-header{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.25rem .5rem}.font-size-button-header{background:transparent;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s;min-width:auto;height:36px;display:flex;align-items:center;justify-content:center;gap:.3rem}.font-size-button-header:hover:not(:disabled){background:#fff3}.font-size-button-header:disabled{opacity:.4;cursor:not-allowed}.font-size-icon{font-size:1rem}.font-size-label{font-size:.75rem;font-weight:500}.font-size-display-header{color:#fff;font-size:.85rem;font-weight:600;min-width:45px;text-align:center;background:#0000004d;padding:.3rem .5rem;border-radius:3px}.pinyin-toggle-button-header{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;height:40px;min-width:auto}.pinyin-toggle-button-header:hover{background:#fff3;border-color:#fff6;transform:scale(1.02)}.pinyin-toggle-button-header.active{background:#4caf504d;border-color:#4caf5099;color:#4caf50}.pinyin-toggle-button-header.active:hover{background:#4caf5066;border-color:#4caf50cc}.pinyin-icon{font-size:1rem}.pinyin-label{font-size:.85rem;font-weight:600}.chinese-toggle-button-header{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s;min-width:auto;height:40px;display:flex;align-items:center;justify-content:center;gap:.4rem}.chinese-toggle-button-header:hover{background:#fff3;border-color:#fff6;transform:scale(1.02)}.chinese-toggle-button-header.traditional{background:#3b82f633;border-color:#3b82f680;color:#60a5fa}.chinese-toggle-button-header.simplified{background:#ffffff1a;border-color:#fff3;color:#fff}.chinese-icon{font-size:1.1rem;font-weight:700}.chinese-label{font-size:.85rem;font-weight:600}.flashcard-button-header{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#dc2626;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;font-weight:600;min-width:auto;height:40px;position:relative}.flashcard-button-header:hover{background:#dc26264d;transform:scale(1.05);box-shadow:0 2px 8px #dc26264d}.flashcard-icon{font-size:1rem}.flashcard-label{font-size:.85rem;font-weight:600}.flashcard-badge{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid rgba(0,0,0,.8);box-shadow:0 2px 4px #0000004d;z-index:1}.reload-button-header{background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#60a5fa;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;font-weight:600;min-width:auto;height:40px}.reload-button-header:hover{background:#3b82f64d;transform:scale(1.05);box-shadow:0 2px 8px #3b82f64d}.reload-icon{font-size:1rem}.reload-label{font-size:.85rem;font-weight:600}.variable-debug-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;backdrop-filter:blur(4px)}.variable-debug-panel{background:#1c1c1c;border:1px solid #333;border-radius:8px;width:min(600px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #00000080}.variable-debug-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#252525;border-bottom:1px solid #333}.variable-debug-header h4{margin:0;color:#fff}.variable-debug-close{background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer}.variable-debug-body{padding:1rem;overflow:auto}.variable-debug-empty{color:#ccc;text-align:center;padding:1rem}.variable-debug-table{width:100%;border-collapse:collapse}.variable-debug-table th,.variable-debug-table td{padding:.5rem .75rem;border-bottom:1px solid #333;color:#eee;text-align:left;font-size:.95rem}.variable-debug-table th{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.var-name{color:#e50914;font-weight:600;word-break:break-all}.var-value{color:#fff;word-break:break-all;font-family:monospace}.ending-page{min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.loading-container,.error-container,.no-endings-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner-small{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-stats-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.loading-text{font-size:.9rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.ending-card.loading-stats{pointer-events:none}.ending-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:#000c;border-bottom:1px solid #333}.ending-header h1{margin:0;font-size:2rem;font-weight:400;color:#fff}.ending-count{color:#999;font-size:.9rem}.btn-back{background:transparent;color:#fff;border:1px solid #333;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#1a1a1a;border-color:#555}.endings-container{padding:2rem;max-width:1400px;margin:0 auto}.endings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.endings-grid.single-ending{justify-content:center;grid-template-columns:280px}.ending-card{perspective:1000px;height:400px;cursor:pointer}.ending-card.locked{cursor:not-allowed}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.ending-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;border:2px solid #333}.card-front{background:#1a1a1a;display:flex;align-items:center;justify-content:center}.card-back{background:#1a1a1a;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:2rem}.ending-portrait{width:100%;height:100%;object-fit:contain;transition:filter .6s ease,transform .3s ease}.ending-card:hover:not(.locked) .ending-portrait{transform:scale(1.05)}.ending-portrait.locked-image{filter:grayscale(100%) blur(3px) brightness(.5)}.ending-card.unlocking .ending-portrait.locked-image{animation:unlockAnimation 3s ease forwards;animation-delay:.5s}@keyframes unlockAnimation{0%{filter:grayscale(100%) blur(3px) brightness(.5)}33.33%{filter:grayscale(100%) blur(0px) brightness(.5)}to{filter:grayscale(0%) blur(0px) brightness(1)}}.locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;pointer-events:none}.locked-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:.2em;opacity:1}.locked-text.fading-out{animation:fadeOutText .5s ease forwards}@keyframes fadeOutText{0%{opacity:1}to{opacity:0}}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#666;font-size:1rem}.card-back-content{text-align:center;width:100%}.ending-type-badge{margin-bottom:1.5rem}.true-ending{background:#4caf50;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;display:inline-block}.bad-ending{background:#f44336;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;display:inline-block}.ending-name{margin:1rem 0;font-size:1.5rem;font-weight:500;color:#fff}.ending-description{margin:1rem 0 0;color:#ccc;line-height:1.6;font-size:.95rem}.ending-footer{display:flex;justify-content:center;padding:2rem;background:#000c;border-top:1px solid #333}.btn-continue{background:#fff;color:#000;border:none;padding:.75rem 2rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-continue:hover{background:#e0e0e0}@media (max-width: 768px){.ending-page{padding:.5rem 0}.ending-header{flex-direction:column;gap:.5rem;text-align:center;padding:.5rem;margin-bottom:.5rem}.ending-header h1{font-size:1.25rem;margin:0}.ending-count{font-size:.8rem;margin:0}.endings-container{padding:.25rem;min-height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:center}.endings-grid{grid-template-columns:1fr;gap:.5rem;justify-items:center;flex:1;display:flex;align-items:center}.endings-grid.single-ending{grid-template-columns:1fr}.ending-card{max-width:100%;width:100%;height:auto;min-height:calc(100vh - 180px);max-height:calc(100vh - 140px)}.card-front,.card-back{min-height:calc(100vh - 180px);max-height:calc(100vh - 140px)}.card-back{padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.card-back-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 220px)}.ending-name{font-size:1.25rem;margin-bottom:.5rem}.ending-description{flex:1;overflow-y:auto;max-height:200px}.btn-back,.btn-continue{width:100%;margin-top:.5rem;flex-shrink:0}.ending-footer{margin-top:1rem;padding:.5rem}}@media (max-width: 480px){.ending-page{padding:.25rem 0}.ending-header{padding:.25rem;margin-bottom:.25rem}.ending-header h1{font-size:1.1rem;margin:0}.ending-count{font-size:.75rem;margin:0}.endings-container{padding:.125rem;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center}.endings-grid{grid-template-columns:1fr;gap:.25rem;justify-items:center;flex:1;display:flex;align-items:center}.endings-grid.single-ending{grid-template-columns:1fr}.ending-card{max-width:100%;width:100%;height:auto;min-height:calc(100vh - 120px);max-height:calc(100vh - 100px)}.card-front,.card-back{min-height:calc(100vh - 120px);max-height:calc(100vh - 100px)}.card-back{padding:.75rem;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.card-back-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 160px)}.ending-name{font-size:1.1rem;margin-bottom:.5rem}.ending-description{flex:1;overflow-y:auto;max-height:150px}.locked-text{font-size:1.2rem}.btn-back,.btn-continue{width:100%;margin-top:.5rem;flex-shrink:0}.ending-footer{margin-top:.5rem;padding:.25rem}}