:root{--neutral-900: #1a1a1a;--neutral-800: #242424;--neutral-700: #333333;--neutral-600: #4d4d4d;--neutral-500: #6b6b6b;--neutral-400: #8c8c8c;--neutral-300: #cccccc;--neutral-200: #e0e0e0;--neutral-100: #f5f5f5;--neutral-50: #faf3e0;--neutral-20: #fffaf0;--accent-primary: #a200ff;--accent-secondary: #fddd27;--accent-danger: #c0392b;--accent-success: #27ae60;--accent-info: #2980b9;--accent-interact: #d2691e;--brown-line: #5a3e2b;--energy-color: #1358ec;--action-type-button-pressed: #daa5201c;--action-button-pressed: #2195f31f;--bg-color-main: #fddd74;--bg-color-secondary: #ffdb58;--ui-color-bg-dark: #3a0f01;--ui-color-bg-medium: #421700;--ui-color-bg-light: #5e1b00;--ui-color-bg-selected: #321f01;--ui-color-bg-disabled: #1f0a00;--text-color-dark: #111111;--text-color-light: #ffedd2;--text-color-disabled: var( --neutral-600 );--text-color-button: #fff8ef;--text-color-button-disabled: #b1b1b1;--text-color-over-papyrus: #1d0400;--text-color-bar: var(--neutral-50);--bg-color-actions-panel: #360e01;--bg-color-actions-container: #3a0f01;--bg-color-action-type-button: #5e1b00;--bg-color-action-button: #571f00;--bg-color-button-selected: #321f01;--bg-color-button-disabled: #1f0a00;--bg-color-battle: #ff9100;--bg-color-battle-logs: #ffdb58;--ui-log-player: var(--accent-info);--ui-log-enemy: var(--accent-danger);--ui-log-damage: var(--accent-secondary);--ui-log-healing: var(--accent-success);--ui-log-status: var(--accent-primary);--ui-hp-fill: var(--accent-danger);--ui-energy-fill: var(--accent-info);--ui-bar-background: #513b2e;--border-color-bar-highlight: rgba(255, 255, 255, .15);--border-color-bar-shadow: rgba(0, 0, 0, .4);--font-family-title: "Cinzel Decorative", serif;--font-family-heading: "Marcellus", cursive;--font-family-body: "Merriweather", serif;--font-family-ui: "Lato", sans-serif;--font-size-base: 16px;--font-size-xxs: .7rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-mdx: 1.15rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--line-height-condensed: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--font-size-bar-text: .8rem;--spacing-unit: 4px;--spacing-xs: calc(1 * var(--spacing-unit));--spacing-sm: calc(2 * var(--spacing-unit));--spacing-md: calc(4 * var(--spacing-unit));--spacing-lg: calc(6 * var(--spacing-unit));--spacing-xl: calc(8 * var(--spacing-unit));--spacing-xxl: calc(12 * var(--spacing-unit));--border-width-thin: 1px;--border-width-medium: 2px;--border-radius-sm: 3px;--border-radius-md: 6px;--border-radius-bar: 3px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-inset-md: 0px 1px 2px 2px rgba(0, 0, 0, .3) inset;--shadow-text: 1px 1px 2px rgba(0, 0, 0, .5);--shadow-text-strong: 1px 1px 2px rgba(0, 0, 0, .7)}html{font-size:var(--font-size-base);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color-main);line-height:var(--line-height-normal);min-height:100vh;background-attachment:fixed}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 20px #8b451366,inset 0 0 40px #0000001a;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);line-height:var(--line-height-condensed);margin-bottom:var(--spacing-md);color:var(--text-color)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}*:focus-visible{outline:var(--border-width-medium) solid var(--accent-primary);outline-offset:2px}.elevation-2{box-shadow:0 2px 2px #0000004d}.elevation-4{box-shadow:0 4px 4px #0000004d}.sinking-2{box-shadow:0 1px 2px 2px #0000004d inset}.scroll-styles{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.3) transparent}.scroll-styles::-webkit-scrollbar{width:4px;height:6px}.scroll-styles::-webkit-scrollbar-track{background:transparent}.scroll-styles::-webkit-scrollbar-thumb{background-color:#6464644d;border-radius:10px;border:1px solid transparent}button{padding:12px;margin:2px}.App{flex-grow:1;display:flex;flex-direction:column;width:100%}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color-main)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:#fff8dcf2;border:2px solid var(--accent-secondary);border-radius:var(--border-radius-md);box-shadow:0 8px 24px #0006}.loading-spinner{width:48px;height:48px;border:4px solid rgba(139,69,19,.2);border-top-color:var(--accent-secondary);border-radius:50%;animation:spin .8s linear infinite}.loading-content p{margin:0;color:var(--text-color-dark);font-size:var(--font-size-lg);font-weight:600}:root{--bg-dark: #310d01;--text-light: #ffedd2;--accent-color: #d58300}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-dark);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:50px;height:50px;background-color:var(--accent-color);transform:rotate(45deg);animation:pulse 2s infinite;box-shadow:0 0 15px var(--accent-color)}.loading-text{color:var(--text-light);font-family:serif;font-size:1.5em;text-shadow:1px 1px 2px #000}@keyframes pulse{0%{transform:rotate(45deg) scale(.95);box-shadow:0 0 15px var(--accent-color);opacity:.7}50%{transform:rotate(45deg) scale(1);box-shadow:0 0 30px var(--accent-color);opacity:1}to{transform:rotate(45deg) scale(.95);box-shadow:0 0 15px var(--accent-color);opacity:.7}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg-color-main)}.auth-container{width:100%;max-width:900px;display:flex;gap:var(--spacing-xl);align-items:flex-start;justify-content:center}.auth-card{flex:1;min-width:320px;max-width:500px;width:100%;background-color:#fff8dcf2;border:2px solid var(--accent-secondary);border-style:outset;border-radius:var(--border-radius-md);box-shadow:inset 0 0 20px #8b451326,0 8px 24px #0006,0 4px 8px #0000004d;padding:var(--spacing-xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{font-family:var(--font-fantasy);font-size:2.5rem;color:var(--text-color-dark);margin:0 0 var(--spacing-sm) 0;text-shadow:1px 1px 2px rgba(139,69,19,.2)}.auth-subtitle{color:var(--text-color-dark);font-size:var(--font-size-md);margin:0;opacity:.8}.progress-bar{height:4px;background-color:#8b451333;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));transition:width .3s ease}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-weight:600;color:var(--text-color-dark);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(139,69,19,.3);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);background-color:#ffffff80;color:var(--text-color-dark);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-secondary);background-color:#fffc;box-shadow:0 0 0 3px #8b45131a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input--error{border-color:var(--error-color)}.form-input--error:focus{box-shadow:0 0 0 3px #d32f2f1a}.form-error{color:var(--error-color);font-size:var(--font-size-xs);font-weight:500}.form-hint{color:var(--text-color-dark);font-size:var(--font-size-xs);opacity:.7;font-style:italic}.auth-error-banner,.form-error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#d32f2f1a;border:1px solid var(--error-color);border-radius:var(--border-radius-sm);color:var(--error-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.error-icon{font-size:1.2rem}.btn-primary,.btn-secondary{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#fff;box-shadow:0 4px 12px #8b45134d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b451366}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#8b45131a;color:var(--text-color-dark);border:2px solid rgba(139,69,19,.3)}.btn-secondary:hover:not(:disabled){background-color:#8b451333;border-color:var(--accent-secondary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.auth-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(139,69,19,.2)}.auth-footer-text{color:var(--text-color-dark);font-size:var(--font-size-sm);margin:0}.auth-link{background:none;border:none;color:#8b4513;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.auth-link:hover:not(:disabled){color:sienna}.auth-link:disabled{opacity:.6;cursor:not-allowed}.auth-info{flex:0 0 300px}.info-card{background-color:#fff8dcf2;border:2px solid rgba(139,69,19,.3);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:0 4px 12px #0003}.info-card h3{margin:0 0 var(--spacing-md) 0;color:var(--accent-secondary);font-size:var(--font-size-lg)}.info-card p{margin:0;color:var(--text-color-dark);font-size:var(--font-size-sm);line-height:1.6;opacity:.9}.character-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background-color:#8b45130d;border:2px dashed rgba(139,69,19,.3);border-radius:var(--border-radius-md);margin-top:var(--spacing-lg)}.preview-icon{font-size:4rem}.preview-name{font-family:var(--font-fantasy);font-size:var(--font-size-xl);color:var(--accent-secondary);font-weight:700;text-align:center}.preview-subtitle{color:var(--text-color-dark);font-size:var(--font-size-sm);opacity:.7}.stats-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:#8b45130d;border-radius:var(--border-radius-sm)}.stats-info h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);color:var(--accent-secondary)}.points-display{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-lg);font-weight:600;color:var(--text-color-dark)}.points-value{font-size:1.5rem;color:var(--accent-primary)}.points-value--complete{color:var(--success-color)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#ffffff80;border:1px solid rgba(139,69,19,.2);border-radius:var(--border-radius-sm);gap:var(--spacing-md)}.stat-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.stat-icon{font-size:1.5rem}.stat-details{display:flex;flex-direction:column;gap:2px}.stat-name{font-weight:600;color:var(--text-color-dark);font-size:var(--font-size-sm)}.stat-description{font-size:var(--font-size-xs);color:var(--text-color-dark);opacity:.7}.stat-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-btn{width:32px;height:32px;border:2px solid rgba(139,69,19,.3);border-radius:var(--border-radius-sm);background-color:#ffffff80;color:var(--text-color-dark);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.stat-btn:hover:not(:disabled){background-color:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.stat-btn:disabled{opacity:.3;cursor:not-allowed}.stat-input{width:60px;text-align:center;padding:var(--spacing-xs);border:2px solid rgba(139,69,19,.3);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);font-weight:600;color:var(--text-color-dark);background-color:#fffc}.stat-input:focus{outline:none;border-color:var(--accent-secondary)}.auth-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.auth-actions .btn-secondary{flex:0 0 120px}.auth-actions .btn-primary{flex:1}@media(max-width:900px){.auth-container{flex-direction:column;align-items:center}.auth-card{width:100%;max-width:550px}.auth-info{flex:1;width:100%;max-width:550px}}@media(max-width:600px){.auth-screen{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:2rem}.stat-row{flex-direction:column;align-items:stretch}.stat-controls{justify-content:center}.auth-actions{flex-direction:column-reverse}.auth-actions .btn-secondary{flex:1}.info-card{display:none}}.actions-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;background-color:var(--bg-color-actions-panel);background-attachment:fixed}.actions-panel.disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:5}.action-detail-overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;background-color:var(--bg-color-actions-panel);border-top:2px solid var(--brown-line);box-shadow:0 -4px 20px #0006;overflow-y:auto;animation:slideUpOverlay .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpOverlay{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action-type-buttons{display:flex;justify-content:space-around;flex-shrink:0;padding:2px 8px 4px;z-index:1}.action-type-button{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background-color:var(--bg-color-action-type-button);color:var(--text-color-button);border:1px solid var(--brown-line);border-radius:var(--border-radius-md);padding:8px;cursor:pointer;transition:background-color .2s,color .2s;flex:1;margin:2px;-webkit-tap-highlight-color:var(--action-type-button-pressed)}.action-type-button.selected{border-color:var(--accent-secondary)}.button-label{font-size:var(--font-size-xxs);vertical-align:middle;margin-top:4px;z-index:1}.action-list-container{display:flex;flex-direction:column;flex-grow:1;height:150px;margin:0 8px 8px;padding:8px 8px 32px;overflow-y:auto;scroll-behavior:smooth;border-radius:var(--border-radius-md);background-color:var(--bg-color-actions-container);position:relative;border:2px solid var(--brown-line)}.action-error-message-stiky-container{position:sticky;top:0;width:100%;z-index:3}.action-error-message{position:absolute;right:0;width:45%;display:flex;justify-content:center;background-color:#690000;background-size:cover;border:1px solid #690000;border-radius:var(--border-radius-sm) 6px var(--border-radius-sm) var(--border-radius-sm);padding:var(--spacing-xs)}.action-error-message p{color:var(--text-color-button);text-shadow:var(--shadow-text-strong, 1px 1px 1px rgba(0, 0, 0, .8));font-family:var(--font-family-ui);font-size:var(--font-size-md);text-align:center}.action-list-item{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--bg-color-action-button);color:var(--text-color-button);padding:4px 12px 4px 4px;margin-bottom:5px;border:1px solid var(--brown-line);border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;text-align:left;transition:all .2s;position:relative;min-width:50%;-webkit-tap-highlight-color:var(--action-button-pressed)}.action-list-item.not-enabled{background-color:var(--bg-color-button-disabled);color:var(--text-color-button-disabled);box-shadow:0 1px 2px 2px #0000004d inset;border:none}.action-name{margin-right:8px;font-size:var(--font-size-md);position:relative;z-index:1}.action-cost{font-size:var(--font-size-sm);color:var(--text-color-button);font-style:italic}.action-quantity{font-size:var(--font-size-sm);color:var(--accent-secondary);font-weight:700;margin-left:var(--spacing-xs)}.no-actions{color:var(--text-color-disabled);padding:10px;text-align:center;font-style:italic}.action-section{padding-top:4px;padding-bottom:8px;scroll-margin-top:12px}.action-section-title{color:var(--text-color-button);font-size:12px;margin-top:0;margin-bottom:4px;padding-left:5px}.no-actions-in-section{color:var(--text-color-disabled);padding-left:10px;font-size:var(--font-size-log);font-style:italic}.menu-button{position:absolute;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:var(--font-size-icon-sm);background-color:var(--bg-color-action-button);color:var(--text-color-button);overflow:hidden;border:1px solid var(--brown-line);-webkit-tap-highlight-color:var(--action-type-button-pressed)}.menu-button:hover{background-color:var(--bg-color-action-button);color:var(--text-color-button)}.quick-use-checkbox{flex-shrink:0;width:28px;height:28px;margin-right:4px;border:1px solid var(--brown-line);border-radius:4px;background-color:#f5ebdc4d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.quick-use-checkbox:hover{border-color:#8b4513cc;transform:scale(1.05)}.quick-use-checkbox.checked{border-color:#ff8c00e6}.quick-use-icon{font-size:16px;color:var(--brown-line);transition:color .2s ease;opacity:1}.quick-use-checkbox.checked .quick-use-icon{color:#ff8c00;animation:quickUsePulse 1.5s ease-in-out infinite}@keyframes quickUsePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.action-detail-panel{padding:var(--spacing-md);color:var(--text-color-over-papyrus);font-family:var(--font-family-ui);position:relative;background-color:var(--bg-color-main);box-shadow:inset 0 0 20px #8b451326,inset 2px 2px 8px #0000001a,inset -2px -2px 8px #ffffff0d}.action-detail-close{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:transparent;border:none;color:var(--text-color-over-papyrus);font-size:28px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:10;opacity:.7;transition:opacity .2s ease}.action-detail-close:hover{opacity:1}.action-detail-close:active{transform:scale(.95)}.action-detail-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-detail-title{font-family:var(--font-family-title);font-size:22px;font-weight:700;color:var(--text-color-over-papyrus);margin:0;text-align:center;border-bottom:2px solid rgba(139,69,19,.3);padding-bottom:var(--spacing-sm);letter-spacing:.5px}.action-detail-cost{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);font-size:14px;color:#1358ec;font-weight:600}.cost-label{font-weight:400;color:var(--text-color-over-papyrus);opacity:.85}.cost-value{font-size:16px;font-weight:700;padding:2px 8px;background-color:#1358ec1a;border-radius:var(--border-radius-sm);border:1px solid rgba(19,88,236,.3)}.action-detail-description{padding:var(--spacing-sm) var(--spacing-md);background-color:#8b45130d;border-radius:var(--border-radius-md);border:1px solid rgba(139,69,19,.2);min-height:60px;box-shadow:inset 0 0 10px #8b45131a,inset 2px 2px 6px #00000026,inset -2px -2px 6px #ffffff1a}.action-detail-description p{margin:0;line-height:1.6;font-size:15px;font-weight:400;color:var(--text-color-over-papyrus);text-align:left}.action-detail-buttons{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.action-detail-button{padding:14px 20px;font-size:15px;font-weight:600;font-family:var(--font-family-ui);border:2px solid var(--brown-line);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;min-height:48px}.cancel-button{background-color:#8b451326;color:var(--text-color-over-papyrus);border-color:#8b45134d;flex:0 0 auto;width:48px;font-size:24px;padding:var(--spacing-sm);opacity:.8}.cancel-button:hover{background-color:#8b451340;opacity:1}.cancel-button:active{transform:scale(.95)}.execute-button{flex:1;background:linear-gradient(to bottom,#8b4513,#6d3410);color:#fff;border-color:#5d2f0f;font-weight:700;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.6);box-shadow:0 3px 12px #8b451380,inset 0 1px #fff3,inset 0 -1px #0003;position:relative;gap:var(--spacing-xs)}.execute-button-text{flex:1}.execute-button-quick-icon{position:absolute;font-size:20px;animation:quickUseIconPulse 1.5s ease-in-out infinite;right:12px}@keyframes quickUseIconPulse{0%,to{opacity:1}50%{opacity:.6}}.execute-button:hover{background:linear-gradient(to bottom,sienna,#8b4513);box-shadow:0 5px 16px #8b451399,inset 0 1px #ffffff40,inset 0 -1px #0003;transform:translateY(-1px)}.execute-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #8b451366,inset 0 2px 4px #0000004d}@media(max-width:400px){.action-detail-title{font-size:20px}.action-detail-description p{font-size:14px}.execute-button{font-size:15px}}@media(min-width:768px){.action-detail-panel{padding:var(--spacing-lg)}.action-detail-description{max-height:200px;overflow-y:auto}}.log-display-container{padding:var(--spacing-md) 2px;height:100%;flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;font-family:Cinzel,Times New Roman,serif;font-size:var(--font-size-md);color:var(--text-color-over-papyrus);position:relative;background:transparent}.log-entry{margin-bottom:6px;padding:8px 12px;border-radius:6px;transition:all .5s ease;width:100%;position:relative;background-color:#1e1e1ebf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;opacity:0;transform:translateY(10px);animation:fadeInSlideUp .4s ease-out forwards}@keyframes fadeInSlideUp{to{opacity:1;transform:translateY(0)}}.log-entry-player-action{text-align:left;background-color:#0d47a173;border-left:3px solid rgba(64,169,255,.8);color:#fff}.log-entry-enemy-action{text-align:left;background-color:#b71c1c73;border-left:3px solid rgba(244,67,54,.8);color:#fff}.log-entry-info{text-align:center;background-color:#4e342e80;color:#f5f5f5}.log-entry-damage-taken{color:#fff;font-style:italic;background-color:#ff572266;border-left:3px solid rgba(255,152,0,.8)}.log-entry-healing{color:#fff;font-style:italic;background-color:#2e7d3266;border-left:3px solid rgba(76,175,80,.8)}.log-entry-status{color:#fff;background-color:#673ab766;border-left:3px solid rgba(156,39,176,.8)}.log-entry-enemy-turn-indication{text-align:center;background-color:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(183,28,28,.8);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff1a;margin-bottom:var(--spacing-md)}.log-entry-enemy-turn-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-md)}.log-entry-enemy-turn-spinner{width:24px;height:24px;border:3px solid rgba(255,82,82,.2);border-top-color:#ff5252;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.log-text-enemy-turn-indication{font-family:var(--font-family-title);font-size:var(--font-size-lg);color:#ff5252;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.log-text-player-action,.log-text-enemy-action,.log-text-damage-taken,.log-text-healing,.log-text-status,.log-text-info{font-style:normal;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.5)}.log-text-info{opacity:.95}.log-entry:hover{filter:brightness(1.1);transform:translate(2px);box-shadow:0 2px 4px #00000026}.log-display-container::-webkit-scrollbar{width:8px}.log-display-container::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}.log-display-container::-webkit-scrollbar-thumb{background:#8b451399;border-radius:4px}.log-display-container::-webkit-scrollbar-thumb:hover{background:#8b4513cc}.log-empty-message{display:flex;align-items:center;justify-content:center;height:100%;opacity:.7}.log-empty-message p{font-style:italic;font-size:var(--font-size-md);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7);background-color:#1e1e1e99;padding:12px 20px;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.status-bar-wrapper{width:100%;position:relative;border-radius:var( --border-radius-bar, 3px );background-color:var( --ui-bar-background );padding:2px;box-shadow:inset 0 0 3px 1px var(--text-color-over-papyrus);background-color:var(--bg-color-actions-container);overflow:visible}.status-bar-fill{height:100%;border-radius:2px;transition:width .4s ease-out;position:relative}.status-bar-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:linear-gradient(to bottom,#ffffff4d,#fff0,#0003);border-radius:2px;pointer-events:none}.status-bar-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-color-bar, #f0f0f0);font-weight:700;text-shadow:var(--shadow-text-strong, 1px 1px 1px rgba(0, 0, 0, .8));z-index:1;padding:0 var(--spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar-background{display:none}.exit-battle-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200;animation:fadeIn .2s ease-out}.exit-battle-modal{background-color:var(--bg-color-battle-logs);border-radius:var(--border-radius-lg);border:2px solid var(--brown-line);padding:24px 16px;max-width:400px;width:90%;box-shadow:0 10px 40px #000000b3,inset 0 0 20px #8b451326,inset 2px 2px 8px #0000001a,inset -2px -2px 8px #ffffff0d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.exit-battle-title{font-family:var(--font-family-title);font-size:18px;font-weight:700;color:var(--text-color-over-papyrus);margin:0 0 var(--spacing-lg) 0;text-align:center;border-bottom:2px solid rgba(139,69,19,.3);padding-bottom:var(--spacing-sm)}.exit-battle-message{font-size:18px;color:var(--text-color-over-papyrus);text-align:center;margin:0 0 8px}.exit-battle-motto{font-size:18px;font-style:italic;color:var(--text-color-over-papyrus);opacity:.75;text-align:center;margin:0 0 var(--spacing-xl) 0}.exit-battle-buttons{display:flex;gap:var(--spacing-sm)}.exit-battle-button{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;letter-spacing:1px;min-height:48px;flex:1;box-shadow:0 4px 6px #0003}.exit-battle-button:active{transform:translateY(1px);box-shadow:0 2px 3px #0003}.cancel-button{background:linear-gradient(to bottom,#8b4513,#6d3410);color:#fff;border:2px solid #5d2f0f}.cancel-button:hover{background:linear-gradient(to bottom,sienna,#8b4513);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.confirm-button{background:linear-gradient(to bottom,#c0392b,#922b21);color:#fff;border:2px solid #7b241c}.confirm-button:hover{background:linear-gradient(to bottom,#e74c3c,#c0392b);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}@media(min-width:400px){.exit-battle-buttons{flex-direction:row}}.battle-screen{display:grid;grid-template-areas:"battle" "actions";grid-template-columns:1fr;grid-template-rows:55% 45%;width:100%;max-width:800px;color:var(--text-color-over-papyrus);height:100vh;box-sizing:border-box;flex-grow:1;position:relative;align-self:center}@media(min-width:768px)and (max-width:1023px){.battle-screen{margin:0 auto;width:95%;max-width:700px;height:95vh;border:2px solid var(--brown-line);border-radius:var(--border-radius-lg);box-shadow:0 15px 40px #0009;overflow:hidden}}@media(min-width:1024px){.battle-screen{max-width:1200px;height:90vh;margin:auto;grid-template-areas:"battle actions";grid-template-columns:1.5fr 1fr;grid-template-rows:1fr;border:4px solid var(--brown-line);border-radius:var(--border-radius-lg);box-shadow:0 20px 50px #000c;background-color:#1a1a1a;overflow:hidden}.battle-area{border-right:4px solid var(--brown-line);box-shadow:inset -10px 0 30px #00000080;height:100%;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.actions-area{border-top:none;height:100%;overflow-y:auto}.actions-area:before{display:none}}.battle-escape-button{position:relative;width:48px;height:100%;border-radius:5px 10px 10px 5px;background-color:var(--bg-color-action-type-button);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--brown-line);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;cursor:pointer;transition:all .2s ease;margin-top:0;margin-left:8px}.flag-icon-surrender-flag{width:65%;height:65%;top:8%;left:5%;position:absolute}.flag-icon-surrender-chicken{transform:scaleX(-1);width:35%;height:35%;position:absolute;bottom:18%;left:53%}.battle-escape-button:hover{background-color:#282828e6;transform:scaleX(-1) scale(1.05);border-color:#fff6}.battle-escape-button:active{transform:scaleX(-1) scale(.95)}.battle-area{grid-area:battle;display:grid;grid-template-areas:"enemy" "log" "player";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;background-image:url(/games/images_tiny/arena-battle.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-attachment:scroll;box-shadow:inset 0 0 40px #0000004d;padding-top:8px}@media(min-width:768px){.battle-area{background-image:url(/games/images_big/arena-battle.png)}}.enemy-status-area{grid-area:enemy;display:flex;justify-content:center}.enemy-status-area.character-status-area{padding-left:0}.enemy-status-area .status-bars-wrapper{flex:1}.log-area{grid-area:log;overflow-y:hidden;padding:0 var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%;min-height:0}.character-status-area{padding:0 8px}.player-status-area{grid-area:player;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:20px;padding-top:10px}.enemy-info{display:flex;flex-direction:column;justify-content:flex-end;flex:1}.status-effects{margin-top:6px;gap:4px}.status-effects-inline{display:flex;align-items:center}.status-effect-tag{padding:1px 4px;margin-right:4px;font-size:var(--font-size-xs);background-color:var(--neutral-500);color:var(--text-color-over-papyrus);border-radius:var(--border-radius-sm)}.sts-player{margin-left:4px;margin-right:0}.character-name{font-family:var(--font-family-title);font-size:var(--font-size-md)}.character-name-status{display:flex;padding-left:4px}.character-name-status-enemy{display:flex;justify-content:flex-end;padding-right:4px}.status-bars-wrapper{display:flex;gap:0;align-items:stretch;border:2px solid var(--brown-line);border-radius:var(--border-radius-sm);background-color:var(--bg-color-actions-panel)}.stats-button{flex:0 0 auto;width:40px;background-color:transparent;border:none;border-right:2px solid var(--brown-line);border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s ease;padding:8px;background-color:var(--bg-color-action-button);color:var(--text-color-button);border:1px solid var(--brown-line);border-radius:var(--border-radius-sm)}.stats-button:hover{background-color:#8b451333;transform:scale(1.05)}.stats-button:active{transform:scale(.95);background-color:#8b45134d}.stats-button svg{width:100%;height:100%}.status-bars-section{flex:1;border:none;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;padding:var(--spacing-xs);background-color:transparent}.battle-loading{color:var(--text-color-over-papyrus);text-align:center;padding:50px;font-style:italic}.actions-area{grid-area:actions;border-top:1px solid var(--brown-line);position:relative}.actions-area:before{content:"";position:absolute;top:-1px;height:4px;width:100%;pointer-events:none;z-index:2;background-image:linear-gradient(to bottom,#ffe13633,#ffe13600)}.information-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;display:flex;justify-content:center;align-items:flex-end}.information-article{background-color:var(--bg-color-battle-logs);box-shadow:0 10px 32px 4px #0009,inset 0 0 20px #8b451326,inset 2px 2px 8px #0000001a,inset -2px -2px 8px #ffffff0d;border-radius:var(--border-radius-lg);border:2px solid var(--brown-line);padding:var(--spacing-lg) var(--spacing-md);font-family:var(--font-family-ui);z-index:100;max-height:50vh;min-height:auto;margin-bottom:20vh;width:85%;max-width:400px;overflow-y:auto;animation:slideUp .3s ease-out;display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-title{font-family:var(--font-family-title);font-size:20px;font-weight:700;color:var(--text-color-over-papyrus);margin:0 0 var(--spacing-md) 0;text-align:center;padding-bottom:var(--spacing-sm);border-bottom:2px solid rgba(139,69,19,.3);text-transform:capitalize}.info-text{font-size:15px;line-height:1.8;color:var(--text-color-over-papyrus);white-space:pre-line;display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-text:first-letter{text-transform:uppercase}.info-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:#8b451314;border-radius:var(--border-radius-sm);border-left:3px solid rgba(139,69,19,.3);transition:all .2s ease}.info-detail-row:hover{background-color:#8b45131f;transform:translate(2px)}.info-detail-row.highlight-positive{background-color:#4caf501f;border-left-color:#4caf5099}.info-detail-row.highlight-positive:hover{background-color:#4caf502e}.info-detail-label{font-size:14px;font-weight:600;color:var(--text-color-over-papyrus);opacity:.85;text-transform:capitalize}.info-detail-value{font-size:15px;font-weight:500;color:var(--text-color-over-papyrus);text-align:right}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.character-status-area h3{font-size:.9rem}.log-area,.actions-area .actions-panel .action-list-container{min-height:100px}}.actions-container button:disabled{opacity:.5;cursor:not-allowed;background:#555;border-color:#666}.game-over-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color-main);padding:var(--spacing-lg);box-sizing:border-box}.game-over-panel{background-color:var(--bg-color-battle-logs);border:2px solid #8B4513;border-style:groove;border-radius:var(--border-radius-md);padding:var(--spacing-xl);max-width:500px;width:100%;text-align:center;box-shadow:inset 0 0 20px #8b45134d,0 6px 12px #0006}.game-over-title{font-family:var(--font-family-heading);font-size:var(--font-size-xxxl);margin:0 0 var(--spacing-md) 0;color:var(--text-color-over-papyrus);text-shadow:var(--shadow-text)}.game-over-message{font-family:Cinzel,Times New Roman,serif;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0;color:var(--text-color-over-papyrus)}.game-over-container--victory .game-over-title{color:var(--accent-success)}.game-over-container--defeat .game-over-title{color:var(--accent-danger)}.game-over-container--draw .game-over-title{color:var(--accent-interact)}.game-over-rewards{background-color:#8b45131a;border:1px solid rgba(139,69,19,.3);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin:0 0 var(--spacing-xl) 0}.game-over-rewards-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0;color:var(--text-color-over-papyrus)}.game-over-reward-item{font-family:Cinzel,Times New Roman,serif;font-size:var(--font-size-lg);margin:var(--spacing-xs) 0;color:var(--text-color-over-papyrus);font-weight:700}.game-over-button{font-family:var(--font-family-ui);font-size:var(--font-size-lg);font-weight:700;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--ui-color-bg-medium);color:var(--text-color-light);border:2px solid var(--ui-color-bg-dark);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;min-width:200px}.game-over-button:hover{background-color:var(--ui-color-bg-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:480px){.game-over-container{padding:var(--spacing-md)}.game-over-panel{padding:var(--spacing-lg)}.game-over-title{font-size:var(--font-size-xxl)}.game-over-reward-item,.game-over-message{font-size:var(--font-size-md)}.game-over-button{font-size:var(--font-size-md);min-width:auto;width:100%}}@media(min-width:768px){.game-over-title{font-size:3rem}.game-over-message{font-size:var(--font-size-xl)}.game-over-reward-item{font-size:var(--font-size-lg)}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-lg);opacity:0;pointer-events:none;transition:opacity .4s ease-in-out}.modal-backdrop.visible{opacity:1;pointer-events:auto}.modal-content.player-inventory-v2{display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:var(--bg-color-battle-logs);box-shadow:inset 0 0 20px #8b451326,inset 2px 2px 8px #0000001a,inset -2px -2px 8px #ffffff0d,0 5px 20px #0000004d;border:2px solid var(--brown-line);border-radius:15px;width:100%;max-width:400px;height:80vh;max-height:600px;transform:translate(100%);transition:transform .4s cubic-bezier(.25,1,.5,1)}.modal-backdrop.visible .modal-content.player-inventory-v2{transform:translate(0)}.modal-header-simple{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--ui-bar-background);border-bottom:2px solid var(--brown-line)}.header-title{display:flex;align-items:center;gap:10px;font-family:var(--font-family-title);font-size:1.2rem;color:var(--text-color-button)}.header-title svg{font-size:1.4rem}.close-button-simple{background:none;border:none;color:var(--text-color-button);font-size:1.5rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.close-button-simple:hover{transform:scale(1.1);color:var(--accent-danger)}.modal-main-content{flex-grow:1;overflow-y:auto;padding:16px}.stats-section{padding:0 4px;margin-bottom:20px}.stats-section h5{margin:0 0 12px;font-size:1.1rem;text-align:left;color:var(--text-color-dark);font-weight:700;border-bottom:1px solid rgba(139,69,19,.3);padding-bottom:4px}.stat-item{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.95rem}.stat-label{font-weight:600;color:var(--text-color-over-papyrus);opacity:.9}.stat-value{color:var(--text-color-over-papyrus);font-weight:500}.status-effect{background-color:#0000001a;padding:6px 10px;border-radius:4px;border-left:3px solid transparent}.status-effect.positive{background-color:#4caf501a;border-left-color:#4caf50}.status-effect.negative{background-color:#f443361a;border-left-color:#f44336}.stat-modifier{font-size:.85em}.stat-modifier.positive{color:#4caf50}.stat-modifier.negative{color:#f44336}.screen-header-wrapper{background-color:#1e140fe6;border-bottom:3px solid var(--townhall-accent-secondary);box-shadow:0 4px 12px #0009;position:sticky;top:0;z-index:50;padding:0;min-height:60px;display:flex;align-items:center}.screen-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--spacing-sm);color:#deb887}.screen-header__back-button{background:none;border:none;color:#deb887;font-size:1.8rem;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.screen-header__back-button:hover{background-color:#ffffff1a;color:#fff}.screen-header__title{font-family:var(--font-family-title);font-size:var(--font-size-xl);margin:0;text-align:center;flex-grow:1;color:#deb887;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.screen-header__right-content{display:flex;align-items:center;gap:var(--spacing-xs);min-width:44px;justify-content:flex-end}.screen-header__placeholder{width:44px;height:44px}@media(max-width:600px){.screen-header__title{font-size:1.2rem}}.game-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.game-modal{background-color:var(--bg-color-battle-logs, #f4e4bc);border-radius:var(--border-radius-lg, 8px);border:2px solid var(--brown-line, #8B4513);padding:0;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 40px #000000b3,inset 0 0 40px #8b451333,inset 2px 2px 8px #0000001a;animation:modalSlideUp .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-modal__header{padding:16px 20px;border-bottom:2px solid rgba(139,69,19,.3);display:flex;justify-content:space-between;align-items:center;background:#8b45130d}.game-modal__title{font-family:var(--font-family-title, serif);font-size:1.25rem;font-weight:700;color:var(--text-color-dark, #2c1810);margin:0;text-shadow:0 1px 2px rgba(255,255,255,.5)}.game-modal__close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-color-dark, #2c1810);cursor:pointer;padding:4px;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px}.game-modal__close-btn:hover{background-color:#8b451333;color:#8b0000;transform:scale(1.1)}.game-modal__content{padding:24px 20px;overflow-y:auto;color:var(--text-color-dark, #2c1810);font-size:1rem;line-height:1.5}.game-modal__footer{padding:16px 20px;border-top:1px solid rgba(139,69,19,.2);display:flex;justify-content:flex-end;gap:12px;background:#8b45130d;border-bottom-left-radius:var(--border-radius-lg, 8px);border-bottom-right-radius:var(--border-radius-lg, 8px)}.game-modal-btn{padding:10px 20px;border-radius:6px;font-family:var(--font-family-ui, sans-serif);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;border:1px solid transparent}.game-modal-btn--primary{background:linear-gradient(to bottom,#8b4513,#6d3410);color:#fff;border-color:#5d2f0f;box-shadow:0 2px 4px #0000004d}.game-modal-btn--primary:hover{background:linear-gradient(to bottom,sienna,#8b4513);transform:translateY(-1px);box-shadow:0 4px 8px #0006}.game-modal-btn--secondary{background:transparent;color:#5d2f0f;border:1px solid #8B4513}.game-modal-btn--secondary:hover{background:#8b45131a}:root{--market-header-height: 60px;--market-panel-min-width: 280px;--market-panel-max-width: 400px}.market-screen{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-color-main);color:var(--text-color-dark);overflow:hidden}.market-screen__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--ui-color-bg-dark);color:var(--text-color-light);border-bottom:2px solid #000;box-shadow:0 4px 12px #00000080;position:sticky;top:0;z-index:100;min-height:var(--market-header-height);flex-shrink:0;margin-bottom:-1px}.market-screen__back-button{background:none;border:none;color:var(--text-color-light);font-size:1.8rem;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.market-screen__back-button:hover{background-color:var(--ui-color-bg-light)}.market-screen__title{font-family:var(--font-fantasy);font-size:var(--font-size-xl);margin:0;text-align:center;flex-grow:1}.market-screen__currency{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:700;color:var(--accent-secondary)}.shopkeeper-greeting{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-md);font-style:italic;color:var(--text-color-dark);background:linear-gradient(to bottom,#8b451326,#8b45130d);border-bottom:2px solid rgba(139,69,19,.3);margin:0;font-family:var(--font-family-heading);line-height:1.5}.market-screen-layout{display:grid;flex:1;overflow:hidden;position:relative}.market-panel{display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-color-battle-logs);border:2px solid #8B4513;box-shadow:inset 0 0 20px #8b451333,0 0 15px #0000004d;position:relative}.market-panel__header{padding:var(--spacing-md);background:linear-gradient(to bottom,#8b451326,#8b45130d);border-bottom:2px solid rgba(139,69,19,.3);text-align:center}.market-panel__title{font-family:var(--font-fantasy);font-size:var(--font-size-xl);margin:0;color:var(--text-color-dark)}.market-panel__content{flex:1;overflow-y:auto;background-color:#2c1810}.market-screen__item-list{display:flex;flex-direction:column}.market-section-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm) var(--spacing-md);border-bottom:2px solid #4e342e;background-color:#2c1810;margin-bottom:var(--spacing-xs);position:sticky;top:0;z-index:5;box-shadow:0 4px 6px #0000004d}.market-section-header h3{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:#deb887;text-align:center;font-weight:700;text-shadow:1px 1px 2px black}.market-screen__no-items{padding:var(--spacing-xl);text-align:center;color:var(--neutral-600);font-style:italic;font-size:var(--font-size-md)}.market-item-card{display:flex;flex-direction:column;margin:0 var(--spacing-sm) var(--spacing-md) var(--spacing-sm);padding:var(--spacing-md);border:1px solid #8b4513;background-color:var(--bg-color-main);cursor:pointer;text-align:left;color:#3e2723;transition:all .2s ease;box-shadow:inset 0 0 20px #8b4513cc,inset 2px 2px 8px #0000001a,inset -2px -2px 8px #ffffff1a;border-radius:var(--border-radius-md);position:relative;overflow:hidden}.market-item-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006;border-color:sienna}.market-item-card--selected{background-color:#ffe0b2;border:2px solid #d35400;box-shadow:0 0 0 1px #d35400,inset 0 0 15px #d354001a}.market-item-card__header{display:flex;align-items:center;margin-bottom:var(--spacing-xs)}.market-item-card__icon{margin-right:var(--spacing-md);flex-shrink:0;font-size:2rem;background:#0000001a;border-radius:var(--border-radius-sm);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,69,19,.2)}.market-item-card__info{flex-grow:1;min-width:0}.market-item-card__name-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.market-item-card__name{font-size:var(--font-size-md);font-family:var(--font-family-body);font-weight:700;line-height:1.2}.market-item-card__meta{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--neutral-600);margin-top:2px}.market-item-card__type{font-style:italic;color:var(--accent-interact)}.market-item-card__price{display:flex;align-items:center;gap:4px;font-weight:700;color:#3e2723;font-size:var(--font-size-md);background:#8b45131a;padding:2px 6px;border-radius:4px;border:1px solid rgba(139,69,19,.2)}.market-item-card__price>svg{color:#d35400}.market-item-card__description{font-size:var(--font-size-sm);color:#5d4037;opacity:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--spacing-xs);line-height:1.4;padding-left:calc(42px + var(--spacing-md))}@media(max-width:640px){.market-item-card__description{padding-left:0}}.market-background-container{position:relative;overflow:hidden;background-color:#1a1410}.market-background-image{width:100%;height:100%;object-fit:cover;object-position:center}.market-background-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none}.market-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.market-details-overlay.visible{opacity:1;pointer-events:all}.market-details__panel{position:relative;width:90%;max-width:500px;max-height:85vh;background-color:var(--bg-color-battle-logs);border:3px solid #8B4513;border-radius:var(--border-radius-lg);box-shadow:inset 0 0 30px #8b451340,0 10px 40px #0009;display:flex;flex-direction:column;padding:var(--spacing-lg);color:var(--text-color-dark);transform:translateY(20px) scale(.95);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.market-details-overlay.visible .market-details__panel{transform:translateY(0) scale(1)}.market-details__panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 50px #8b451326;pointer-events:none;border-radius:var(--border-radius-lg)}.market-details__close-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#0003;border:1px solid rgba(139,69,19,.3);color:var(--text-color-dark);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);border-radius:50%;transition:all .2s ease;z-index:51;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.market-details__close-button:hover{background-color:#8b45134d;color:var(--accent-danger);transform:scale(1.1)}.market-details__content{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:hidden}.market-details__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-right:calc(32px + var(--spacing-sm));flex-shrink:0}.market-details__icon{background-color:#0000001a;padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:1px solid rgba(139,69,19,.3);flex-shrink:0;display:flex;justify-content:center;align-items:center;font-size:2.5rem}.market-details__name-price{flex-grow:1;min-width:0}.market-details__name{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--text-color-dark);word-wrap:break-word}.market-details__price{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-color-dark);font-weight:700;font-size:var(--font-size-lg)}.market-details__price svg{color:var(--accent-interact)}.market-details__description{font-size:var(--font-size-md);color:var(--text-color-dark);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-normal);flex-shrink:0;max-height:120px;overflow-y:auto}.market-details__stats-container{flex-grow:1;overflow-y:auto;margin-bottom:var(--spacing-md);padding-right:var(--spacing-xs)}.market-details__action-button{width:100%;padding:16px;font-size:var(--font-size-md);font-weight:700;cursor:pointer;border-radius:50px;border:2px solid #5d2f0f;background:linear-gradient(to bottom,#8b4513,#6d3410);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a;flex-shrink:0;transition:all .2s ease;letter-spacing:1px;text-transform:uppercase}.market-details__action-button:hover{background:linear-gradient(to bottom,sienna,#8b4513);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.market-details__action-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d}.market-screen__tabs{display:flex;flex-shrink:0;background-color:var(--ui-color-bg-dark);border-bottom:2px solid rgba(139,69,19,.3);position:sticky;top:0;z-index:10}.market-screen__tab-button{flex:1;padding:var(--spacing-md);font-size:var(--font-size-md);font-weight:700;border:none;background-color:transparent;color:var(--neutral-300);cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.market-screen__tab-button:hover{background-color:#ffffff0d;color:var(--neutral-100)}.market-screen__tab-button.active{color:var(--accent-secondary);background-color:#daa5201a;border-bottom:3px solid var(--accent-secondary)}.market-stats__title{font-family:var(--font-family-heading);font-size:var(--font-size-md);color:#2c1810;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:2px solid rgba(139,69,19,.3);text-align:center}.market-stats__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.market-stats__row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#0000000d;border:1px solid rgba(139,69,19,.15);border-radius:var(--border-radius-sm);font-family:var(--font-family-body);min-height:28px}.market-stats__label{font-weight:700;color:#2c1810;font-size:var(--font-size-xs)}.market-stats__value{font-weight:700;font-size:var(--font-size-sm)}.market-stats__value--positive{color:var(--accent-success)}.market-stats__value--negative{color:var(--accent-danger)}.market-stats__value--neutral{color:#2c1810}.market-stats__row--full{grid-column:1 / -1}@media(max-width:640px){.market-screen-layout{display:flex;flex-direction:column;height:100%;overflow-y:auto}.market-background-container{position:relative;z-index:5;height:40vh;min-height:250px;max-height:350px;flex-shrink:0}.mobile-tabs-container{position:sticky;top:0;z-index:20;background-color:var(--ui-color-bg-dark);flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.combined-panel{flex:0 0 auto;position:relative;z-index:15;border:none;box-shadow:none;overflow-y:visible}.combined-panel .market-panel__content{padding-bottom:var(--spacing-xl);min-height:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.market-item-row{background-color:var(--bg-color-main);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);margin:2px 0}.market-item-row:hover{background-color:#8b451333}.market-item-row--selected{background-color:#daa52066}.market-section-header{background-color:#8b451333;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.market-details__panel{width:95%;max-width:400px;max-height:80vh}.market-screen__item-list{background-color:var(--bg-color-main)}}@media(min-width:641px)and (max-width:1024px){.market-screen-layout{grid-template-columns:minmax(300px,400px) 1fr;gap:0}.combined-panel{display:flex;flex-direction:column;border-right:2px solid #8B4513}.market-screen__tabs{position:relative}.market-background-container{display:flex;align-items:center;justify-content:center}.market-details__panel{max-width:480px;max-height:85vh}}@media(min-width:1024px){.market-screen-layout{grid-template-columns:minmax(var(--market-panel-min-width),var(--market-panel-max-width)) 1fr minmax(var(--market-panel-min-width),var(--market-panel-max-width));gap:0}.buy-panel{border-right:2px solid #8B4513}.market-background-container{display:flex;align-items:center;justify-content:center}.sell-panel{border-left:2px solid #8B4513}.market-details__panel{max-width:550px;max-height:90vh}}.screen-container{display:flex;flex-direction:column;height:100%}.screen-title{font-family:var(--font-family-title);text-align:center;font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm);color:var(--text-color-dark);text-shadow:1px 1px 2px rgba(255,255,255,.2);padding:var(--spacing-md)}.screen-actions{display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:space-evenly}.screen-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);font-family:var(--font-family-body);font-size:var(--font-size-lg);color:var(--text-color-light);background-color:var(--ui-color-bg-medium);border:var(--border-width-medium) solid var(--neutral-900);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:all .2s ease}.glass-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-title);font-size:var(--font-size-lg);color:#f5e6d3;background:linear-gradient(to bottom,#3e2723,#2a1b15);border:2px solid #8d6e63;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #00000080,inset 0 1px #ffffff1a;transition:all .2s ease;min-width:300px;width:70%;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px;position:relative;overflow:hidden}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.glass-button:hover{transform:translateY(-2px);background:linear-gradient(to bottom,#4e342e,#3e2723);border-color:#deb887;box-shadow:0 6px 12px #0009,0 0 10px #8d6e634d;color:#fff}.glass-button:hover:before{left:100%}.glass-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0006;background:#2a1b15}.glass-button .screen-button__icon{font-size:1.4rem;color:#deb887;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.glass-button:hover .screen-button__icon{color:#f1c40f;transform:scale(1.1);transition:transform .2s ease}@media(max-width:400px){.glass-button{font-size:var(--font-size-md);min-width:250px;padding:var(--spacing-sm) var(--spacing-md)}.glass-button .screen-button__icon{font-size:1.2rem}}.screen-button:hover{background-color:var(--accent-interact);transform:translateY(-2px)}.screen-button__icon{font-size:var(--font-size-xl)}.screen-panel{margin-top:var(--spacing-xl);padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--ui-color-bg-dark);color:var(--text-color-light)}.screen-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.screen-button:disabled:hover{background-color:var(--ui-color-bg-medium);transform:none}.screen-button--danger{background-color:var(--accent-danger)}.screen-button--danger:hover{background-color:#a0281f}.menu-screen-current-game{border-radius:var(--border-radius-md);text-align:center}.menu-screen-current-game__title{font-family:var(--font-family-heading);font-size:var(--font-size-md);color:var(--text-color-dark);margin-bottom:var(--spacing-xs)}.menu-screen-current-game__info{font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--text-color-over-papyrus);margin:0}.menu-screen-badge{display:inline-block;width:8px;height:8px;background-color:var(--accent-success);border-radius:50%;margin-left:var(--spacing-xs);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.player-card{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;margin-bottom:20px;background:linear-gradient(to bottom,#3e2723,#2a1b15);border:2px solid #8d6e63;border-radius:var(--border-radius-md);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 6px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.player-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.player-card:hover:before{left:100%}.player-card:hover{background:linear-gradient(to bottom,#4e342e,#3e2723);border-color:#deb887;transform:translateY(-2px);box-shadow:0 6px 12px #0009,0 0 10px #8d6e634d}.player-card:active{transform:translateY(1px);box-shadow:0 2px 4px #0006;background:#2a1b15}.player-card__icon{font-size:2.4rem;color:#deb887;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));transition:all .25s ease;flex-shrink:0}.player-card:hover .player-card__icon{color:gold;transform:scale(1.1) rotate(-5deg)}.player-card__info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.player-card__name{font-family:var(--font-family-title);font-size:1.15rem;font-weight:700;color:#f5e6d3;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.player-card__stats{display:flex;align-items:center;gap:12px}.player-card__level{font-size:.85rem;font-weight:600;color:#c9a227;background:#0000004d;padding:2px 8px;border-radius:4px;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.player-card__hp{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#e74c3c;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.player-card__gold{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.player-card__arrow{font-size:1.8rem;color:#deb88766;font-weight:300;transition:all .25s ease;margin-left:auto}.player-card:hover .player-card__arrow{color:gold;transform:translate(4px)}.inventory-screen{display:flex;flex-direction:column;background-color:#1a1a1a;color:var(--text-color-light);box-sizing:border-box;height:100vh;overflow:hidden;position:relative}.inventory-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.inventory-background-image{width:100%;height:100%;object-fit:cover}.inventory-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;background-color:#1e140fe6;border-bottom:3px solid var(--townhall-accent-secondary);box-shadow:0 4px 12px #0009;z-index:10;flex-shrink:0;min-height:60px}.inventory-title{font-family:var(--font-family-title);font-size:var(--font-size-xl);color:#deb887;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.9)}@media(max-width:600px){.inventory-title{font-size:1.2rem}}.inventory-back-button{background:none;border:none;color:#deb887;font-size:1.8rem;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.inventory-back-button:hover{background-color:#ffffff1a;color:#fff}.inventory-rest-button-large{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#2c3e50,#212f3d);border:2px solid #5d6d7e;border-radius:80px;cursor:pointer;color:#ecf0f1;transition:all .2s ease;margin-bottom:var(--spacing-sm);box-shadow:0 4px 6px #0000004d}.inventory-rest-button-large:hover{background:linear-gradient(135deg,#34495e,#2c3e50);transform:translateY(-2px);box-shadow:0 6px 12px #0006;border-color:#85929e}.inventory-rest-button-large:active{transform:translateY(0)}.rest-button-icon{font-size:2.5rem;color:#e67e22;display:flex;align-items:center;filter:drop-shadow(0 0 5px rgba(230,126,34,.5));animation:flicker 3s infinite alternate}@keyframes flicker{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.9;transform:scale(1)}}.rest-button-text{display:flex;flex-direction:column;align-items:flex-start}.rest-button-title{font-family:var(--font-family-heading);font-size:1.2rem;font-weight:700;color:#f39c12}.rest-button-subtitle{font-size:.85rem;color:#bdc3c7}.inventory-rest-button-large.mobile-only{display:none}.inventory-rest-button-large.desktop-only{display:flex}.inventory-content-columns{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);flex:1;min-height:0;z-index:1;position:relative;overflow-y:auto}.inventory-screen__left-column,.inventory-screen__right-column{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-width:280px}.inventory-panel{background-color:#3e2723f2;color:#f5e6d3;padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);border:2px solid #5d4037}.inventory-panel--full-height{display:flex;flex-direction:column;flex-grow:1}.inventory-panel__stats-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);text-align:center;color:#deb887;grid-area:title;margin-bottom:var(--spacing-sm);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.inventory-panel__title{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:#deb887;border-bottom:1px solid rgba(222,184,135,.3);padding-bottom:var(--spacing-sm);grid-area:title;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.inventory-panel__header{display:flex;justify-content:space-between;align-items:center}.inventory-panel__controls{display:flex;gap:var(--spacing-sm)}.inventory-panel__control-button{background:#0000004d;border:1px solid #5d4037;color:#a1887f;padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.inventory-panel__control-button:hover{background-color:#ffffff1a;color:#deb887;border-color:#deb887}.inventory-panel__control-button.active{background-color:var(--townhall-accent-primary);color:#fff;border-color:var(--townhall-accent-secondary);box-shadow:0 0 8px #d3540080}.character-stats{display:grid;grid-template-areas:"title title title" "content content content";column-gap:var(--spacing-sm);grid-template-columns:1fr;font-family:var(--font-family-body)}.character-stats__content{grid-area:content;display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-md);align-items:center}.character-stats__column{display:flex;flex-direction:column;gap:var(--spacing-xs)}.character-stats__column.character-stats__actions{display:flex;align-items:center;justify-content:center;padding-left:var(--spacing-sm);border-left:1px solid rgba(255,255,255,.1)}.stat-group{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#0003;border-radius:var(--border-radius-sm)}.stat-row__label{color:#a1887f;font-weight:700;margin-right:var(--spacing-sm);font-size:.9rem}.stat-row__value{color:#f5e6d3;font-weight:700;font-size:1rem}.stat-row__value--buffed{color:#2ecc71;font-weight:700;text-shadow:0 0 2px rgba(46,204,113,.3)}.stat-row__value--debuffed{color:#e74c3c;font-weight:700;text-shadow:0 0 2px rgba(231,76,60,.3)}.stat-row__diff{margin-left:var(--spacing-sm);font-weight:700;font-size:.85rem}.stat-row__diff--positive{color:#2ecc71}.stat-row__diff--negative{color:#e74c3c}.view-stats-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:linear-gradient(135deg,#5d4037,#4e342e);border:1px solid #8d6e63;border-radius:var(--border-radius-md);cursor:pointer;color:#deb887;transition:all .2s ease;min-width:80px}.view-stats-button:hover{background:linear-gradient(135deg,#6d4c41,#5d4037);border-color:#deb887;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;color:#fff}.view-stats-button:active{transform:translateY(0)}.view-stats-icon{font-size:1.8rem}.view-stats-button span{font-size:.8rem;font-weight:700;text-transform:uppercase}.equipment-panel__slots{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:3fr 4fr 3fr 3fr;gap:var(--spacing-xs);max-width:360px;margin:0 auto}.equipment-slot--accessory-container{display:flex;justify-content:center;align-items:center;padding:10%}.equipment-slot--accessory-container .equipment-slot{width:80%;aspect-ratio:1;min-height:auto}.equipment-slot--legs-feet-container{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);padding:0 20%}.equipment-slot{display:flex;flex-direction:column;background-color:#0000004d;border:2px solid #5d4037;border-style:solid;border-radius:var(--border-radius-md);padding:var(--spacing-xs);cursor:pointer;transition:all .2s ease;color:#a1887f;position:relative;min-height:60px}.equipment-slot--empty{box-shadow:inset 0 0 15px #00000080;background-color:#0003;border-color:#4e342e}.equipment-slot--equipped{box-shadow:0 4px 8px #00000080;border-color:#8d6e63;background-color:#ffffff0d}.equipment-slot__container{position:relative;flex:1;display:flex;flex-direction:column}.equipment-slot__icon{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#a1887f;background-color:transparent;border:none;border-radius:var(--border-radius-sm);opacity:.8}.equipment-slot__icon--empty{opacity:.3;font-size:2.5rem}.equipment-slot--chest.equipment-slot--empty .equipment-slot__icon{font-size:3.5rem}.equipment-slot__placeholder-icon{opacity:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.equipment-slot__text-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;z-index:1;pointer-events:none;padding-top:var(--spacing-xs)}.equipment-slot__slot-label{font-family:Cinzel,Times New Roman,serif;font-size:var(--font-size-xs);font-weight:700;color:#8d6e63;line-height:1.2;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,1);padding:var(--spacing-xs);opacity:.7}.equipment-slot__item-name{font-family:Cinzel,Times New Roman,serif;font-size:var(--font-size-xs);font-weight:700;color:#fff;line-height:1.2;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,1);padding:var(--spacing-xs)}.equipment-slot--drag-over{border-color:#2ecc71;box-shadow:inset 0 0 15px #2ecc7133,0 0 10px #2ecc7166;transform:translateY(-2px)}.equipment-slot:hover{transform:translateY(-1px);border-color:#deb887;box-shadow:0 4px 12px #0009}.inventory-list{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;background-color:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-xs);position:relative;transition:all .2s ease;min-height:80px;border:1px solid rgba(255,255,255,.05)}.inventory-list--drag-over{background-color:#2ecc711a;border:2px dashed #2ecc71}.inventory-item-row--drag-over{border-top:2px solid #2ecc71}.inventory-item-row{display:flex;align-items:center;padding:12px var(--spacing-sm);border:1px solid rgba(255,255,255,.05);background-color:#0006;color:#ecf0f1;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xs);cursor:pointer;text-align:left;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;min-height:64px}.inventory-item-row:last-child{margin-bottom:0}.inventory-item-row:hover{background-color:#ffffff1a;border-color:#deb887;transform:translateY(-1px)}.inventory-item-row:active{transform:translateY(0)}.inventory-item-row__icon{margin-right:var(--spacing-sm);flex-shrink:0;color:#deb887;font-size:1.5rem}.inventory-item-row__name-group{flex-grow:1}.inventory-item-row__name{font-size:var(--font-size-md);font-family:var(--font-family-body);font-weight:500}.inventory-item-row__quantity{font-size:var(--font-size-md);font-weight:700;color:#bdc3c7;margin-left:var(--spacing-sm)}.drag-preview{pointer-events:none;z-index:1000}.drag-preview__item{width:48px;height:48px;background-color:#2c3e50;border:2px solid #f1c40f;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#f1c40f;box-shadow:0 10px 20px #00000080;transform:rotate(5deg);opacity:.95}.modal-backdrop.visible{opacity:1;pointer-events:auto;background-color:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.item-detail-modal{width:90%;max-width:400px;min-height:320px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:#2d1b16fa;border:2px solid var(--townhall-accent-secondary);border-radius:var(--border-radius-md);box-shadow:0 20px 50px #000c;color:#f5e6d3}.modal-close-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;font-size:1.5rem;color:#a1887f;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease;z-index:10}.modal-close-button:hover{color:#fff;background-color:#ffffff1a;transform:scale(1.1)}.item-details-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid #5d4037;position:relative;z-index:2}.item-details-header .item-icon{font-size:2.5rem;color:#deb887;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.item-details-name{font-family:var(--font-family-title);font-size:var(--font-size-lg);margin:0;font-weight:700;color:#deb887;text-shadow:2px 2px 4px rgba(0,0,0,1)}.item-details-body{padding:var(--spacing-lg);flex-grow:1;overflow-y:auto;position:relative;z-index:2}.item-details-description{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--spacing-md) 0;font-style:italic;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;color:#d7ccc8;background:#0003;border-left:3px solid var(--townhall-accent-secondary)}.item-stats{margin-top:var(--spacing-sm)}.item-stats-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);text-align:center;color:#deb887;border-bottom:1px solid #5d4037}.item-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.item-stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-family:var(--font-family-body);min-height:28px;background:#ffffff0d;border:1px solid #5d4037}.item-stat-label{font-weight:700;font-size:var(--font-size-xs);color:#a1887f}.item-stat-value{font-weight:700;font-size:var(--font-size-sm)}.item-stat-value--positive{color:#2ecc71}.item-stat-value--negative{color:#e74c3c}.item-stat-value--neutral{color:#f5e6d3}.item-stat-row--full{grid-column:1 / -1}.item-details-actions{padding:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;position:relative;z-index:2;border-top:1px solid #5d4037;background:linear-gradient(to bottom,#0003,#0006)}.action-button{padding:14px 16px;border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;font-weight:700;font-family:var(--font-family-heading);font-size:.9rem;transition:all .2s ease;position:relative;overflow:hidden;min-width:100px;text-align:center;text-transform:uppercase;box-shadow:0 4px 6px #0000004d;letter-spacing:.5px;flex:1 0 auto}.action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.use-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border-color:#1e8449}.use-button:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-2px);box-shadow:0 6px 12px #27ae6066}.equip-button{background:linear-gradient(135deg,#d35400,#e67e22);color:#fff;border-color:#a04000}.equip-button:hover{background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-2px);box-shadow:0 6px 12px #d3540066}.unequip-button{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;border-color:#922b21}.unequip-button:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);transform:translateY(-2px);box-shadow:0 6px 12px #c0392b66}.item-tooltip{position:fixed;background-color:#1e1e1ef2;border:1px solid #deb887;border-radius:var(--border-radius-md);padding:var(--spacing-sm);width:250px;max-width:90vw;z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .15s ease-in-out;opacity:0;color:#ecf0f1;box-shadow:0 10px 20px #00000080}.item-tooltip__name{margin:0 0 var(--spacing-xs) 0;color:#deb887;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,1)}.item-tooltip__stats{border-top:1px solid #5d4037;border-bottom:1px solid #5d4037;color:#bdc3c7}.item-tooltip__description{color:#95a5a6}.inventory-screen{cursor:default}.inventory-screen *{cursor:inherit}body.dragging,body.dragging *{cursor:grabbing!important}@media(max-width:792px){.inventory-content-columns{flex-direction:column;gap:var(--spacing-sm)}.inventory-rest-button-large.mobile-only{display:flex}.inventory-rest-button-large.desktop-only{display:none}.inventory-screen__left-column,.inventory-screen__right-column{min-width:unset}.equipment-panel__slots{max-width:320px;gap:2px}.equipment-slot{min-height:45px;padding:4px}.equipment-slot__icon{font-size:1.5rem}.equipment-slot__icon--empty{font-size:2rem;min-height:35px}.equipment-slot__item-name,.equipment-slot__slot-label{font-size:var(--font-size-xs);padding:2px 4px}.equipment-slot--accessory-container{padding:8%}.equipment-slot--accessory-container .equipment-slot{width:85%}.equipment-slot--legs-feet-container{padding:0 15%}.drag-preview__item{width:40px;height:40px;font-size:1.2rem}}@media(max-width:490px){.character-stats__content{grid-template-columns:1fr 1fr}.character-stats__column.character-stats__actions{grid-column:1 / -1;border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-left:0;padding-top:var(--spacing-sm)}.view-stats-button{width:100%;flex-direction:row;gap:var(--spacing-md)}}@media(min-width:793px)and (max-width:1024px){.inventory-content-columns{display:grid;grid-template-columns:60% 1fr}.inventory-screen__left-column{min-width:auto}}.equipment-panel__slots>*:nth-child(2),.equipment-slot--legs-feet-container .equipment-slot{aspect-ratio:1}.equipment-slot:focus-within,.inventory-item-row:focus{outline:2px solid #deb887;outline-offset:2px}@media(pointer:coarse){.equipment-slot__item,.inventory-item-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.fade-in{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inventory-screen .modal-content.player-inventory-v2{background-color:#3e2723fa!important;border:2px solid #5d4037!important;box-shadow:0 20px 50px #000c!important;color:#f5e6d3!important}.inventory-screen .modal-header-simple{background-color:#1e140ff2!important;border-bottom:1px solid #5d4037!important}.inventory-screen .header-title{color:#deb887!important;font-family:var(--font-family-heading)!important}.inventory-screen .close-button-simple{color:#a1887f!important}.inventory-screen .close-button-simple:hover{color:#fff!important}.inventory-screen .stats-section h5{color:#deb887!important;font-family:var(--font-family-heading)!important;border-bottom-color:#5d4037!important}.inventory-screen .stat-label{color:#a1887f!important;font-family:var(--font-family-body)!important}.inventory-screen .stat-value{color:#f5e6d3!important;font-family:var(--font-family-body)!important}.info-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-modal-description{font-family:var(--font-family-body);font-size:1rem;line-height:1.6;color:#3e2723;margin:0}.info-modal-description--secondary{font-size:.9rem;color:#5d4037;margin-top:-8px}.info-modal-stats{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-md);background-color:#8b45130d;border-radius:var(--border-radius-sm);border-left:3px solid #8d6e63}.info-modal-stat{display:flex;justify-content:space-between;align-items:center}.info-modal-stat__label{font-family:var(--font-family-body);font-size:.9rem;color:#5d4037}.info-modal-stat__value{font-family:var(--font-family-title);font-size:1rem;font-weight:700;color:#3e2723}.info-modal-stat__value--muted{font-weight:400;color:#5d4037;font-family:var(--font-family-body);font-size:.9rem}.info-modal-bonus{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(90deg,rgba(76,175,80,.1),transparent);border-left:3px solid #4caf50;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.info-modal-bonus--attribute{background:linear-gradient(90deg,rgba(255,193,7,.1),transparent);border-left-color:#ffc107}.info-modal-bonus__icon{font-size:1.2rem}.info-modal-bonus__text{font-family:var(--font-family-body);font-size:.95rem;font-weight:600;color:#2e7d32}.info-modal-bonus--attribute .info-modal-bonus__text{color:#f57c00}.info-modal-effects{margin-top:var(--spacing-sm)}.info-modal-effects__title{font-family:var(--font-family-title);font-size:.95rem;color:#3e2723;margin:0 0 var(--spacing-sm) 0;padding-bottom:4px;border-bottom:1px solid rgba(139,69,19,.2)}.info-modal-effects__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.info-modal-effects__item{font-family:var(--font-family-body);font-size:.9rem;color:#5d4037;padding-left:16px;position:relative}.info-modal-effects__item:before{content:"•";position:absolute;left:0;color:#8d6e63}.info-modal-tip{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:linear-gradient(90deg,rgba(33,150,243,.08),transparent);border-left:3px solid #2196f3;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.info-modal-tip__icon{font-size:1.1rem;flex-shrink:0}.info-modal-tip__text{font-family:var(--font-family-body);font-size:.85rem;font-style:italic;color:#1565c0;line-height:1.4}.creation-flow{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-color-main)}.creation-flow-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.creation-step-container{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md)}.creation-step-content{flex:1;overflow-y:auto;padding-bottom:var(--spacing-xl)}.creation-title{font-family:var(--font-family-title);font-size:1.5rem;color:#3e2723;margin-bottom:var(--spacing-xs);text-align:center;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.creation-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:#5d4037;margin-bottom:var(--spacing-lg);text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.creation-selection-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto var(--spacing-lg);padding:8px 16px;background:linear-gradient(to bottom,#3e2723,#2a1b15);border:2px solid #8d6e63;border-radius:20px;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:#deb887;box-shadow:0 2px 4px #0000004d;animation:fadeInDown .3s ease-out}.creation-selection-badge--complete{border-color:#4caf50;color:#81c784}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.creation-section{margin-bottom:var(--spacing-xl)}.creation-section-title{font-family:var(--font-family-title);font-size:1rem;color:#3e2723;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid #8d6e63;display:flex;align-items:center;gap:var(--spacing-sm)}.creation-section-title svg{color:#8d6e63}.creation-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.creation-options-grid--2cols{grid-template-columns:repeat(2,1fr)}.creation-options-grid--3cols{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.creation-option-card{background:linear-gradient(145deg,#f5e6d3,#e8d5c4);border:2px solid #a1887f;border-radius:var(--border-radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .25s ease;text-align:left;min-height:90px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff80}.creation-option-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.creation-option-card:hover{border-color:#8d6e63;transform:translateY(-3px);box-shadow:0 6px 12px #00000026,inset 0 1px #ffffff80}.creation-option-card:hover:before{left:100%}.creation-option-card--selected{background:linear-gradient(145deg,#4e342e,#3e2723);border-color:gold;box-shadow:0 0 0 2px #ffd7004d,0 6px 12px #0000004d,inset 0 1px #ffffff1a;transform:translateY(-2px)}.creation-option-card--selected .creation-option-name,.creation-option-card--selected .creation-option-description,.creation-option-card--selected .creation-option-cost{color:#f5e6d3}.creation-option-card--disabled{opacity:.5;cursor:not-allowed;transform:none}.creation-option-card--disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff80}.creation-option-name{font-family:var(--font-family-title);font-size:1rem;color:#3e2723;margin-bottom:4px;font-weight:600}.creation-option-description{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:#5d4037;line-height:1.4;margin-bottom:4px}.creation-option-cost{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:#8d6e63;font-weight:600;margin-top:auto}.creation-option-bonus{color:#4caf50;font-weight:700}.creation-option-card__content{flex:1;display:flex;flex-direction:column;gap:4px}.creation-option-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.creation-option-info-btn{flex-shrink:0;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:#3e27231a;border:1px solid rgba(141,110,99,.3);border-radius:50%;color:#8d6e63;font-size:.9rem;cursor:pointer;transition:all .2s ease;opacity:.6}.creation-option-info-btn:hover{opacity:1;background:#3e272333;border-color:#8d6e63;color:#5d4037;transform:scale(1.1)}.creation-option-card--selected .creation-option-info-btn{background:#ffffff1a;border-color:#deb8874d;color:#deb887}.creation-option-card--selected .creation-option-info-btn:hover{background:#fff3;border-color:#deb887;color:gold}.creation-attribute-card{background:linear-gradient(145deg,#f5e6d3,#e8d5c4);border:2px solid #a1887f;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .25s ease;text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff80}.creation-attribute-card:hover{border-color:#8d6e63;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #00000026}.creation-attribute-card--selected{background:linear-gradient(145deg,#4e342e,#3e2723);border-color:gold;box-shadow:0 0 0 2px #ffd7004d,0 6px 12px #0000004d;transform:scale(1.02)}.creation-attribute-card--selected .creation-attribute-name,.creation-attribute-card--selected .creation-attribute-value{color:#f5e6d3}.creation-attribute-card__content{display:flex;flex-direction:column;align-items:center;gap:4px}.creation-attribute-name{font-family:var(--font-family-title);font-size:1rem;color:#3e2723;margin-bottom:var(--spacing-xs);font-weight:600}.creation-option-info-btn--attribute{position:absolute;top:6px;right:6px}.creation-attribute-value{font-family:var(--font-family-body);font-size:var(--font-size-md);color:#5d4037;display:flex;align-items:center;justify-content:center;gap:6px}.creation-attribute-base{color:#8d6e63}.creation-attribute-bonus{color:#4caf50;font-weight:700}.creation-attribute-final{color:gold;font-weight:700;font-size:1.2rem}.creation-navigation{flex-shrink:0;padding:var(--spacing-md) 0 0;border-top:2px solid #d7ccc8}.creation-error-toast{background:linear-gradient(to bottom,#c62828,#b71c1c);color:#fff;padding:12px 20px;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);text-align:center;font-weight:700;font-family:var(--font-family-body);animation:slideUp .3s ease-out;box-shadow:0 4px 12px #0000004d}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.creation-navigation-buttons{display:flex;gap:var(--spacing-md)}.creation-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px var(--spacing-lg);font-family:var(--font-family-title);font-size:var(--font-size-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all .25s ease;font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden}.creation-nav-btn--back{background:linear-gradient(to bottom,#efebe9,#d7ccc8);border:2px solid #a1887f;color:#5d4037}.creation-nav-btn--back:hover{background:linear-gradient(to bottom,#d7ccc8,#bcaaa4);border-color:#8d6e63;transform:translateY(-2px)}.creation-nav-btn--next{background:linear-gradient(to bottom,#9e9e9e,#757575);border:2px solid #616161;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.creation-nav-btn--next:hover{background:linear-gradient(to bottom,#757575,#616161);transform:translateY(-2px)}.creation-nav-btn--next.is-ready{background:linear-gradient(to bottom,#4caf50,#388e3c);border-color:#2e7d32;color:#fff;box-shadow:0 4px 8px #4caf504d}.creation-nav-btn--next.is-ready:hover{background:linear-gradient(to bottom,#66bb6a,#4caf50);box-shadow:0 6px 12px #4caf5066;transform:translateY(-2px)}.creation-nav-btn--confirm{flex:2;background:linear-gradient(to bottom,#9e9e9e,#757575);border:2px solid #616161;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.creation-nav-btn--confirm.is-ready{background:linear-gradient(to bottom,gold,#ffc107);border-color:#ff8f00;color:#3e2723;text-shadow:none;box-shadow:0 4px 12px #ffc10766,inset 0 1px #ffffff4d}.creation-nav-btn--confirm.is-ready:hover{background:linear-gradient(to bottom,#ffea00,gold);box-shadow:0 6px 16px #ffc10780,inset 0 1px #ffffff4d;transform:translateY(-2px)}@media(min-width:768px){.creation-title{font-size:2rem}.creation-step-container{max-width:900px;margin:0 auto;width:100%}}@media(min-width:1024px){.creation-options-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.creation-options-grid--2cols{grid-template-columns:repeat(2,1fr);max-width:600px;margin:0 auto}}.summary-step .creation-step-content{padding-bottom:120px}.summary-name-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:#3e27230f;border:2px solid #a1887f;border-radius:var(--border-radius-md)}.summary-name-label{font-family:var(--font-family-title);font-size:1.1rem;color:#3e2723;margin-bottom:var(--spacing-md);text-align:center}.summary-name-wrapper{position:relative;width:100%;max-width:400px}.summary-name-input{width:100%;padding:14px 48px 14px 16px;font-size:1.1rem;font-family:var(--font-family-title);background:linear-gradient(145deg,#f5e6d3,#e8d5c4);color:#3e2723;border:3px solid #8d6e63;border-radius:var(--border-radius-md);box-sizing:border-box;box-shadow:0 4px 8px #00000026,inset 0 2px 4px #0000000d;transition:all .3s ease;text-align:center}.summary-name-input:hover{border-color:#6d4c41;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.summary-name-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033,0 6px 12px #0003}.summary-name-input::placeholder{color:#a1887f;font-style:italic}.summary-name-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8d6e63;font-size:1.2rem;pointer-events:none;transition:all .2s ease}.summary-name-input:focus+.summary-name-icon{color:gold;transform:translateY(-50%) scale(1.1)}.summary-name-wrapper.has-error .summary-name-input{border-color:#d32f2f;animation:shake .4s ease-in-out}.summary-name-wrapper.has-error .summary-name-icon{color:#d32f2f}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.summary-section{margin-bottom:var(--spacing-lg)}.summary-section-title{font-family:var(--font-family-title);font-size:1rem;color:#3e2723;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid #8d6e63;display:flex;align-items:center;gap:var(--spacing-sm)}.summary-section-title svg{color:#8d6e63;font-size:1.2rem}.summary-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.summary-stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(90deg,rgba(62,39,35,.08),transparent);border-left:3px solid #a1887f;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;transition:all .2s ease}.summary-stat-item--clickable{cursor:pointer}.summary-stat-item--clickable:hover{background:linear-gradient(90deg,#3e27231f,#3e27230a);border-left-color:gold;transform:translate(4px)}.summary-stat-item--clickable:focus{outline:none;border-left-color:gold;box-shadow:0 0 0 2px #ffd7004d}.summary-stat-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:#5d4037}.summary-stat-value{font-family:var(--font-family-title);font-size:1.1rem;font-weight:700;color:#3e2723}.summary-equipment-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-equipment-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(90deg,rgba(62,39,35,.08),transparent);border-left:3px solid #a1887f;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;transition:all .2s ease}.summary-equipment-item--clickable{cursor:pointer}.summary-equipment-item--clickable:hover{background:linear-gradient(90deg,#3e27231f,#3e27230a);border-left-color:gold;transform:translate(4px)}.summary-equipment-item--clickable:focus{outline:none;border-left-color:gold;box-shadow:0 0 0 2px #ffd7004d}.summary-equipment-item--gold{border-left-color:gold;background:linear-gradient(90deg,rgba(255,215,0,.1),transparent)}.summary-equipment-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:#5d4037}.summary-equipment-value{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:700;color:#3e2723}.summary-skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.summary-skill-tag{display:inline-flex;align-items:center;padding:8px 14px;background:linear-gradient(to bottom,#4e342e,#3e2723);border:1px solid #6d4c41;border-radius:20px;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:#deb887;box-shadow:0 2px 4px #0003;transition:all .2s ease}.summary-skill-tag--clickable{cursor:pointer}.summary-skill-tag--clickable:hover{background:linear-gradient(to bottom,#5d4037,#4e342e);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;border-color:gold}.summary-skill-tag--clickable:focus{outline:none;border-color:gold;box-shadow:0 0 0 2px #ffd7004d,0 4px 8px #0000004d}@media(min-width:768px){.summary-stats-grid{grid-template-columns:repeat(4,1fr)}.summary-section-title{font-size:1.1rem}.summary-name-input{font-size:1.3rem}}.main-tab-navigator{display:flex;width:100%;flex-shrink:0;background:linear-gradient(to bottom,#3e2723,#2a1b15);box-shadow:0 -4px 12px #00000080,inset 0 1px #ffffff1a;border-top:2px solid #8d6e63}@media(min-width:601px){.main-tab-navigator{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}}.main-tab-navigator__button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;background-color:transparent;border:none;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:#c4a77d;cursor:pointer;transition:all .2s ease;position:relative}.main-tab-navigator__button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#deb887;transition:width .2s ease}.main-tab-navigator__button:hover{color:#deb887;background:#ffffff0d}.main-tab-navigator__button:hover:after{width:60%}.main-tab-navigator__button>svg{font-size:var(--font-size-xl);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.main-tab-navigator__button.active{background:#0000004d;color:gold;font-weight:700}.main-tab-navigator__button.active:after{width:80%;background:gold}.main-tab-navigator__button.active>svg{filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.main-tab-navigator__button.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.main-tab-navigator__button.disabled:hover{color:#c4a77d;background:transparent}.main-tab-navigator__button.disabled:hover:after{width:0}.main-layout{display:flex;flex-direction:column;width:100%;max-width:600px;height:100vh;margin:0 auto;color:var(--text-color-dark)}.main-layout__content{flex-grow:1;overflow-y:auto;scrollbar-gutter:stable;padding:var(--spacing-md);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.load-game-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.load-game-modal-content{background-color:var(--bg-color-main);border-radius:var(--border-radius-md);padding:var(--spacing-xl);max-width:400px;width:100%;position:relative;border:var(--border-width-medium) solid var(--brown-line);box-shadow:var(--shadow-md)}.load-game-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:transparent;border:none;font-size:var(--font-size-xl);color:var(--text-color-dark);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.load-game-modal-close:hover:not(:disabled){color:var(--accent-danger)}.load-game-modal-close:disabled{opacity:.5;cursor:not-allowed}.load-game-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--text-color-dark);margin-bottom:var(--spacing-md);text-align:center}.load-game-modal-message{font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--text-color-over-papyrus);margin-bottom:var(--spacing-lg);text-align:center;line-height:var(--line-height-relaxed)}.load-game-modal-loading{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) 0}.load-game-modal-spinner{width:48px;height:48px;border:4px solid var(--neutral-300);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.load-game-modal-error{text-align:center}.load-game-modal-error .load-game-modal-title{color:var(--accent-danger)}.load-game-modal-confirm{text-align:center}.load-game-modal-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.load-game-modal-button{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-md);border:var(--border-width-medium) solid var(--brown-line);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;min-width:120px}.load-game-modal-button--primary{background-color:var(--accent-primary);color:var(--text-color-light)}.load-game-modal-button--primary:hover{background-color:var(--accent-secondary);color:var(--text-color-dark);transform:translateY(-2px)}.load-game-modal-button--secondary{background-color:var(--ui-color-bg-medium);color:var(--text-color-light)}.load-game-modal-button--secondary:hover{background-color:var(--ui-color-bg-light);transform:translateY(-2px)}.menu-screen{justify-content:flex-start;padding-top:10vh;gap:24px}.menu-header{text-align:center;margin-bottom:16px}.menu-title{font-family:var(--font-family-title);font-size:3.5rem;color:#f5e6d3;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(222,184,135,.3);margin:0;letter-spacing:4px}.menu-subtitle{font-family:var(--font-family-body);font-size:1rem;color:#c4a77d;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:8px 0 0;letter-spacing:2px;text-transform:uppercase}.menu-active-game{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(to bottom,#3e2723,#2a1b15);border:2px solid #4caf50;border-radius:var(--border-radius-md);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 8px #0006,0 0 10px #4caf5033}.menu-active-game:hover{background:linear-gradient(to bottom,#4e342e,#3e2723);border-color:#8bc34a;transform:translateY(-2px);box-shadow:0 6px 16px #00000080,0 0 15px #4caf504d}.menu-active-game__badge{font-size:.7rem;font-weight:700;color:#2a1b15;background:#4caf50;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.menu-active-game__info{display:flex;flex-direction:column;gap:2px;flex:1}.menu-active-game__name{font-family:var(--font-family-title);font-size:1.1rem;color:#f5e6d3;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.menu-active-game__level{font-size:.85rem;color:#c9a227}.menu-active-game__hint{font-size:1.2rem;color:#deb88780;transition:all .25s ease}.menu-active-game:hover .menu-active-game__hint{color:gold;transform:translate(4px)}.menu-actions{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;justify-content:center;max-height:300px}.menu-badge-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;box-shadow:0 0 6px #4caf5099;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.menu-actions .glass-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.menu-actions .glass-button:disabled:hover{transform:none;background:linear-gradient(to bottom,#3e2723,#2a1b15);border-color:#8d6e63;box-shadow:0 4px 6px #00000080,inset 0 1px #ffffff1a}.menu-actions .glass-button:disabled:hover:before{left:-100%}.menu-footer{margin-top:auto;padding-top:24px;display:flex;justify-content:center}.menu-reset-button{display:flex;align-items:center;gap:8px;padding:8px 16px;font-family:var(--font-family-body);font-size:.85rem;color:#a67c52;background:transparent;border:1px solid rgba(166,124,82,.3);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease}.menu-reset-button:hover{color:#e74c3c;border-color:#e74c3c80;background:#e74c3c1a}.menu-reset-button__icon{font-size:1rem}@media(max-width:480px){.menu-screen{padding-top:5vh;gap:16px}.menu-title{font-size:2.5rem;letter-spacing:2px}.menu-subtitle{font-size:.85rem;letter-spacing:1px}.menu-active-game{padding:10px 12px;gap:8px}.menu-active-game__badge{font-size:.6rem;padding:3px 6px}.menu-active-game__name{font-size:1rem}.menu-active-game__level{font-size:.75rem}.menu-actions{gap:12px;max-height:none}.menu-actions .glass-button{font-size:.9rem;padding:12px 16px;min-width:unset;width:90%;letter-spacing:.3px}.menu-actions .glass-button .screen-button__icon{font-size:1.1rem}.menu-reset-button{font-size:.75rem;padding:6px 12px}}@media(max-width:360px){.menu-title{font-size:2rem}.menu-subtitle{font-size:.75rem}.menu-actions .glass-button{font-size:.85rem;padding:10px 14px}}.wip-screen{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.wip-back-button{position:absolute;top:0;left:0;background:#000000e6;border:1px solid rgba(255,255,255,.1);color:#ecf0f1;font-size:2rem;cursor:pointer;padding:10px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.wip-back-button:hover{background-color:#695f28e6;transform:scale(1.1)}.wip-content{padding:1.5rem;background-color:var(--ui-color-bg-dark);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;max-width:90%;width:500px;animation:fadeIn .5s ease-out;margin-top:25%}.wip-title{font-family:Cinzel,serif;font-size:2rem;margin-bottom:16px;color:var(--text-color-light);text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:1px}.wip-icon-container{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.wip-map-icon{font-size:8rem;color:var(--bg-color-main)}.wip-message{font-size:1.2rem;line-height:1.6;color:var(--text-color-light)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.horizontal-selector{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;flex-grow:1;min-height:0}.list-container{display:flex;align-items:stretch;overflow-x:hidden;width:100%;height:100%}.item{flex-shrink:0;cursor:pointer;display:flex;justify-content:center;align-items:stretch;height:100%;padding:20px}.nav-button{border:2px solid #8B4513;width:64px;height:64px;min-width:64px;min-height:64px;font-size:2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#2c1810e6;color:#deb887;border-radius:50%;box-shadow:0 2px 8px #0000004d;outline:none}.nav-button:hover:not(:disabled){background-color:#8b4513;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0006}.nav-button:active:not(:disabled){transform:scale(.95);box-shadow:0 1px 4px #0000004d}.nav-button:focus{outline:none}.nav-button:disabled{background-color:#140a0580;color:#a1887f4d;border-color:#8b45134d;cursor:not-allowed;box-shadow:none;opacity:1}.nav-buttons-container.mobile-nav{display:none}.nav-container{position:absolute;top:0;bottom:0;width:8vw;max-width:80px;z-index:5;display:flex;align-items:center;background:transparent;pointer-events:none}.nav-container .nav-button{pointer-events:auto}.nav-container.left{left:0;justify-content:center}.nav-container.right{right:0;justify-content:center}@media(min-width:480px){.item{width:80%;max-width:400px}.item:first-child{margin-left:calc(50% - 200px)}.item:last-child{margin-right:calc(50% - 200px)}}@media(min-width:769px){.item{max-width:450px}.item:first-child{margin-left:calc(50% - 225px)}.item:last-child{margin-right:calc(50% - 225px)}}@media(max-width:768px){.horizontal-selector{flex-direction:column;align-items:center}.desktop-nav{display:none}.nav-buttons-container.mobile-nav{display:flex;justify-content:center;gap:2rem;width:100%;margin-bottom:8px}.list-container{width:100vw;padding-bottom:12px;padding-top:8px}.item{width:100vw;padding:8px}.nav-button{width:56px;height:56px;min-width:56px;min-height:56px;font-size:1.8rem}}.arena-page-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.arena-content-scrollable{flex-grow:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.arena-screen__subtitle{text-align:center;margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg);color:var(--text-color-dark);opacity:.9;padding:0 var(--spacing-lg)}.arena-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"icon name" "icon level" "description description" "reward reward";align-items:start;background-color:var(--bg-color-battle-logs);border:2px solid #8B4513;border-radius:15px;box-shadow:inset 0 0 20px #8b451333,0 5px 15px #0006;padding:var(--spacing-lg);gap:var(--spacing-xs) var(--spacing-sm);width:100%;height:100%;min-height:fit-content;cursor:pointer;transition:all .3s ease;overflow:hidden}.arena-card__icon{grid-area:icon;align-self:center;font-size:3rem;color:var(--text-color-over-papyrus);width:70px;height:70px;display:flex;align-items:center;justify-content:center;background-color:#8b45131a;border-radius:var(--border-radius-sm);border:1px solid rgba(139,69,19,.3)}.arena-card__name{grid-area:name;align-self:end;font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--accent-danger);margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.arena-card__level{grid-area:level;align-self:start;font-family:Cinzel,Times New Roman,serif;font-size:var(--font-size-sm);font-style:italic;color:var(--text-color-over-papyrus);opacity:.8;margin:0 0 var(--spacing-xs) 0}.arena-card__description{grid-area:description;align-self:stretch;word-wrap:break-word;overflow-y:auto;margin-top:var(--spacing-sm);color:var(--text-color-dark)}.arena-card__reward{grid-area:reward;justify-self:end;font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--accent-success);margin:var(--spacing-sm) 0 var(--spacing-xs) 0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.item .arena-card{transform:scale(.9);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.item.active .arena-card{transform:scale(1);border-color:#c89c4f;box-shadow:inset 0 0 20px #8b451333,0 5px 15px #0006,0 0 15px 5px #ffd70080}.arena-card:hover{transform:translateY(-3px)}@media(max-width:480px){.item .arena-card{transform:scale(1)}.item.active .arena-card{transform:scale(1);border-color:#8b4513;box-shadow:inset 0 0 20px #8b451333,0 5px 15px #0006}}.fight-button-container{text-align:center;margin-top:8px;margin-bottom:1rem;padding:0 var(--spacing-lg)}.fight-button{position:relative;padding:16px 50px;border:none;border-radius:50px;background:linear-gradient(to bottom,#b64901,#8a3600);color:#fff;font-size:var(--font-size-xl);font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0006,inset 0 1px #fff3;outline:none;text-transform:uppercase}.fight-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(to bottom,#d35400,#a04000);box-shadow:0 6px 12px #00000080,inset 0 1px #ffffff4d}.fight-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0006,inset 0 2px 4px #0003}.fight-button:disabled{background:#2c1810;color:#5d4037;cursor:not-allowed;box-shadow:none;border:2px solid #3e2723;transform:none}.fight-button:focus{outline:none}.fight-button:before{display:none}@media(max-width:480px){.arena-card{padding:var(--spacing-md);gap:var(--spacing-xs) var(--spacing-sm)}.arena-card__icon{width:60px;height:60px;font-size:2.5rem}.arena-card__name{font-size:var(--font-size-md);margin:0}.arena-card__level{font-size:var(--font-size-sm);margin:0}.arena-card__reward{font-size:var(--font-size-md);margin:0}.arena-card__description{font-size:var(--font-size-md);margin-top:2px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.3) transparent}.arena-card__description::-webkit-scrollbar{width:4px}.arena-card__description::-webkit-scrollbar-track{background:transparent}.arena-card__description::-webkit-scrollbar-thumb{background-color:#6464644d;border-radius:10px;border:1px solid transparent}.fight-button{font-size:var(--font-size-lg);padding:16px 40px}.fight-button-container{margin-top:0;margin-bottom:1rem}}@media(min-width:769px){.arena-card__name{font-size:var(--font-size-xl)}.arena-card__level,.arena-card__reward,.arena-card__description{font-size:var(--font-size-md)}.fight-button-container{margin-top:0}}:root{--blacksmith-header-height: 60px;--blacksmith-bg-color: var(--bg-color-main);--blacksmith-panel-border: #5d4037}.blacksmith-screen{display:flex;flex-direction:column;height:100vh;background-color:var(--blacksmith-bg-color);color:var(--text-color-dark);overflow:hidden;position:relative}.blacksmith-screen__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:#3e2723;border-bottom:3px solid var(--townhall-accent-secondary);box-shadow:0 4px 12px #0006;z-index:50;min-height:var(--blacksmith-header-height);flex-shrink:0;position:sticky;top:0}.blacksmith-screen__back-button{background:none;border:none;color:#deb887;font-size:1.8rem;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.blacksmith-screen__back-button:hover{background-color:#ffffff1a;color:#fff}.blacksmith-screen__title{font-family:var(--font-family-title);font-size:var(--font-size-xl);margin:0;text-align:center;flex-grow:1;color:#deb887;text-shadow:1px 1px 2px black}.blacksmith-screen__currency{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:700;color:gold}.blacksmith-screen-layout{display:grid;flex:1;overflow:hidden;position:relative;min-height:0}.blacksmith-background-container{position:relative;overflow:hidden;background-color:#263238;display:flex;align-items:center;justify-content:center;min-height:0}.blacksmith-background-image{width:100%;height:100%;object-fit:cover;object-position:center}.blacksmith-panel{display:flex;flex-direction:column;overflow:hidden;background-color:#3e2723f2;border:2px solid var(--blacksmith-panel-border);box-shadow:inset 0 0 30px #00000080,0 0 20px #00000080;position:relative}.blacksmith-panel__header{padding:var(--spacing-md);background:linear-gradient(to bottom,#5d4037,#3e2723);border-bottom:2px solid var(--townhall-accent-secondary);text-align:center}.blacksmith-panel__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);margin:0;color:#deb887}.blacksmith-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0}.blacksmith-section-header{font-family:var(--font-family-heading);font-size:1rem;color:#deb887;background-color:#0000004d;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);border-left:3px solid var(--townhall-accent-secondary)}.blacksmith-section-header:first-child{margin-top:0}.blacksmith-item-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:#ffffff0d;border:1px solid #5d4037;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text-color-light)}.blacksmith-item-row:hover{background-color:#ffffff1a;border-color:#deb887}.blacksmith-item-row--selected{background-color:#d3540033;border-color:#d35400;box-shadow:inset 0 0 10px #d354004d}.blacksmith-item-row__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#0000004d;border-radius:var(--border-radius-sm);border:1px solid #5d4037}.blacksmith-item-row__name-group{flex:1;display:flex;flex-direction:column}.blacksmith-item-row__name{font-weight:700;font-size:1rem;color:#f5e6d3}.blacksmith-item-row__equipment-slot{font-size:.8rem;color:#a1887f}.blacksmith-item-row__action{font-size:1.5rem;display:flex;align-items:center}.no-items-message{text-align:center;color:#a1887f;font-style:italic;margin-top:var(--spacing-xl)}.blacksmith-details-panel{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#000000d9;z-index:200;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);overflow-y:auto}@media(min-width:1024px){.blacksmith-details-panel{width:400px;border-left:2px solid var(--brown-line);background-color:#2d1b16f2;box-shadow:-5px 0 15px #00000080;top:0;height:100%;z-index:200}}.blacksmith-details-panel.visible{transform:translate(0)}.blacksmith-details__content{width:100%;max-width:400px;background-color:#3e2723;border:2px solid var(--townhall-accent-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);position:relative;box-shadow:0 10px 30px #00000080}.blacksmith-details__close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#a1887f;font-size:1.5rem;cursor:pointer}.blacksmith-details__close-button:hover{color:#fff}.blacksmith-details__header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid #5d4037}.blacksmith-details__icon{width:64px;height:64px;background-color:#0000004d;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;border:1px solid #5d4037;color:#deb887;font-size:2.5rem}.blacksmith-details__name-group{flex:1}.blacksmith-details__name{margin:0;color:#deb887;font-family:var(--font-family-heading);font-size:1.2rem}.blacksmith-details__level{font-size:.9rem;color:#a1887f;margin-top:4px}.blacksmith-repair-info{text-align:center;margin-bottom:var(--spacing-lg);color:#d7ccc8}.blacksmith-durability-container{width:100%;height:12px;background-color:#2c1810;border-radius:6px;margin-top:var(--spacing-sm);overflow:hidden;border:1px solid #5d4037}.blacksmith-durability-bar{height:100%;transition:width .3s ease}.blacksmith-upgrade-cost{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:1.1rem;color:#f5e6d3;padding:var(--spacing-sm);background-color:#0003;border-radius:var(--border-radius-sm)}.blacksmith-cost-value{display:flex;align-items:center;gap:var(--spacing-xs);color:gold;font-weight:700}.blacksmith-cost-value--red{color:#e74c3c}.blacksmith-funds-warning{color:#e74c3c;text-align:center;margin-bottom:var(--spacing-md);font-size:.9rem;font-weight:700;background-color:#e74c3c1a;padding:8px;border-radius:4px}.blacksmith-details__action-button{width:100%;padding:16px;background:linear-gradient(to bottom,#d35400,#a04000);color:#fff;border:none;border-radius:50px;font-family:var(--font-family-heading);font-size:1.1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000004d;text-transform:uppercase;letter-spacing:1px}.blacksmith-details__action-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(to bottom,#e67e22,#d35400);box-shadow:0 6px 12px #0006}.blacksmith-details__action-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0000004d}.blacksmith-details__action-button:disabled{background:#2c1810;color:#5d4037;cursor:not-allowed;box-shadow:none;border:1px solid #3e2723;transform:none}@media(max-width:640px){.blacksmith-screen-layout{display:flex;flex-direction:column;overflow-y:auto}.blacksmith-background-container{min-height:250px;flex-shrink:0;order:0}.blacksmith-panel{flex:0 0 auto;border:none;box-shadow:none;order:1;border-top:4px solid var(--townhall-accent-secondary);margin-top:-4px;z-index:10;overflow:visible}.blacksmith-panel__content{flex:0 0 auto;overflow:visible;padding-bottom:40px}}@media(min-width:641px)and (max-width:1024px){.blacksmith-screen-layout{grid-template-columns:1fr minmax(320px,420px)}.blacksmith-background-container{order:0}.blacksmith-panel{order:1}}@media(min-width:1024px){.blacksmith-screen-layout{grid-template-columns:1fr minmax(380px,480px)}.blacksmith-background-container{order:0}.blacksmith-panel{order:1}}:root{--healer-header-height: 60px;--healer-bg-color: var(--bg-color-main);--healer-accent-primary: #1976d2;--healer-accent-secondary: #64b5f6;--healer-accent-gold: #b8860b;--healer-text-dark: #3e2723;--healer-panel-border: #5d4037;--healer-accent-hp: #d32f2f}.healer-screen{display:flex;flex-direction:column;height:100vh;background-color:var(--healer-bg-color);color:var(--healer-text-dark);overflow:hidden}.healer-screen .screen-header-wrapper{border-bottom-color:var(--healer-accent-primary)}.healer-screen__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:#2c3e50;border-bottom:3px solid var(--healer-accent-gold);box-shadow:0 4px 12px #0006;position:sticky;top:0;z-index:100;min-height:var(--healer-header-height);flex-shrink:0}.healer-screen__back-button{background:none;border:none;color:#90caf9;font-size:1.8rem;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.healer-screen__back-button:hover{background-color:#ffffff1a;color:#fff}.healer-screen__title{font-family:var(--font-fantasy);font-size:var(--font-size-xl);margin:0;text-align:center;flex-grow:1;color:#90caf9;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.healer-screen__currency{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:700;color:gold}.healer-screen-layout{display:grid;flex:1;overflow:hidden;position:relative;min-height:0}.healer-panel{display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-color-main);border:2px solid var(--healer-panel-border);box-shadow:inset 0 0 30px #3e27231a,0 0 20px #0000004d;position:relative}.healer-panel__header{padding:var(--spacing-md);background:linear-gradient(to bottom,#1976d226,#1976d20d);border-bottom:2px solid var(--healer-accent-primary);text-align:center}.healer-panel__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);margin:0;color:var(--healer-text-dark);font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5)}.healer-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);min-height:0}.healer-status-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#fff6;border-radius:var(--border-radius-md);border:1px solid rgba(93,64,55,.2);box-shadow:inset 0 0 10px #0000000d}.healer-status-row{display:flex;align-items:center;gap:var(--spacing-md)}.healer-status-icon{font-size:1.5rem;width:30px;display:flex;justify-content:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.healer-status-bar-wrapper{flex-grow:1;height:24px;background-color:#3e272333;border-radius:12px;overflow:hidden;position:relative}.healer-status-bar-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(93,64,55,.6);border-radius:12px;pointer-events:none;z-index:2}.healer-status-bar-fill{height:100%;transition:width .5s ease-in-out;display:flex;align-items:center;justify-content:center}.healer-status-bar-fill--hp{background:linear-gradient(180deg,#ef5350,#c62828);box-shadow:inset 0 2px 4px #ffffff4d}.healer-status-bar-fill--energy{background:linear-gradient(180deg,#42a5f5,#1565c0);box-shadow:inset 0 2px 4px #ffffff4d}.healer-status-text{position:absolute;width:100%;text-align:center;font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:24px;top:0}.healing-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.healing-option-card{background-color:#ffffff80;border:2px solid rgba(25,118,210,.3);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;cursor:pointer;position:relative;box-shadow:0 2px 5px #0000000d}.healing-option-card:hover:not(:disabled){background-color:#ffffffe6;border-color:var(--healer-accent-primary);transform:translateY(-3px);box-shadow:0 5px 15px #1976d233}.healing-option-card.disabled{cursor:not-allowed;background-color:#0000001a;border-color:transparent;filter:grayscale(100%);color:#5d4037;pointer-events:none}.healing-option-card.disabled .healing-option-title,.healing-option-card.disabled .healing-option-desc,.healing-option-card.disabled .healing-option-cost{opacity:.7}.healing-option-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:var(--healer-accent-primary);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.healing-option-card:first-child .healing-option-icon{color:var(--healer-accent-hp)}.healing-option-title{font-weight:700;margin-bottom:var(--spacing-xs);color:var(--healer-text-dark);font-family:var(--font-family-heading)}.healing-option-desc{font-size:.9rem;color:#5d4037;margin-bottom:var(--spacing-md);flex-grow:1;line-height:1.4}.healing-option-cost{font-weight:700;color:#b8860b;display:flex;align-items:center;gap:4px;font-size:1.1rem}.healing-option-cost.free{color:var(--healer-accent-primary);text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.healing-option-cost.insufficient{color:#d32f2f}.cost-warning{font-size:.75rem;color:#d32f2f;margin-top:2px;font-weight:700}.healing-option-card.full-heal{grid-column:1 / -1;background:linear-gradient(to bottom right,#1976d20d,#1976d21a);border-color:var(--healer-accent-primary)}.healer-background-container{position:relative;overflow:hidden;background-color:#263238;display:flex;align-items:center;justify-content:center;min-height:0}.healer-background-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9}@media(max-width:640px){.healer-screen-layout{display:flex;flex-direction:column;overflow-y:auto}.healer-background-container{min-height:250px;flex-shrink:0;order:0}.healer-panel{flex:0 0 auto;border:none;box-shadow:none;order:1;border-top:4px solid var(--healer-accent-primary);margin-top:-4px;z-index:10;overflow:visible}.healer-panel__content{flex:0 0 auto;overflow:visible;padding-bottom:40px}}@media(min-width:641px)and (max-width:1024px){.healer-screen-layout{grid-template-columns:1fr minmax(320px,420px)}.healer-background-container{order:0}.healer-panel{order:1}}@media(min-width:1024px){.healer-screen-layout{grid-template-columns:1fr minmax(380px,480px)}.healer-background-container{order:0}.healer-panel{order:1}}.job-result-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.job-result-modal-content{background-color:var(--bg-color-main);border-radius:var(--border-radius-md);padding:var(--spacing-xl);max-width:400px;width:100%;position:relative;border:var(--border-width-medium) solid var(--brown-line);box-shadow:var(--shadow-md);text-align:center;box-shadow:inset 0 0 30px #00000080}.job-result-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--townhall-accent-primary);margin-bottom:var(--spacing-md)}.job-result-modal-job-name{font-weight:700;color:var(--text-color-dark);margin-bottom:var(--spacing-lg);font-size:1.2rem}.job-result-rewards-grid{display:grid;grid-template-columns:max-content max-content max-content;justify-content:center;align-items:center;gap:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:#0000000d;padding:var(--spacing-md);border-radius:var(--border-radius-md);width:100%}.job-result-reward-icon{font-size:2.5rem;color:var(--accent-secondary);display:flex;align-items:center;justify-content:center;height:40px;width:40px;justify-self:center}.job-result-reward-value{font-size:1.5rem;font-weight:700;color:var(--text-color-dark);text-align:right;justify-self:end}.job-result-reward-label{font-size:.9rem;color:var(--text-color-over-papyrus);text-transform:uppercase;text-align:left;justify-self:start}.job-result-modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-color-over-papyrus);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:10}.job-result-modal-close-button:hover{color:var(--townhall-accent-primary)}.job-result-levelup{background-color:#ffd70033;border:2px solid var(--accent-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);animation:pulse-border 2s infinite}.job-result-levelup-text{color:var(--accent-primary);font-weight:700;font-size:1.2rem;margin-bottom:var(--spacing-xs)}.job-result-levelup-subtext{font-size:.9rem}.job-result-modal-button{padding:var(--spacing-sm) var(--spacing-xl);font-family:var(--font-family-body);font-size:1.1rem;background-color:var(--townhall-accent-primary);color:var(--text-color-light);border:var(--border-width-medium) solid var(--brown-line);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;min-width:150px}.job-result-modal-button:hover{background-color:var(--townhall-accent-secondary);transform:translateY(-2px)}@keyframes pulse-border{0%{box-shadow:0 0 #ffd700b3}70%{box-shadow:0 0 0 10px #ffd70000}to{box-shadow:0 0 #ffd70000}}:root{--townhall-header-height: 60px;--townhall-bg-color: #f5e6d3;--townhall-accent-primary: #8b4513;--townhall-accent-secondary: #cd853f;--townhall-text-dark: #3e2723;--townhall-border-color: #5d4037}.townhall-screen{display:flex;flex-direction:column;height:100vh;background-color:var(--townhall-bg-color);color:var(--townhall-text-dark);overflow:hidden}.townhall-screen .screen-header-wrapper{border-bottom-color:var(--townhall-accent-primary)}.townhall-screen__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:#3e2723;border-bottom:3px solid var(--townhall-accent-secondary);box-shadow:0 4px 12px #0006;position:sticky;top:0;z-index:100;min-height:var(--townhall-header-height);flex-shrink:0}.townhall-screen__back-button{background:none;border:none;color:#deb887;font-size:1.8rem;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.townhall-screen__back-button:hover{background-color:#ffffff1a;color:#fff}.townhall-screen__title{font-family:var(--font-fantasy);font-size:var(--font-size-xl);margin:0;text-align:center;flex-grow:1;color:#deb887;text-shadow:1px 1px 2px black}.townhall-screen__currency{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:700;color:gold}.townhall-screen-layout{display:grid;flex:1;overflow:hidden;position:relative;min-height:0}.townhall-background-container{position:relative;overflow:hidden;background-color:#3e2723;display:flex;align-items:center;justify-content:center;min-height:0}.townhall-background-image{width:100%;height:100%;object-fit:cover;object-position:center}.townhall-panel{display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-color-battle-logs);border:2px solid var(--townhall-border-color);box-shadow:inset 0 0 30px #8b451333,0 0 20px #0000004d;position:relative;min-height:0}.townhall-panel__header{padding:var(--spacing-md);background:linear-gradient(to bottom,#8b451333,#8b45130d);border-bottom:2px solid var(--townhall-accent-primary);text-align:center;flex-shrink:0}.townhall-panel__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);margin:0;color:var(--townhall-text-dark);font-weight:700}.townhall-panel__subtitle{font-size:var(--font-size-sm);color:#5d4037;margin-top:var(--spacing-xs);font-style:italic}.townhall-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0}.job-card{background-color:#fff9;border:1px solid var(--townhall-accent-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all .2s ease;position:relative}.job-card:hover:not(:disabled){border-color:var(--townhall-accent-secondary)}.job-card:disabled{opacity:.7;background-color:#0000000d;cursor:not-allowed}.job-header{display:flex;align-items:center;gap:var(--spacing-md)}.job-icon{font-size:2rem;color:var(--townhall-accent-primary);background-color:#8b45131a;padding:8px;border-radius:var(--border-radius-md);border:1px dashed var(--townhall-accent-primary);display:flex}.job-info{flex-grow:1}.job-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;margin:0;color:var(--townhall-text-dark)}.job-desc{font-size:.9rem;color:#5d4037;margin:4px 0 0}.job-requirements{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs);font-size:.85rem;color:#4a4a4a}.req-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;background-color:#0000000d;border-radius:4px;font-weight:700}.req-badge.energy{color:#1e88e5}.req-badge.stat{color:#d84315}.job-reward{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px dashed rgba(139,69,19,.3)}.reward-amount{display:flex;align-items:center;gap:4px;font-weight:700;color:#b8860b;font-size:1.1rem}.work-button{padding:12px 24px;background:linear-gradient(to bottom,#8b4513,#5d2f0f);color:#fff;border:none;border-radius:50px;font-weight:700;font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;min-height:48px;letter-spacing:1px;box-shadow:0 4px 6px #0000004d}.work-button:hover:not(:disabled){background:linear-gradient(to bottom,peru,#8b4513);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.work-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0000004d}.work-button:disabled{background:#2c1810;color:#5d4037;cursor:not-allowed;box-shadow:none;border:1px solid #3e2723;transform:none}.work-progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--townhall-bg-color);box-shadow:inset 0 0 20px #8b451333;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease;border-radius:var(--border-radius-md)}.work-progress-overlay.active{opacity:1;pointer-events:all}.progress-text{font-family:var(--font-family-heading);font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--townhall-text-dark);animation:pulse 1.5s infinite}.progress-bar-container{width:80%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--townhall-accent-secondary);width:0%;transition:width .1s linear}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(max-width:640px){.townhall-screen-layout{display:flex;flex-direction:column;overflow-y:auto}.townhall-background-container{min-height:250px;flex-shrink:0;order:0}.townhall-panel{flex:0 0 auto;border:none;box-shadow:none;order:1;border-top:4px solid var(--townhall-accent-primary);margin-top:-4px;overflow:visible}.townhall-panel__content{flex:0 0 auto;overflow:visible;padding-bottom:40px}}@media(min-width:641px)and (max-width:1024px){.townhall-screen-layout{grid-template-columns:1fr minmax(320px,420px)}.townhall-background-container{order:0}.townhall-panel{order:1}}@media(min-width:1024px){.townhall-screen-layout{grid-template-columns:1fr minmax(380px,480px)}.townhall-background-container{order:0}.townhall-panel{order:1}}.job-disabled-reason{font-size:.8rem;color:#d32f2f;margin-top:8px;font-style:italic;text-align:center;font-weight:700}