:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}@media(max-width:1000px){body{overflow:auto;height:auto;min-height:100vh}#root{height:auto;min-height:100vh}}.app-layout{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#000}.bottom-disclaimer-banner{position:fixed;bottom:0;left:0;right:0;padding:.15rem .5rem;background-color:#1a1a1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9ca3af;font-size:.65rem;text-align:center;z-index:50;border-top:2px solid rgba(58,50,48,.6);box-shadow:0 -2px 12px #00000080}.notification{position:fixed;top:5rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #0006;z-index:200;animation:slideInNotification .3s ease-out}@keyframes slideInNotification{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background-color:#5a6b4a;color:#d4c5a9;border:2px solid #3a4a2a}.notification-error{background-color:#6b4a4a;color:#d4c5a9;border:2px solid #4a2a2a}.confirm-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;justify-content:center;align-items:center;animation:overlayFadeIn .3s ease-out}.confirm-dialog{background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%);border:3px solid #3a3230;border-radius:8px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #000000b3,inset 0 0 60px #0000000d;animation:dialogSlideIn .4s ease-out .15s both}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-message{margin:0 0 1.5rem;color:#2a1a1a;font-size:1.1rem;line-height:1.5;text-shadow:0 1px 1px rgba(255,255,255,.2)}.merge-dialog{max-width:550px;text-align:left}.merge-dialog-title{margin:0 0 1.25rem;color:#2a1a1a;font-size:1.3rem;font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.2)}.merge-dialog-content{margin-bottom:1.5rem}.merge-dialog-description{color:#3a2a1a;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.merge-dialog-list{margin:0 0 1rem 1.5rem;padding:0;list-style:disc}.merge-dialog-list li{color:#3a2a1a;font-size:.95rem;line-height:1.8;margin-bottom:.5rem}.merge-dialog-list strong{color:#2a1a1a;font-weight:600}.merge-dialog-warning{background-color:#8b5c2e26;border:2px solid rgba(139,92,46,.3);border-radius:6px;padding:.75rem 1rem;color:#5a3a1a;font-size:.85rem;font-weight:500;margin-top:1rem}.settlement-name-input{width:100%;padding:.75rem;margin-bottom:1.5rem;font-size:1rem;color:#2a1a1a;background-color:#ffffff80;border:2px solid #3a3230;border-radius:4px;font-family:inherit;transition:border-color .2s ease,background-color .2s ease}.settlement-name-input:focus{outline:none;border-color:#5a4a3a;background-color:#fffc}.confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-cancel,.confirm-ok{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.confirm-cancel{color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a}.confirm-cancel:hover{background-color:#4a3a38;border-color:#6a5a4a}.confirm-ok{color:#fff;background-color:#ef4444}.confirm-ok:hover{background-color:#dc2626}.confirm-cancel:active,.confirm-ok:active{transform:scale(.98)}.confirm-ok:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.5}.confirm-ok:disabled:hover{background-color:#9ca3af;transform:none}.container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1;gap:0;background-color:#1a1a1a;padding:.25rem .25rem 1.5rem;align-content:center;justify-content:center}.quadrant{display:flex;width:100%;height:100%;max-width:100%;max-height:100%;background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);border:1px solid #3a3230;box-shadow:inset 0 0 60px #00000014,inset 0 0 30px #0000000d;transition:none;position:relative;overflow:hidden;transform-origin:center center;cursor:pointer}.marker-button-group{position:relative;display:inline-flex;align-items:center;vertical-align:middle;border:2px solid #5a4a3a;border-radius:4px;background-color:#3a3230;box-shadow:0 4px 6px #00000080;transition:all .2s ease;height:40px}@media(hover:hover)and (pointer:fine){.marker-button-group:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-2px);box-shadow:0 6px 12px #0009}}@media(hover:none)or (pointer:coarse){.marker-button-group:hover{background-color:#4a3a38;border-color:#6a5a4a;box-shadow:0 6px 12px #0009}}.marker-button-group.active{background-color:#d4c5a926;border-color:#d4c5a9}.marker-mode-button,.marker-legend-button{padding:0;min-width:auto;display:flex;align-items:center;justify-content:center;gap:.25rem;background:none;border:none;color:#d4c5a9;cursor:pointer;box-shadow:none;height:100%;margin:0 .5rem}.marker-mode-button:hover,.marker-mode-button:active,.marker-legend-button:hover,.marker-legend-button:active{background:none;border:none;transform:none;box-shadow:none}.marker-dropdown-arrow{padding:.35rem .4rem;min-width:auto;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(90,74,58,.8);font-size:.7rem;background:none;border-top:none;border-right:none;border-bottom:none;color:#d4c5a9;cursor:pointer;box-shadow:none;border-radius:0;height:100%}.marker-dropdown-arrow:hover,.marker-dropdown-arrow:active{background:none;transform:none;box-shadow:none}.marker-color-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:1000;min-width:150px}.marker-color-option{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;color:#d4c5a9;cursor:pointer;transition:background-color .2s ease}.marker-color-option:hover{background-color:#4a3a38}.marker-color-option:first-child{border-radius:2px 2px 0 0}.marker-color-option:last-child{border-radius:0 0 2px 2px}.marker-color-option .arrow{font-size:.75rem}.marker-mode-button svg,.marker-legend-button svg{width:24px;height:24px;display:block;flex-shrink:0}.marker-legend-button .arrow{line-height:1;font-size:.875rem;flex-shrink:0}.marker-legend-button{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;min-width:auto}.marker-legend-button.active{background-color:#3b82f633;border-color:#3b82f6}.marker-legend-button .arrow{color:#d4c5a9;font-size:1.25rem;font-weight:700}.marker-overlay{position:absolute;inset:0;background-color:#3a3230b3;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:background-color .2s ease}.marker-overlay:hover{background-color:#3a3230d9}.marker-add-icon{font-size:4rem;color:#d4c5a9;font-weight:300;text-shadow:0 2px 8px rgba(0,0,0,.8)}.marker-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));z-index:10;cursor:pointer;transition:all .2s ease;animation:markerRotate 30s linear infinite}@keyframes markerRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.marker-indicator.marker-solid{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:none}.marker-indicator:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.marker-indicator:hover circle{stroke-width:10}.marker-indicator.marker-solid:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}.marker-indicator:active{animation-play-state:paused}.marker-indicator.marker-solid:active{animation-play-state:running}@media(max-width:1000px){.marker-indicator{width:80px;height:80px}}.quadrant:focus{outline:3px solid #666;outline-offset:-3px}.auxiliary-notes-textarea{flex:1;width:100%;padding:.5rem;border:1px solid #3a3230;background-color:#ffffff4d;font-family:inherit;font-size:.7rem;color:#2a1a1a;resize:none;line-height:1.4;min-height:100px}@media(min-width:1001px){.quadrant.focused{position:fixed;width:60vw;height:60vh;top:50%;left:50%;margin-left:-30vw;margin-top:-30vh;transform:scale(1.3);z-index:10}.focus-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.3);z-index:1001;display:flex;gap:0;width:66.67vw;height:60vh}.focused-main-sheet{width:50vw;height:100%;background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);border:1px solid #3a3230;box-shadow:inset 0 0 60px #00000014,inset 0 0 30px #0000000d;overflow:hidden}.secondary-sheet{width:16.67vw;height:100%;background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);border:1px solid #3a3230;box-shadow:inset 0 0 60px #00000014,inset 0 0 30px #0000000d;overflow-y:auto;overflow-x:hidden;padding:.5rem;display:flex;flex-direction:column;gap:1rem;position:relative}.secondary-sheet::-webkit-scrollbar{width:10px}.secondary-sheet::-webkit-scrollbar-track{background:#3a323033;border-radius:5px}.secondary-sheet::-webkit-scrollbar-thumb{background:#5a4a3a;border-radius:5px;border:2px solid #d4c5a9}.secondary-sheet::-webkit-scrollbar-thumb:hover{background:#6a5a4a}.secondary-sheet:before{content:"";position:sticky;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,#d4c5a9 0%,transparent 100%);z-index:1;pointer-events:none}.secondary-sheet:after{content:"";position:sticky;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,#d4c5a9 0%,transparent 100%);z-index:1;pointer-events:none}}.permanent-injuries-section{display:flex;flex-direction:column;gap:.5rem}.permanent-injuries-section>h3{margin:0;font-size:.9rem;font-weight:700;color:#2a1a1a;border-bottom:2px solid #3a3230;padding-bottom:.25rem}.injury-legend{font-size:.65rem;color:#5a4a3a;margin:.3rem 0;padding:.2rem;background-color:#fff3;border:1px solid #8a7a6a}.legend-item{display:flex;align-items:center;gap:.3rem}.legend-box{width:.7rem;height:.7rem;border:1px solid #3a3230;display:inline-block}.red-legend{background-color:#dc262666;border-color:#991b1b}.injury-location-group{border:1px solid #3a3230;padding:.3rem;background-color:#fff3}.injury-location-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.injury-location-group h4{margin:0 0 .3rem;font-size:.75rem;font-weight:700;color:#2a1a1a;text-transform:capitalize}.no-injuries{font-size:.65rem;color:#8a7a6a;font-style:italic;padding:.2rem 0}.injury-item{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.3rem;padding:.2rem;background-color:#ffffff4d;border:1px solid #5a4a3a}.injury-name{font-size:.7rem;font-weight:600;color:#2a1a1a}.injury-checkboxes{display:flex;gap:.2rem;flex-wrap:wrap}.injury-checkbox{display:flex;align-items:center;justify-content:center;width:.85rem;height:.85rem;border:1px solid #3a3230;background-color:#ffffff80;padding:0}.injury-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.7rem;height:.7rem;margin:0;padding:0;cursor:pointer;background-color:#ffffff80;border:none;position:relative}.injury-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700;color:#3a3230}.injury-checkbox.red-checkbox{background-color:#dc262666;border-color:#991b1b}.injury-checkbox.red-checkbox input[type=checkbox]{background-color:#dc262666}.auxiliary-notes-section{display:flex;flex-direction:column;flex:3;min-height:300px}.auxiliary-notes-section h3{margin:0 0 .5rem;font-size:.9rem;font-weight:700;color:#2a1a1a;border-bottom:2px solid #3a3230;padding-bottom:.25rem}.auxiliary-notes-textarea{flex:1;width:100%;padding:.5rem;border:1px solid #3a3230;background-color:#ffffff4d;font-family:inherit;font-size:.75rem;color:#2a1a1a;resize:vertical;min-height:100px}.auxiliary-notes-textarea:focus{outline:2px solid #5a4a3a;background-color:#ffffff80}.auxiliary-notes-textarea::placeholder{color:#8a7a6a;font-style:italic}@media(min-width:1001px)and (max-width:1440px){.quadrant.focused{transform:scale(1.6)}.focus-container{transform:translate(-50%,-50%) scale(1.6)}.marker-button-group{align-items:center}.marker-legend-button{display:flex;align-items:center;justify-content:center}.marker-legend-button svg,.marker-legend-button .arrow{align-self:center}}.quadrant.unfocused{filter:brightness(.3);pointer-events:none;position:relative;transform:scale(1)}.quadrant.unfocused:after{content:"";position:absolute;inset:0;background:#000000b3;pointer-events:none;z-index:1}.top-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.1rem .5rem;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000080;z-index:1001;flex-shrink:0;flex-wrap:wrap;gap:.25rem;position:relative}.toolbar-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mobile-nav{display:none;align-items:center;gap:.5rem}.mobile-nav.show-nav{display:flex;position:absolute;left:50%;transform:translate(-50%)}.mobile-menu-button,.mobile-title{display:none}.toolbar-content,.toolbar-content.hide-in-focus{display:contents}.toolbar-content.hide-in-focus .toolbar-center,.toolbar-content.hide-in-focus .toolbar-right{display:none}.toolbar-content.show-mobile{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);align-items:flex-start}.toolbar-content.show-mobile .toolbar-left,.toolbar-content.show-mobile .toolbar-center,.toolbar-content.show-mobile .toolbar-right{flex-shrink:0}.toolbar-title-group{display:flex;flex-direction:column;gap:.1rem}.toolbar-title{margin:0;font-size:.95rem;font-weight:600;color:#fff;line-height:1.2}.version-link{font-size:.8rem;font-weight:500;color:#9ca3af;text-decoration:underline;text-decoration-color:#6b7280;text-underline-offset:2px;transition:all .2s ease;cursor:pointer}.version-link:hover{color:#d1d5db;text-decoration-color:#9ca3af}.toolbar-center{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.settlement-selector{position:relative}.settlement-dropdown-button{padding:.35rem 1rem;font-size:1rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #00000080;white-space:nowrap;min-width:150px;text-align:left}.settlement-dropdown-button:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-2px);box-shadow:0 6px 12px #0009}.settlement-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;box-shadow:0 4px 12px #00000080;min-width:120px;z-index:1000}.settlement-dropdown-item{padding:.5rem 1rem;font-size:1rem;color:#d4c5a9;cursor:pointer;transition:background-color .2s ease}.settlement-dropdown-item:hover{background-color:#4a3a38}.settlement-dropdown-item.active{background-color:#5a4a3a;font-weight:700}.settlement-dropdown-item:first-child{border-radius:2px 2px 0 0}.settlement-dropdown-item:last-child{border-radius:0 0 2px 2px}.settlement-dropdown-divider{height:1px;background-color:#5a4a3a;margin:.25rem 0}.settlement-manage{font-style:italic;color:#b8a58d}.toolbar-right{display:flex;align-items:center;gap:1rem}.export-import-buttons{display:flex;align-items:center;gap:.5rem}.settlement-management-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:1000;animation:fadeIn .3s ease}.settlement-management-overlay.closing{animation:fadeOut .3s ease}.settlement-management-drawer{position:fixed;top:40px;left:0;right:0;max-height:calc(80vh - 40px);display:flex;flex-direction:column;background-color:#d4c5a9;border-bottom:3px solid #3a3230;box-shadow:0 4px 20px #00000080;overflow:hidden;animation:slideDownIn .3s ease;z-index:1002}.settlement-management-drawer.closing{animation:slideDownOut .3s ease}.settlement-management-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#c4b599;border-bottom:2px solid #3a3230;position:sticky;top:0;z-index:1}.settlement-management-header h2{margin:0;font-size:1.5rem;color:#2a1a1a;font-weight:700}.settlement-management-content{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 60px)}.active-settlement-section,.other-settlements-section{margin-bottom:2rem}.active-settlement-section h3,.other-settlements-section h3{margin:0 0 1rem;font-size:1.25rem;color:#2a1a1a;font-weight:700}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.create-settlement-button{padding:.35rem 1rem;font-size:.875rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.create-settlement-button:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-1px);box-shadow:0 4px 8px #0006}.settlement-card{background-color:#e4d5b9;border:2px solid #5a4a3a;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0003}.settlement-card.active{background-color:#c4b599;border:3px solid #3a3230;box-shadow:0 4px 12px #0000004d}.settlement-name{font-size:1.125rem;font-weight:700;color:#2a1a1a;margin-bottom:.75rem}.settlement-actions{display:flex;gap:.5rem;flex-wrap:wrap}.settlement-action-button{padding:.35rem .75rem;font-size:.75rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.settlement-action-button:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-1px);box-shadow:0 4px 8px #0006}.settlements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.empty-settlements-message{padding:2rem;text-align:center;color:#5a4a3a;font-style:italic;background-color:#ffffff80;border:2px dashed #5a4a3a;border-radius:8px}@keyframes slideDownIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideDownOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.icon-button,.burger-menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #00000080;padding:0}.burger-menu{margin-left:.5rem}.icon-button:hover,.burger-menu:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-2px);box-shadow:0 6px 12px #0009}.icon-button:active,.burger-menu:active{transform:translateY(0);box-shadow:0 2px 4px #0006}.toolbar-button,.return-button{padding:.35rem 1rem;font-size:1rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #00000080;white-space:nowrap}.return-to-overview-button{padding:.35rem 1rem;font-size:1rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #00000080;white-space:nowrap;margin-left:auto}.toolbar-button:hover,.return-button:hover,.return-to-overview-button:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-2px);box-shadow:0 6px 12px #0009}.toolbar-button:active,.return-button:active,.return-to-overview-button:active{transform:translateY(0);box-shadow:0 2px 4px #0006}.toolbar-icon-button{padding:.35rem .5rem;min-width:2.5rem;font-size:1.25rem}.sync-button{padding:.35rem .75rem;min-width:2.5rem;font-size:1.25rem;transition:transform .3s ease;display:flex;align-items:center;gap:.5rem}.sync-icon{font-size:1.25rem}.sync-time-label{font-size:.75rem;color:#9ca3af;font-weight:500;white-space:nowrap}.sync-button:disabled{opacity:.6;cursor:not-allowed}.sync-button.syncing .sync-icon{animation:rotateSyncIcon 1s linear infinite;display:inline-block}@keyframes rotateSyncIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-menu-container{position:relative}.sync-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background-color:#2b2522;border:2px solid #3a3230;border-radius:8px;padding:.5rem;z-index:1000;box-shadow:0 4px 12px #0009}.sync-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#3a3230;border:1px solid #4a423f;border-radius:6px;color:#d4c5a9;font-size:.95rem;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.sync-menu-item:last-child{margin-bottom:0}.sync-menu-item:hover:not(:disabled){background-color:#4a423f;border-color:#5a524f;transform:translateY(-1px)}.sync-menu-item:active:not(:disabled){transform:translateY(0)}.sync-menu-item:disabled{opacity:.5;cursor:not-allowed}.sync-menu-item.logout-item{background-color:#3d2826;border-color:#4d3836}.sync-menu-item.logout-item:hover:not(:disabled){background-color:#4d3836;border-color:#5d4846}.sync-menu-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;min-width:1.5rem}.sync-menu-divider{height:1px;background-color:#3a3230;margin:.5rem 0}.sync-menu-info{padding:.5rem 1rem;color:#9ca3af;font-size:.85rem}.sync-menu-user{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sync-menu-user strong{color:#d4c5a9}.sync-menu-time{padding-left:2.25rem;font-size:.8rem;color:#6b7280}.resources-menu-container{position:relative}.resources-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background-color:#2b2522;border:2px solid #3a3230;border-radius:8px;padding:.5rem;z-index:1000;box-shadow:0 4px 12px #0009}.resources-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#3a3230;border:1px solid #4a423f;border-radius:6px;color:#d4c5a9;font-size:.95rem;cursor:pointer;transition:all .2s ease}.resources-menu-item:hover{background-color:#4a423f;border-color:#5a524f;transform:translateY(-1px)}.resources-menu-item:active{transform:translateY(0)}.resources-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;min-width:1.5rem}.nav-button{padding:.25rem .75rem;font-size:1.5rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;min-width:40px;min-height:36px;display:flex;align-items:center;justify-content:center}.nav-button:hover{background-color:#4a3a38;border-color:#6a5a4a}.nav-button:active{transform:scale(.95)}.quadrant-indicator{color:#fff;font-weight:600;font-size:1rem;padding:0 .5rem;white-space:nowrap}.survivor-list-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;display:flex;justify-content:flex-end;align-items:stretch;animation:overlayFadeIn .3s ease-out}.survivor-list-overlay.closing{animation:overlayFadeOut .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.survivor-list-panel{background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%);border-left:3px solid #3a3230;border-radius:0;padding:2rem;max-width:500px;width:100%;height:100%;overflow-y:auto;box-shadow:-8px 0 32px #000000b3,inset 0 0 60px #0000000d;animation:drawerSlideIn .3s ease-out both}.survivor-list-panel.closing{animation:drawerSlideOut .3s ease-out both}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.survivor-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.survivor-list-panel h2{margin:1rem 0 0;color:#2a1a1a;font-size:1.75rem;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.3)}.close-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;color:#666;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0}.close-button:hover{background-color:#f3f4f6;color:#000}.close-button:active{transform:scale(.95)}.create-survivor-button{padding:.35rem 1rem;font-size:.9rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.create-survivor-button:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-1px)}.create-survivor-button:active{transform:translateY(0)}.survivor-list{display:flex;flex-direction:column;gap:1rem}.active-survivors-section .survivor-list{margin-top:1rem}.survivor-list-item{display:flex;justify-content:space-between;align-items:stretch;padding:0;background-color:#c9b89a;background-image:radial-gradient(circle at 30% 40%,rgba(0,0,0,.02) 0%,transparent 40%);border:2px solid #5a4a3a;border-radius:4px;transition:all .2s ease;box-shadow:0 2px 4px #0003;overflow:hidden}.survivor-list-item:hover{border-color:#6a5a4a;box-shadow:0 4px 8px #0000004d}.survivor-info{flex:1;display:flex;flex-direction:column;padding:.5rem .75rem;min-width:0;gap:.25rem}.survivor-name-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.survivor-name{font-size:1rem;font-weight:600;color:#2a1a1a;text-shadow:0 1px 1px rgba(255,255,255,.2)}.survivor-sex{font-size:.85rem;font-weight:600;color:#5a4a3a;padding:.1rem .4rem;background-color:#5a4a3a1a;border-radius:3px}.survivor-age{font-size:.8rem;font-weight:600;color:#7a5a3a;padding:.1rem .4rem;background-color:#7a5a3a1a;border-radius:3px}.survivor-stats{font-size:.8rem;color:#5a4a3a;font-weight:500;font-family:monospace}.survivor-proficiency{font-size:.75rem;color:#7a5a3a;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.survivor-actions{display:flex;gap:0;flex-wrap:nowrap}.survivor-meta{display:none}.deactivate-button{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#d4c5a9;background-color:#7a6a4a;border:none;border-left:1px solid #5a4a2a;border-radius:0;cursor:pointer;transition:all .2s ease}.deactivate-button:hover{background-color:#8a7a5a}.deactivate-button:active{background-color:#6a5a3a}.activate-button{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#d4c5a9;background-color:#5a6b4a;border:none;border-left:1px solid #3a4a2a;border-radius:0;cursor:pointer;transition:all .2s ease}.activate-button:hover{background-color:#6a7b5a}.activate-button:active{background-color:#4a5b3a}.retire-button{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#d4c5a9;background-color:#8a7a3a;border:none;border-left:1px solid #5a4a1a;border-radius:0;cursor:pointer;transition:all .2s ease}.retire-button:hover{background-color:#9a8a4a}.retire-button:active{background-color:#7a6a2a}.deceased-button{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#d4c5a9;background-color:#7a4a4a;border:none;border-left:1px solid #5a2a2a;border-radius:0;cursor:pointer;transition:all .2s ease}.deceased-button:hover{background-color:#8a5a5a}.deceased-button:active{background-color:#6a3a3a}.restore-button{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#d4c5a9;background-color:#4a7a7a;border:none;border-left:1px solid #2a5a5a;border-radius:0;cursor:pointer;transition:all .2s ease}.restore-button:hover{background-color:#5a8a8a}.restore-button:active{background-color:#3a5b5b}.focus-mode-actions{display:flex;align-items:center;gap:.75rem;z-index:101;flex-shrink:0}.focus-actions-dropdown-container{position:relative}.focus-actions-dropdown-btn{padding:.4rem .8rem;font-size:.85rem;font-weight:600;color:#d4c5a9;background-color:#6a6a5a;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.focus-actions-dropdown-btn:hover{background-color:#7a7a6a}.actions-main-btn,.focus-actions-dropdown{position:relative}.focus-actions-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background-color:#d4c5a9;border:2px solid #5a4a3a;border-radius:4px;box-shadow:0 4px 8px #0000004d;min-width:150px;z-index:1000;overflow:hidden}.focus-actions-menu-item{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;text-align:left;color:#2a1a1a;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;font-family:inherit}.focus-actions-menu-item:hover{background-color:#c4b59a}.save-template-only{width:auto}.cancel-template-btn{background-color:#5a4a4a}.cancel-template-btn:hover{background-color:#6a5a5a}.focus-actions-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background-color:#d4c5a9;border:2px solid #5a4a3a;border-radius:4px;box-shadow:0 4px 8px #0000004d;min-width:150px;z-index:1000;overflow:hidden}.focus-action-menu-item{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;border-bottom:1px solid #c4b599;color:#2a1a1a;font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;transition:background-color .2s ease}.focus-action-menu-item:last-of-type{border-bottom:none}.focus-action-menu-item:hover{background-color:#c4b599}.focus-action-menu-item.deactivate{color:#8b7b6b}.focus-action-menu-item.retire{color:#8b7b3b}.focus-action-menu-item.deceased{color:#8b5b5b}.focus-action-menu-item.template{color:#8b6f47}.focus-action-menu-divider{height:1px;background-color:#c4b599;margin:.25rem 0}.deactivate-focus-button{padding:.4rem .8rem;font-size:.85rem;font-weight:600;color:#d4c5a9;background-color:#7a6a4a;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.deactivate-focus-button:hover{background-color:#8a7a5a}.deactivate-focus-button:active{background-color:#6a5a3a}.retire-focus-button{padding:.4rem .8rem;font-size:.85rem;font-weight:600;color:#d4c5a9;background-color:#8a7a3a;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.retire-focus-button:hover{background-color:#9a8a4a}.retire-focus-button:active{background-color:#7a6a2a}.deceased-focus-button{padding:.4rem .8rem;font-size:.85rem;font-weight:600;color:#d4c5a9;background-color:#7a4a4a;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.deceased-focus-button:hover{background-color:#8a5a5a}.deceased-focus-button:active{background-color:#6a3a3a}.template-focus-button{padding:.4rem .8rem;font-size:.85rem;font-weight:600;color:#d4c5a9;background-color:#8b6f47;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.template-focus-button:hover{background-color:#9b7f57}.template-focus-button:active{background-color:#7b5f37}.bulk-actions-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.bulk-actions-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#b0b0a0;border:1px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bulk-actions-header:hover{background-color:#a0a090}.bulk-actions-header span:first-child{font-weight:600;color:#2a1a1a}.bulk-actions-content{margin-top:1rem;padding:1rem;background-color:#ffffff4d;border:1px solid #5a4a3a;border-radius:4px;display:flex;flex-direction:column;gap:.75rem}.bulk-action-button{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#d4c5a9;background-color:#3a3230;border:2px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.bulk-action-button:hover{background-color:#4a3a38;border-color:#6a5a4a;transform:translateY(-1px);box-shadow:0 4px 8px #0006}.bulk-action-button:active{transform:translateY(0)}.heal-wounds-button{background-color:#5a6b4a;border-color:#3a4a2a}.heal-wounds-button:hover{background-color:#6a7b5a;border-color:#4a5a3a}.set-survival-button{background-color:#4a6b7b;border-color:#2a4a5a}.set-survival-button:hover{background-color:#5a7b8b;border-color:#3a5a6a}.clear-gear-button{background-color:#7b6b4a;border-color:#5a4a2a}.clear-gear-button:hover{background-color:#8b7b5a;border-color:#6a5a3a}.survivor-template-section{margin-bottom:1.5rem;padding:1rem;background-color:#b4a08c26;border:1px solid #c4a874;border-radius:4px}.survivor-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.survivor-template-header h3{margin:0;font-size:.95rem;color:#2a1a1a;font-weight:600}.template-badge{display:inline-block;background-color:#c4a874;color:#2a1a1a;padding:.2rem .5rem;border-radius:3px;font-size:.7rem;font-weight:600}.template-actions{display:flex;flex-direction:column;gap:.5rem}.template-info{margin:0;font-size:.8rem;color:#5a4a3a;font-style:italic}.template-button{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.edit-template-button{background-color:#8b8b7b;color:#e4d5b9}.edit-template-button:hover{background-color:#9b9b8b}.clear-template-button{background-color:#7a5a5a;color:#e4d5b9}.clear-template-button:hover{background-color:#8a6a6a}.template-empty{padding:.75rem;background-color:#fff3;border-radius:3px;border-left:3px solid #c4a874}.template-empty p{margin:0;font-size:.8rem;color:#5a4a3a;line-height:1.4}.active-survivors-section{margin-bottom:0}.active-survivors-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#b5c5a9;border:1px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.active-survivors-header:hover{background-color:#a5b599}.active-survivors-header span:first-child{font-weight:600;color:#2a1a1a}.survivor-pool-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.survivor-pool-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#c0b090;border:1px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.survivor-pool-header:hover{background-color:#b0a080}.survivor-pool-header span:first-child{font-weight:600;color:#374151}.expand-icon{color:#6b7280;font-size:.875rem}.survivor-pool-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.survivor-list-item.deactivated{opacity:.85;background-color:#b9aa8a}.survivor-list-item.deactivated:hover{opacity:.95;border-color:#5a4a3a}.retired-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.retired-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#b0a070;border:1px solid #5a4a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.retired-header:hover{background-color:#a09060}.retired-header span:first-child{font-weight:600;color:#2a1a1a}.retired-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.survivor-list-item.retired{opacity:.85;background-color:#b9aa7a;border-color:#5a4a3a}.survivor-list-item.retired:hover{opacity:.95;border-color:#6a5a4a}.deceased-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.deceased-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#a08080;border:1px solid #5a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.deceased-header:hover{background-color:#907070}.deceased-header span:first-child{font-weight:600;color:#2a1a1a}.deceased-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.survivor-list-item.deceased{opacity:.85;background-color:#a99090;border-color:#5a3a3a}.survivor-list-item.deceased:hover{opacity:.95;border-color:#6a4a4a}.tutorial-section{margin-top:2rem;display:flex;justify-content:center}.tutorial-management-button{padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;color:#2a1a1a;background-color:#d4c5a9;border:2px solid #8a7a6a;border-radius:8px;cursor:pointer;transition:all .15s ease}.tutorial-management-button:hover{background-color:#c4b599;border-color:#6a5a4a}.feedback-section{margin-top:2rem;display:flex;justify-content:center}.feedback-button{padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;color:#2a1a1a;background-color:#d4c5a9;border:2px solid #8a7a6a;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .15s ease}.feedback-button:hover{background-color:#c4b599;border-color:#6a5a4a}.danger-zone{margin-top:3rem;padding-top:2rem;border-top:3px solid #ef4444;display:flex;justify-content:center}.clear-all-button{padding:.75rem 2rem;font-size:1rem;font-weight:700;color:#fff;background-color:#dc2626;border:2px solid #991b1b;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.clear-all-button:hover{background-color:#b91c1c;border-color:#7f1d1d;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.clear-all-button:active{transform:translateY(0);box-shadow:0 2px 4px #dc26264d}.empty-message{padding:2rem;text-align:center;color:#9ca3af;font-style:italic}.empty-survivor-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#5a4a3a;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(255,255,255,.3)}.empty-survivor-slot:hover{color:#3a2a1a}@media(min-width:1001px)and (max-width:1440px){.container{transform:scale(.85);transform-origin:top center;width:117.65%;height:117.65%;margin-left:-8.825%}.quadrant{min-height:0}}@media(max-width:1000px){.mobile-nav{display:flex}.quadrant.inactive-mobile{display:none}.quadrant.active-mobile{grid-column:1 / -1;grid-row:1 / -1}.quadrant.unfocused{display:none}.quadrant.focused{grid-column:1 / -1;grid-row:1 / -1}.container{grid-template-columns:1fr;grid-template-rows:1fr;padding:0 0 1.5rem;align-items:stretch;justify-items:stretch}.quadrant-1.focused,.quadrant-2.focused,.quadrant-3.focused,.quadrant-4.focused{transform:none!important;position:relative;z-index:auto}.quadrant.active-mobile.focused{grid-column:1 / -1;grid-row:1 / -1;height:auto;min-height:0}.app-layout{height:auto;min-height:100vh;overflow-y:auto}.container{height:auto;min-height:0}.quadrant{height:auto;min-height:400px}.top-toolbar{padding:.25rem .35rem;gap:.25rem;flex-wrap:wrap;justify-content:flex-start;z-index:101}.mobile-menu-button{display:block;background:none;border:none;color:#fff;font-size:1.5rem;padding:.25rem .5rem;cursor:pointer;order:1}.mobile-title{display:block;margin:0;font-size:.85rem;font-weight:600;color:#fff;order:2;flex:1;line-height:1.2}.mobile-nav,.mobile-nav.show-nav{order:3;position:static;transform:none;margin-left:auto}.mobile-nav .nav-button{padding:.25rem .5rem;font-size:.9rem;min-width:32px}.mobile-nav .quadrant-indicator{font-size:.85rem}.toolbar-content{display:none!important;width:100%;order:4}.toolbar-content.show-mobile{display:flex!important;flex-direction:column;gap:.5rem}.toolbar-content.hide-in-focus .toolbar-center,.toolbar-content.hide-in-focus .toolbar-right{display:flex}.toolbar-left,.toolbar-center,.toolbar-right{width:100%;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.focus-mode-actions{flex-wrap:wrap}.toolbar-title{font-size:.9rem}.version-link{font-size:.7rem}.toolbar-button,.settlement-dropdown-button{padding:.35rem .6rem;font-size:.85rem}.toolbar-title-group{display:none}.bottom-disclaimer-banner{font-size:.5rem;padding:.25rem .35rem;line-height:1.2}.focus-container{position:fixed;top:3rem;left:0;right:0;bottom:1.5rem;transform:none;display:flex;flex-direction:column;width:100%;gap:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:1001}.focused-main-sheet{width:100%;height:auto;position:relative;border:1px solid #3a3230;background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);box-shadow:inset 0 0 60px #00000014,inset 0 0 30px #0000000d;flex-shrink:0}.secondary-sheet{width:100%;height:auto;position:relative;background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);border:1px solid #3a3230;box-shadow:inset 0 0 60px #00000014,inset 0 0 30px #0000000d;padding:.5rem;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}}.mobile-secondary-sheet{background-color:#d4c5a9;padding:1rem;margin-bottom:3rem}.mobile-secondary-sheet .permanent-injuries-section{margin-bottom:1.5rem}.mobile-secondary-sheet .survivor-log-section{margin-bottom:1rem}.mobile-secondary-sheet .auxiliary-notes-section{min-height:200px}.mobile-secondary-sheet .auxiliary-notes-textarea{min-height:150px;max-height:300px}.user-profile{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#3a3230;border:1px solid #5a4a3a;border-radius:4px;color:#d4c5a9;font-size:.95rem;white-space:nowrap}.user-profile .user-icon{font-size:1.2rem}.user-profile .user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.user-profile{padding:.35rem .75rem;font-size:.85rem;gap:.3rem}.user-profile .user-name{display:none}.user-profile .user-icon{font-size:1rem}}.named-saves-dialog{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.named-saves-dialog h2{margin:0 0 1rem;color:#2a1a1a;font-size:1.25rem;font-weight:700}.named-saves-content{flex:1;overflow-y:auto;margin-bottom:1.5rem}.no-saves-message{padding:2rem 1rem;text-align:center;color:#5a4a3a;font-style:italic;background-color:#ffffff4d;border-radius:4px;margin-bottom:1rem}.saves-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.save-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#fff3;border:1px solid #5a4a3a;border-radius:4px;transition:all .2s ease}.save-item:hover{background-color:#ffffff4d;border-color:#6a5a4a}.save-info{flex:1;min-width:0}.save-name{font-size:.95rem;font-weight:600;color:#2a1a1a;margin-bottom:.25rem;word-break:break-word}.save-date{font-size:.8rem;color:#5a4a3a}.save-actions{display:flex;gap:.5rem;margin-left:1rem;flex-shrink:0}.save-restore-button,.save-delete-button{padding:.4rem .75rem;font-size:.8rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.save-restore-button{color:#d4c5a9;background-color:#4a7a7a}.save-restore-button:hover{background-color:#5a8a8a}.save-restore-button:active{background-color:#3a6a6a}.save-delete-button{color:#d4c5a9;background-color:#7a4a4a}.save-delete-button:hover{background-color:#8a5a5a}.save-delete-button:active{background-color:#6a3a3a}.named-saves-input{display:flex;gap:.5rem}.named-saves-input input{flex:1;padding:.75rem;font-size:.95rem;color:#2a1a1a;background-color:#ffffff80;border:2px solid #5a4a3a;border-radius:4px;font-family:inherit;transition:border-color .2s ease,background-color .2s ease}.named-saves-input input:focus{outline:none;border-color:#6a5a4a;background-color:#fffc}.create-save-button{padding:.75rem 1rem;font-size:.95rem;font-weight:600;color:#d4c5a9;background-color:#5a6b4a;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.create-save-button:hover{background-color:#6a7b5a}.create-save-button:active{background-color:#4a5b3a}.named-saves-drawer-section{background-color:#fff3;border:1px solid #5a4a3a;border-radius:6px;padding:.75rem;margin-top:.75rem}.named-saves-header{margin-bottom:.75rem}.named-saves-header h4{margin:0;font-size:.9rem;font-weight:600;color:#2a1a1a}.no-saves-message-drawer{padding:1rem;text-align:center;color:#5a4a3a;font-style:italic;font-size:.85rem;background-color:#ffffff1a;border-radius:4px;margin-bottom:.75rem}.saves-list-drawer{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;max-height:300px;overflow-y:auto}.save-item-drawer{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#ffffff26;border:1px solid #5a4a3a;border-radius:4px;transition:all .2s ease}.save-item-drawer:hover{background-color:#ffffff40;border-color:#6a5a4a}.save-info-drawer{flex:1;min-width:0}.save-name-drawer{font-size:.85rem;font-weight:600;color:#2a1a1a;margin-bottom:.15rem;word-break:break-word}.save-date-drawer{font-size:.7rem;color:#5a4a3a}.save-actions-drawer{display:flex;gap:.4rem;margin-left:.75rem;flex-shrink:0}.save-restore-button-drawer,.save-delete-button-drawer{padding:.25rem .5rem;font-size:.7rem;font-weight:600;border:none;border-radius:3px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.save-restore-button-drawer{color:#d4c5a9;background-color:#4a7a7a}.save-restore-button-drawer:hover{background-color:#5a8a8a;transform:translateY(-1px)}.save-restore-button-drawer:active{background-color:#3a6a6a;transform:translateY(0)}.save-delete-button-drawer{color:#d4c5a9;background-color:#7a4a4a}.save-delete-button-drawer:hover{background-color:#8a5a5a;transform:translateY(-1px)}.save-delete-button-drawer:active{background-color:#6a3a3a;transform:translateY(0)}.named-saves-input-drawer{display:flex;gap:.4rem}.named-saves-input-drawer input{flex:1;padding:.5rem;font-size:.8rem;color:#2a1a1a;background-color:#ffffff4d;border:1px solid #5a4a3a;border-radius:3px;font-family:inherit;transition:border-color .2s ease,background-color .2s ease}.named-saves-input-drawer input::placeholder{color:#7a6a5a}.named-saves-input-drawer input:focus{outline:none;border-color:#6a5a4a;background-color:#ffffff80}.create-save-button-drawer{padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:#d4c5a9;background-color:#5a6b4a;border:none;border-radius:3px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.create-save-button-drawer:hover{background-color:#6a7b5a;transform:translateY(-1px)}.create-save-button-drawer:active{background-color:#4a5b3a;transform:translateY(0)}.survivor-log-section{border-top:1px solid #d4a574;padding-top:.75rem;margin-top:.75rem}.survivor-log-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.35rem 0;-webkit-user-select:none;user-select:none}.survivor-log-header h3{margin:0;font-size:.95rem;color:#2a1a1a;font-weight:600}.survivor-log-header:hover h3{color:#5a4a3a}.log-content{margin-top:.5rem;background-color:#fff3;border-radius:4px;padding:.5rem;max-height:200px;overflow-y:auto}.no-log-message{text-align:center;color:#5a4a3a;font-style:italic;padding:.75rem .5rem;font-size:.8rem}.log-entries{display:flex;flex-direction:column;gap:.1rem}.log-entry{display:flex;flex-direction:column;gap:.05rem;padding:.2rem .25rem;background-color:#ffffff1a;border-left:2px solid #d4a574;border-radius:2px;font-size:.7rem;line-height:1;cursor:pointer;transition:background-color .2s ease}.log-entry:hover{background-color:#ffffff26}.log-timestamp{color:#5a4a3a;font-weight:600;font-size:.6rem;white-space:nowrap}.log-attribute-compact{display:flex;gap:.15rem;align-items:center;color:#2a1a1a;font-weight:600;font-size:.65rem;flex-wrap:wrap}.log-count{background-color:#d4a574;color:#2a1a1a;padding:.02rem .2rem;border-radius:2px;font-size:.55rem;font-weight:600;flex-shrink:0;white-space:nowrap}.log-entry-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1200;padding-top:2rem}.log-entry-modal{background-color:#e4d5b9;border:2px solid #5a4a3a;border-radius:8px;padding:1rem;max-width:400px;width:90%;box-shadow:0 4px 12px #0000004d}.log-entry-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid #5a4a3a;padding-bottom:.5rem}.log-entry-modal-header h4{margin:0;font-size:1.1rem;color:#2a1a1a;font-weight:600}.log-entry-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#5a4a3a;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.log-entry-modal-close:hover{background-color:#0000001a;color:#2a1a1a}.log-entry-modal-content{color:#2a1a1a}.log-entry-modal-timestamp{font-size:.85rem;color:#5a4a3a;margin-bottom:.75rem;font-weight:500}.log-entry-modal-change{background-color:#ffffff4d;border:1px solid #5a4a3a;border-radius:4px;padding:.75rem;margin-bottom:.75rem}.change-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:flex-start}.change-row:last-child{margin-bottom:0}.change-label{font-weight:600;min-width:70px;color:#5a4a3a;font-size:.9rem}.change-old-value{color:#7a4a4a;text-decoration:line-through;word-break:break-all;font-size:.9rem}.change-new-value{color:#4a7a4a;font-weight:600;word-break:break-all;font-size:.9rem}.change-arrow{text-align:center;color:#8a6a4a;font-weight:700;font-size:.85rem;margin:.2rem 0}.log-entry-modal-count{background-color:#d4a57433;border:1px solid #d4a574;border-radius:4px;padding:.5rem;font-size:.85rem;color:#5a4a3a;text-align:center}.log-content::-webkit-scrollbar{width:5px}.log-content::-webkit-scrollbar-track{background:#d4a5741a;border-radius:2px}.log-content::-webkit-scrollbar-thumb{background:#d4a574;border-radius:2px}.survivor-sheet{width:100%;height:100%;max-height:100%;padding:.2rem;background-color:transparent;color:#2a1a1a;overflow-y:auto;overflow-x:hidden;font-size:.75rem;display:flex;flex-direction:column;box-sizing:border-box}.quadrant:not(.focused) .survivor-sheet{pointer-events:none}.quadrant:not(.focused) input[type=number]::-webkit-inner-spin-button,.quadrant:not(.focused) input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quadrant:not(.focused) input[type=number]{-moz-appearance:textfield}.quadrant.focused .survivor-sheet{pointer-events:auto}.sheet-header{display:flex;gap:.25rem;align-items:center;margin-bottom:.25rem;padding-bottom:.15rem;border-bottom:2px solid #3a3230;flex-wrap:wrap}.name-section{flex:1;min-width:120px;display:flex;align-items:center;gap:.25rem}.name-section label{font-weight:700;font-size:1rem;white-space:nowrap}.name-input{flex:1;padding:.05rem;border:none;border-bottom:2px solid #3a3230;background:transparent;font-size:.9rem;color:#2a1a1a;font-weight:700;font-family:Brush Script MT,Lucida Handwriting,cursive;max-width:120px}.gender-section{display:flex;flex-direction:column;gap:.25rem}.gender-section label{display:flex;align-items:center;justify-content:center;gap:.25rem;font-weight:700;font-size:.7rem;padding:.25rem;border:1px solid #3a3230;border-radius:4px;background-color:#ffffff4d;cursor:pointer;transition:all .15s ease}.gender-section label:hover{background-color:#ffffff80;border-color:#6a5a4a}.gender-section label:has(input:checked){background-color:#ffffffb3;border-color:#5a4a3a}.hunt-xp-section{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.hunt-xp-section span{font-weight:700;font-size:.7rem}.hunt-xp-boxes{display:flex;gap:.15rem}.checkbox-box{width:.85rem;height:.85rem;border:1px solid #3a3230;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.checkbox-box.age-milestone{border:2px solid #3a3230;background-color:#fff9c4}.checkbox-box.age-milestone input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff9c4;border:none;position:relative}.checkbox-box.age-milestone input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700;color:#3a3230}.checkbox-box.retirement-age{background-color:#dc262666;border-color:#991b1b}.checkbox-box.retirement-age input[type=checkbox]{background-color:#dc262666}.retired-label{font-size:.65rem;color:#5a4a3a;margin-left:.3rem;font-style:italic}.checkbox-box input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;cursor:pointer;width:.7rem;height:.7rem;background-color:#ffffff80;border:none;position:relative}.checkbox-box input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700;color:#3a3230}.sheet-content{display:grid;grid-template-columns:auto 1fr;gap:.25rem;flex:1 1 auto;overflow:hidden;min-height:0}.right-columns-container{display:flex;flex-direction:column;gap:.15rem;overflow:hidden;min-height:0}.columns-wrapper{display:grid;grid-template-columns:auto 1fr;gap:.25rem;flex:1;overflow:hidden;min-height:0}.left-column,.middle-column,.right-column{display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;overflow-x:hidden;min-height:0;justify-content:space-evenly}.image-name-container{display:flex;align-items:center;gap:.25rem;align-self:center;flex-shrink:0}.name-gender-column{display:flex;flex-direction:column;align-items:stretch;height:106px;overflow:visible;gap:.15rem}.name-wrapper{flex:1;min-height:0;overflow:visible;width:3.2em;position:relative;cursor:text}.survivor-sheet .survivor-name{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.8rem;font-weight:700;color:#2a1a1a;text-align:center;border:1px solid #3a3230;background-color:#ffffff4d;padding:.25rem;font-family:inherit;cursor:text;width:100%;height:100%;resize:none;line-height:1.2;overflow:hidden;box-sizing:border-box;align-content:center}.survivor-sheet .survivor-name:focus{outline:none}.survivor-name-edit{position:absolute;top:0;left:0;width:10rem;font-size:.8rem;font-weight:700;color:#2a1a1a;border:2px solid #5a4a3a;background-color:#fff;padding:.25rem;font-family:inherit;box-sizing:border-box;z-index:10}.survivor-name-edit:focus{outline:none}.gender-toggle{font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.1rem .25rem;border:1px solid #3a3230;background-color:#ffffff4d;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;min-width:28px;flex-shrink:0;line-height:1}.gender-toggle.male,.gender-toggle.female{background-color:transparent}.gender-toggle:hover{background-color:#ffffff80;border-color:#6a5a4a;transform:scale(1.05)}.gender-toggle:active{transform:scale(.95)}.camera-section{border:1px solid #3a3230;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;width:106px;height:106px;align-self:center;cursor:pointer;overflow:hidden;transition:all .15s ease}.camera-section:hover{background-color:#0000000d;border-color:#6a5a4a}.survivor-image{width:100%;height:100%;object-fit:cover}.survival-section{border:1px solid #3a3230;padding:.15rem;flex-shrink:0}.brain-section{border:1px solid #3a3230;padding:.15rem;display:flex;align-items:center;gap:.25rem;flex-shrink:0;flex:1}.survival-section h3{margin:0;font-size:.7rem;font-weight:700}.survival-header{display:flex;align-items:center;gap:.25rem;margin-bottom:.15rem}.survival-limit-label{font-size:.55rem;color:#666;font-weight:400;display:flex;align-items:center;gap:.15rem}.survival-limit-input{width:1.5rem;height:1.2rem;border:1px solid #3a3230;text-align:center;font-size:.8rem;font-weight:700;background-color:#ffffff4d;padding:0}.survival-top{display:flex;align-items:flex-start;gap:.3rem;margin-bottom:.15rem}.large-box{width:2.2rem;height:2.2rem;border:1px solid #3a3230;font-size:1.4rem;text-align:center;font-weight:700;background-color:#ffffff4d;flex-shrink:0}.survival-abilities{display:grid;grid-template-columns:auto auto auto;grid-auto-rows:auto;gap:.25rem;font-size:.5rem;justify-items:start;justify-content:start}.survival-ability-label{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding:.1rem .3rem;background-color:#00000026;border:1px solid #8a7a6a;border-radius:4px;cursor:pointer;transition:all .15s ease;font-weight:600;color:#8a7a6a;opacity:.6;-webkit-user-select:none;user-select:none}.survival-ability-label:hover{background-color:#0003;opacity:.7;transform:translateY(-1px)}.survival-ability-label:active{transform:translateY(0)}.survival-ability-label.active{background-color:#ffffff80;border-color:#5a4a3a;color:#2a1a1a;opacity:1;cursor:pointer}.survival-ability-label.active:hover{background-color:#ffffffb3;border-color:#6a5a4a}.stats-section{display:flex;flex-direction:column;gap:.15rem;border:1px solid #3a3230;padding:.15rem;justify-content:space-evenly;flex:1}.cannot-spend-survival{display:flex;align-items:center;justify-content:space-between;gap:.25rem;font-size:.5rem;font-weight:600;flex:1}.stat-box{display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat-label{font-size:.55rem;font-weight:700;text-align:center}.stat-inputs{display:flex;gap:.15rem;align-items:center}.stat-plus{font-size:.9rem;font-weight:700;color:#3a3230}.stat-input{width:2rem;height:2rem;border:1px solid #3a3230;text-align:center;font-size:1.1rem;font-weight:700;background-color:#ffffff4d}.gear-bonus-input{background-color:#d4c5a980;border:1px solid #5a4a3a}.brain-shield-group{display:flex;flex-direction:column;align-items:center;gap:.1rem}.insanity-label{font-size:.5rem;font-weight:700;text-align:center}.brain-label{display:flex;flex-direction:column;align-items:flex-start;font-weight:700;font-size:.6rem;white-space:nowrap}.brain-note{font-size:.5rem;font-weight:400;opacity:.7;margin-top:.1rem}.brain-checkbox{padding-right:.65rem;margin-left:auto}.body-locations{display:flex;flex-direction:column;gap:.15rem}.body-location{display:flex;align-items:center;gap:.15rem;border:1px solid #3a3230;padding:.1rem}.brain-and-head-container{display:flex;flex-direction:column;gap:.15rem}.body-location-group{display:flex;flex-direction:column;gap:.15rem;flex:1}.shield-icon{width:1.5rem;height:1.8rem;border:1px solid #3a3230;border-radius:0 0 50% 50%;background-color:#ffffff4d;position:relative;display:flex;align-items:center;justify-content:center}.shield-icon:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:100%;height:40%;border-left:1px solid #3a3230;border-right:1px solid #3a3230;pointer-events:none}.insane-shield{background-color:#ff8c0080;border-color:#d07000}.insane-shield:before{border-left-color:#d07000;border-right-color:#d07000}.shield-input{width:1.2rem;height:1.2rem;border:none;background:transparent;text-align:center;font-size:.95rem;font-weight:700;z-index:1;padding:0}.body-location span{font-weight:700;font-size:.7rem;white-space:nowrap}.belt-icon{display:inline-block;vertical-align:middle;margin-right:.1em}.body-location label{display:flex;align-items:center;gap:.15rem;font-size:.6rem}.body-location label:first-of-type{margin-left:auto}.heavy-injury-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:5px double #3a3230;width:1.1rem;height:1.1rem;background-color:#ffffff4d;position:relative;box-shadow:0 0 0 2px #3a3230 inset}.heavy-injury-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700}.weapon-proficiency{border:1px solid #3a3230;padding:.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.weapon-proficiency h3{margin:0;font-size:.75rem;font-weight:700;white-space:nowrap}.weapon-proficiency-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;width:100%}.weapon-proficiency-inline .proficiency-row{width:100%;flex-shrink:0}.weapon-proficiency-inline .pill-container{min-width:80px;flex:1 1 auto}.weapon-type-input{flex:1;min-width:100px;padding:.1rem;border:none;border-bottom:1px solid #3a3230;font-size:.6rem;background-color:#ffffff4d}.proficiency-row{display:flex;align-items:center;gap:.2rem;width:100%}.proficiency-boxes{display:flex;gap:.15rem;flex-wrap:nowrap;align-items:center}.proficiency-milestones{display:flex;gap:.2rem;align-items:center;margin-left:auto;flex-shrink:0}.proficiency-milestone,.attribute-milestone{border:2px solid #3a3230;background-color:#fff9c4}.proficiency-milestone input[type=checkbox],.attribute-milestone input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff9c4;border:none}.proficiency-milestone input[type=checkbox]:checked:after,.attribute-milestone input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700}.attributes-section{display:grid;grid-template-columns:1fr 1fr;gap:.15rem}.courage-section,.understanding-section{border:1px solid #3a3230;padding:.15rem;display:flex;flex-direction:column;gap:.1rem}.courage-section h4,.understanding-section h4{margin:0 0 .1rem;font-size:.7rem;font-weight:700}.attribute-boxes{display:flex;gap:.15rem;flex-wrap:wrap;margin-bottom:.1rem}.milestones{display:flex;gap:.15rem;margin-bottom:.1rem}.milestone-label{font-size:.5rem;font-weight:700;padding:.05rem .15rem;background-color:#3a3230;color:#d4c5a9}.milestone-marker{font-size:.4rem;margin-right:.15rem;letter-spacing:.05rem;color:#fff9c4}.max-note{font-size:.6rem;font-weight:400;color:#666;font-style:italic;white-space:nowrap}.milestone-abilities{display:flex;flex-direction:column;gap:.05rem}.milestone-ability{display:flex;align-items:flex-start;gap:.25rem;font-size:.5rem;line-height:1.15;padding:.05rem;border-radius:1px}.milestone-ability input[type=checkbox]{margin-top:.05rem;flex-shrink:0}.milestone-text{flex:1}.milestone-text strong{font-weight:700}.fighting-arts,.disorders,.abilities-impairments,.once-per-lifetime{border:1px solid #3a3230;padding:.15rem;display:flex;flex-direction:column;gap:.1rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%}@media(max-width:1000px){.section-header{flex-direction:column;align-items:flex-start;gap:.25rem}.weapon-proficiency-inline{flex-wrap:wrap;gap:.2rem}.weapon-proficiency-inline .proficiency-row,.proficiency-boxes,.proficiency-checkboxes{flex-wrap:wrap;gap:.1rem}.proficiency-milestones{display:none}.understanding-section,.courage-section{min-width:0}.attribute-boxes{flex-wrap:wrap;gap:.15rem}.camera-section{width:80px;height:80px}.name-gender-column{height:80px}}@media(max-width:600px){.survivor-sheet{padding:.1rem;overflow-y:visible;overflow-x:visible}.sheet-header{gap:.1rem;margin-bottom:.1rem;padding-bottom:.05rem}.sheet-content{gap:.1rem;overflow:visible;grid-template-columns:1fr}.left-column{gap:.1rem;overflow:visible;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.image-name-container{grid-row:1 / 3}.name-gender-column{height:auto;width:auto}.gender-toggle{font-size:.75rem;padding:.1rem;min-width:auto;align-self:flex-start}.name-wrapper{width:auto;min-height:0}.survivor-sheet .survivor-name{writing-mode:horizontal-tb;transform:none;height:auto;width:100%;padding:.15rem .25rem;font-size:.8rem}.survivor-name-edit{position:relative;width:100%}.survival-section{grid-column:2}.body-locations{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:.1rem}.body-location-group:first-child{grid-column:1 / -1}.body-location label:first-of-type{margin-left:0}.brain-section{padding:.1rem;gap:.15rem}.survival-abilities{grid-template-columns:auto auto;gap:.15rem}.survival-top{gap:.15rem;margin-bottom:.1rem}.columns-wrapper,.right-columns-container,.middle-column,.right-column{gap:.1rem;overflow:visible}.camera-section,.milestones{display:none}.milestone-text{font-size:0}.milestone-text strong{font-size:.5rem}.milestone-abilities{gap:0}.milestone-ability{gap:.15rem;padding:.02rem}}.fighting-arts h3,.disorders h3,.abilities-impairments h3,.once-per-lifetime h3{margin:0;font-size:.7rem;font-weight:700;white-space:nowrap}.section-checkbox{display:flex;align-items:center;gap:.25rem;font-size:.5rem;font-weight:600;white-space:nowrap}.text-line{width:100%;padding:.05rem;border:none;border-bottom:1px solid #3a3230;font-size:.55rem;background-color:#ffffff4d}input[type=text],input[type=number]{font-family:inherit;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}input:focus{outline:2px solid #5a4a3a}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.9rem;height:.9rem;cursor:pointer;background-color:#ffffff80;border:1px solid #3a3230;position:relative}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;color:#3a3230}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.9rem;height:.9rem;cursor:pointer;background-color:#ffffffb3;border:1px solid #3a3230;border-radius:50%;position:relative}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background-color:#3a3230;border-radius:50%}.pill-container{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;padding:.2rem;background-color:#fff3;border:1px solid #3a3230;min-height:1.8rem}.pill{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;background-color:#5a4a3a;color:#d4c5a9;border-radius:12px;font-size:.65rem;font-weight:600;white-space:nowrap;position:relative}.pill-in-glossary{background-color:#6a5a4a;border:1px solid #8a7a6a;padding-left:1.2rem}.pill-in-glossary:before{content:"📖";position:absolute;left:.3rem;font-size:.7rem;opacity:.8}.pill span{max-width:150px;overflow:hidden;text-overflow:ellipsis}.pill-text{cursor:pointer;transition:opacity .2s ease}.pill-text:hover{opacity:.8;text-decoration:underline}.pill-remove{background:none;border:none;color:#d4c5a9;font-size:1rem;line-height:1;cursor:pointer;padding:0;margin:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.pill-remove:hover{background-color:#fff3}.pill-input{flex:1;min-width:80px;border:none;background:transparent;font-size:.65rem;padding:.2rem;color:#2a1a1a;font-family:inherit}.pill-input:focus{outline:none}.pill-input::placeholder{color:#8a7a6a;font-style:italic}@media(min-width:1001px)and (max-width:1440px){.proficiency-milestones{flex-direction:column;align-items:flex-start}}@media(max-width:1440px){.focused-main-sheet .proficiency-milestones{display:none!important}}.survivor-log-section{border:2px solid #d4a574;border-radius:6px;background-color:#d4a5741a;padding:1rem;margin-top:1rem}.section-header-button{background:none;border:none;padding:0;cursor:pointer;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;font-family:inherit}.section-header-button h3{margin:0;padding:0;font-size:1rem;color:#2a1a1a}.section-header-button:hover h3{color:#5a4a3a}.collapse-indicator{font-size:.75rem;color:#5a4a3a;margin-left:.5rem;transition:transform .2s ease}.log-content{margin-top:.75rem;background-color:#ffffff4d;border-radius:4px;padding:.75rem;max-height:400px;overflow-y:auto}.no-log-message{text-align:center;color:#5a4a3a;font-style:italic;padding:1rem;font-size:.9rem}.log-entries{display:flex;flex-direction:column;gap:.5rem}.log-entry{display:flex;gap:.75rem;padding:.5rem;background-color:#fff3;border-left:3px solid #d4a574;border-radius:2px;font-size:.85rem}.log-timestamp{color:#5a4a3a;white-space:nowrap;min-width:120px;font-weight:600}.log-change{flex:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.log-attribute{color:#2a1a1a;font-weight:600;min-width:100px}.log-values{display:flex;align-items:center;gap:.35rem;color:#3a3a3a}.old-value{color:#7a4a4a;text-decoration:line-through}.arrow{color:#8a6a4a;font-weight:700;margin:0 .25rem}.new-value{color:#4a7a4a;font-weight:600}.log-count{background-color:#d4a574;color:#2a1a1a;padding:.1rem .35rem;border-radius:3px;font-size:.75rem;font-weight:600;margin-left:.25rem}.log-content::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track{background:#d4a5741a;border-radius:3px}.log-content::-webkit-scrollbar-thumb{background:#d4a574;border-radius:3px}.log-content::-webkit-scrollbar-thumb:hover{background:#c48a5a}.numeric-input-container{position:relative;display:inline-block}.numeric-input-container input[type=number]::-webkit-inner-spin-button,.numeric-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numeric-input-container input[type=number]{-moz-appearance:textfield}.numeric-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:transparent;cursor:default}.numeric-buttons{display:flex;gap:.25rem;z-index:10000;animation:fadeIn .2s ease-out;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.numeric-button{min-width:60px;min-height:48px;font-size:1.1rem;font-weight:700;color:#d4c5a9;border-radius:4px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 8px #0006;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.numeric-button.increment{background-color:#5a6b4a;border:2px solid #3a4a2a}.numeric-button.increment:hover{background-color:#6a7b5a;border-color:#4a5a3a;transform:scale(1.05)}.numeric-button.increment:active{transform:scale(.98);box-shadow:0 2px 4px #0000004d}.numeric-button.decrement{background-color:#6b4a4a;border:2px solid #4a2a2a}.numeric-button.decrement:hover{background-color:#7b5a5a;border-color:#5a3a3a;transform:scale(1.05)}.numeric-button.decrement:active{transform:scale(.98);box-shadow:0 2px 4px #0000004d}.numeric-button:disabled{opacity:.4;cursor:not-allowed;background-color:#3a3a3a;border-color:#2a2a2a;color:#6a6a6a}.numeric-button:disabled:hover{transform:none;background-color:#3a3a3a;border-color:#2a2a2a}.numeric-button:disabled:active{transform:none;box-shadow:0 4px 8px #0006}@media(hover:none)and (pointer:coarse){.numeric-button{min-width:70px;min-height:56px;font-size:1.25rem}}.glossary-modal-backdrop{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.glossary-modal{background-color:#d4c5a9;border:3px solid #3a3230;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.glossary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid #3a3230}.glossary-modal-header h2{margin:0;font-size:1.25rem;color:#2a1a1a}.glossary-header-actions{display:flex;align-items:center;gap:.75rem}.glossary-view-toggle{display:flex;border:1px solid #3a3230;border-radius:4px;overflow:hidden}.glossary-toggle-btn{padding:.35rem .75rem;font-size:.8rem;border:none;background:transparent;color:#3a3230;cursor:pointer;font-family:inherit;transition:all .2s}.glossary-toggle-btn.active{background-color:#3a3230;color:#d4c5a9}.glossary-toggle-btn:hover:not(.active){background-color:#3a323026}.glossary-close-btn{background:none;border:none;font-size:2rem;color:#3a3230;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.glossary-close-btn:hover{color:#8b4513}.glossary-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.glossary-search-box{margin-bottom:1rem}.glossary-search-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid #3a3230;border-radius:4px;background-color:#ffffff80;color:#2a1a1a;font-family:inherit}.glossary-search-input:focus{outline:none;border-color:#8b4513;background-color:#fffc}.glossary-search-input::placeholder{color:#8a7a6a}.glossary-search-hint{text-align:center;padding:2rem 1rem;color:#5a4a3a}.glossary-search-hint p{margin:.5rem 0}.glossary-browse-hint{font-size:.9rem;color:#7a6a5a}.glossary-inline-link{background:none;border:none;color:#8b4513;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.glossary-inline-link:hover{color:#5a2d0a}.glossary-category-matches{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.glossary-category-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background-color:#8b451326;border:1px solid #8b4513;border-radius:16px;color:#5a2d0a;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .2s}.glossary-category-pill:hover{background-color:#8b45134d}.glossary-category-pill-count{background-color:#8b4513;color:#d4c5a9;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;font-weight:700}.glossary-source-badge{display:inline-block;font-size:.65rem;padding:.1rem .4rem;border-radius:3px;margin-left:.5rem;font-weight:700;text-transform:uppercase;vertical-align:middle}.glossary-source-badge.official{background-color:#3a5a3a;color:#c5e0c5}.glossary-source-badge.wiki{background-color:#3a4a6a;color:#c5d5e5}.glossary-no-results{text-align:center;padding:2rem;color:#666;font-style:italic}.glossary-results{display:flex;flex-direction:column;gap:.5rem}.glossary-result-item{padding:.75rem;background-color:#ffffff4d;border:1px solid #3a3230;border-radius:4px;cursor:pointer;transition:all .2s}.glossary-result-item:hover,.glossary-result-item.highlighted{background-color:#8b451333;border-color:#8b4513}.glossary-result-term{font-weight:700;font-size:1rem;color:#2a1a1a;margin-bottom:.25rem;display:flex;align-items:center}.glossary-result-preview{font-size:.85rem;color:#5a4a3a;line-height:1.4}.glossary-term-display{display:flex;flex-direction:column;gap:1rem}.glossary-back-btn{align-self:flex-start;padding:.5rem 1rem;background-color:#8b451333;border:1px solid #3a3230;border-radius:4px;color:#2a1a1a;font-size:.9rem;cursor:pointer;transition:all .2s}.glossary-back-btn:hover{background-color:#8b45134d;border-color:#8b4513}.glossary-term-content{background-color:#fff6;padding:1.5rem;border:2px solid #3a3230;border-radius:4px}.glossary-term-title{margin:0 0 .5rem;font-size:1.5rem;color:#2a1a1a;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.glossary-term-category{display:inline-block;padding:.25rem .75rem;background-color:#8b4513;color:#d4c5a9;font-size:.75rem;font-weight:700;border-radius:12px;margin-bottom:1rem}.glossary-term-definition{line-height:1.6;color:#2a1a1a;margin-bottom:1rem;white-space:pre-wrap}.glossary-term-definition-container{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.glossary-term-definition-container .glossary-term-definition{flex:1;margin-bottom:0}.glossary-term-sentences{display:flex;flex-direction:column;gap:.5rem;width:100%}.glossary-term-sentence-line{display:flex;gap:.5rem;align-items:flex-start;padding:.5rem;background-color:#8b6f470d;border-radius:4px;border-left:2px solid #8b6f47}.glossary-sentence-text{flex:1;line-height:1.5;color:#2a1a1a;font-size:.95rem}.glossary-add-line-btn{padding:.35rem .5rem;background-color:#8b6f47;color:#e4d5b9;border:1px solid #5a4a3a;border-radius:3px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;line-height:1}.glossary-add-line-btn:hover{background-color:#9a7f57;border-color:#3a2a1a}.glossary-add-line-btn:active{background-color:#7a5f37}.glossary-add-keyword-container{margin-bottom:1rem}.glossary-add-keyword-btn{padding:.5rem 1rem;background-color:#5a3d2a;color:#e4d5b9;border:1px solid #3a2a1a;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.glossary-add-keyword-btn:hover{background-color:#6a4d3a;border-color:#1a0a0a}.glossary-add-keyword-btn:active{background-color:#4a2d1a}.glossary-add-to-notes-btn{padding:.5rem .75rem;background-color:#8b6f47;color:#e4d5b9;border:1px solid #5a4a3a;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.glossary-add-to-notes-btn:hover{background-color:#9a7f57;border-color:#3a2a1a}.glossary-add-to-notes-btn:active{background-color:#7a5f37}.glossary-related-terms{padding:1rem;background-color:#8b45131a;border-left:3px solid #8b4513;margin-top:1rem;font-size:.9rem}.glossary-related-link{background:none;border:none;color:#8b4513;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;font-family:inherit}.glossary-related-link:hover{color:#5a2d0a}.glossary-term-link{margin-top:1rem;padding-top:1rem;border-top:1px solid #3a3230}.glossary-term-link a{color:#8b4513;text-decoration:none;font-weight:700}.glossary-term-link a:hover{text-decoration:underline}.glossary-categories-view{display:flex;flex-direction:column;gap:1rem}.glossary-categories-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.glossary-categories-header h3{margin:0;color:#2a1a1a;font-size:1.1rem}.glossary-categories-count{font-size:.8rem;color:#7a6a5a}.glossary-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.glossary-category-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background-color:#ffffff4d;border:1px solid #3a3230;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit}.glossary-category-card:hover{background-color:#8b451333;border-color:#8b4513;transform:translateY(-1px)}.glossary-category-card-name{font-weight:700;font-size:.85rem;color:#2a1a1a;text-align:center}.glossary-category-card-count{font-size:.75rem;color:#7a6a5a}.glossary-category-detail{display:flex;flex-direction:column;gap:1rem}.glossary-category-detail-header{display:flex;align-items:baseline;gap:.75rem}.glossary-category-detail-header h3{margin:0;color:#2a1a1a;font-size:1.25rem}.glossary-category-detail-count{font-size:.85rem;color:#7a6a5a}.glossary-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#5a4a3a;font-style:italic}.glossary-spinner{width:20px;height:20px;border:3px solid rgba(139,69,19,.3);border-top-color:#8b4513;border-radius:50%;animation:glossary-spin .8s linear infinite}@keyframes glossary-spin{to{transform:rotate(360deg)}}.glossary-modal-footer{padding:.75rem 1.5rem;border-top:2px solid #3a3230;background-color:#3a32301a;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.glossary-footer-left{display:flex;flex-direction:column;gap:.5rem}.glossary-hint{font-size:.75rem;color:#666;font-style:italic}.glossary-official-link{font-size:.75rem;color:#5a7a8a;text-decoration:none;transition:color .2s ease}.glossary-official-link:hover{color:#7a9aaa;text-decoration:underline}.glossary-last-updated{font-size:.7rem;color:#888;font-style:italic}.glossary-scan-view{display:flex;flex-direction:column;gap:1rem}.glossary-scan-prompt{text-align:center;padding:2rem 1rem;color:#5a4a3a}.glossary-camera-feed{width:100%;max-height:300px;object-fit:cover;border:2px solid #3a3230;border-radius:6px;background-color:#1a1a1a}.glossary-scan-actions{display:flex;gap:.75rem;justify-content:center}.glossary-capture-btn{padding:.6rem 1.5rem;font-size:1rem;font-weight:700;font-family:inherit;border:2px solid #3a3230;border-radius:6px;background-color:#8b4513;color:#d4c5a9;cursor:pointer;transition:all .2s}.glossary-capture-btn:hover:not(:disabled){background-color:sienna}.glossary-capture-btn:disabled{opacity:.6;cursor:not-allowed}.glossary-upload-btn{background-color:#ffffff4d;color:#3a3230;border-color:#3a3230}.glossary-upload-btn:hover:not(:disabled){background-color:#ffffff80}.glossary-stop-camera-btn{padding:.6rem 1.5rem;font-size:.9rem;font-family:inherit;border:1px solid #3a3230;border-radius:6px;background-color:#ffffff4d;color:#3a3230;cursor:pointer;transition:all .2s}.glossary-stop-camera-btn:hover{background-color:#ffffff80}.glossary-ocr-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:#5a4a3a;font-style:italic;text-align:center}.glossary-ocr-status.error{color:#8b2500;flex-direction:column}.glossary-ocr-raw{padding:.75rem;background-color:#ffffff4d;border:1px solid #3a3230;border-radius:4px;font-size:.85rem;color:#3a3230;word-break:break-word}.glossary-ocr-results-header{font-weight:700;font-size:.9rem;color:#2a1a1a;margin-bottom:.25rem}@media(max-width:640px){.glossary-modal{max-width:100%;max-height:90vh}.glossary-modal-header{flex-wrap:wrap;gap:.5rem}.glossary-modal-header h2{font-size:1rem}.glossary-modal-content{padding:1rem}.glossary-term-title{font-size:1.25rem}.glossary-hint{display:none}.glossary-category-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.inventory-modal-backdrop{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.inventory-modal{background-color:#d4c5a9;border:3px solid #3a3230;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.inventory-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid #3a3230}.inventory-modal-header h2{margin:0;font-size:1.25rem;color:#2a1a1a}.inventory-close-btn{background:none;border:none;font-size:2rem;color:#3a3230;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.inventory-close-btn:hover{color:#8b4513}.inventory-section-tabs{display:flex;border-bottom:2px solid #3a3230}.inventory-tab-btn{flex:1;padding:.6rem 1rem;font-size:.95rem;font-weight:700;border:none;background:transparent;color:#3a3230;cursor:pointer;font-family:inherit;transition:all .2s}.inventory-tab-btn.active{background-color:#3a3230;color:#d4c5a9}.inventory-tab-btn:hover:not(.active){background-color:#3a323026}.inventory-modal-content{flex:1;overflow-y:auto;padding:1rem 1.5rem}.inventory-search-row{display:flex;gap:.5rem;margin-bottom:1rem}.inventory-search-wrapper{flex:1;position:relative}.inventory-search-input{width:100%;padding:.6rem .75rem;font-size:.95rem;border:2px solid #3a3230;border-radius:4px;background-color:#ffffff80;color:#2a1a1a;font-family:inherit;box-sizing:border-box}.inventory-search-input:focus{outline:none;border-color:#8b4513;background-color:#fffc}.inventory-search-input::placeholder{color:#8a7a6a}.inventory-autocomplete{position:absolute;top:100%;left:0;right:0;background-color:#d4c5a9;border:2px solid #3a3230;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:10}.inventory-autocomplete-item{padding:.5rem .75rem;cursor:pointer;font-size:.9rem;color:#2a1a1a;transition:background-color .15s}.inventory-autocomplete-item:hover,.inventory-autocomplete-item.highlighted{background-color:#8b451333}.inventory-scan-btn{padding:.6rem 1rem;font-size:.9rem;font-weight:700;font-family:inherit;border:2px solid #3a3230;border-radius:4px;background-color:#8b4513;color:#d4c5a9;cursor:pointer;transition:all .2s;white-space:nowrap}.inventory-scan-btn:hover{background-color:sienna}.inventory-back-btn{align-self:flex-start;padding:.4rem .75rem;background-color:#8b451333;border:1px solid #3a3230;border-radius:4px;color:#2a1a1a;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .2s;margin-bottom:.75rem}.inventory-back-btn:hover{background-color:#8b45134d;border-color:#8b4513}.inventory-scan-view{display:flex;flex-direction:column;gap:.75rem}.inventory-scan-prompt{text-align:center;padding:1.5rem 1rem;color:#5a4a3a}.inventory-scan-actions{display:flex;gap:.75rem;justify-content:center}.inventory-ocr-results{display:flex;flex-direction:column;gap:.4rem}.inventory-ocr-results-header{font-weight:700;font-size:.9rem;color:#2a1a1a;margin-bottom:.25rem}.inventory-ocr-result-item{padding:.6rem .75rem;background-color:#ffffff4d;border:1px solid #3a3230;border-radius:4px;cursor:pointer;font-size:.9rem;color:#2a1a1a;transition:all .2s}.inventory-ocr-result-item:hover{background-color:#8b451333;border-color:#8b4513}.inventory-item-list{display:flex;flex-direction:column;gap:.4rem}.inventory-empty{text-align:center;padding:2rem 1rem;color:#7a6a5a;font-style:italic}.inventory-item-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#ffffff4d;border:1px solid #3a3230;border-radius:4px}.inventory-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.inventory-item-name{font-size:.95rem;color:#2a1a1a}.inventory-item-tags{font-size:.7rem;color:#8a7a6a;font-style:italic}.inventory-item-link{text-decoration:none;color:#5b3a1a}.inventory-item-link:hover{text-decoration:underline}.inventory-item-count{font-weight:700;font-size:.9rem;color:#8b4513;min-width:2rem;text-align:center}.inventory-item-btn{width:28px;height:28px;border:1px solid #3a3230;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit;padding:0}.inventory-item-plus{background-color:#8b451333;color:#3a3230}.inventory-item-plus:hover{background-color:#8b451366}.inventory-item-minus{background-color:#b43c3c26;color:#3a3230}.inventory-item-minus:hover{background-color:#b43c3c4d}@media(max-width:640px){.inventory-modal{max-width:100%;max-height:90vh}.inventory-modal-header h2{font-size:1rem}.inventory-modal-content{padding:.75rem 1rem}}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:999997;display:flex;align-items:center;justify-content:center;pointer-events:none}.tutorial-overlay.no-highlight{background-color:#000000b3;pointer-events:auto}.tutorial-overlay>*{pointer-events:auto}.tutorial-highlight{position:fixed;border:5px solid #ffd700;border-radius:4px;box-shadow:0 0 0 9999px #000000b3,0 0 20px #ffd700cc;pointer-events:none;z-index:999998;transition:all .3s ease}.tutorial-tooltip{position:fixed;background-color:#d4c5a9;background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.02) 0%,transparent 50%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);border:2px solid #3a3230;border-radius:4px;box-shadow:inset 0 0 60px #00000014,inset 0 0 30px #0000000d,0 8px 24px #00000080;max-width:400px;width:90vw;z-index:999999;transition:all .3s ease}.tutorial-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid #3a3230;background-color:#3a32301a}.tutorial-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#2a2220;text-shadow:0 1px 1px rgba(255,255,255,.3)}.tutorial-close{background:none;border:1px solid #3a3230;font-size:1.75rem;line-height:1;color:#3a3230;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tutorial-close:hover{background-color:#3a323033;color:#2a2220}.tutorial-body{padding:1.5rem}.tutorial-body p{margin:0;font-size:1rem;line-height:1.6;color:#2a2220}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:2px solid #3a3230;background-color:#3a32301a;gap:1rem}.tutorial-progress{font-size:.875rem;color:#3a3230;white-space:nowrap;font-weight:500}.tutorial-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.tutorial-btn{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:2px solid #3a3230;white-space:nowrap;box-shadow:inset 0 0 10px #0000001a,0 2px 4px #0003}.tutorial-btn-primary{background-color:#8a7a6a;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.tutorial-btn-primary:hover{background-color:#9a8a7a;box-shadow:inset 0 0 10px #0000001a,0 3px 6px #0000004d}.tutorial-btn-primary:disabled{background-color:#b5a89a;cursor:not-allowed;opacity:.5;color:#7a7a7a}.tutorial-btn-primary:disabled:hover{background-color:#b5a89a;box-shadow:inset 0 0 10px #0000001a,0 2px 4px #0003}.tutorial-btn-secondary{background-color:#c5b5a5;color:#2a2220}.tutorial-btn-secondary:hover{background-color:#d5c5b5;box-shadow:inset 0 0 10px #0000001a,0 3px 6px #0000004d}@media(max-width:768px){.tutorial-tooltip{max-width:90vw;left:5vw!important;right:5vw;transform:none!important;top:50%!important;margin-top:-150px}.tutorial-header h3{font-size:1.1rem}.tutorial-body{padding:1rem}.tutorial-body p{font-size:.95rem}.tutorial-footer{flex-direction:column;align-items:stretch;gap:.75rem}.tutorial-progress{text-align:center;order:2}.tutorial-actions{order:1;justify-content:stretch}.tutorial-btn{flex:1}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media(min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media(min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}:root{--yarl-color-backdrop: rgba(0, 0, 0, .95);--yarl-color-button: rgb(255, 255, 255);--yarl-color-button-active: rgb(200, 200, 200)}.yarl__container,.yarl__root{z-index:2000}.yarl__backdrop{background-color:#000000f2}.yarl__button{cursor:pointer;transition:opacity .2s ease}.yarl__button:hover:not(:disabled){opacity:.7}.yarl__thumbnails_container{background-color:#000c;border-top:1px solid rgba(255,255,255,.1)}.yarl__thumbnail{border-radius:4px;transition:all .2s ease}.yarl__thumbnail:hover,.yarl__thumbnail_active{border:2px solid #4CAF50;transform:scale(1.05)}.visual-guides-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1900;padding:1rem;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visual-guides-modal{background-color:#d4c5a9;border:3px solid #3a3230;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.visual-guides-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid #3a3230}.visual-guides-header h1{margin:0;font-size:1.25rem;color:#2a1a1a;flex:1}.close-button{background:none;border:none;font-size:2rem;color:#3a3230;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover{color:#8b4513}.visual-guides-list{flex:1;overflow-y:auto;padding:0}.guide-item{width:100%;padding:.75rem 1.5rem;border:none;text-align:left;background:transparent;cursor:pointer;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #c4b59a;transition:all .2s ease;font-size:.95rem;color:#2a1a1a;font-family:inherit}.guide-item:hover{background-color:#3a323026;padding-left:1.75rem}.guide-item:active{background-color:#3a323040}.guide-icon{font-size:1.1rem;flex-shrink:0}.guide-name{flex:1;word-break:break-word;text-align:left}.guide-arrow{color:#8a7a6a;font-size:1rem;flex-shrink:0;transition:all .2s ease}.guide-item:hover .guide-arrow{color:#8b4513;transform:translate(4px)}.visual-guides-footer{padding:.75rem 1.5rem;border-top:2px solid #3a3230;background-color:#c4b59a;text-align:center;font-size:.85rem;color:#5a4a3a}.visual-guides-footer p{margin:0}@media(max-width:600px){.visual-guides-modal{width:95%;max-height:85vh}.visual-guides-header h1{font-size:1.1rem}.guide-item{padding:.65rem 1rem;font-size:.9rem}.guide-icon{font-size:1rem}.guide-arrow{font-size:.9rem}}.visual-guides-list::-webkit-scrollbar{width:8px}.visual-guides-list::-webkit-scrollbar-track{background:#c4b59a}.visual-guides-list::-webkit-scrollbar-thumb{background:#8a7a6a;border-radius:4px}.visual-guides-list::-webkit-scrollbar-thumb:hover{background:#6a5a4a}.login-modal-backdrop{position:fixed;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:3px solid #3a3230;border-radius:0;box-shadow:0 8px 32px #000000b3,inset 0 0 60px #0000000d;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out;position:relative}.login-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #3a3230;background:linear-gradient(90deg,rgba(58,50,48,.4) 0%,transparent 100%)}.login-modal-header h2{margin:0;font-size:1.5rem;color:#d4c5a9;font-weight:600;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.login-close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#d4c5a9;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .2s;hover-color:#f5f5dc}.login-close-btn:hover{color:beige;text-shadow:0 0 8px rgba(212,197,169,.5)}.login-error{background-color:#8b45134d;color:#ff6b6b;padding:12px 20px;margin:16px;border-radius:0;border-left:4px solid #8b4513;border-right:1px solid #3a3230;font-size:.9rem}.login-form{padding:24px;display:flex;flex-direction:column;gap:16px}.login-form-group{display:flex;flex-direction:column;gap:6px}.login-form-group label{font-size:.875rem;font-weight:600;color:#d4c5a9;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.login-form-group input{padding:10px 12px;border:1px solid #3a3230;background-color:#0a0a0a;color:#d4c5a9;font-size:1rem;font-family:inherit;transition:all .2s;box-shadow:inset 0 0 4px #00000080}.login-form-group input::placeholder{color:#5a4a3a}.login-form-group input:focus{outline:none;border-color:#5a4a3a;box-shadow:inset 0 0 4px #00000080,0 0 8px #d4c5a933}.login-form-group input:disabled{background-color:#1a1a1a;color:#3a3230;opacity:.5}.login-btn{padding:12px 24px;background:linear-gradient(90deg,#5a4a3a,#3a3230);color:#d4c5a9;border:1px solid #5a4a3a;border-radius:0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 8px #0000004d;text-shadow:0 1px 1px rgba(0,0,0,.5)}.login-btn:hover:not(:disabled){background:linear-gradient(90deg,#6b5a4a,#4a3a2a);box-shadow:0 6px 12px #0006,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 8px rgba(212,197,169,.2)}.login-btn:active:not(:disabled){box-shadow:0 2px 4px #00000080,inset 0 1px 3px #0000004d}.login-btn:disabled{background:linear-gradient(90deg,#2a2a2a,#1a1a1a);color:#3a3230;cursor:not-allowed;opacity:.6}.login-btn-secondary{background:transparent;color:#d4c5a9;border:1px solid #3a3230;box-shadow:none}.login-btn-secondary:hover:not(:disabled){background:#3a323033;border-color:#5a4a3a;text-shadow:0 0 8px rgba(212,197,169,.3)}.login-divider{text-align:center;color:#3a3230;margin:16px 0;position:relative;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:linear-gradient(90deg,transparent 0%,#3a3230 50%,transparent 100%)}.login-divider:before{left:0}.login-divider:after{right:0}.login-confirm-text{text-align:center;color:#9ca3af;margin:0 0 16px;font-size:.9rem;line-height:1.5}.login-form-group input:-webkit-autofill,.login-form-group input:-webkit-autofill:hover,.login-form-group input:-webkit-autofill:focus,.login-form-group input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.5)!important;box-shadow:inset 0 0 4px #00000080!important}.login-form-group input:-webkit-autofill{-webkit-text-fill-color:#d4c5a9!important;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.5)!important;background-color:#0a0a0a!important}@media(max-width:480px){.login-modal{width:95%;max-height:95vh;border-width:2px}.login-modal-header h2{font-size:1.25rem}.login-form{padding:16px;gap:12px}.login-btn{padding:10px 16px;font-size:.95rem}}.debug-modal-backdrop{position:fixed;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.debug-modal{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:3px solid #3a3230;border-radius:0;box-shadow:0 8px 32px #000000b3,inset 0 0 60px #0000000d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.debug-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #3a3230;background:linear-gradient(90deg,rgba(58,50,48,.4) 0%,transparent 100%)}.debug-modal-header h2{margin:0;font-size:1.5rem;color:#d4c5a9;font-weight:600;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.debug-close-btn{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.debug-close-btn:hover{color:#d4c5a9}.debug-modal-body{padding:24px}.debug-info{margin-bottom:24px;color:#ccc}.debug-info p{margin:0 0 12px;line-height:1.5}.debug-error-count{padding:12px;background:#ff56561a;border-left:3px solid #ff5656;border-radius:2px}.debug-error-count strong{color:#ff5656}.debug-form-group{margin-bottom:20px}.debug-form-group label{display:block;margin-bottom:8px;color:#d4c5a9;font-weight:500}.debug-form-group textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid #3a3230;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .2s ease}.debug-form-group textarea:focus{outline:none;border-color:#d4c5a9;background:#ffffff14}.debug-form-group textarea::placeholder{color:#666}.debug-form-group textarea:disabled{opacity:.5;cursor:not-allowed}.debug-char-count{margin-top:4px;font-size:12px;color:#999;text-align:right}.debug-error-message{padding:12px;margin-bottom:16px;background:#ff56561a;border-left:3px solid #ff5656;border-radius:2px;color:#ff5656}.debug-privacy-notice{padding:12px;margin-bottom:20px;background:#d4c5a90d;border-left:3px solid #d4c5a9;border-radius:2px;color:#999}.debug-modal-actions{display:flex;gap:12px;justify-content:flex-end}.debug-cancel-btn,.debug-submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.debug-cancel-btn{background:#ffffff0d;color:#ccc;border:1px solid #3a3230}.debug-cancel-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.debug-submit-btn{background:linear-gradient(135deg,#d4c5a9,#b8a582);color:#1a1a1a}.debug-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0d4ba,#c9b593);transform:translateY(-1px);box-shadow:0 4px 12px #d4c5a94d}.debug-submit-btn:disabled,.debug-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.debug-success{text-align:center;padding:20px 0}.debug-success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.debug-success h3{margin:0 0 16px;color:#d4c5a9;font-size:1.5rem}.debug-success p{margin:0 0 16px;color:#ccc;line-height:1.5}.debug-submission-id{margin:20px 0;padding:16px;background:#ffffff0d;border:1px solid #3a3230;border-radius:4px}.debug-submission-id strong{display:block;margin-bottom:8px;color:#d4c5a9}.debug-submission-id code{display:inline-block;padding:8px 12px;background:#0000004d;border:1px solid #3a3230;border-radius:2px;color:#4caf50;font-family:Courier New,monospace;font-size:14px;word-break:break-all}.debug-success-note{font-size:14px;color:#999}.debug-close-success-btn{margin-top:24px;padding:12px 32px;background:linear-gradient(135deg,#d4c5a9,#b8a582);color:#1a1a1a;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.debug-close-success-btn:hover{background:linear-gradient(135deg,#e0d4ba,#c9b593);transform:translateY(-1px);box-shadow:0 4px 12px #d4c5a94d}