:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--touch-target-min: 48px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--z-sidebar: 1000;--z-sidebar-toggle: 1001;--z-overlay: 999;--z-modal: 1100;--z-toast: 1200}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:revert}}@media(max-width:768px){.desktop-only{display:none!important}}.tablet-only{display:none}@media(min-width:769px)and (max-width:1024px){.tablet-only{display:revert}}@media(hover:none)and (pointer:coarse){button,a,[role=button],input[type=submit],input[type=button]{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}@media(max-width:768px){input,textarea,select{font-size:16px!important}}@media(hover:none)and (pointer:coarse){::-webkit-scrollbar{width:4px;height:4px}}button,a,[role=button],input[type=submit],input[type=button],select{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.character-thumbnail.loading,.quest-thumbnail.loading{animation:none!important}.sidebar{transition:none!important}.modal-content,.auth-container{animation:none!important}}@media(max-width:768px){#root{padding:0}body{overflow-x:hidden}}@media(max-width:768px){.game-container{flex-direction:column;position:relative}}@media(max-width:768px){.sidebar-overlay{position:fixed;inset:0;background-color:#0000008c;z-index:var(--z-overlay, 999);animation:fadeIn .25s ease-in-out;-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;min-width:280px;z-index:var(--z-sidebar, 1000);transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 12px #0006;padding:72px 16px 20px;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:280px;min-width:280px;transform:translate(-100%)}.sidebar.collapsed.open{transform:translate(0)}}@media(max-width:768px){.sidebar-toggle-mobile{position:fixed;top:12px;left:12px;z-index:var(--z-sidebar-toggle, 1001);background-color:#2c2c2c;border:1px solid #555;color:#fff;padding:10px 12px;border-radius:8px;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0006;transition:background-color .2s;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.sidebar-toggle-mobile:hover,.sidebar-toggle-mobile:focus{background-color:#3c3c3c;outline:none;border-color:#777}.sidebar-toggle-mobile:active{background-color:#444}}@media(max-width:768px){.main-content{padding-top:64px;width:100%;min-width:0}}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{width:100%!important;max-width:100%!important;min-height:30vh;max-height:96vh;border-radius:16px 16px 0 0;margin:0;overflow-y:auto}.modal-close{font-size:24px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.modal-content input,.modal-content textarea,.modal-content select{font-size:16px!important;padding:12px;min-height:48px}.modal-content button{min-height:48px;font-size:16px}}@media(min-width:769px)and (max-width:1024px){.game-container{flex-direction:row}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:220px;min-width:220px;padding:16px}.sidebar.collapsed{width:60px;min-width:60px}}@media(min-width:769px)and (max-width:1024px){.character-slot,.quest-item{min-height:48px;padding:10px 8px}button{min-height:44px}}@media(min-width:769px)and (max-width:1024px){.modal{max-width:600px;width:90%}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#242424}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sidebar{background-color:#1c1c1c;width:250px;height:100%;transition:width .3s;overflow-y:auto;display:flex;flex-direction:column;border-right:1px solid #333}.sidebar.collapsed{width:50px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #333}.user-info{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}.sidebar-toggle{background:none;border:none;color:#aaa;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}.sidebar-toggle:hover{background-color:#ffffff1a;color:#fff}.logout-button{background:none;border:none;color:#ff4d4d;font-size:18px;cursor:pointer;padding:0;margin-left:auto}.auth-button{background-color:#6b46c1;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background-color .2s}.auth-button:hover{background-color:#7c59cf}.character-slots{padding:16px;border-bottom:1px solid #333}.character-slots h3{color:#aaa;font-size:14px;margin-top:0;margin-bottom:12px}.character-slot{display:flex;align-items:center;padding:8px;border-radius:4px;cursor:pointer;margin-bottom:8px;background-color:#252525;transition:background-color .2s}.character-slot:hover{background-color:#333}.character-slot.empty{background-color:#1e1e1e;border:1px dashed #444}.character-thumbnail{width:40px;height:40px;border-radius:4px;object-fit:cover;margin-right:12px;background-color:#333;border:1px solid #444}.character-slot span{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-slots{padding:16px}.quest-slots h3{color:#aaa;font-size:14px;margin-top:0;margin-bottom:12px}.quest-slot{display:flex;align-items:center;padding:8px;border-radius:4px;cursor:pointer;margin-bottom:8px;background-color:#252525;transition:all .2s ease}.quest-slot:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.quest-slot.empty{background-color:#1e1e1e;border:1px dashed #444}.quest-slot.empty:hover{background-color:#2a2a2a}.quest-slot div{flex:1;overflow:hidden}.quest-slot div div,.quest-slot span{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-list{padding:16px}.quest-list h3{color:#aaa;font-size:14px;margin-top:0;margin-bottom:12px}.quest-item{display:flex;align-items:center;padding:8px;border-radius:4px;cursor:pointer;margin-bottom:8px;background-color:#252525;transition:background-color .2s}.quest-item:hover{background-color:#333}.quest-thumbnail{width:40px;height:40px;border-radius:4px;object-fit:cover;margin-right:12px;background-color:#333;border:1px solid #444}.quest-item div{flex:1;overflow:hidden}.quest-item div div{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-date{color:#aaa;font-size:12px}.user-settings-container{padding:16px;border-top:1px solid #333}.settings-link{display:block;padding:12px;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;text-decoration:none;border-radius:6px;text-align:center;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #27ae6033;margin-bottom:8px}.settings-link:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.settings-link.help-link{background:linear-gradient(135deg,#4a9eff,#3a8eef);box-shadow:0 2px 4px #4a9eff33}.settings-link.help-link:hover{background:linear-gradient(135deg,#3a8eef,#2a7edf);box-shadow:0 4px 8px #4a9eff4d}.admin-link-container{padding:16px;border-bottom:1px solid #333}.admin-link{display:block;padding:12px;background:linear-gradient(135deg,#4a9eff,#3a7fcf);color:#fff;text-decoration:none;border-radius:6px;text-align:center;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #4a9eff33}.admin-link:hover{background:linear-gradient(135deg,#3a8eef,#2a6fbf);transform:translateY(-2px);box-shadow:0 4px 8px #4a9eff4d}@media(max-width:768px){.sidebar-header{padding:20px 16px 16px}.character-slot{padding:12px 10px;min-height:56px;margin-bottom:10px}.character-thumbnail{width:48px;height:48px}.character-slot span{font-size:15px}.quest-slot{padding:12px 10px;min-height:56px;margin-bottom:10px}.quest-thumbnail{width:48px;height:48px}.quest-slot div div{font-size:15px}.settings-link,.admin-link{padding:14px;font-size:15px;min-height:48px}}@media(max-width:768px){.sidebar{padding-top:72px}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:220px;min-width:220px}.sidebar.collapsed{width:50px;min-width:50px}.character-slot,.quest-slot{min-height:48px;padding:10px 8px}}.character-thumbnail-loading{width:40px;height:40px;border-radius:4px;background-color:#333;border:1px solid #444;display:flex;align-items:center;justify-content:center;margin-right:12px}.loading-spinner{width:16px;height:16px;border:2px solid #666;border-top:2px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.character-thumbnail-loading{width:48px;height:48px;flex-shrink:0}}.quest-thumbnail-container{position:relative;display:inline-block;width:100%;height:100%}.quest-thumbnail-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.quest-thumbnail-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #4a90e2;border-radius:50%;animation:quest-thumbnail-spin 1s linear infinite}@keyframes quest-thumbnail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quest-thumbnail.loading{transition:opacity .3s ease}.quest-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:4px}@media(max-width:768px){.quest-thumbnail-container{width:48px;height:48px;flex-shrink:0}.quest-thumbnail{width:48px;height:48px;object-fit:cover}}.api-access-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:1rem 1.5rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;animation:slideDown .3s ease-out}.api-access-banner-content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.banner-icon{font-size:2rem;flex-shrink:0}.banner-text{flex:1}.banner-text strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.banner-text p{margin:0;opacity:.95;font-size:.95rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.api-access-banner[data-type=maintenance]{background:linear-gradient(135deg,#667eea,#764ba2)}.character-view{display:flex;flex-direction:column;width:100%;height:100%;background-color:#1e1e1e;padding:0;box-sizing:border-box}.character-right-panel{display:flex;flex-direction:column;gap:20px;padding:30px;background-color:#2a2a2a;border-radius:8px;width:100%;box-sizing:border-box}.character-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #444}.header-content{display:flex;flex-direction:row;align-items:center;gap:12px}.header-divider{width:1px;height:20px;background-color:#666;margin:0 10px}.character-header h2{margin:0;font-size:1.8rem;color:#fff;display:inline-block}.character-race{color:#aaa;margin:0;font-size:1rem;font-weight:400;padding-left:5px}.character-actions{display:flex;gap:10px;align-items:center}.export-character-button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.9rem;transition:background-color .2s;white-space:nowrap}.export-character-button:hover{background-color:#45a049}.delete-character-button{background-color:#e53935;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.9rem;transition:background-color .2s;white-space:nowrap}.delete-character-button:hover{background-color:#c62828}.character-content{display:flex;flex-direction:row;gap:40px;margin-bottom:30px}@media(min-width:769px){.character-content{flex-direction:row!important}.character-image-container{flex:0 0 70%!important}}.character-image-container{flex:0 0 70%!important;max-width:600px;display:flex;justify-content:center}.image-loading-placeholder{width:100%;max-width:500px;height:400px;display:flex;align-items:center;justify-content:center;background-color:#333;border-radius:8px;color:#aaa;font-style:italic}.character-image{width:100%;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #0006}.character-detail{flex:1}.description-container h3{margin-top:0;margin-bottom:15px;color:#eee;font-size:1.3rem}.character-description-box{padding:20px;background-color:#333;border-radius:8px;font-style:italic;height:400px;overflow-y:auto;color:#ddd;white-space:pre-line;line-height:1.6;font-size:1.05rem}.character-stats-table{width:100%;background-color:#303030;border-radius:8px;padding:20px}.character-stats-table h3{margin-top:0;margin-bottom:15px;border-bottom:1px solid #444;padding-bottom:10px;color:#eee}.character-stats-table table{width:100%;border-collapse:collapse}.character-stats-table th,.character-stats-table td{padding:12px;border-bottom:1px solid #444;text-align:left}.character-stats-table th{color:#aaa;font-weight:400;width:30%}.character-stats-table td{color:#fff}.character-stats-table tr:last-child th,.character-stats-table tr:last-child td{border-bottom:none}.character-stats-table ul{margin:0;padding-left:20px}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#2c2c2c;border-radius:8px;max-width:500px;width:90%;box-shadow:0 5px 15px #00000080;overflow:hidden}.delete-modal{border-top:4px solid #e53935}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444}.modal-title{margin:0;color:#fff;font-size:1.2em}.modal-close{background:none;border:none;color:#999;font-size:1.5em;cursor:pointer}.modal-close:hover{color:#fff}.modal-body{padding:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-button{background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:.9rem}.cancel-button:hover{background-color:#5a6268}.delete-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:.9rem}.delete-button:hover{background-color:#c82333}.delete-button.secondary{background-color:#fd7e14}.delete-button.secondary:hover{background-color:#e8690b}.delete-button.primary{background-color:#dc3545}.delete-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.delete-modal .quest-list{margin:15px 0;padding:10px;background-color:#f8f9fa;border-radius:4px;border-left:4px solid #ffc107}.delete-modal .quest-list ul{margin:5px 0;padding-left:20px}.delete-modal .quest-list li{margin:3px 0;color:#495057}.export-modal{max-width:600px;min-width:500px}.export-format-options{display:flex;flex-direction:column;gap:15px;margin-top:20px}.export-format-button{display:flex;align-items:center;gap:15px;padding:15px;border:2px solid #444;border-radius:8px;background-color:#2a2a2a;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.export-format-button:hover{border-color:#666;background-color:#333}.export-format-button:disabled{opacity:.5;cursor:not-allowed}.json-button:hover:not(:disabled){border-color:#4caf50}.pdf-button:hover:not(:disabled){border-color:#2196f3}.format-icon{font-size:2rem;min-width:50px;text-align:center}.format-details h3{margin:0 0 8px;color:#fff;font-size:1.1rem}.format-details p{margin:0;color:#ccc;font-size:.9rem;line-height:1.4}.export-progress{text-align:center;margin-top:20px;padding:15px;background-color:#333;border-radius:4px;color:#4caf50}@media(max-width:768px){.character-content{flex-direction:column}.character-image-container{width:100%;flex-basis:auto;margin-bottom:30px}.character-image{max-width:350px}}@media(max-width:768px){.character-right-panel{padding:16px;gap:14px}.character-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:12px;padding-left:68px}.header-content{flex-wrap:wrap;gap:6px}.character-header h2{font-size:1.4rem}.header-divider{display:none}.character-race{font-size:.9rem}.character-actions{width:100%;flex-direction:column;gap:8px}.export-character-button,.delete-character-button{width:100%;min-height:48px;font-size:1rem;padding:10px 16px;border-radius:8px}.character-image-container{width:100%;flex-basis:auto;margin-bottom:16px;justify-content:center}.character-image{max-width:min(280px,80vw);border-radius:12px}.image-loading-placeholder{max-width:min(280px,80vw);height:280px}.character-stats-table{padding:14px}.character-stats-table th,.character-stats-table td{padding:10px 8px;font-size:.9rem}.character-description-box{padding:14px;font-size:.95rem}.modal-content{width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:90vh;overflow-y:auto;margin:0}.modal-actions{flex-direction:column;gap:8px}.cancel-button,.delete-button{width:100%;min-height:48px;font-size:1rem;border-radius:8px}.export-modal{min-width:unset}.export-format-button{padding:12px;gap:10px}.format-icon{font-size:1.6rem;min-width:40px}.format-details h3{font-size:1rem}.format-details p{font-size:.85rem}}@media(max-width:600px){.character-header{flex-direction:column;align-items:flex-start;gap:15px}.delete-character-button{align-self:flex-end}}.spinner-container{display:flex;justify-content:center;align-items:center;padding:20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}*{box-sizing:border-box;margin:0;padding:0}.quest-view{display:flex;flex-direction:column;height:100vh;width:100%}.quest-header{display:flex;flex-direction:column;background:#fff;border-bottom:1px solid #e0e0e0}.quest-header-row{display:flex;align-items:center;width:100%}.quest-header-top{justify-content:space-between;padding:0 20px;min-height:60px}.quest-header-scene{border-top:1px solid #e0e0e0;padding:4px 20px;gap:8px}.quest-mobile-footer{display:none}.content-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:1200px;margin:0 auto}.quest-title-section{display:flex;align-items:center}.quest-title{font-size:1.2rem;font-weight:600;color:#333!important;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:15px}.character-mini{display:flex;align-items:center;gap:10px}.character-mini img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #4a90e2}.character-mini-name{font-size:.9rem;font-weight:500;color:#333}.quest-info-button{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.quest-info-button:hover{background-color:#3a7bc8}.scene-select-container{position:relative;margin-left:10px;margin-right:10px}.scene-select{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:6px 30px 6px 12px;font-size:.85rem;cursor:pointer;transition:background-color .2s;min-width:140px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.scene-select:hover{background-color:#3a7bc8}.scene-select:focus{outline:none;box-shadow:0 0 0 2px #4a90e24d}.delete-quest-button{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.delete-quest-button:hover{background-color:#c0392b}.quest-content{display:flex;flex-direction:column;flex:1;min-height:0}.main-gameplay-section{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.gameplay-inner{display:flex;flex:1;min-height:0;position:relative}.scene-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00000026;z-index:10;backdrop-filter:blur(3px);pointer-events:none}.scene-loading-overlay:before{content:"";position:absolute;width:200px;height:140px;background-color:#fffffff2;border-radius:12px;box-shadow:0 8px 24px #00000040;z-index:-1}.scene-loading-overlay p{margin-top:16px;color:#333;font-size:1rem;font-weight:500}.scene-image-container{flex:1;padding:10px;display:flex;align-items:center;justify-content:center;background:#222;overflow:hidden}.scene-image-container .image-loading-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#333;color:#aaa;font-style:italic}.scene-image-container .image-loading-placeholder p{margin-top:16px;color:#999}.scene-image-container img{width:100%;height:100%;object-fit:contain}.scene-description{flex:1;padding:20px;overflow-y:auto;background:#f9f9fa;border-left:1px solid #e0e0e0;display:flex;flex-direction:column}.action-input-container{padding:20px;min-height:120px;max-height:180px;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:15px}.input-button-wrapper{display:flex;gap:15px;width:100%}.action-input{flex:4;padding:12px 15px;border:1px solid #ccc;border-radius:4px;font-size:1rem;resize:none;overflow-y:auto}.action-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.action-button{flex:1;margin-left:15px;height:50px;padding:0 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-weight:500;font-size:1rem;cursor:pointer;max-width:150px;align-self:center}.action-button:hover:not(:disabled){background-color:#3a7bc8}.action-button:disabled{background-color:#ccc;cursor:not-allowed}.quest-info-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.quest-info-modal.visible{opacity:1;visibility:visible}.modal-content{background-color:#fff;width:90%;max-width:600px;max-height:80vh;border-radius:8px;box-shadow:0 5px 15px #0000004d;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-title{font-size:1.2rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777}.modal-body{padding:20px;overflow-y:auto;line-height:1.6;color:#333;background-color:#fff;font-size:1rem}.delete-modal .modal-header{border-bottom-color:#fdd}.delete-modal-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.delete-button{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.delete-button:hover:not(:disabled){background-color:#c0392b}.delete-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.branch-modal .modal-header{border-bottom-color:#f39c12;background-color:#fff3cd}.branch-modal .modal-title{color:#856404}.branch-modal .modal-body{padding:20px;background-color:#fefefe}.branch-modal .modal-body p{margin-bottom:15px;line-height:1.5}.branch-modal .modal-body p:first-child{color:#856404;font-weight:500}.branch-modal .modal-body p:last-of-type{margin-bottom:20px}.past-scene-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:12px;margin-bottom:10px}.past-scene-message p{color:#856404;margin:0;font-size:.9rem;font-weight:500}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f5f7fa}.loading-spinner{border:3px solid rgba(0,0,0,.1);border-top:3px solid #4a90e2;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quest-view.loading{position:relative;background-color:#fafafa}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ffffffb3;z-index:10}.skeleton{position:relative;overflow:hidden;background-color:#e0e0e0;border-radius:4px}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-title{width:60%;height:28px;background-color:#e0e0e0;border-radius:4px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;margin-right:8px}.skeleton-text{width:80px;height:16px;background-color:#e0e0e0;border-radius:2px}.skeleton-button{width:90px;height:36px;background-color:#e0e0e0;border-radius:4px;margin-left:12px}.skeleton-button.wide{width:120px}.skeleton-image{width:100%;height:300px;background-color:#e0e0e0;border-radius:8px}.skeleton-line{width:100%;height:16px;background-color:#e0e0e0;border-radius:2px;margin-bottom:12px}.skeleton-line.short{width:70%}.skeleton-textarea{width:100%;height:80px;background-color:#e0e0e0;border-radius:8px;margin-bottom:12px}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center;margin:40px auto;max-width:500px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.error-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background-color:#f8d7da;color:#dc3545;font-size:32px;font-weight:700;margin-bottom:20px}.error-container h3{font-size:1.5rem;margin-bottom:15px;color:#333}.error-container p{margin-bottom:20px;line-height:1.5;color:#666}.error-button{padding:10px 25px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.error-button:hover{background-color:#3a7bc8}.past-scene-message{width:100%;padding:8px 12px;margin-bottom:10px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404}.past-scene-message p{margin:0;font-size:.9rem}.character-mini-loading{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;border:2px solid #4a90e2;display:flex;align-items:center;justify-content:center}.mini-spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top:2px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.quest-view{position:fixed;inset:0;height:100dvh;z-index:50}.quest-header{height:auto;flex-direction:column;align-items:stretch;padding:0}.quest-header-top{min-height:52px;padding:8px 12px 8px 68px;background-color:#1c1c1c;border-bottom:1px solid #333;flex-wrap:wrap;gap:8px}.quest-header-scene{padding:6px 12px;background-color:#242424;border-bottom:1px solid #333;border-top:none}.quest-header-scene .scene-select-container{margin:0;width:100%}.quest-header-scene .scene-select{width:100%;min-width:unset;font-size:.85rem;padding:7px 28px 7px 10px;background-color:#333;border:1px solid #555;color:#eee;border-radius:4px}.header-desktop-only{display:none!important}.quest-mobile-footer{display:flex;gap:10px;padding:10px 12px 16px;border-top:1px solid #333;background-color:#1c1c1c}.quest-mobile-footer .export-quest-button{flex:1;padding:10px 8px;background-color:#27ae60;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;min-height:44px}.quest-mobile-footer .delete-quest-button{flex:1;padding:10px 8px;background-color:#c0392b;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;min-height:44px}.quest-title{font-size:1rem;color:#fff!important;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-mini-name{color:#e0e0e0}.quest-info-button{padding:6px 10px;font-size:.8rem;min-height:36px}.main-gameplay-section{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.gameplay-inner{flex-direction:column;flex:none;min-height:0}.scene-image-container{flex:none;height:auto;max-height:none;width:100%;background:#1a1a1a;border-bottom:1px solid #333;padding:8px;overflow:visible}.scene-image-container img{width:100%;height:auto;max-height:none;object-fit:contain}.scene-description{flex:none;overflow-y:visible;border-left:none;border-top:1px solid #ddd;padding:14px 16px;font-size:.95rem;line-height:1.65}.action-input-container{min-height:unset;max-height:unset;padding:12px 12px 20px;border-top:2px solid #e0e0e0;gap:6px}.input-button-wrapper{flex-direction:row;gap:8px;align-items:flex-end}.action-input{flex:1;font-size:16px;min-height:44px;max-height:88px;padding:8px 10px;border-radius:6px;resize:none}.action-button{flex:none;margin-left:0;width:auto;min-width:72px;max-width:96px;height:44px;font-size:.88rem;padding:0 12px;border-radius:6px}.past-scene-message{font-size:.85rem;padding:10px 12px}.quest-info-modal{align-items:flex-start;padding:72px 8px 8px;box-sizing:border-box}.quest-info-modal .modal-content{width:100%;max-width:100%;max-height:85vh;border-radius:12px;position:static}.header-right{gap:8px}.character-mini img{width:34px;height:34px}}@media(max-width:768px)and (orientation:landscape){.scene-image-container{max-height:50vw;overflow:hidden}.scene-image-container img{max-height:50vw}.quest-header{min-height:48px;padding-top:6px;padding-bottom:6px}}#root{max-width:none;width:100%;margin:0 auto;padding:2rem;text-align:center;background-color:#1a1a1a}body{margin:0;padding:0;width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.game-container{min-height:100vh;background-color:#1a1a1a;color:#fff;display:flex}.sidebar{width:300px;min-width:300px;background-color:#2c2c2c;border-right:1px solid #444;height:100vh;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:60px;min-width:60px}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:8px;align-self:flex-end}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #444;margin-bottom:20px}.main-content{flex:1;padding:20px;height:100vh;overflow-y:auto;width:100%}.character-slots{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.character-slot{display:flex;align-items:center;gap:12px;padding:12px;background-color:#1a1a1a;border-radius:8px;cursor:pointer;transition:transform .2s}.character-slot:hover{transform:translate(4px)}.character-slot.empty{opacity:.6}.character-slot img{width:48px;height:48px;border-radius:4px;object-fit:cover}.quest-list{display:flex;flex-direction:column;gap:12px}.quest-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:#1a1a1a;border-radius:8px;cursor:pointer;transition:transform .2s}.quest-item:hover{transform:translate(4px)}.quest-item img{width:32px;height:32px;border-radius:4px;object-fit:cover}.character-view{width:100%}.character-left-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-right:16px;max-height:calc(100vh - 100px)}.character-header-old{text-align:center;margin-bottom:16px}.character-header-old h2{margin-bottom:8px}.character-race{font-size:1.1rem;color:#aaa;margin:0}.character-top-info{display:flex;justify-content:space-between;margin-bottom:20px}.character-top-info .character-detail{background-color:#1a1a1a;padding:12px;border-radius:8px;border:1px solid #444;width:48%}.character-detail{margin-bottom:16px}.description-container{display:flex;flex-direction:column;margin-bottom:24px;height:70vh;min-height:400px}.character-description-box{overflow-y:auto;background-color:#1a1a1a;padding:12px;border-radius:8px;border:1px solid #444;margin-top:8px;height:100%}.character-stats-table{width:100%;margin-bottom:16px;max-height:30vh;overflow-y:auto}.character-stats-table table{width:100%;background-color:#1a1a1a;border-radius:8px;border:1px solid #444;border-collapse:collapse}.character-stats-table th,.character-stats-table td{padding:10px 16px;text-align:left;border-bottom:1px solid #333}.character-stats-table th{width:120px;color:#aaa}.character-stats-table ul{list-style:none;padding:0;margin:0}.character-stats-table li{margin-bottom:4px}.character-image-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;border-radius:8px;border:1px solid #444;padding:8px;margin-bottom:16px;min-height:350px}.character-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.delete-character-button{background-color:#f44;margin-top:auto}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:24px;text-align:center}.error-container h3{color:#f44;margin-bottom:16px}.error-container button{margin-top:16px;background-color:#444;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.error-container button:hover{background-color:#555}.welcome-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:24px}.welcome-view img{max-width:600px;width:100%;border-radius:8px;margin-bottom:24px}.auth-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;margin-top:auto;transition:background-color .2s}.auth-button:hover{background-color:#45a049}.logout-button{background-color:transparent;color:#aaa;border:1px solid #aaa;padding:4px 8px;border-radius:4px;font-size:.9em;cursor:pointer;transition:all .2s}.logout-button:hover{color:#fff;border-color:#fff}.user-info{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:4px;background:#1a1a1a}.user-info span{color:#fff;font-weight:500}.scene-description{background-color:#1a1a1a;padding:16px;border-radius:8px;margin-bottom:16px}.action-input{width:100%;min-height:100px;padding:12px;background-color:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;resize:vertical;margin-bottom:12px}.quest-summary{background-color:#1a1a1a;padding:16px;border-radius:8px;margin-top:16px}.game-content{max-width:1200px;margin:0 auto;padding:20px}button{background-color:#4caf50;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin:4px;transition:background-color .2s}button:hover{background-color:#45a049}button:disabled{background-color:#666;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#000000bf!important;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#2c2c2c!important;padding:24px;border-radius:8px;border:1px solid #444;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.character-modal h3{margin-top:0;margin-bottom:20px;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#ddd}.form-group input,.form-group textarea{width:100%;padding:10px;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff}.form-group textarea{min-height:120px;resize:vertical}.form-actions{display:flex;justify-content:space-between;margin-top:24px}.form-actions button{padding:10px 20px;background-color:#4a4a4a;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s}.form-actions button:first-child{background-color:#646cff}.form-actions button:hover{background-color:#535bf2}.form-actions button:last-child:hover{background-color:#5a5a5a}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#f44;padding:8px;margin-bottom:16px;background-color:#ff44441a;border-radius:4px}.quest-card{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;padding:16px;margin-bottom:16px;cursor:pointer;transition:transform .2s}.quest-card:hover{transform:translateY(-2px)}.quest-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:16px}.quest-title{margin:0 0 8px;color:#fff}.quest-meta{font-size:.9em;color:#aaa;margin-bottom:8px}.quest-description{white-space:pre-wrap;line-height:1.5}.character-select{margin-bottom:16px}.error-message{color:#f44;margin:8px 0;padding:8px;border-radius:4px;background-color:#ff44441a}.auth-modal{position:relative;background-color:#2c2c2c;padding:32px 24px 24px;border-radius:8px;border:1px solid #444;width:100%;max-width:400px}.auth-footer{margin-top:24px;text-align:center;color:#aaa}.text-button{background:none;border:none;color:#4caf50;cursor:pointer;text-decoration:underline;padding:4px 8px;font-size:.9em;font-weight:500}.text-button:hover{color:#45a049}.close-button{position:absolute;right:12px;top:12px;background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:4px;line-height:1}.close-button:hover{color:#fff}.quest-date{color:#aaa;display:block;margin-top:4px}.status-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:12px 24px;border-radius:4px;z-index:1000;box-shadow:0 2px 10px #0003;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@media(max-width:768px){#root{padding:0}.mobile-inline-auth{display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.mobile-inline-auth .auth-container{width:92%;max-width:380px;border-radius:12px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0!important;margin:0;min-height:30vh;padding:24px 20px}.form-group input,.form-group textarea,.form-group select{font-size:16px!important;min-height:48px;padding:12px}.form-actions{flex-direction:column;gap:8px}.form-actions button{width:100%;min-height:48px;margin:0}.modal-close,.close-button{min-width:48px;min-height:48px}.quest-modal-overlay{align-items:flex-start;padding-top:72px;padding-left:8px;padding-right:8px}.quest-modal-overlay .modal-content{width:100%;border-radius:12px;position:static;max-height:85vh}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#1a1a1a}.error-boundary-content{max-width:600px;width:100%;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:40px;text-align:center}.error-boundary h2{color:#fff;margin:0 0 16px;font-size:28px}.error-message{color:#ff6b6b;font-size:16px;margin:0 0 24px;line-height:1.5}.error-details{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:16px;margin:24px 0;text-align:left}.error-details summary{color:#aaa;cursor:pointer;font-weight:600;margin-bottom:12px}.error-details summary:hover{color:#fff}.error-stack,.error-component-stack{background:#0a0a0a;border:1px solid #222;border-radius:4px;padding:12px;margin:8px 0;overflow-x:auto;color:#ff6b6b;font-size:12px;line-height:1.4;font-family:Courier New,monospace}.error-component-stack{color:#aaa}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.error-actions button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-retry{background:#4a9eff;color:#fff}.btn-retry:hover{background:#3a8eef}.btn-home{background:#444;color:#fff}.btn-home:hover{background:#555}