.hp-hunt-progress-tab{position:fixed!important;top:1rem;right:0;background:linear-gradient(135deg,#8b7355f2,#65543ff2);border:2px solid #8b7355;border-right:none;border-radius:12px 0 0 12px;padding:1rem .75rem;cursor:pointer;z-index:2147483000;box-shadow:-4px 4px 12px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;-webkit-user-select:none;user-select:none}.hp-hunt-progress-tab:hover{background:linear-gradient(135deg,#8b7355,#65543f);padding:1rem;transform:translate(-5px)}.hp-hunt-progress-tab .hp-tab-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hp-hunt-progress-tab .hp-tab-icon{font-size:1.5rem}.hp-hunt-progress-tab .hp-tab-text{color:#d4af37;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;writing-mode:vertical-rl;text-orientation:mixed}.hp-hunt-progress-tab .hp-tab-progress{color:#e8e8e8;font-size:.9rem;font-weight:700}.hunt-progress-tracker{position:fixed!important;top:1rem;right:20px;width:320px;max-height:70vh;overflow-y:auto;background:linear-gradient(135deg,#8b735526,#65543f26);border:2px solid #8b7355;border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #0009,0 0 20px #8b73554d;z-index:2147483001;isolation:isolate;transform:translateZ(0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.hunt-progress-tracker.minimized{opacity:0;pointer-events:none;transform:translate(100%)}.hunt-progress-tracker.collapsed{animation:slideInRight .3s ease-out;max-height:190px;overflow:hidden}.hunt-progress-tracker.expanded{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#120e0a,#0c0907);max-height:58vh;overflow-y:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #000000b8,0 0 22px #8b735559}.hp-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(212,175,55,.3);-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.hp-tracker-header.clickable:hover{background-color:#d4af371a;border-radius:8px;margin:-.5rem;padding:.5rem .5rem 1.25rem}.hp-tracker-header .hp-header-right{display:flex;align-items:center;gap:1rem}.hp-minimize-btn{background:transparent;border:2px solid #8b7355;color:#d4af37;border-radius:6px;padding:.25rem .5rem;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hp-minimize-btn:hover{background:#d4af3733;border-color:#d4af37;transform:scale(1.1)}.hp-tracker-header .hp-expand-icon{color:#d4af37;font-size:1.2rem;transition:transform .2s ease}.hp-tracker-header h3{color:#d4af37;font-size:1.4rem;margin:0;display:flex;align-items:center;gap:.5rem}.hp-difficulty-badge{padding:.4rem 1rem;border-radius:6px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid;box-shadow:0 2px 8px #0000004d}.hp-difficulty-badge[data-difficulty=copper]{background:linear-gradient(135deg,#b873334d,#8b45134d);border-color:#b87333;color:#f4a460}.hp-difficulty-badge[data-difficulty=bronze]{background:linear-gradient(135deg,#cd7f324d,#a0522d4d);border-color:#cd7f32;color:#daa520}.hp-difficulty-badge[data-difficulty=silver]{background:linear-gradient(135deg,#c0c0c04d,#a9a9a94d);border-color:silver;color:#e8e8e8}.hp-difficulty-badge[data-difficulty=gold]{background:linear-gradient(135deg,#ffd7004d,#daa5204d);border-color:gold;color:#fff9c4}.hp-difficulty-badge[data-difficulty=platinum]{background:linear-gradient(135deg,#e5e4e24d,#add8e64d);border-color:#e5e4e2;color:#f5f5f5;text-shadow:0 0 10px rgba(173,216,230,.5)}.overall-progress{margin-bottom:1.5rem}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.95rem;color:#d4af37;font-weight:600}.progress-percentage{font-size:1.1rem;font-weight:700;color:gold}.progress-bar-container{height:24px;background:#0006;border-radius:12px;overflow:hidden;border:1px solid rgba(212,175,55,.3);box-shadow:inset 0 2px 4px #0000004d}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,gold,#d4af37);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:12px;transition:width .5s ease;box-shadow:0 0 10px #ffd70080}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.objectives-checklist{margin-bottom:1.5rem}.objectives-checklist h4{color:#d4af37;font-size:1.1rem;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.objectives-list{display:flex;flex-direction:column;gap:.75rem}.objective-item{background:#0000004d;border:1px solid rgba(139,115,85,.5);border-radius:8px;padding:.75rem;transition:all .3s ease}.objective-item.completed{background:linear-gradient(135deg,#22c55e26,#16a34a26);border-color:#22c55e80}.objective-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.objective-icon{font-size:1.3rem}.objective-title{flex:1;color:#e5e5e5;font-weight:500;font-size:.95rem}.objective-item.completed .objective-title{color:#4ade80}.objective-status{font-weight:700;font-size:.9rem;color:#d4af37;min-width:50px;text-align:right}.objective-item.completed .objective-status{color:#4ade80;font-size:1.1rem}.objective-progress-bar{height:6px;background:#0006;border-radius:3px;overflow:hidden}.objective-progress-fill{height:100%;background:linear-gradient(90deg,#8b7355,#d4af37);border-radius:3px;transition:width .5s ease}.objective-item.completed .objective-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.completion-rewards{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.completion-rewards h4{color:#d4af37;font-size:1rem;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.rewards-list{display:flex;gap:1.5rem;justify-content:center}.reward-item{display:flex;align-items:center;gap:.5rem;background:#0003;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(139,115,85,.3)}.reward-icon{font-size:1.2rem}.reward-label{color:#8b7355;font-size:.85rem;font-weight:600}.reward-value{color:gold;font-weight:700;font-size:1rem}.hunt-status-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:8px;font-weight:600;border:2px solid}.hunt-status-indicator.investigation{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f6;color:#93c5fd}.hunt-status-indicator.combat{background:linear-gradient(135deg,#dc262633,#b91c1c33);border-color:#dc2626;color:#fca5a5;animation:pulse-combat 2s ease-in-out infinite}@keyframes pulse-combat{0%,to{box-shadow:0 0 10px #dc262680}50%{box-shadow:0 0 20px #dc2626cc}}.hunt-status-indicator.complete{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e;color:#86efac}.status-label{color:#d4af37;font-size:.9rem}.status-value{font-size:1rem}@media(max-width:768px){.hunt-progress-tracker{padding:1rem}.hp-tracker-header{flex-direction:column;align-items:flex-start;gap:.75rem}.rewards-list{flex-direction:column;gap:.75rem}.reward-item{width:100%;justify-content:center}}@media(max-width:1200px){.hunt-progress-tracker{right:10px;width:280px}}@media(max-width:768px){.hunt-progress-tracker{position:fixed;top:88px;right:8px;width:min(92vw,340px);max-width:340px;max-height:44vh}.hunt-progress-tracker.expanded{max-height:50vh}.hunt-progress-tracker.collapsed{max-height:168px}}.event-card-detail-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:10000;display:flex;flex-direction:column;overflow:hidden}.event-card-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f172acc;border-bottom:2px solid rgba(148,163,184,.2);flex-shrink:0}.event-card-detail-header .header-content{display:flex;align-items:center;gap:1rem}.event-card-detail-header h1{margin:0;font-size:1.5rem;color:#e2e8f0;font-weight:700}.event-card-detail-header .color-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.event-card-detail-header .color-badge.color-green{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.event-card-detail-header .color-badge.color-yellow{background:#eab30833;color:#fbbf24;border:1px solid rgba(234,179,8,.4)}.event-card-detail-header .color-badge.color-red{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.event-card-detail-header .close-btn{background:#94a3b81a;border:1px solid rgba(148,163,184,.3);color:#e2e8f0;font-size:1.5rem;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.event-card-detail-header .close-btn:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}.event-card-detail-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.event-card-detail-content .card-wrapper{position:relative;width:100%;max-width:1400px;height:100%;display:flex;align-items:center;justify-content:center}.event-card-detail-content .detail-card-container{width:100%;height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}.event-card-detail-content .card-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.event-card-detail-content .detail-card-image{max-width:1400px;max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;transition:transform .3s ease}.event-card-detail-content .detail-card-image:hover{transform:scale(1.02)}.event-card-detail-content .detail-flip-btn{position:fixed;bottom:20px;left:20px;background:#3b82f6e6;border:2px solid rgba(96,165,250,.5);color:#fff;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;z-index:10001}.event-card-detail-content .detail-flip-btn:hover{background:#2563eb;border-color:#3b82f6cc;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.event-card-detail-content .detail-flip-btn:active{transform:translateY(0)}.event-card-detail-content .detail-close-btn{position:fixed;bottom:20px;right:20px;background:#ef4444e6;border:2px solid rgba(248,113,113,.5);color:#fff;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;z-index:10001}.event-card-detail-content .detail-close-btn:hover{background:#dc2626;border-color:#ef4444cc;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.event-card-detail-content .detail-close-btn:active{transform:translateY(0)}.detail-keyboard-hints{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#0f172ae6;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(148,163,184,.3);z-index:10001}.detail-keyboard-hints p{margin:0;font-size:.875rem;color:#94a3b8;display:flex;gap:.5rem;align-items:center}.detail-keyboard-hints kbd{background:#94a3b833;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-family:monospace;border:1px solid rgba(148,163,184,.3);color:#e2e8f0}.image-fallback{animation:fadeIn .3s ease}@media(max-width:768px){.event-card-detail-header{padding:.75rem 1rem}.event-card-detail-header h1{font-size:1.125rem}.event-card-detail-header .color-badge{font-size:.625rem;padding:.125rem .5rem}.event-card-detail-header .close-btn{width:32px;height:32px;font-size:1.25rem}.event-card-detail-content .detail-card-container{height:calc(100vh - 80px)}.event-card-detail-content .detail-card-image{max-height:calc(100vh - 80px);max-width:calc(100vw - 2rem)}.event-card-detail-content .detail-flip-btn,.event-card-detail-content .detail-close-btn{bottom:10px;padding:8px 12px;font-size:1rem}.event-card-detail-content .detail-flip-btn{left:10px}.event-card-detail-content .detail-close-btn{right:10px}.detail-keyboard-hints{display:none}}@media(min-width:1024px){.event-card-detail-header{display:none}.event-card-detail-content .detail-card-container{height:calc(100vh - 20px)}.event-card-detail-content .detail-card-image{max-width:1800px;max-height:calc(100vh - 20px)}}.clue-code-input-container{margin:1.5rem 0;padding:1rem;background:#0003;border:2px solid #d4af37;border-radius:8px}.code-input-section h4{color:#d4af37;margin:0 0 .5rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.code-hint{color:#b0b0b0;font-size:.85rem;margin:0 0 1rem;font-style:italic}.input-group{display:flex;gap:.75rem;margin-bottom:1rem}.code-input{flex:1;padding:.75rem;background:#0000004d;border:1px solid #d4af37;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease;resize:none;min-height:48px;line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.btn-confirm{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#e6c200);border:none;border-radius:4px;color:#1a1a1a;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #d4af374d}.error-message{padding:.75rem;background:#dc354526;border-left:3px solid #dc3545;border-radius:4px;color:#ff6b6b;font-size:.9rem;margin-bottom:1rem;animation:slideIn .3s ease}.success-message{padding:.75rem;background:#28a74526;border-left:3px solid #28a745;border-radius:4px;color:#51cf66;font-size:.9rem;margin-bottom:1rem;animation:slideIn .3s ease}.clue-detail-display{margin-top:1rem;background:#0000004d;border:1px solid #d4af37;border-radius:6px;overflow:hidden;max-height:0;opacity:0;transition:all .5s ease}.clue-detail-display.revealed{max-height:600px;opacity:1}.clue-content{padding:1.5rem}.clue-content h5{color:#d4af37;margin:1rem 0 .5rem;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.clue-content h5:first-child{margin-top:0}.clue-narrative{margin-bottom:1rem}.clue-narrative p{color:#e0e0e0;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.clue-reward,.clue-unlock,.clue-mechanics{padding:1rem;background:#d4af371a;border-left:3px solid #d4af37;border-radius:4px;margin-bottom:1rem}.reward-text,.unlock-text,.mechanics-text{color:#90ee90;font-size:.9rem;margin:0;font-weight:500}.btn-close-clue{width:100%;margin-top:1rem;padding:.75rem;background:#d4af3733;border:1px solid #d4af37;color:#d4af37;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-close-clue:hover{background:#d4af374d;box-shadow:0 0 8px #d4af3766}.btn-close-clue:active{transform:scale(.98)}.clues-collection{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,.5)}.clues-collection h5{color:#d4af37;font-size:.9rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.clues-list{display:flex;flex-direction:column;gap:.75rem}.clue-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#0003;border:1px solid rgba(212,175,55,.3);border-radius:4px;transition:all .2s ease}.clue-item.collected{background:#90ee901a;border-color:#90ee9080}.clue-item:hover{background:#d4af371a;border-color:#d4af3780}.clue-status{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;font-weight:700;color:#d4af37;font-size:1.1rem}.clue-item.collected .clue-status{color:#90ee90}.clue-info{flex:1;min-width:0}.clue-code{color:#d4af37;font-family:Courier New,monospace;font-weight:700;font-size:.9rem;letter-spacing:1px;margin-bottom:.25rem}.clue-item.collected .clue-code{color:#90ee90;text-decoration:line-through;opacity:.7}.clue-preview{color:#b0b0b0;font-size:.8rem;line-height:1.4;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clue-item.collected .clue-preview{color:#888}.btn-copy-code{flex-shrink:0;padding:.5rem 1rem;background:#d4af3733;border:1px solid rgba(212,175,55,.5);border-radius:4px;color:#d4af37;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-copy-code:hover:not(:disabled){background:#d4af374d;border-color:#d4af37cc;box-shadow:0 0 8px #d4af3766;transform:translateY(-1px)}.btn-copy-code:active:not(:disabled){transform:translateY(0);box-shadow:0 0 4px #d4af374d}.btn-copy-code:disabled{opacity:.4;cursor:not-allowed}.special-codes-header{margin-top:1.5rem!important;padding-top:1rem;border-top:1px dashed rgba(212,175,55,.3)}.special-codes .clue-item{border-color:#ffa50066;background:#ffa5000d}.special-codes .clue-item.special{animation:pulseSpecial 2s ease-in-out infinite}.special-codes .clue-item:hover{background:#ffa50026;border-color:#ffa50099}.special-codes .clue-code{color:orange}.special-codes .clue-item.collected{background:#90ee901a;border-color:#90ee9080;animation:none}.special-codes .clue-item.collected .clue-code{color:#90ee90}@keyframes pulseSpecial{0%,to{box-shadow:0 0 #ffa50000}50%{box-shadow:0 0 8px #ffa50066}}@media(max-width:768px){.input-group{flex-direction:column}.btn-confirm{width:100%}.clue-detail-display.revealed{max-height:800px}.clue-content{padding:1rem}.clue-narrative p,.reward-text,.unlock-text,.mechanics-text{font-size:.85rem}.clue-item{padding:.6rem;flex-wrap:wrap}.clue-code{font-size:.85rem}.clue-preview{font-size:.75rem}.btn-copy-code{padding:.4rem .8rem;font-size:.75rem;flex:1}}.event-card-container{position:relative;width:120px;height:160px;perspective:1000px;transition:transform .2s ease}.event-card-container:hover{transform:scale(1.05)}.event-card-container.flipped .event-card-inner{transform:rotateY(180deg)}.event-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);transform-style:preserve-3d}.event-card-back,.event-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.event-card-back{background:#1a1a1a}.event-card-front{transform:rotateY(180deg);background:#2a2a2a}.card-image{width:100%;height:100%;object-fit:cover;object-position:center}.event-card-flip-btn{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px 8px;transition:transform .2s ease}.event-card-flip-btn:hover{transform:translate(-50%) scale(1.2)}.event-card-container.poi-color-green .event-card-inner{border:3px solid #4caf50}.event-card-container.poi-color-yellow .event-card-inner{border:3px solid #ffc107}.event-card-container.poi-color-red .event-card-inner{border:3px solid #f44336}@media(max-width:768px){.event-card-container{width:100px;height:135px}.event-card-flip-btn{font-size:1.2rem;bottom:-35px}}.clue-helper{margin-top:6px;font-size:.9rem;color:#e5c07b;display:flex;align-items:center;gap:6px;opacity:.9;animation:subtleGlow 2.6s ease-in-out infinite}.clue-helper .icon{display:inline-block;filter:drop-shadow(0 0 2px rgba(229,192,123,.6))}@keyframes subtleGlow{0%,to{opacity:.85}50%{opacity:1}}.proceed-notification{margin-bottom:1.5rem;animation:slideInBounce .8s cubic-bezier(.68,-.55,.265,1.55)}.proceed-notification-content{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:3px solid #4caf50;border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 24px #4caf5066,0 0 40px #4caf5033;animation:pulseGlow 2s ease-in-out infinite}.proceed-icon{font-size:3rem;line-height:1;animation:bounce 1s ease-in-out infinite}.proceed-text h3{color:#4caf50;font-size:1.8rem;margin:0 0 .25rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.proceed-text p{color:#90ee90;font-size:1.2rem;margin:0;font-weight:500}@keyframes slideInBounce{0%{transform:translateY(-50px);opacity:0}60%{transform:translateY(10px);opacity:1}80%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 8px 24px #4caf5066,0 0 40px #4caf5033}50%{box-shadow:0 8px 32px #4caf5099,0 0 60px #4caf5066}}@media(max-width:768px){.proceed-notification-content{padding:1rem 1.5rem;gap:1rem}.proceed-icon{font-size:2rem}.proceed-text h3{font-size:1.4rem}.proceed-text p{font-size:1rem}}.loot-rewards-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:3px solid #ffd700;padding:1.5rem;box-shadow:0 -4px 20px #00000080;z-index:1000;max-height:60vh;overflow-y:auto;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.loot-rewards-bar h3{color:gold;margin:0 0 1rem;font-size:1.3rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.7)}.loot-rewards-bar h4{color:#e0e0e0;margin:1rem 0 .75rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #444;padding-bottom:.5rem}.rewards-section,.loot-section,.reward-item{margin-bottom:1rem}.reward-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#e0e0e0;font-size:.95rem;font-weight:500}.reward-value{color:gold;font-weight:700;font-size:1.1rem;min-width:60px;text-align:right}.progress-bar{width:100%;height:28px;background:#ffffff0d;border:1px solid rgba(255,215,0,.3);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);border-radius:4px;transition:width .05s ease-out;box-shadow:inset 0 1px #ffffff4d,0 0 10px #ffd70080;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px);animation:shimmer 1s infinite}@keyframes shimmer{0%{background-position:0 0}to{background-position:20px 0}}.items-list{margin-top:1rem;background:#0003;border-left:2px solid #ffd700;padding:.75rem;border-radius:4px;max-height:200px;overflow-y:auto}.item-entry{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,215,0,.1);color:#e0e0e0;font-size:.9rem}.item-entry:last-child{border-bottom:none}.item-name{flex:1;font-weight:500;color:#fff}.item-destination{color:#90ee90;font-size:.85rem;text-align:right;margin-left:1rem;font-weight:500}.loot-rewards-bar.complete{animation:slideUp .4s ease-out}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.items-list::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:3px}.items-list::-webkit-scrollbar-thumb:hover{background:#ffd70099}@media(max-width:768px){.loot-rewards-bar{padding:1rem;bottom:0;max-height:50vh}.loot-rewards-bar h3{font-size:1.1rem}.loot-rewards-bar h4{font-size:.9rem}.progress-bar{height:24px}.reward-label{font-size:.85rem}.item-entry{font-size:.8rem}}.post-combat-debrief{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInDebrief .3s ease}@keyframes fadeInDebrief{0%{opacity:0}to{opacity:1}}.debrief-overlay{position:absolute;inset:0;background:#000000b3;cursor:pointer}.debrief-modal{position:relative;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #d4af37;border-radius:12px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #d4af374d,0 0 20px #000c;animation:slideInDebrief .4s ease}@keyframes slideInDebrief{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.debrief-header{background:linear-gradient(135deg,#d4af3733,#d4af370d);padding:2rem;border-bottom:1px solid rgba(212,175,55,.3)}.debrief-header h2{color:#d4af37;margin:0 0 .5rem;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px}.debrief-subtitle{color:#b0b0b0;margin:0;font-size:.95rem;font-style:italic}.debrief-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.code-input-section{display:flex;flex-direction:column;gap:1rem}.code-input-section h4{color:#d4af37;margin:0 0 .25rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.code-hint{color:#b0b0b0;font-size:.85rem;margin:0;font-style:italic}.input-group{display:flex;gap:.75rem}.code-input{flex:1;padding:.75rem;background:#0000004d;border:1px solid #d4af37;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease}.code-input:focus{outline:none;background:#d4af371a;box-shadow:0 0 8px #d4af3766;border-color:#e6c200}.code-input:disabled{opacity:.5;cursor:not-allowed;background:#0000001a}.btn-confirm{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#e6c200);border:none;border-radius:4px;color:#1a1a1a;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #d4af374d;white-space:nowrap}.btn-confirm:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 12px #d4af3780;background:linear-gradient(135deg,#e6c200,#f5d547)}.btn-confirm:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 4px #d4af374d}.btn-confirm.disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#888,#aaa);color:#555}.error-message{padding:.75rem;background:#dc354526;border-left:3px solid #dc3545;border-radius:4px;color:#ff6b6b;font-size:.9rem;animation:slideIn .3s ease}.success-message{padding:.75rem;background:#28a74526;border-left:3px solid #28a745;border-radius:4px;color:#51cf66;font-size:.9rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.available-codes-section{background:#d4af370d;border:1px dashed rgba(212,175,55,.4);border-radius:6px;padding:1rem;margin-top:1rem}.available-codes-section h5{color:#d4af37;margin:0 0 .75rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.available-codes-list{display:flex;flex-direction:column;gap:.5rem}.code-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:4px;transition:all .2s ease}.code-item:hover:not(.used){border-color:#d4af3780;background:#d4af371f}.code-item.used{opacity:.6}.code-status{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#d4af37;font-size:1rem}.code-item.used .code-status{color:#90ee90}.code-label{color:#d4af37;font-family:Courier New,monospace;font-weight:700;font-size:.9rem;letter-spacing:.5px}.code-preview{color:#a3a3a3;font-size:.75rem;margin-top:.25rem;line-height:1.3}.code-actions-inline{display:flex;gap:.4rem;flex-shrink:0}.btn-copy-inline{padding:.3rem .6rem;background:#d4af374d;border:1px solid rgba(212,175,55,.5);border-radius:3px;color:#d4af37;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy-inline:hover{background:#d4af3780;border-color:#d4af37b3;color:khaki}.confirmed-codes-section{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:1rem}.confirmed-codes-section h4{color:#d4af37;margin:0 0 .75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.confirmed-codes-list{display:flex;flex-direction:column;gap:.5rem}.confirmed-code{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#0003;border-radius:4px}.code-checkmark{color:#90ee90;font-weight:700;font-size:1.1rem}.code-name{color:#d4af37;font-family:Courier New,monospace;font-weight:700;letter-spacing:1px}.special-code-popup{position:absolute;inset:0;background:#000c;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInPopup .3s ease;z-index:10000}@keyframes fadeInPopup{0%{opacity:0}to{opacity:1}}.popup-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #ffa500;border-radius:8px;padding:2rem;max-width:400px;width:100%;box-shadow:0 0 30px #ffa50066;animation:scaleInPopup .4s ease}@keyframes scaleInPopup{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.popup-header{text-align:center;margin-bottom:1.5rem}.popup-header h3{color:orange;margin:0 0 .75rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.popup-code{color:#d4af37;font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;letter-spacing:2px;margin:0;padding:.75rem;background:#ffa5001a;border-radius:4px}.popup-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.special-info,.reward-info{padding:1rem;background:#ffa5000d;border-left:3px solid #ffa500;border-radius:4px}.special-info h4,.reward-info h4{color:orange;margin:0 0 .5rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.special-info p,.reward-info p{color:#e0e0e0;margin:0;font-size:.9rem;line-height:1.5}.popup-footer{display:flex;gap:.75rem}.btn.btn-success{flex:1;padding:.75rem;background:linear-gradient(135deg,orange,#ffb84d);border:none;border-radius:4px;color:#1a1a1a;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #ffa5004d}.btn.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ffa50080;background:linear-gradient(135deg,#ffb84d,#ffc866)}.btn.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none}.debrief-footer{padding:1.5rem 2rem;border-top:1px solid rgba(212,175,55,.3);background:#d4af370d;display:flex;flex-direction:column;gap:1rem}.acquired-codes{display:flex;flex-direction:column;gap:.75rem}.acquired-codes h4{color:#d4af37;margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.acquired-codes-list{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.acquired-code-badge{background:linear-gradient(135deg,#d4af37,#e6c200);color:#1a1a1a;padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.9rem;letter-spacing:.5px;box-shadow:0 2px 8px #d4af3766;display:inline-block}.helper-text{color:#b0b0b0;font-size:.9rem;margin:0;align-self:flex-start}.btn.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#e6c200);border:none;border-radius:4px;color:#1a1a1a;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #d4af374d;width:100%;text-transform:uppercase;letter-spacing:.5px}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #d4af3780;background:linear-gradient(135deg,#e6c200,#f5d547)}.btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-view-acquired{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:.75rem 1.5rem;border:1px solid rgba(147,51,234,.5);border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #8b5cf64d}.btn-view-acquired:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf680;background:linear-gradient(135deg,#a78bfa,#c4b5fd)}.btn-view-inventory{width:100%;background:linear-gradient(135deg,#d4af37,#e8c547);color:#1a1a1a;padding:.75rem 1.5rem;border:1px solid rgba(212,175,55,.5);border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #d4af374d;margin-top:.5rem}.btn-view-inventory:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3780;background:linear-gradient(135deg,#e8c547,#f0d45c);color:#000}.inventory-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeInModal .3s ease}.inventory-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #d4af37;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #d4af374d,0 0 20px #000c;animation:slideInModal .4s ease}.inventory-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(212,175,55,.3);background:#d4af371a}.inventory-modal .modal-header h3{color:#d4af37;margin:0;font-size:1.3rem}.inventory-modal .modal-content{padding:2rem;color:#e2e8f0}.inventory-codes-display{display:flex;flex-direction:column;gap:1rem}.inventory-code-item{display:flex;align-items:flex-start;gap:1rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem;transition:all .3s ease}.inventory-code-item:hover{border-color:#d4af3799;background:#d4af3726}.inventory-code-item .code-status-indicator{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#d4af3733;border:2px solid #d4af37;border-radius:50%;font-size:1.2rem}.inventory-code-item .code-info{flex:1;min-width:0}.inventory-code-item .code-id{color:#d4af37;font-weight:700;font-size:.95rem;letter-spacing:.5px;font-family:Courier New,monospace;margin-bottom:.5rem;display:block}.inventory-code-item .code-narrative{color:#cbd5e1;font-size:.85rem;line-height:1.4}.btn-use-code{flex-shrink:0;padding:.5rem 1rem;background:linear-gradient(135deg,#86efac,#a8e6ae);border:1px solid rgba(134,239,172,.6);border-radius:4px;color:#1a1a1a;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-use-code:hover{background:linear-gradient(135deg,#a8e6ae,#b8eebc);border-color:#86efaccc;transform:translateY(-1px);box-shadow:0 2px 8px #86efac4d}.inventory-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(212,175,55,.3);background:#d4af370d;display:flex;gap:.75rem;justify-content:flex-end}.inventory-modal .btn{min-width:100px}.acquired-codes-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeInModal .3s ease}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.acquired-codes-modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #8b5cf6;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #8b5cf64d,0 0 20px #000c;animation:slideInModal .4s ease}@keyframes slideInModal{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.acquired-codes-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(139,92,246,.3);background:#8b5cf61a}.acquired-codes-modal .modal-header h3{color:#a78bfa;margin:0;font-size:1.3rem}.modal-close{background:none;border:none;color:#a78bfa;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#8b5cf633;color:#c4b5fd}.acquired-codes-modal .modal-content{padding:2rem;color:#e2e8f0}.modal-section h4{color:#d4af37;margin-top:0;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px;font-size:1rem}.acquired-codes-display{display:flex;flex-direction:column;gap:1rem}.acquired-code-item{display:flex;align-items:flex-start;gap:1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:1rem;transition:all .3s ease}.acquired-code-item:hover{border-color:#8b5cf699;background:#8b5cf626}.code-status-indicator{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#86efac33;border:2px solid #86efac;border-radius:50%;color:#86efac;font-weight:700;font-size:1.2rem}.code-info{flex:1;min-width:0}.code-info .code-id{color:#a78bfa;font-weight:700;font-size:.95rem;letter-spacing:.5px;font-family:Courier New,monospace;margin-bottom:.5rem;display:block}.code-info .code-narrative{color:#cbd5e1;font-size:.85rem;margin:.5rem 0;line-height:1.4}.code-info .code-reward{display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem;background:#d4af371a;border-left:2px solid #d4af37;border-radius:4px;flex-wrap:wrap}.code-reward .reward-label{color:#d4af37;font-weight:700;font-size:.8rem}.code-reward .reward-text{color:#fef08a;font-size:.8rem;flex:1}.code-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-copy-code,.btn-populate-code{padding:.5rem .75rem;background:#8b5cf64d;border:1px solid rgba(139,92,246,.6);border-radius:4px;color:#a78bfa;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy-code:hover,.btn-populate-code:hover{background:#8b5cf680;border-color:#8b5cf6cc;color:#c4b5fd;transform:translateY(-1px)}.btn-populate-code{background:#d4af374d;border-color:#d4af3799;color:#d4af37}.btn-populate-code:hover{background:#d4af3780;border-color:#d4af37cc;color:#fef08a}.no-codes{color:#94a3b8;text-align:center;padding:2rem 1rem;font-style:italic}.acquired-codes-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(139,92,246,.3);background:#8b5cf60d;display:flex;gap:.75rem;justify-content:flex-end}.acquired-codes-modal .btn{min-width:100px}@media(max-width:768px){.available-codes-section{margin-top:.75rem;padding:.75rem}.available-codes-section h5{font-size:.75rem;margin-bottom:.5rem}.code-item{padding:.5rem;gap:.5rem}.code-label{font-size:.8rem}.code-preview{font-size:.7rem}.code-actions-inline{gap:.3rem}.btn-copy-inline{padding:.25rem .5rem;font-size:.65rem}.acquired-codes-modal{width:95%;max-height:90vh}.acquired-codes-modal .modal-header{padding:1rem 1.5rem}.acquired-codes-modal .modal-header h3{font-size:1.1rem}.acquired-codes-modal .modal-content{padding:1.5rem}.inventory-modal{width:95%;max-height:90vh}.inventory-modal .modal-header{padding:1rem 1.5rem}.inventory-modal .modal-header h3{font-size:1.1rem}.inventory-modal .modal-content{padding:1.5rem}.inventory-code-item{flex-wrap:wrap;gap:.75rem}.inventory-code-item .code-status-indicator{width:28px;height:28px;font-size:1rem}.inventory-code-item .code-info{flex:1;min-width:100%}.inventory-code-item .code-id{font-size:.9rem}.inventory-code-item .code-narrative{font-size:.8rem}.btn-use-code{width:100%;text-align:center}.inventory-modal .modal-footer{padding:1rem 1.5rem}.btn-view-inventory{font-size:.8rem;padding:.6rem 1rem}.modal-section h4{font-size:.95rem}.acquired-code-item{flex-wrap:wrap;gap:.75rem}.code-status-indicator{width:28px;height:28px;font-size:1rem}.code-info{flex:1;min-width:100%}.code-info .code-id{font-size:.9rem}.code-info .code-narrative{font-size:.8rem}.code-reward{font-size:.75rem;padding:.4rem}.code-actions{width:100%;justify-content:flex-end;gap:.4rem}.btn-copy-code,.btn-populate-code{padding:.4rem .6rem;font-size:.7rem}.acquired-codes-modal .modal-footer{padding:1rem 1.5rem;flex-wrap:wrap}}@media(max-width:480px){.available-codes-section{margin-top:.5rem;padding:.5rem}.available-codes-section h5{font-size:.7rem;margin-bottom:.4rem}.code-item{padding:.4rem;gap:.4rem}.code-status{width:20px;height:20px;font-size:.85rem}.code-label{font-size:.75rem}.code-preview{font-size:.65rem;margin-top:.15rem}.code-actions-inline{gap:.25rem;flex-wrap:wrap}.btn-copy-inline{padding:.2rem .4rem;font-size:.6rem}.debrief-modal{max-width:95%;max-height:90vh}.debrief-header,.debrief-content,.debrief-footer{padding:1.5rem}.input-group{flex-direction:column}.btn-confirm{width:100%}.debrief-footer{flex-direction:column;align-items:stretch}.btn.btn-primary{width:100%}.popup-content{max-width:90%;padding:1.5rem}.acquired-codes-modal{width:98%;max-height:95vh}.acquired-codes-modal .modal-header{padding:.75rem 1rem}.acquired-codes-modal .modal-header h3{font-size:1rem;margin:0}.modal-close{width:28px;height:28px;font-size:1.2rem}.acquired-codes-modal .modal-content{padding:1rem}.modal-section h4{font-size:.9rem;margin-bottom:1rem}.acquired-code-item{flex-direction:column;gap:.5rem;padding:.75rem}.code-status-indicator{width:24px;height:24px;font-size:.9rem}.code-info{width:100%}.code-info .code-id{font-size:.8rem}.code-info .code-narrative{font-size:.75rem}.code-reward{padding:.4rem;gap:.25rem}.code-reward .reward-label{font-size:.7rem}.code-reward .reward-text{font-size:.75rem}.code-actions{width:100%;justify-content:space-evenly}.btn-copy-code,.btn-populate-code{padding:.35rem .5rem;font-size:.65rem}.btn-view-acquired{width:100%;padding:.6rem 1rem;font-size:.8rem}.acquired-codes-modal .modal-footer{padding:.75rem 1rem;flex-wrap:wrap}.inventory-modal{width:98%;max-height:95vh}.inventory-modal .modal-header{padding:.75rem 1rem}.inventory-modal .modal-header h3{font-size:1rem;margin:0}.inventory-modal .modal-content{padding:1rem}.inventory-code-item{flex-direction:column;gap:.5rem;padding:.75rem}.inventory-code-item .code-status-indicator{width:24px;height:24px;font-size:1rem}.inventory-code-item .code-info{width:100%}.inventory-code-item .code-id{font-size:.8rem}.inventory-code-item .code-narrative{font-size:.75rem}.btn-use-code{width:100%;text-align:center;padding:.4rem .6rem;font-size:.75rem}.inventory-modal .modal-footer{padding:.75rem 1rem;flex-wrap:wrap}.btn-view-inventory{width:100%;padding:.5rem .8rem;font-size:.75rem}}.victory-page{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#1a1a1a);padding:2rem;display:flex;align-items:center;justify-content:center}.victory-container{max-width:900px;width:100%;display:flex;flex-direction:column;gap:2rem}.victory-header{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:2px solid #d4af37;border-radius:12px;position:relative;overflow:hidden}.victory-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);animation:victory-glow 4s ease-in-out infinite}@keyframes victory-glow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.victory-title{position:relative;z-index:1}.victory-title h1{color:#d4af37;font-size:3.5rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(212,175,55,.5);animation:victory-bounce .8s ease-out}@keyframes victory-bounce{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.victory-subtitle{color:#e0e0e0;font-size:1.2rem;margin:0;font-style:italic}.victory-subtitle strong{color:#d4af37}.hunt-complete-popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.popup-overlay{position:absolute;inset:0;background:#000c;cursor:pointer}.hunt-complete-card{position:relative;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #d4af37;border-radius:16px;padding:3rem;max-width:500px;width:90%;text-align:center;box-shadow:0 0 40px #d4af3780;animation:slideInScale .5s ease;z-index:10001}@keyframes slideInScale{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.close-popup-btn{position:absolute;top:1rem;right:1rem;background:#d4af3733;border:1px solid #d4af37;color:#d4af37;width:2rem;height:2rem;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-popup-btn:hover{background:#d4af3766;transform:rotate(90deg)}.complete-checkmark{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#90ee90,#51cf66);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#1a1a1a;animation:checkmarkBounce .6s ease;box-shadow:0 0 30px #90ee9080}@keyframes checkmarkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hunt-complete-card h2{color:#d4af37;font-size:2rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:2px}.complete-subtitle{color:#e0e0e0;font-size:1rem;margin:0 0 2rem;line-height:1.5}.complete-subtitle strong{color:#d4af37}.quick-rewards{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.quick-reward-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;min-width:120px}.quick-reward-item .icon{font-size:2rem}.quick-reward-item .value{color:#d4af37;font-weight:700;font-size:1.1rem}.btn-acknowledge{padding:1rem 2rem;background:linear-gradient(135deg,#d4af37,#e6c200);border:none;border-radius:8px;color:#1a1a1a;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d;text-transform:uppercase;letter-spacing:1px}.btn-acknowledge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af3780;background:linear-gradient(135deg,#e6c200,#f5d547)}.victory-content{display:flex;flex-direction:column;gap:1.5rem}.hunt-summary-card,.case-summary-card,.rewards-card,.debrief-card,.survivors-card,.fallen-card{background:#0000004d;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-summary-card{padding-top:1.5rem}.hunt-summary-card h2,.case-summary-card h2,.rewards-card h2,.debrief-card h2,.survivors-card h3,.fallen-card h3{color:#d4af37;margin:0 0 1rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0003;border-radius:4px;border-left:3px solid #d4af37}.summary-item .label{color:#b0b0b0;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.summary-item .value{color:#d4af37;font-weight:700;font-size:1rem}.case-summary-toggle{width:100%;padding:1rem 1.5rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;margin-bottom:0}.case-summary-toggle:hover{background:#d4af3733;border-color:#d4af3780;transform:translate(4px)}.case-summary-toggle .toggle-icon{font-size:.9rem;transition:transform .2s ease;display:inline-block}.case-summary-toggle .toggle-label{flex:1;text-align:left}.case-summary-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(212,175,55,.2)}.case-summary-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.case-summary-section h3{color:#d4af37;font-size:1rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.case-summary-text,.case-summary-empty{color:#e0e0e0;margin:0;line-height:1.6}.case-summary-clues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.case-summary-clue{padding:.75rem;background:#0003;border-left:3px solid rgba(212,175,55,.4);border-radius:4px}.case-summary-clue.collected{border-left-color:#d4af37}.case-summary-clue.unconfirmed{border-left-color:#d4af3733}.case-summary-clue .clue-title{color:#d4af37;font-weight:700;margin-bottom:.35rem}.case-summary-clue .clue-narrative{color:#e0e0e0;font-size:.9rem;line-height:1.5;margin-bottom:.35rem}.case-summary-clue .clue-status{color:#b0b0b0;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.difficulty-copper{color:#b87333!important}.difficulty-silver{color:silver!important}.difficulty-gold{color:gold!important}.difficulty-platinum{color:#e5e4e2!important}.rewards-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.reward-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px;transition:all .3s ease}.reward-item:hover{background:#d4af3726;border-color:#d4af3780;transform:translateY(-2px)}.reward-item.primary{border-color:gold;background:#ffd7001a}.reward-icon{font-size:2rem}.reward-content{display:flex;flex-direction:column}.reward-label{color:#b0b0b0;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.reward-value{color:#d4af37;font-weight:700;font-size:1.2rem}.reward-hint{color:#888;font-size:.75rem;font-style:italic;margin-top:.25rem}.reward-item.primary .reward-value{color:gold}.clue-summary{padding:1rem;background:#0003;border-left:3px solid #d4af37;border-radius:4px}.clue-info{color:#e0e0e0;margin:0 0 .5rem;font-size:.95rem}.clue-info strong{color:#d4af37}.loot-roll-section{padding:1.5rem;background:#d4af370d;border-top:1px solid rgba(212,175,55,.3);border-radius:6px;margin-top:1.5rem}.loot-roll-section h3{color:#d4af37;margin:0 0 1rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.btn-loot-roll{padding:1rem 2rem;width:100%;background:linear-gradient(135deg,orange,#ffb84d);border:none;border-radius:6px;color:#1a1a1a;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffa5004d;text-transform:uppercase;letter-spacing:1px}.btn-loot-roll:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffa50080;background:linear-gradient(135deg,#ffb84d,#ffc866)}.loot-results{animation:fadeIn .5s ease}.loot-count{color:#d4af37;font-weight:700;margin:0 0 1rem;font-size:1rem}.loot-items-list{display:flex;flex-direction:column;gap:.75rem}.loot-item-card{padding:1rem;background:#0000004d;border-left:3px solid #ffa500;border-radius:4px;text-align:left}.loot-item-card h4{color:orange;margin:0 0 .5rem;font-size:1rem}.loot-item-card .item-desc{color:#e0e0e0;margin:0 0 .5rem;font-size:.9rem;line-height:1.4}.loot-item-card .item-destination{color:#90ee90;margin:0;font-size:.85rem;font-weight:700}.clue-hint{color:#b0b0b0;margin:0;font-size:.85rem;font-style:italic}.debrief-description{color:#e0e0e0;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.debrief-complete-message{padding:1rem;background:#28a74526;border-left:3px solid #28a745;border-radius:4px;margin-bottom:1rem}.debrief-complete-message p{color:#51cf66;margin:0;font-weight:700}.btn-debrief{padding:1rem;width:100%;background:linear-gradient(135deg,#d4af37,#e6c200);border:none;border-radius:6px;color:#1a1a1a;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d;text-transform:uppercase;letter-spacing:1px}.btn-debrief:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #d4af3780;background:linear-gradient(135deg,#e6c200,#f5d547)}.btn-debrief:disabled{opacity:.6;cursor:not-allowed}.survivors-card,.fallen-card{border-left:4px solid #90ee90}.survivors-card h3,.fallen-card h3{color:#90ee90}.survivors-list,.fallen-list{display:flex;flex-direction:column;gap:.75rem}.survivor-item{padding:.75rem;background:#90ee901a;border-left:3px solid #90ee90;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.survivor-name{color:#d4af37;font-weight:700}.survivor-stats{display:flex;gap:1rem;font-size:.9rem;color:#e0e0e0}.fallen-card{border-left:4px solid #ff6b6b}.fallen-card h3{color:#ff6b6b}.fallen-item{padding:.75rem;background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.fallen-name{color:#ff6b6b;font-weight:700}.fallen-note{color:#b0b0b0;font-size:.85rem;font-style:italic}.victory-actions{text-align:center;padding:2rem;background:#d4af370d;border:1px dashed rgba(212,175,55,.3);border-radius:8px}.btn-continue{padding:1rem 2rem;background:linear-gradient(135deg,#d4af37,#e6c200);border:none;border-radius:6px;color:#1a1a1a;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4af374d;text-transform:uppercase;letter-spacing:1px}.btn-continue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #d4af3780;background:linear-gradient(135deg,#e6c200,#f5d547)}.btn-continue:disabled{opacity:.5;cursor:not-allowed}.action-hint{color:#b0b0b0;font-size:.9rem;margin:1rem 0 0;font-style:italic}@media(max-width:768px){.victory-page{padding:1rem}.victory-header{padding:2rem 1rem}.victory-title h1{font-size:2.5rem}.victory-subtitle{font-size:1rem}.victory-content{gap:1rem}.hunt-summary-card,.rewards-card,.debrief-card,.survivors-card,.fallen-card{padding:1rem}.summary-grid,.rewards-display{grid-template-columns:1fr}.survivor-item{flex-direction:column;align-items:flex-start}.survivor-stats{margin-top:.5rem;width:100%}.victory-actions{padding:1.5rem}.btn-continue{width:100%}}.party-form-modal{max-width:600px;padding:2rem}.party-form-title{margin-bottom:2rem;font-size:1.8rem;color:var(--primary-color, #d4a574);text-align:center;text-transform:uppercase;letter-spacing:1px}.party-form-content{display:flex;flex-direction:column;gap:1.5rem}.form-label{display:block;margin-bottom:.75rem;font-size:.95rem;font-weight:600;color:var(--text-primary, #ffffff);text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:1rem;background-color:var(--bg-secondary, #1a1a2e);border:2px solid var(--border-color, #444);border-radius:4px;color:var(--text-primary, #ffffff);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-input::placeholder{color:var(--text-secondary, #999)}.form-input:focus{outline:none;border-color:var(--primary-color, #d4a574);box-shadow:0 0 8px #d4a5744d}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-hint{font-size:.85rem;color:var(--text-secondary, #999);margin:-.75rem 0 .5rem;line-height:1.4}.form-error{padding:1rem;background-color:#dc35451a;border:2px solid var(--danger, #dc3545);border-radius:4px;color:var(--danger, #dc3545);font-size:.95rem;text-align:center;animation:slideInDown .3s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions .btn{flex:1;padding:.875rem;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.form-actions .btn-secondary{background-color:var(--bg-tertiary, #2a2a3e);color:var(--text-primary, #ffffff);border:2px solid var(--border-color, #444)}.form-actions .btn-secondary:hover:not(:disabled){background-color:var(--bg-hover, #333344);border-color:var(--primary-color, #d4a574)}.form-actions .btn-primary{background-color:var(--primary-color, #d4a574);color:var(--text-dark, #000)}.form-actions .btn-primary:hover:not(:disabled){background-color:#e5b88a;box-shadow:0 4px 12px #d4a57466;transform:translateY(-2px)}.form-actions .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.party-form-modal{max-width:90vw;padding:1.5rem}.party-form-title{font-size:1.4rem;margin-bottom:1.5rem}.party-form-content{gap:1rem}.form-input{padding:.875rem;font-size:16px}.form-actions{gap:.75rem}.form-actions .btn{padding:.75rem;font-size:.85rem}}.party-options-modal{max-width:500px;text-align:center}.party-options-modal h2{margin-bottom:1rem;font-size:1.5rem;color:var(--text-primary)}.modal-description{margin-bottom:2rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.party-options-container{display:flex;flex-direction:column;gap:1rem}.party-option-btn{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.party-option-btn:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.party-option-btn:active{transform:translateY(0)}.option-icon{font-size:2rem;margin-bottom:.75rem}.option-title{display:block;font-weight:600;font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.option-description{display:block;font-size:.85rem;color:var(--text-secondary)}@media(max-width:768px){.party-options-modal{max-width:90vw}.party-option-btn{padding:1rem}.option-icon{font-size:1.5rem;margin-bottom:.5rem}.option-title{font-size:1rem}.option-description{font-size:.8rem}}.manual-action-panel{background:linear-gradient(135deg,#8b00004d,#00000080);border:2px solid var(--accent);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.action-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--accent);flex-wrap:wrap;gap:.75rem}.current-turn-info{flex:1}.current-turn-info h3{margin:0;color:var(--gold);font-size:1.2rem}.turn-type-badge{display:inline-block;padding:.2rem .5rem;background:#d4af3733;border:1px solid var(--gold);border-radius:4px;font-size:.75rem;color:var(--gold);font-weight:700;margin-left:.5rem}.action-panel-controls{display:flex;gap:.75rem}.action-panel-content{display:grid;grid-template-columns:1fr;gap:2rem}.action-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:linear-gradient(135deg,#d4af3733,#8b735533);border:2px solid var(--accent);border-radius:8px;color:var(--accent);font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.action-button:hover:not(:disabled){background:linear-gradient(135deg,#d4af3759,#8b73554d);transform:translateY(-4px);box-shadow:0 6px 16px #d4af3766}.action-button:active:not(:disabled){transform:translateY(-2px)}.action-button .action-icon{font-size:2.2rem}.action-button .action-label{font-size:.9rem}.action-button.used,.action-button:disabled{background:#6464644d;border-color:#666;color:#888;cursor:not-allowed;opacity:.6;position:relative}.action-used-badge{position:absolute;top:.5rem;right:.5rem;background:#4caf50e6;color:#fff;font-size:.65rem;padding:.2rem .4rem;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000004d}.action-button.used .action-label{text-decoration:line-through;opacity:.7}.action-button:not(.used):hover{animation:actionPulse .5s ease}@keyframes actionPulse{0%,to{transform:translateY(-4px)}50%{transform:translateY(-6px)}}.dice-roller-section{display:none}.action-info h4,.dice-roller-section h4{color:var(--accent);margin:0 0 1rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.action-reference{display:flex;flex-direction:column;gap:.75rem}.action-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#0000004d;border-left:3px solid var(--accent);border-radius:4px;transition:all .2s ease;display:none}.action-item:hover{background:#d4af371a;border-left-color:var(--gold)}.action-icon{font-size:1.5rem;min-width:30px}.action-rules-info{margin-top:1.5rem;padding:1rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--text-light);font-size:.95rem;line-height:1.6}.action-rules-info p{margin:0 0 .5rem;color:var(--accent);font-weight:700;font-size:.9rem}.action-rules-info ul{list-style:none;padding:0;margin:0}.action-rules-info li{padding:.25rem 0;margin:.25rem 0}.action-rules-info strong{color:var(--gold)}.action-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.action-details strong{color:var(--gold);font-size:1rem}.action-desc{color:var(--text-muted);font-size:.85rem}.quick-calc{margin-top:1rem;padding:1rem;background:#0000004d;border-radius:4px;border:1px solid var(--border-color)}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.calc-row:last-child{border-bottom:none}.calc-row span{color:var(--text-muted);font-weight:700}.calc-row code{background:#0006;padding:.25rem .5rem;border-radius:3px;color:var(--gold);font-family:Courier New,monospace;font-size:.85rem}.rules-reference-panel{background:linear-gradient(135deg,#00008b4d,#00000080);border:2px solid #4169E1;border-radius:8px;padding:2rem;margin-bottom:2rem}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #4169E1}.rules-header h3{margin:0;color:#87ceeb;font-size:1.5rem}.btn-close{background:transparent;border:2px solid #4169E1;color:#87ceeb;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .2s ease}.btn-close:hover{background:#4169e1;color:#fff}.rules-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.rule-section{background:#0000004d;padding:1.25rem;border-radius:6px;border-left:4px solid #4169E1}.rule-section h4{color:#87ceeb;margin:0 0 1rem;font-size:1.1rem}.rule-section ol,.rule-section ul{margin:0;padding-left:1.5rem;color:var(--text)}.rule-section li{margin-bottom:.5rem;line-height:1.5}.rule-section code{background:#00000080;padding:.2rem .4rem;border-radius:3px;color:#87ceeb;font-family:Courier New,monospace;font-size:.9rem}.stat-controls{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.stat-control-row{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.5rem;border-radius:4px}.stat-control-row .stat-label{min-width:45px;font-weight:700;color:var(--accent);font-size:.9rem}.stat-btn{width:32px;height:32px;border:2px solid var(--border-color);background:#00000080;color:var(--text);border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.stat-btn:hover{background:var(--accent);border-color:var(--gold);color:var(--gold);transform:scale(1.1)}.stat-btn:active{transform:scale(.95)}.stat-display{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:1.1rem;font-weight:700}.stat-display .current{color:var(--gold);min-width:30px;text-align:right}.stat-display .separator{color:var(--text-muted)}.stat-display .max{color:var(--text-muted);min-width:30px;text-align:left}.base-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.base-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0003;border-radius:4px}.base-stat .stat-icon{font-size:1.2rem}.base-stat .stat-name{flex:1;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.base-stat .stat-val{font-weight:700;color:var(--accent);font-size:1rem}.hunter-abilities-section,.enemy-abilities-section{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border-color)}.btn-abilities-toggle{width:100%;padding:.75rem;background:#0006;border:2px solid var(--border-color);border-radius:4px;color:var(--accent);font-weight:700;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.95rem}.btn-abilities-toggle:hover{background:#d4af371a;border-color:var(--gold);color:var(--gold)}.abilities-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.hunter-ability-card,.enemy-ability-card{background:linear-gradient(135deg,#8b000033,#0006);border:1px solid var(--border-color);border-left:4px solid var(--accent);border-radius:4px;padding:.75rem;transition:all .2s ease;width:100%;text-align:left;appearance:none;cursor:default}.hunter-ability-card:hover,.enemy-ability-card:hover{border-left-color:var(--gold);background:linear-gradient(135deg,#d4af371a,#00000080)}.hunter-ability-card.actionable,.enemy-ability-card.actionable{cursor:pointer;border-left-color:#4ecdc4}.hunter-ability-card.actionable:hover,.enemy-ability-card.actionable:hover{background:linear-gradient(135deg,#4ecdc426,#00000080);box-shadow:0 4px 12px #4ecdc440}.hunter-ability-card.disabled,.enemy-ability-card.disabled{opacity:.6;cursor:not-allowed}.hunter-ability-card.used,.enemy-ability-card.used{border-left-color:#4caf50;background:linear-gradient(135deg,#4caf5026,#00000080)}.ability-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ability-used-badge{padding:.2rem .5rem;background:#4caf50e6;border-radius:3px;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.ability-name{color:var(--gold);font-weight:700;font-size:1rem}.cooldown-badge,.ability-type-badge{padding:.2rem .6rem;background:#00000080;border:1px solid var(--border-color);border-radius:3px;font-size:.75rem;color:var(--text-muted);font-weight:700}.ability-type-badge.passive{border-color:#4caf50;color:#4caf50}.ability-desc,.ability-description{color:var(--text);font-size:.85rem;line-height:1.4;margin:0}.ability-cost{margin-top:.5rem;padding:.4rem .6rem;background:#8b00004d;border:1px solid #FF6B6B;border-radius:3px;font-size:.8rem;color:#ff6b6b;font-weight:700;display:inline-block}.enemy-logic-display{padding:.75rem;background:#0000004d;border-radius:4px;margin:.75rem 0;border-left:3px solid var(--gold)}.enemy-logic-display strong{color:var(--gold)}.logic-text{color:var(--text);font-family:Courier New,monospace;font-size:.95rem}.combatant-card.active-turn{border:3px solid var(--gold);box-shadow:0 0 20px #d4af3766;animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 0 20px #d4af3766}50%{box-shadow:0 0 30px #d4af3799}}.dice-roller-section{background:#0003;padding:1.5rem;border-radius:8px;border:2px solid var(--border-color)}.hunter-cp{font-size:.9rem;color:var(--text);opacity:.8;margin-top:.25rem}.hunter-arsenal{font-size:.85rem;color:var(--text);margin:.5rem 0;padding:.5rem;background:#0003;border-radius:4px}.hunter-arsenal strong{color:var(--accent)}.stat-section{margin:1rem 0;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid var(--border-color);overflow:visible;width:100%;box-sizing:border-box}.combatant-card{background:linear-gradient(135deg,#1e1e28cc,#14141ee6);border:2px solid #555;border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:all .3s ease;box-shadow:0 4px 8px #0000004d;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.combatant-card:hover:not(.defeated){border-color:var(--accent);box-shadow:0 6px 16px #d4af3733;transform:translateY(-2px)}.combatant-card.hunter-card{grid-template-columns:50px 1fr auto}.combatant-checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--gold);place-self:center}.combatant-icon{font-size:2.2rem;text-align:center;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:8px;border:2px solid var(--accent)}.combatant-content{display:flex;flex-direction:column;gap:.75rem;min-width:0}.combatant-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.compact-stats{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.hunter-def-mv{display:flex;align-items:center;gap:.35rem;font-size:.85rem}.combatant-name{font-size:1.2rem;font-weight:700;color:var(--accent)}.combatant-level{font-size:.85rem;color:var(--text-muted);font-style:italic}.stat-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.stat-item{background:#0006;padding:.6rem;border-radius:6px;border-left:3px solid var(--accent);text-align:center}.stat-item .stat-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.5px;margin-bottom:.3rem}.stat-item .stat-value{font-size:1.4rem;font-weight:700;color:var(--accent)}.hp-stat .stat-label,.hp-stat .stat-value{color:#4ecdc4}.hp-stat{border-left-color:#4ecdc4}.san-stat .stat-label,.san-stat .stat-value{color:#5b9bd5}.san-stat{border-left-color:#5b9bd5}.status-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.status-badge{font-size:.75rem;padding:.3rem .6rem;background:#ff6b6b4d;border:1px solid #FF6B6B;border-radius:12px;color:#ff6b6b;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.combatant-actions{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.action-btn-group{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-header .stat-label{font-size:.9rem;font-weight:700;color:var(--accent);text-transform:uppercase}.stat-header .stat-value{font-size:1.1rem;font-weight:700;color:var(--text)}.stat-bar-container{width:100%;height:12px;background:#00000080;border-radius:6px;overflow:hidden;margin-bottom:.75rem;border:1px solid var(--border-color)}.stat-bar{height:100%;transition:width .3s ease;border-radius:6px}.hp-bar{background:linear-gradient(90deg,#4ecdc4,#45b7b8);box-shadow:0 0 10px #4ecdc480}.san-bar{background:linear-gradient(90deg,#5b9bd5,#4a7fb8);box-shadow:0 0 10px #5b9bd580}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:.35rem;margin-bottom:0;width:100%;min-height:auto;overflow:visible}.quick-actions-grid .btn{aspect-ratio:1 / 1;padding:0!important;display:flex;align-items:center;justify-content:center;min-height:auto;max-height:45px;font-size:.85rem}.san-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.35rem;margin-bottom:.5rem;width:100%;min-height:auto;overflow:visible}.quick-actions-grid .btn,.san-quick-actions .btn{aspect-ratio:1 / 1;padding:0!important;display:flex;align-items:center;justify-content:center;min-height:auto;max-height:45px;font-size:.85rem}.quick-actions{margin:1rem 0;padding:.75rem;background:#0003;border-radius:6px;border:1px solid var(--border-color)}.quick-actions-label{font-size:.85rem;font-weight:700;color:var(--accent);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.quick-action-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.quick-action-buttons:last-child{margin-bottom:0}.quick-btn{padding:.5rem;border:2px solid;border-radius:4px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;background:#00000080;min-width:45px;text-align:center}.quick-btn.damage-btn{border-color:#8b0000;background:#8b000099;color:#fff}.quick-btn.damage-btn:hover{background:#8b0000cc;border-color:#a00000;transform:translateY(-1px);box-shadow:0 2px 8px #8b000080}.quick-btn.heal-btn{border-color:#2d5016;background:#2d501699;color:#fff}.quick-btn.heal-btn:hover{background:#2d5016cc;border-color:#3a6b1e;transform:translateY(-1px);box-shadow:0 2px 8px #2d501680}.quick-btn.san-btn{border-color:#4a4a4a;background:#4a4a4a99;color:#fff;font-size:.85rem}.quick-btn.san-btn:hover{background:#4a4a4acc;border-color:#5a5a5a;transform:translateY(-1px)}.quick-btn.full-btn{border-color:#2e5090;background:#2e509099;color:#fff;font-size:.95rem}.quick-btn.full-btn:hover{background:#2e5090cc;border-color:#3d6bb8;transform:translateY(-1px);box-shadow:0 2px 8px #2e509080}.quick-btn:active{transform:translateY(0)}.base-stats-compact{display:flex;gap:2rem;margin:1rem 0;padding:.75rem;background:#0003;border-radius:6px;justify-content:space-around}.stat-compact{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label-compact{font-size:.85rem;color:var(--gold);font-weight:700;text-transform:uppercase}.stat-val-compact{font-size:1.5rem;color:var(--text);font-weight:700}.status-effects{margin:1rem 0;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid var(--border-color)}.status-effects-header{margin-bottom:.75rem}.status-column-header{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.status-label-buff,.status-label-debuff{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center}.status-label-buff{color:#4ecdc4}.status-label-debuff{color:#ff6b6b}.status-effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:60px}.status-column{display:flex;flex-direction:column;gap:.5rem}.active-status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:4px;font-size:.85rem;font-weight:700}.buff-item{background:#4ecdc426;border:1px solid #4ECDC4;color:#4ecdc4}.debuff-item{background:#ff6b6b26;border:1px solid #FF6B6B;color:#ff6b6b}.status-name{flex:1}.status-remove-btn{background:#00000080;border:1px solid currentColor;border-radius:3px;padding:.2rem .4rem;color:inherit;cursor:pointer;font-size:.75rem;transition:all .2s ease}.status-remove-btn:hover{background:#ffffff1a;transform:scale(1.1)}.empty-status{padding:.75rem;text-align:center;color:var(--text-muted);font-size:.8rem;font-style:italic;opacity:.6}.add-status-section{margin-top:.75rem;border-top:1px solid var(--border-color);padding-top:.75rem}.status-add-details{background:#0003;border-radius:4px}.status-add-summary{padding:.5rem;cursor:pointer;font-weight:700;color:var(--accent);list-style:none;-webkit-user-select:none;user-select:none;transition:all .2s ease}.status-add-summary:hover{color:var(--gold);background:#d4af371a}.status-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.status-add-column{display:flex;flex-direction:column;gap:.5rem}.status-add-label{font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.status-buttons-list{display:flex;flex-direction:column;gap:.3rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.status-add-btn{padding:.4rem .6rem;border-radius:4px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:left}.status-add-btn.buff-btn{background:#4ecdc41a;border:1px solid #4ECDC4;color:#4ecdc4}.status-add-btn.buff-btn:hover{background:#4ecdc440;transform:translate(4px)}.status-add-btn.debuff-btn{background:#ff6b6b1a;border:1px solid #FF6B6B;color:#ff6b6b}.status-add-btn.debuff-btn:hover{background:#ff6b6b40;transform:translate(4px)}.status-confirm-modal{max-width:450px}.status-confirm-details{padding:1.5rem;text-align:center}.effect-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;margin:1rem 0;border-radius:8px;border:2px solid}.effect-preview.buff{background:#4ecdc426;border-color:#4ecdc4}.effect-preview.debuff{background:#ff6b6b26;border-color:#ff6b6b}.effect-icon{font-size:3rem}.effect-name{font-size:1.5rem;font-weight:700;color:var(--accent)}.effect-type{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.roll-prompt{font-size:1.1rem;font-weight:700;color:var(--gold);margin-top:1rem}.status-effects-label{font-size:.85rem;font-weight:700;color:var(--accent);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.action-panel-content{grid-template-columns:1fr}.action-panel-header{flex-direction:column;align-items:flex-start}.action-panel-controls{width:100%;justify-content:flex-start}.rules-content,.status-effect-toggles{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:.25rem}.quick-actions-grid .btn{padding:0!important;font-size:.7rem;aspect-ratio:1 / 1}.san-quick-actions{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.25rem}.san-quick-actions .btn{padding:0!important;font-size:.7rem;aspect-ratio:1 / 1}.combatant-card{padding:.4rem;gap:.4rem}.combatant-header{gap:.25rem;margin-bottom:.3rem}.combatant-header h4{font-size:.9rem}.hunter-cp{font-size:.75rem}.hunter-arsenal{font-size:.75rem;margin-bottom:.3rem}.stat-section{margin-bottom:.4rem}.stat-header{font-size:.8rem;gap:.25rem}.stat-label{font-size:.7rem}.stat-value{font-size:.75rem}.base-stats-compact{gap:.3rem;margin-bottom:.4rem}.stat-compact{font-size:.7rem}.stat-label-compact{font-size:.65rem}.stat-val-compact{font-size:.8rem}.status-effects{margin-top:.4rem}.status-effects-label{font-size:.7rem;margin-bottom:.25rem}.status-effect-toggles{gap:.25rem}.status-effect-toggles .status-toggle{padding:.3rem .5rem;font-size:.7rem}.compact-stats{gap:.3rem}.hunter-def-mv{font-size:.75rem;gap:.25rem}.hunters-header{flex-direction:column;gap:.5rem;margin-bottom:.6rem}.hunters-header h3{font-size:.9rem}.selection-controls{width:100%;justify-content:flex-start;gap:.3rem;flex-wrap:wrap}.selection-controls .btn-sm{padding:.2rem .4rem;font-size:.7rem;min-width:64px}.selection-count{font-size:.75rem}.bulk-actions-panel{margin-bottom:.6rem}.bulk-actions-header{font-size:.8rem}.bulk-actions-grid{gap:.4rem;flex-direction:column}.bulk-action-group{gap:.2rem}.bulk-label{font-size:.7rem}.bulk-btn{padding:.3rem .5rem;font-size:.65rem}.combatant-card{display:flex;flex-direction:column}.base-stats-compact{order:0}.hp-section{order:1}.san-section{order:2}.hunter-abilities-section{order:3}.status-effects{order:4}.end-turn-btn{order:5}.hunter-abilities-section .btn,.status-effects .status-effect-toggles{width:100%}}.hunters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.selection-controls{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.selection-controls .btn-sm{padding:.2rem .45rem;font-size:.8rem;min-width:64px;text-align:center;border:1px solid var(--border-color);background:#0000004d;color:var(--text);border-radius:4px;cursor:pointer;transition:all .2s ease}.selection-controls .btn-sm:hover{background:#d4af3733;border-color:var(--gold)}.selection-count{font-size:.9rem;color:var(--gold);font-weight:700;padding:.25rem .5rem;background:#d4af3726;border-radius:4px}.bulk-actions-panel{background:linear-gradient(135deg,#d4af3726,#0000004d);border:2px solid var(--gold);border-radius:8px;padding:1rem;margin-bottom:1rem;animation:slideDown .3s ease}.bulk-actions-header{color:var(--gold);margin-bottom:.75rem;font-size:1.05rem;text-transform:uppercase;letter-spacing:1px}.bulk-actions-grid{display:flex;flex-direction:column;gap:.75rem}.bulk-action-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bulk-label{min-width:70px;font-weight:700;color:var(--accent);font-size:.9rem}.bulk-btn{padding:.4rem .8rem;border:2px solid;border-radius:4px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;background:#00000080}.bulk-btn.damage-btn{border-color:#ff6b6b;color:#ff6b6b}.bulk-btn.damage-btn:hover{background:#ff6b6b4d;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.bulk-btn.heal-btn{border-color:#4ecdc4;color:#4ecdc4}.bulk-btn.heal-btn:hover{background:#4ecdc44d;transform:translateY(-2px);box-shadow:0 4px 12px #4ecdc466}.bulk-btn.status-btn{border-color:var(--gold);color:var(--gold)}.bulk-btn.status-btn:hover{background:#d4af374d;transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.hunter-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--gold)}.header-left{display:flex;align-items:center;gap:.75rem}.combatant-card.selected{border-color:var(--gold);box-shadow:0 0 15px #d4af3780;background:linear-gradient(135deg,#d4af371a,#0000004d)}.combatant-card.targeted{border-color:#f44;border-width:4px;box-shadow:0 0 25px #f449,inset 0 0 15px #f443;background:linear-gradient(135deg,#ff444426,#0000004d);cursor:pointer;position:relative}.combatant-card.targeted:before{content:"🎯";position:absolute;top:-10px;right:-10px;font-size:2rem;animation:targetPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,68,68,.8))}@keyframes targetPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.combatant-card{cursor:pointer;transition:all .3s ease}.combatant-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af374d}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:linear-gradient(135deg,#14141ef2,#000000f2);border:2px solid var(--gold);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bulk-confirm-modal h3{color:var(--gold);margin:0 0 1.5rem;font-size:1.5rem;text-align:center}.bulk-confirm-details{margin-bottom:1.5rem}.bulk-confirm-details p{margin:.5rem 0;color:var(--text)}.bulk-confirm-details strong{color:var(--accent);margin-right:.5rem}.affected-hunters-list{list-style:none;padding:1rem;background:#0000004d;border-radius:6px;border-left:3px solid var(--gold);max-height:200px;overflow-y:auto}.affected-hunters-list li{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text)}.affected-hunters-list li:last-child{border-bottom:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions .btn{padding:.75rem 1.5rem;font-size:1rem}.combat-status-panel{background:linear-gradient(135deg,#8b735526,#65543f26);border:2px solid #8b7355;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0000004d;margin-bottom:1rem}.combat-stacked-layout{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;overflow-y:auto;max-height:85vh}.combatants-section{background:#0003;border:2px solid var(--border-color);border-radius:8px;padding:1rem;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.section-header h3{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;color:var(--gold)}.hunters-section .section-header h3{color:#4ecdc4}.enemy-section .section-header h3{color:#ff6b6b}.all-combatants .section-header h3{color:var(--gold)}.header-controls{display:flex;gap:1rem;padding:.5rem}.btn-small{padding:.3rem .6rem;background:#d4af371a;border:1px solid var(--gold);border-radius:3px;color:var(--gold);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-small:hover{background:#d4af3733;transform:scale(1.05)}.cards-stack{display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;overflow-y:hidden;max-height:none;padding-right:.5rem}.cards-stack::-webkit-scrollbar{width:8px}.cards-stack::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.cards-stack::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:4px}.cards-stack::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.compact-unit-card{background:linear-gradient(135deg,#1e1914cc,#14120fcc);border:2px solid var(--border-color);border-radius:6px;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;position:relative}.compact-unit-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}.compact-unit-card.current-turn{border-color:var(--accent);background:linear-gradient(135deg,#d4af3726,#1e1914cc);box-shadow:0 0 16px #d4af3766}.compact-unit-card.pulsing{animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 0 16px #d4af3766}50%{box-shadow:0 0 24px #d4af37b3,0 0 8px #d4af3780 inset}}.compact-unit-card.hunter-card{border-left:4px solid #4ECDC4}.compact-unit-card.enemy-card{border-left:4px solid #FF6B6B}.compact-unit-card.selected{background:linear-gradient(135deg,#4ecdc41a,#1e1914cc)}.card-header-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.unit-type-icon{font-size:1rem}.unit-name{flex:1;font-size:1rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.turn-badge{background:#4ecdc44d;border:1px solid #4ECDC4;color:#4ecdc4;padding:.2rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.turn-badge.active-badge{background:linear-gradient(135deg,#d4af3766,#d4af3733);border:1px solid var(--gold);color:var(--gold);font-size:.7rem;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.turn-badge.next-badge{background:var(--accent);border:none;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.3)}.template-badge-small,.template-badge-inline{background:#ff6b6b33;border:1px solid #FF6B6B;color:#ff6b6b;padding:.2rem .5rem;border-radius:3px;font-size:.7rem;font-weight:700}.card-stats-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.card-stats-row.compact{font-size:.75rem}.stat-compact{display:flex;flex-direction:column;gap:.3rem}.stat-label{font-size:.6rem;text-transform:uppercase;color:var(--text-muted);font-weight:700}.stat-bar-mini{height:8px;background:#0006;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;flex:1;margin:0 .5rem}.stat-bar-fill{height:100%;transition:all .3s ease;border-radius:3px}.stat-bar-fill.hp-healthy{background:linear-gradient(90deg,#4ecdc4,#45b7af);box-shadow:0 0 8px #4ecdc480}.stat-bar-fill.hp-moderate{background:linear-gradient(90deg,#ffe66d,#ffd93d);box-shadow:0 0 8px #ffe66d80}.stat-bar-fill.hp-low{background:linear-gradient(90deg,#ffa07a,#ff8c69);box-shadow:0 0 8px #ffa07a80}.stat-bar-fill.hp-critical{background:linear-gradient(90deg,#ff6b6b,#ff5252);box-shadow:0 0 8px #ff6b6b99;animation:criticalPulse 1.5s ease-in-out infinite}.stat-bar-fill.san-stable{background:linear-gradient(90deg,#a8dadc,#7db9bd)}.stat-bar-fill.san-stressed{background:linear-gradient(90deg,#f4a261,#e76f51)}.stat-bar-fill.san-shaken{background:linear-gradient(90deg,#e63946,#d62828)}.stat-bar-fill.san-breaking{background:linear-gradient(90deg,#8b0000,#6a0000);animation:criticalPulse 1.5s ease-in-out infinite}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.7}}.stat-value{font-size:.6rem;color:var(--text);font-weight:700}.card-meta-row{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.75rem;color:var(--text-muted)}.card-meta-row span{display:flex;align-items:center;gap:.2rem}.round-display{display:inline-block;margin-left:1rem;background:#d4af3733;border:1px solid var(--gold);border-radius:4px;padding:.3rem .6rem;font-size:.85rem;color:var(--gold)}.combat-summary-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#0006,#1e191499);border:2px solid var(--border-color);border-radius:8px}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(212,175,55,.2);transition:all .2s ease}.summary-stat:hover{border-color:var(--accent);background:#d4af371a;transform:translateY(-2px)}.summary-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:.5rem;font-weight:700}.summary-value{font-size:1.2rem;color:var(--accent);font-weight:700}@media(max-width:768px){.combat-summary-panel{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem}.summary-value{font-size:1rem}}.combat-action-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#d4af371a,#0000004d);border:2px solid var(--accent);border-radius:8px}.current-actor-summary{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px}.actor-icon{font-size:1.5rem}.actor-name{color:var(--gold)}.round-indicator{background:#d4af3733;border:1px solid var(--gold);border-radius:4px;padding:.3rem .6rem;font-size:.85rem;color:var(--gold)}.next-turn-btn{position:relative;overflow:hidden;min-width:250px;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease}.next-turn-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px #d4af3766}.next-turn-btn .btn-icon{font-size:1.3rem}.next-turn-btn .btn-arrow{font-size:1.4rem;transition:transform .3s ease}.next-turn-btn:hover .btn-arrow{transform:translate(4px)}@media(max-width:768px){.combat-stacked-layout{max-height:75vh}.combatants-section{max-height:70vh}.cards-stack{max-height:none;overflow-x:auto;overflow-y:hidden}.card-stats-row{grid-template-columns:1fr}.card-meta-row{font-size:.7rem;gap:.5rem}.unit-name{font-size:.9rem}.action-buttons-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.action-button{padding:1rem .75rem}.action-button .action-icon{font-size:1.8rem}.next-turn-btn{min-width:100%;width:100%}.combat-action-controls{padding:1rem;margin:1rem 0}.current-actor-summary{flex-wrap:wrap;justify-content:center;font-size:1rem}.quick-actions-grid button,.san-quick-actions button{min-height:44px;font-size:.85rem}.manual-action-panel{padding:.75rem}.action-panel-header{flex-direction:column;align-items:stretch}.action-panel-controls{width:100%;justify-content:space-between}}.combat-turn-order-section{background:#0003;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;margin-bottom:1rem}.turn-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.round-indicator{background:#d4af3733;border:1px solid var(--gold);border-radius:3px;padding:.2rem .5rem;color:var(--gold);font-size:.75rem;font-weight:700}.turn-order-compact{display:flex;gap:.4rem;flex-wrap:wrap;max-height:100px;overflow-y:auto}.turn-order-compact-item{position:relative;padding:.4rem .6rem;background:#0000004d;border:1px solid var(--border-color);border-radius:3px;color:var(--text);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.turn-order-compact-item:hover{border-color:var(--accent);background:#d4af371a}.turn-order-compact-item.active{border-color:var(--accent);background:#d4af3733;color:var(--accent);box-shadow:0 0 8px #d4af374d}.turn-order-compact-item.acted{opacity:.6;border-style:dashed}.compact-item-name{flex:1}.current-indicator{font-size:.6rem;animation:pulse-arrow 1s ease-in-out infinite}@keyframes pulse-arrow{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.combat-current-actor-section{background:linear-gradient(135deg,#8b735526,#65543f1a);border:2px solid #8b7355;border-radius:8px;padding:1rem;margin-bottom:1rem}.current-actor-header{margin-bottom:.75rem}.actor-type-badge{display:inline-block;background:#d4af3726;border:1px solid var(--gold);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--gold);letter-spacing:.2px}.current-actor-card{background:#0000004d;border:2px solid var(--border-color);border-radius:6px;padding:.75rem}.card-name{font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.3px}.card-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.stat-row{display:flex;align-items:center;gap:.6rem}.stat-name{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;min-width:32px}.expand-actor-btn{width:100%;padding:.4rem;background:#d4af371a;border:1px solid var(--gold);border-radius:3px;color:var(--gold);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.expand-actor-btn:hover{background:#d4af3733;box-shadow:0 0 8px #d4af3733}.expanded-detail-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000080}.modal-overlay{position:absolute;inset:0;background:transparent;cursor:pointer}.modal-content{position:relative;z-index:1001;background:linear-gradient(135deg,#1e1914fa,#14120ffa);border:3px solid #8b7355;border-radius:8px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #000000e6;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-section{display:flex;flex-direction:column}.detail-header{position:relative;background:linear-gradient(135deg,#00000080,#d4af371a);border-bottom:2px solid var(--border-color);padding:1.5rem;display:flex;align-items:center;gap:.75rem}.close-btn{position:absolute;top:1rem;right:1rem;width:28px;height:28px;background:#ff6b6b33;border:1px solid #FF6B6B;border-radius:3px;color:#ff6b6b;font-size:1rem;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#ff6b6b4d;transform:scale(1.1)}.detail-header h3{flex:1;margin:0;color:var(--accent);font-size:1.3rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.template-badge,.archetype-badge{background:#d4af3726;border:1px solid var(--gold);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;color:var(--gold)}.detail-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.stat-group{background:#0000004d;border:1px solid var(--border-color);border-radius:4px;padding:1rem}.stat-group h4{margin:0 0 .75rem;font-size:.9rem;text-transform:uppercase;color:var(--gold);letter-spacing:.3px;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.stat-display{display:flex;flex-direction:column;gap:1rem}.stat-item{display:grid;grid-template-columns:60px 1fr;gap:1rem;align-items:center}.stat-item .stat-name{font-size:.85rem;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.stat-bar-detail{flex:1}.base-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.base-stat-item{background:#0000004d;border:1px solid var(--border-color);border-radius:3px;padding:.6rem;font-size:.8rem;display:flex;justify-content:space-between;align-items:center}.base-stat-item span:first-child{color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.7rem}.base-stat-item strong{color:var(--accent);font-size:1rem;font-weight:700}.abilities-list,.trackables-list,.status-list,.equipment-list{display:flex;flex-direction:column;gap:.6rem}.ability-item,.trackable-item,.status-item,.equipment-item{background:#0000004d;border:1px solid var(--border-color);border-radius:3px;padding:.6rem;font-size:.8rem;color:var(--text)}.ability-item{display:flex;justify-content:space-between;align-items:center}.ability-name{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.status-item.debuff{border-left:3px solid #FF6B6B;color:#ff6b6b;font-weight:700}@media(max-width:768px){.modal-content{max-width:90vw;max-height:70vh}.base-stats-grid{grid-template-columns:1fr}.turn-order-compact{max-height:60px}.detail-header{padding:.75rem}.detail-header h3{font-size:1rem}.detail-body{padding:.75rem;gap:.75rem}.stat-group{padding:.6rem}}.status-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.round-badge{background:#d4af3733;border:2px solid var(--gold);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gold);white-space:nowrap}.round-value{display:inline-block;margin-left:.4rem;font-size:1.2rem;color:var(--accent)}.current-actor-info{display:flex;align-items:center;gap:.6rem;flex:1;font-size:1.1rem;font-weight:700}.actor-icon{font-size:1.3rem}.actor-name{color:var(--accent)}.status-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.actor-card{background:#0000004d;border:2px solid var(--border-color);border-radius:6px;padding:.75rem;transition:all .2s ease}.actor-card.hunter-card{border-left:4px solid #4ECDC4;background:linear-gradient(135deg,#4ecdc41a,#0000004d)}.actor-card.enemy-card{border-left:4px solid #FF6B6B;background:linear-gradient(135deg,#ff6b6b1a,#0000004d)}.card-header{font-size:.95rem;font-weight:700;color:var(--accent);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.3px}.card-stat{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem}.stat-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;min-width:28px}@media(max-width:768px){.status-cards{grid-template-columns:1fr}.actor-card{padding:.6rem}.card-header{font-size:.85rem}.card-stat{font-size:.75rem}.stat-label{font-size:.65rem;min-width:24px}}.enemy-toggle-btn{width:100%;padding:.6rem;margin-top:.75rem;background:linear-gradient(135deg,#ff6b6b26,#ff6b6b1a);border:2px solid #FF6B6B;border-radius:4px;color:#ff6b6b;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.enemy-toggle-btn:hover{background:#ff6b6b33;transform:scale(1.02)}.mobile-enemy-panel{background:#ff6b6b1a;border:2px solid #FF6B6B;border-radius:4px;padding:.75rem;margin-top:.75rem}.mobile-enemy-panel .card-stat{margin-bottom:.4rem}.combat-header{background:linear-gradient(135deg,#8b735526,#65543f26);border:2px solid #8b7355;border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 12px #0000004d;margin-bottom:1rem}.combat-info{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;font-size:.95rem;color:var(--text-light)}.round-indicator,.turn-indicator,.initiative-display{padding:.3rem .6rem;background:transparent;border-radius:0;border:none;border-right:1px solid var(--accent);transition:all .2s ease;display:flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0}.round-indicator .label,.turn-indicator .label,.initiative-display .label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.3px}.round-indicator .value,.turn-indicator .value{font-size:1rem;font-weight:700;color:var(--accent)}.turn-indicator.hunter-turn{border-right-color:#4ecdc4;background:transparent;box-shadow:none}.turn-indicator.enemy-turn{border-right-color:#ff6b6b;background:transparent;box-shadow:none}.initiative-display{flex:1;min-width:auto;max-width:none;border-right:none}.turn-order-list{display:flex;gap:.3rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.turn-order-entry{padding:.2rem .4rem;background:#0000004d;border:1px solid var(--border-color);border-radius:3px;font-size:.65rem;font-weight:700;color:var(--text);transition:all .2s ease;cursor:default;white-space:nowrap;flex-shrink:0}.turn-order-entry.active{border-color:var(--accent);background:#d4af3733;color:var(--accent);box-shadow:0 0 10px #d4af3766;animation:pulse 1.5s ease-in-out infinite}.turn-order-entry.acted{opacity:.6;border-style:dashed}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.combatant-card.enemy-card{border:3px solid #FF6B6B;background:linear-gradient(135deg,#ff6b6b1a,#14141ee6);box-shadow:0 4px 12px #ff6b6b33}.combatant-card.enemy-card:hover{box-shadow:0 6px 16px #ff6b6b4d}.combatant-card.enemy-card.active-turn{box-shadow:0 0 30px #ff6b6b99}.focus-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.focus-card{background:linear-gradient(135deg,#ffffff08,#0006);border:2px solid var(--border-color);border-radius:10px;padding:1rem;box-shadow:0 6px 18px #0000004d;min-width:0}.focus-card.hunter-focus{border-color:#4ecdc4;box-shadow:0 6px 18px #4ecdc459}.focus-card.enemy-focus,.focus-card.enemy-slot{border-color:#ff6b6b;box-shadow:0 6px 18px #ff6b6b59}.focus-card-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.focus-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.focus-name{font-size:1.1rem;font-weight:700;color:var(--gold)}.focus-chip{padding:.2rem .5rem;border:1px solid var(--border-color);border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.danger-chip{border-color:#ff6b6b;color:#ff6b6b}.focus-body{display:flex;flex-direction:column;gap:.75rem}.focus-stat-label{font-size:.8rem;color:var(--text-muted)}.focus-stat-bar{display:flex;flex-direction:column;gap:.35rem}.focus-bar-track{width:100%;height:10px;background:#ffffff12;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.focus-bar-hp{height:100%;background:linear-gradient(90deg,#4ecdc4,#2ab7b5);box-shadow:0 0 10px #4ecdc466}.focus-bar-san{height:100%;background:linear-gradient(90deg,#5b9bd5,#4a7fb8);box-shadow:0 0 10px #5b9bd566}.focus-bar-text{font-size:.85rem;color:var(--text)}.focus-meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-muted)}.enemy-fab{position:sticky;bottom:1rem;z-index:20;margin-bottom:1rem}.enemy-fab-toggle{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#ff6b6b33,#0009);border:2px solid #FF6B6B;color:#ffaea9;border-radius:10px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.enemy-fab-panel{margin-top:.5rem;padding:1rem;border-radius:10px;background:#14141ef2;border:2px solid #FF6B6B;box-shadow:0 8px 24px #00000080}.fab-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:var(--text)}.fab-close{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text);padding:.2rem .5rem;cursor:pointer}@media(max-width:900px){.focus-row{grid-template-columns:1fr}}@media(max-width:768px){.focus-row{grid-template-columns:1fr}.focus-meta{gap:.5rem;font-size:.85rem}.focus-name{font-size:1rem}.focus-card{padding:.85rem}.focus-bar-text{font-size:.8rem}.focus-card.enemy-slot{display:none}}.target-selection-banner{margin:1rem auto;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff444426,#0009);border:3px solid #FF4444;border-radius:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #f446;animation:bannerSlideIn .3s ease-out}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.target-info{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:gold}.target-info span:first-child{font-size:1.5rem}.clear-target-btn{padding:.5rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:var(--text);border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease}.clear-target-btn:hover{background:#ff44444d;border-color:#f44;transform:scale(1.05)}.turn-notification-overlay{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1000;animation:slideDownNotification .4s ease-out,fadeOutNotification .5s ease-in 2.5s forwards}@keyframes slideDownNotification{0%{opacity:0;transform:translate(-50%) translateY(-50px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOutNotification{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-30px)}}.turn-notification-content{display:flex;align-items:center;gap:16px;padding:20px 32px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #d4af37;border-radius:16px;box-shadow:0 8px 32px #0009,0 0 40px #d4af374d;min-width:280px}.turn-notification-overlay.hunter .turn-notification-content{border-color:#4ade80;box-shadow:0 8px 32px #0009,0 0 40px #4ade804d}.turn-notification-overlay.enemy .turn-notification-content{border-color:#fc8181;box-shadow:0 8px 32px #0009,0 0 40px #fc81814d}.turn-notification-icon{font-size:3rem;animation:bounceIcon .5s ease-out}@keyframes bounceIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.turn-notification-text{display:flex;flex-direction:column;gap:4px}.turn-notification-label{font-size:.9rem;color:#a0aec0;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.turn-notification-overlay.hunter .turn-notification-label{color:#4ade80}.turn-notification-overlay.enemy .turn-notification-label{color:#fc8181}.turn-notification-name{font-size:1.8rem;font-weight:700;color:#f7fafc;text-shadow:0 2px 8px rgba(0,0,0,.3)}@media(max-width:768px){.turn-notification-content{padding:16px 24px;min-width:240px}.turn-notification-icon{font-size:2.5rem}.turn-notification-name{font-size:1.4rem}}.turn-order-tab,.hunt-progress-tab{position:fixed;right:0;background:linear-gradient(90deg,#8b735533,#8b735566);border:2px solid var(--accent);border-radius:8px 0 0 8px;padding:.75rem .5rem;cursor:pointer;z-index:100;transition:all .3s ease;-webkit-user-select:none;user-select:none}.turn-order-tab{top:6rem;transform:none}.hunt-progress-tab{top:50%;transform:translateY(-50%)}.tab-content{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:40px;max-width:60px}.tab-icon{font-size:1.5rem}.tab-text{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--gold);text-align:center;writing-mode:vertical-rl;text-orientation:mixed}.tab-progress,.tab-round{font-size:.65rem;color:var(--text-muted)}.turn-order-tracker{position:fixed;right:0;top:6rem;transform:none;background:linear-gradient(135deg,#14141ef2,#000000e6);border:2px solid var(--accent);border-radius:8px 0 0 8px;max-height:90vh;overflow-y:auto;z-index:101;transition:all .3s ease;min-width:250px}.turn-order-tracker.minimized{display:none}.turn-order-tracker.collapsed{max-width:300px}.turn-order-tracker.expanded{max-width:320px;box-shadow:0 8px 32px #0009}.tracker-header{padding:.75rem 1rem;border-bottom:1px solid rgba(212,175,55,.3);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.tracker-header h3{margin:0;color:var(--gold);font-size:1.05rem;flex:1}.header-right{display:flex;align-items:center;gap:.5rem}.round-badge{padding:.2rem .5rem;background:#d4af3726;border:1px solid var(--border-color);border-radius:3px;font-size:.75rem;font-weight:700;color:var(--gold);text-transform:uppercase}.minimize-btn{background:transparent;border:1px solid var(--border-color);color:var(--gold);padding:.2rem .5rem;border-radius:3px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.minimize-btn:hover{background:#d4af3733;border-color:var(--gold)}.expand-icon{font-size:.9rem;color:var(--text-muted);transition:transform .2s ease}.current-actor{padding:.75rem 1rem;border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:.5rem}.current-actor-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.current-actor-badge{flex:1;padding:.4rem .6rem;background:#d4af3726;border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:var(--gold)}.current-actor-badge.hunter{border-color:#4ecdc4;background:#4ecdc41a;color:#4ecdc4}.current-actor-badge.enemy{border-color:#ff6b6b;background:#ff6b6b1a;color:#ff6b6b}.actor-icon{font-size:1rem}.turn-order-list-container{padding:.75rem 1rem}.turn-order-list-container h4{margin:0 0 .5rem;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.turn-order-list{display:flex;flex-direction:column;gap:.35rem;max-height:400px;overflow-y:auto}.turn-order-item{padding:.4rem .6rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;gap:.4rem;font-size:.85rem;transition:all .2s ease}.turn-order-item.hunter{border-left-color:#4ecdc4;border-left-width:3px}.turn-order-item.enemy{border-left-color:#ff6b6b;border-left-width:3px}.turn-order-item.active{background:#d4af3733;border-color:var(--gold);box-shadow:0 0 8px #d4af3766;animation:pulse-soft 1.5s ease-in-out infinite}.turn-order-item.acted{opacity:.6}.order-icon{font-size:.95rem;min-width:20px}.order-name{flex:1;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-initiative{font-size:.75rem;color:var(--text-muted);min-width:25px;text-align:right}.order-acted{color:#4ecdc4;font-weight:700}.turn-order-list.mobile{gap:.6rem}.turn-order-item.mobile{flex-direction:column;align-items:flex-start;gap:.25rem}.turn-order-mobile-main{display:flex;align-items:center;gap:.35rem;width:100%}.turn-order-mobile-main .turn-badge{padding:.1rem .35rem;border:1px solid var(--gold);border-radius:4px;background:#d4af3733;color:var(--gold);font-size:.72rem;font-weight:700}.turn-order-mobile-stat{font-size:.8rem;color:var(--text-muted);padding-left:1.5rem}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media(max-width:768px){.turn-order-tracker{min-width:200px;max-width:280px}.tracker-header{padding:.6rem .75rem}.tracker-header h3{font-size:.95rem}.round-badge{font-size:.7rem}.turn-order-list{max-height:300px}.turn-order-item{padding:.3rem .5rem;font-size:.8rem}.turn-order-mobile-main .turn-badge{font-size:.65rem;padding:.1rem .3rem}.turn-order-mobile-stat{font-size:.75rem}.order-initiative{min-width:20px}}.hunter-selection-panel{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-md)}.selection-header{text-align:center;margin-bottom:var(--space-lg)}.selection-header h2{font-size:var(--font-size-2xl);margin-bottom:.25rem;color:var(--accent)}.selection-subtitle{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.selection-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:nowrap;min-height:2.5rem}.team-size-inline{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);white-space:nowrap;align-self:center}.team-size-inline .size-label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-md)}.team-size-inline .size-value{font-size:var(--font-size-lg);font-weight:700;padding:.25rem .5rem;border-radius:4px;background:var(--success);color:#fff}.team-size-inline .size-value.warning{background:var(--warning)}.team-size-inline .size-warning{font-size:var(--font-size-xs);color:var(--warning);font-weight:600}.team-stats-panel{background:var(--surface);border:2px solid var(--border);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.team-size-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-size-lg)}.size-label{font-weight:600;color:var(--text-primary)}.size-value{font-size:var(--font-size-xl);font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:4px;background:var(--success);color:#fff}.size-value.warning{background:var(--warning)}.size-warning{font-size:var(--font-size-sm);color:var(--warning);font-weight:600}.team-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.stat-card{background:var(--background);border:1px solid var(--border);border-radius:6px;padding:var(--space-md);text-align:center;display:flex;flex-direction:column;gap:var(--space-xs)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.stat-card .stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--accent)}.stat-card .stat-avg{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.team-stats-horizontal{display:flex;flex-direction:row;gap:var(--space-lg);justify-content:center;align-items:stretch;margin-top:var(--space-md)}.team-stats-horizontal .stat-card{background:var(--background);border:1px solid var(--border);border-radius:6px;padding:var(--space-md) var(--space-lg);text-align:center;display:flex;flex-direction:column;gap:2px;min-width:80px}@media(max-width:768px){.team-stats-horizontal{flex-direction:row;flex-wrap:nowrap;gap:var(--space-sm);align-items:stretch;overflow-x:auto;padding-bottom:.5rem}.team-stats-horizontal .stat-card{min-width:110px;width:auto}}.selection-controls{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.search-bar{width:100%;display:flex;align-items:center;gap:var(--space-sm)}.search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:2px solid var(--border);background:var(--background);color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.search-toggle:hover{border-color:var(--accent);color:var(--accent)}.search-input{flex:1;padding:var(--space-md);font-size:var(--font-size-md);border:2px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--accent)}.filter-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s;text-transform:capitalize}.filter-btn:hover{border-color:var(--accent);background:var(--surface)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.sort-controls{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.sort-controls label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.sort-select{padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:6px;background:#000000d9;color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.sort-select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.hunter-selection-panel .hunters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);width:100%;align-items:start;justify-items:stretch}.no-results{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-size:var(--font-size-lg)}.hunter-selection-card{position:relative;background:var(--surface);border:none;border-radius:0;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:0;width:100%;height:auto;aspect-ratio:2 / 3;perspective:1000px;overflow:hidden}.hunter-selection-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003;border-color:var(--accent)}.hunter-selection-card.selected{border-color:var(--success);background:linear-gradient(135deg,var(--surface) 0%,rgba(34,197,94,.1) 100%);box-shadow:0 0 20px #22c55e4d}.hunter-selection-card.assigned-self{border-color:var(--success);box-shadow:0 0 18px #22c55e59}.hunter-selection-card.assigned-other{opacity:.6;filter:grayscale(.9)}.hunter-selection-card.assigned-other:hover{transform:none;box-shadow:none;border-color:var(--border)}.hunter-selection-card.unlockable{opacity:.8;border-style:dashed}.hunter-selection-card.unlockable:not(.selected){background:repeating-linear-gradient(45deg,var(--surface),var(--surface) 10px,var(--background) 10px,var(--background) 20px)}.card-container{position:relative;width:100%;height:100%;min-height:0;border-radius:8px;overflow:hidden}.card-image-container{position:relative;width:100%;flex:1;display:flex;align-items:stretch;justify-content:stretch;background:var(--background);border-radius:0;overflow:hidden;min-height:0;aspect-ratio:2 / 3}.hunter-selection-card .card-image-container{flex:1;min-height:0}.modal-card-size .card-image-container{flex:1;min-height:0;max-height:none}.card-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.card-fallback{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.rotate-btn{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:100;width:60px;height:60px;border-radius:50%;background:#22c55ee6;border:3px solid rgba(255,255,255,.4);color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));padding:0;pointer-events:auto!important}.rotate-btn:hover{transform:translate(-50%) scale(1.15);background:#22c55e;filter:drop-shadow(0 6px 16px rgba(0,0,0,.8));border-color:#fffc}.rotate-btn:active{transform:translate(-50%) scale(.95)}.expand-btn{position:absolute;top:12px;right:12px;z-index:100;width:50px;height:50px;border-radius:50%;background:#000000b3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));padding:0;pointer-events:auto!important}.expand-btn:hover{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(0,0,0,.7));background:#000000d9}.card-click-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1;background:transparent;border:none}.card-click-overlay:hover{background:#ffffff0d}.rotate-btn{position:relative;z-index:20;pointer-events:auto}.selection-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);width:50px;height:50px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #00000080;z-index:100}.select-hunter-btn{position:absolute;top:12px;left:12px;z-index:100;padding:8px 16px;border-radius:6px;background:var(--primary);border:2px solid rgba(255,255,255,.3);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:auto!important}.select-hunter-btn:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(0,0,0,.7));background:var(--accent);border-color:#ffffff80}.select-hunter-btn.deselect{background:var(--success)}.select-hunter-btn.deselect:hover{background:var(--danger)}.hunter-name-section{display:none;flex-direction:column;gap:var(--space-xs);border-bottom:1px solid var(--border);padding-bottom:var(--space-xs)}.hunter-name{font-size:var(--font-size-md);font-weight:700;color:var(--accent);margin:0}.unlock-badge{font-size:var(--font-size-sm);color:var(--warning);font-weight:600}.assigned-user-badge{display:none;background:var(--primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:4px;font-size:var(--font-size-sm);font-weight:600;text-align:center}.hunter-stats-grid{display:none;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs);background:var(--background);border:1px solid var(--border);border-radius:4px}.stat-icon{font-size:16px}.stat-box .stat-value{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.stat-box .stat-label{font-size:10px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.hunter-arsenal{display:none;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);background:var(--background);border:1px solid var(--border);border-radius:4px}.arsenal-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.arsenal-label{font-weight:600;color:var(--text-secondary)}.arsenal-value{font-weight:700;color:var(--accent);font-family:Courier New,monospace}.signature-ability{padding:var(--space-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border-radius:6px;font-size:var(--font-size-sm)}.signature-ability strong{display:block;margin-bottom:var(--space-xs)}.ability-desc{font-size:var(--font-size-sm);opacity:.9;margin:0;font-style:italic}.floating-confirm-button{position:fixed;bottom:2rem;left:0;right:0;display:flex;justify-content:center;padding:0 1rem;z-index:1000;animation:slideInFromBottom .4s cubic-bezier(.68,-.55,.265,1.55)}.floating-confirm-button .btn{box-shadow:0 8px 24px #0006;border:3px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:auto;width:100%;max-width:420px;padding:1rem 1.5rem;font-size:1.1rem;white-space:nowrap;text-align:center}.floating-confirm-button .btn:hover{transform:scale(1.08);box-shadow:0 12px 32px #00000080;border-color:#fff9}.floating-confirm-button .btn:active{transform:scale(.98)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.selection-actions{display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface);border:2px solid var(--border);border-radius:8px;position:sticky;bottom:0;z-index:100;box-shadow:0 -4px 12px #0000001a}.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);font-weight:700;min-width:250px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;gap:var(--space-md)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.error-state h3{color:var(--danger);margin:0}.hunter-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.hunter-modal-card{background:transparent;border-radius:0;position:relative;padding:0;width:auto;height:auto;max-width:100vw;max-height:90vh;overflow:visible;display:flex;align-items:center;justify-content:center}.modal-card-size{width:auto;height:90vh;max-width:100%;aspect-ratio:2/3;margin:0}@media(max-width:768px){.hunter-modal-card{padding:0;max-width:95vw;max-height:95vh;width:auto;height:auto}.modal-card-size{width:auto;height:95vh;max-width:95vw;max-height:95vh;aspect-ratio:2/3}.modal-card-size .card-front,.modal-card-size .card-back{position:absolute;width:100%;height:100%;gap:0;padding:0}.modal-card-size .card-image-container{flex:1;min-height:0;max-height:none}}@media(min-width:769px){.modal-card-size{width:auto;height:90vh;max-width:60vw}.modal-card-size .card-front,.modal-card-size .card-back{position:absolute;width:100%;height:100%;gap:0;padding:0}.modal-card-size .card-image-container{flex:1;min-height:0;max-height:none}}.modal-close-btn{position:fixed;top:1.5rem;right:1.5rem;width:50px;height:50px;border-radius:50%;background:#000c;border:2px solid rgba(255,255,255,.3);color:var(--text-primary);font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001;line-height:1}.modal-close-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:scale(1.1)}.modal-keyboard-hints{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fffc;font-size:.875rem;text-align:center;z-index:1001;animation:slideUp .3s ease}.modal-keyboard-hints p{margin:0;line-height:1.4}.modal-keyboard-hints kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 6px;font-family:monospace;margin:0 2px;display:inline-block}@media(max-width:768px){.modal-keyboard-hints{font-size:.75rem;padding:10px 12px;bottom:1rem}.modal-keyboard-hints kbd{padding:1px 4px}}.hunter-modal-overlay .modal-close-tip{display:none!important}.party-nav{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);background:var(--surface);border-radius:8px;padding:var(--space-md) var(--space-lg);box-shadow:0 2px 8px #00000014}.party-nav-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 1px 4px #00000014}.party-nav-btn:hover{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0000002e}@media(max-width:768px){.party-nav{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.party-nav-btn{width:100%;font-size:15px;padding:10px 0}}@media(max-width:768px){.hunter-selection-panel{padding:var(--space-sm)}.hunter-selection-panel .hunters-grid{grid-template-columns:1fr!important;gap:var(--space-md);max-width:100%}.hunter-selection-card{max-width:100%;width:100%;margin:0 auto;height:auto;aspect-ratio:2 / 3;display:flex;flex-direction:column}.card-flip-container{width:100%;height:100%;min-height:0}.card-front,.card-back{position:relative;width:100%;height:auto}.card-image{object-fit:cover}.team-stats-grid{grid-template-columns:repeat(2,1fr)}.filter-buttons{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;gap:.5rem}.filter-btn{width:auto;white-space:nowrap}.sort-controls{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:.75rem}.sort-select{width:auto;min-width:160px}.sort-controls label{margin:0;white-space:nowrap}.sort-controls .checkbox{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.selection-actions{flex-direction:column;align-items:center;padding-bottom:120px}.btn-large{width:100%}.floating-confirm-button{bottom:1rem;left:0;right:0;transform:none;display:flex;justify-content:center;padding:0 1rem}.floating-confirm-button .btn{min-width:auto;padding:.875rem 1.25rem;font-size:1rem}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50%) translateY(50px) scale(.8)}to{opacity:1;transform:translate(50%) translateY(0) scale(1)}}}@media(min-width:769px)and (max-width:1024px){.hunter-selection-panel .hunters-grid{grid-template-columns:repeat(2,1fr)}.team-stats-grid{grid-template-columns:repeat(3,1fr)}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center}.loading-state h2{color:#d4af37;margin-bottom:15px;font-size:24px}.loading-state p{color:#8b7355;font-size:16px;animation:pulse 2s ease-in-out infinite}.error-state h2{color:#dc2626;margin-bottom:15px;font-size:24px}.error-state p{color:#e5e5e5;font-size:16px;background:#dc26261a;padding:15px 20px;border-radius:8px;border:1px solid #dc2626;max-width:600px}.party-member-notice,.party-caretaker-notice{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:15px;font-weight:500}.party-member-notice{background:#3b82f626;border:1px solid #3b82f6;color:#93c5fd}.party-caretaker-notice{background:#f59e0b26;border:1px solid #f59e0b;color:#fcd34d}.ready-status-note{margin-top:12px;padding:8px 12px;background:#22c55e26;border:1px solid #22c55e;border-radius:6px;color:#86efac;font-size:14px;text-align:center}.hunter-tracker-view{padding:2rem;max-width:100%;overflow-x:hidden;width:100%;box-sizing:border-box}.tracker-layout{display:grid;grid-template-columns:1fr;gap:2rem;max-width:100%;width:100%;box-sizing:border-box}margin-top: 2rem; } .tracker-sidebar{display:flex;flex-direction:column;gap:1.5rem}.hunter-tabs{display:flex;flex-direction:column;gap:1rem}.hunter-tab{background:#8b73551a;border:2px solid #8b7355;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left}.hunter-tab:hover{background:#8b735533;border-color:#d4af37;transform:translate(5px)}.hunter-tab.active{background:#d4af3733;border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.tab-hunter-name{font-weight:700;color:#d4af37;margin-bottom:.5rem;font-size:1.1rem;display:flex;flex-direction:column;gap:.25rem}.tab-user-badge{font-size:.75rem;color:#64b5f6;font-weight:600;background:#0096ff26;padding:.2rem .5rem;border-radius:4px;display:inline-block;margin-top:.25rem}.tab-hunter-hp{font-size:.9rem;color:#e5e5e5;display:flex;align-items:center;gap:.5rem}.hp-bar-mini{flex:1;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin-right:8px}.hp-fill-mini{height:100%;display:block;transition:width .3s ease,background .3s ease}.hp-fill-mini.hp-healthy,.hp-fill.hp-healthy{background:linear-gradient(90deg,#22c55e,#16a34a)}.hp-fill-mini.hp-wounded,.hp-fill.hp-wounded{background:linear-gradient(90deg,#eab308,#ca8a04)}.hp-fill-mini.hp-critical,.hp-fill.hp-critical{background:linear-gradient(90deg,#dc2626,#ef4444);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.hp-text{white-space:nowrap}.hp-percentage{opacity:.7;font-size:.85em;margin-left:4px}.hunter-tab.incapacitated{opacity:.6;background:linear-gradient(135deg,#1a1a1a,#2d0d0d);border-color:#dc2626}.death-marker{animation:pulse-death 1.5s ease-in-out infinite;margin-right:4px}@keyframes pulse-death{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.incapacitation-warning{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#dc262633,#b91c1c4d);border:2px solid #dc2626;border-radius:8px;margin-bottom:1rem;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 10px #dc262680}50%{box-shadow:0 0 20px #dc2626cc}}.death-icon{font-size:2.5rem;animation:pulse-death 1.5s ease-in-out infinite}.warning-text{flex:1}.warning-text strong{display:block;font-size:1.2rem;color:#fca5a5;margin-bottom:.25rem}.warning-text p{margin:0;color:#fef2f2;font-size:.9rem}.hunter-sheet.incapacitated{filter:grayscale(.4);opacity:.95}.hunter-sheet{background:#8b73551a;border:2px solid #8b7355;border-radius:12px;padding:2rem;max-width:100%;overflow-x:hidden;box-sizing:border-box}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:2px solid #d4af37;margin-bottom:2rem}.hunter-name-section h3{color:#d4af37;font-size:2rem;margin:0 0 .5rem}.hunter-cp{color:#8b7355;font-size:1rem}.hunter-controller{background:#0096ff26;border:1px solid rgba(100,181,246,.3);border-radius:6px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem}.controller-label{color:#90caf9;font-size:.9rem;font-weight:600}.controller-name{color:#64b5f6;font-size:1rem;font-weight:700}.read-only-banner{background:#ff980026;border:2px solid rgba(255,152,0,.5);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.banner-icon{font-size:1.25rem}.banner-text{color:#ffb74d;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hunter-arsenal{color:#e5e5e5;font-size:1.1rem}.sheet-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.hp-tracker,.san-tracker{background:#0003;border-radius:8px;padding:1rem}.san-tracker{padding:.75rem}.sheet-stats>.hp-tracker{grid-column:1}.sheet-stats>.san-tracker{grid-column:2}@media(max-width:768px){.sheet-stats{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.sheet-stats>.hp-tracker{grid-column:1}.sheet-stats>.san-tracker{grid-column:1}}.stat-tracker{background:#0003;border-radius:8px;padding:1rem}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.stat-label{font-weight:700;color:#d4af37;font-size:.95rem}.stat-value{color:#e5e5e5;font-size:.95rem}.stat-bar{height:12px;background:#0000004d;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.stat-fill{height:100%;transition:width .3s ease}.hp-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.san-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.5rem;max-width:100%;width:100%;box-sizing:border-box}.stat-controls .full-heal-btn{grid-column:1 / -1;margin-top:.15rem;width:100%}.san-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.5rem;max-width:100%;width:100%;box-sizing:border-box}.san-controls .full-heal-btn{grid-column:1 / -1;margin-top:.15rem;width:100%}.stat-controls button{background:#8b73554d;border:1px solid #8b7355;color:#e5e5e5;padding:.5rem .7rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.85rem;min-width:0;width:100%}.san-controls button,.stat-controls button{background:#8b73554d;border:1px solid #8b7355;color:#e5e5e5;padding:.5rem .7rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.85rem;min-width:0;width:100%;box-sizing:border-box}.stat-controls button:hover,.san-controls button:hover{background:#d4af374d;border-color:#d4af37;transform:translateY(-2px)}.stat-controls button:disabled,.san-controls button:disabled{opacity:.4;cursor:not-allowed;background:#64646433!important;border-color:#6464644d!important;color:#c8c8c880!important;transform:none!important;box-shadow:none!important}.stat-controls button:disabled:hover,.san-controls button:disabled:hover{transform:none!important;background:#64646433!important}.stat-controls .damage-btn{background:linear-gradient(135deg,#dc262680,#b91c1c80);border-color:#dc2626;color:#fef2f2}.stat-controls .damage-btn:hover{background:linear-gradient(135deg,#ef4444b3,#dc2626b3);border-color:#ef4444}.stat-controls .heal-btn{background:linear-gradient(135deg,#22c55e80,#16a34a80);border-color:#22c55e;color:#f0fdf4}.stat-controls .heal-btn:hover{background:linear-gradient(135deg,#4ade80b3,#22c55eb3);border-color:#4ade80}.san-controls .san-btn{background:linear-gradient(135deg,#8b735580,#65543f80);border-color:#8b7355;color:#f5f5f5}.san-controls .san-btn:hover{background:linear-gradient(135deg,#d4af3766,#8b735599);border-color:#d4af37}.stat-controls .full-heal-btn,.san-controls .full-heal-btn{background:linear-gradient(135deg,#3b82f680,#2563eb80);border-color:#3b82f6;color:#eff6ff}.stat-controls .full-heal-btn:hover,.san-controls .full-heal-btn:hover{background:linear-gradient(135deg,#60a5fab3,#3b82f6b3);border-color:#60a5fa}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(212,175,55,.2)}.stat-box-large{background:#0003;border-radius:8px;padding:.75rem;text-align:center;flex:1}.stat-box-large .stat-label{display:block;margin-bottom:.2rem;color:#d4af37;font-weight:700;font-size:.85rem}.stat-box-large .stat-value{font-size:1.5rem;font-weight:700;color:#e5e5e5}.sheet-section{background:#0003;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.sheet-section h4{color:#d4af37;font-size:1.3rem;margin-bottom:1rem;border-bottom:1px solid #8b7355;padding-bottom:.5rem}.abilities-list{display:grid;gap:1rem}.ability-card{background:#8b735533;border-left:4px solid #8b7355;border-radius:4px;padding:1rem}.ability-card.ability-action{border-left-color:#ef4444}.ability-card.ability-interrupt{border-left-color:#f59e0b}.ability-card.ability-passive{border-left-color:#10b981}.ability-name{font-weight:700;color:#d4af37;font-size:1.1rem}.ability-type{background:#d4af3733;color:#d4af37;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:700}.ability-description{color:#e5e5e5;line-height:1.6;margin-bottom:.75rem}.ability-details{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem}.ability-cooldown,.ability-cost,.ability-uses{background:#0000004d;padding:.25rem .75rem;border-radius:4px;color:#8b7355}.equipment-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.equipment-item{background:#8b735533;border-radius:4px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;color:#e5e5e5}.btn-remove-small{background:#dc26264d;border:1px solid #dc2626;color:#dc2626;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-remove-small:hover{background:#dc262680;transform:scale(1.1)}.btn-remove-small:disabled,.equipment-item button.btn-danger:disabled,.equipment-item button.btn-sm:disabled{opacity:.3;cursor:not-allowed;background:#64646433!important;border-color:#6464644d!important;transform:none!important}.btn-remove-small:disabled:hover,.equipment-item button.btn-danger:disabled:hover,.equipment-item button.btn-sm:disabled:hover{transform:none!important}.add-equipment input{width:100%;background:#0000004d;border:1px solid #8b7355;border-radius:4px;padding:.75rem;color:#e5e5e5;font-size:1rem}.add-equipment input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 10px #d4af374d}.add-equipment input:disabled{opacity:.5;cursor:not-allowed;background:#00000080;color:#c8c8c880}.status-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.status-column h4{border:none;margin-bottom:.75rem;font-size:1.1rem}.status-list{display:flex;flex-wrap:wrap;gap:.5rem}.status-tag{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700}.buff-tag{background:#10b98133;border:1px solid #10b981;color:#10b981}.debuff-tag{background:#dc262633;border:1px solid #dc2626;color:#dc2626}.hunter-notes{width:100%;min-height:150px;background:#0000004d;border:1px solid #8b7355;border-radius:4px;padding:1rem;color:#e5e5e5;font-size:1rem;font-family:inherit;resize:vertical}.hunter-notes:focus{outline:none;border-color:#d4af37;box-shadow:0 0 10px #d4af374d}.hunter-notes:disabled{opacity:.5;cursor:not-allowed;background:#00000080;color:#c8c8c880}.tracker-dice-roller{width:100%;max-width:400px}.empty-state{text-align:center;padding:4rem 2rem;background:#8b73551a;border:2px dashed #8b7355;border-radius:12px;margin-top:2rem}.empty-state p{color:#e5e5e5;font-size:1.2rem;margin-bottom:1rem}.empty-state .tracker-inline-link{padding:0;margin:0;display:inline;line-height:inherit;font-style:italic}@media(max-width:1024px){.tracker-layout{grid-template-columns:1fr}.hunter-tabs{flex-direction:row;overflow-x:auto;max-width:100%}.hunter-tab{min-width:200px;flex-shrink:0}.status-section{grid-template-columns:1fr}.tracker-dice-roller{max-width:100%}}@media(max-width:768px){.hunter-tracker-view{padding:.5rem}.tracker-layout{gap:1rem;margin-top:1rem}.hunter-tabs{flex-direction:row;gap:.75rem;overflow-x:auto}.hunter-tab{min-width:140px;padding:.75rem;font-size:.9rem}.tab-hunter-name{font-size:.95rem}.tab-hunter-hp{font-size:.8rem}.hunter-sheet{padding:.75rem;border-width:1px;border-radius:8px}.sheet-section{padding:.75rem;margin-bottom:1rem}.sheet-stats{gap:1rem}.sheet-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.hunter-name-section h3{font-size:1.3rem}.hunter-cp,.hunter-arsenal{font-size:.9rem}.stat-row{grid-template-columns:1fr}.stat-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.san-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.stat-controls button,.san-controls button{width:100%;min-width:0;font-size:.75rem;padding:.5rem .3rem}.stat-controls .full-heal-btn,.san-controls .full-heal-btn{grid-column:1 / -1;margin-top:.2rem}.stat-tracker,.hp-tracker,.san-tracker{padding:.5rem}.stat-header{margin-bottom:.4rem}.stat-label{font-size:.75rem}.stat-value{font-size:.85rem}.stat-bar{height:10px;margin-bottom:.5rem}.tracker-dice-roller{max-width:100%}}@media(max-width:400px){.hunter-tracker-view{padding:.25rem}.hunter-sheet{padding:.5rem;border-radius:6px}.sheet-section{padding:.5rem;margin-bottom:.75rem}.sheet-header{gap:.5rem;margin-bottom:.75rem}.hunter-name-section h3{font-size:1.1rem}.hunter-cp{font-size:.8rem}.stat-label{font-size:.7rem}.stat-value{font-size:.8rem}.stat-bar{height:8px;margin-bottom:.4rem}.hp-tracker,.san-tracker{padding:.4rem}.sheet-stats{gap:.5rem;margin-bottom:.75rem}.stat-controls button,.san-controls button{width:100%;min-width:0;font-size:.7rem;padding:.4rem .25rem}.stat-controls .full-heal-btn,.san-controls .full-heal-btn{font-size:.75rem;padding:.5rem}.hunter-sheet,.sheet-section{padding:.5rem}}@media(min-width:1400px){.hunter-tracker-view{padding:2rem}.tracker-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,2fr);gap:2rem;align-items:start}.tracker-sidebar{display:flex;flex-direction:column;gap:1.5rem;grid-column:1;grid-row:1 / -1}.hunter-tabs{flex-direction:column;gap:1rem;max-height:calc(100vh - 400px);overflow-y:auto}.hunter-tab{min-width:auto;width:100%}.tracker-dice-roller{max-width:100%;grid-column:1}.hunter-sheet{grid-column:2;grid-row:1;max-height:calc(100vh - 300px);overflow-y:auto}}.hunter-detail-view{display:flex;flex-direction:column;height:100vh;width:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:var(--text-primary);overflow-y:auto;position:relative}.hunter-detail-header{position:relative;display:none;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#00000080;border-bottom:2px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-shrink:0}.hunter-detail-header .header-content{display:flex;align-items:center;gap:1rem}.hunter-detail-header h1{margin:0;font-size:2rem;color:var(--accent);text-shadow:0 2px 8px rgba(0,0,0,.8)}.hunter-detail-header .unlock-badge{background:#ffc10733;border:1px solid var(--warning);color:var(--warning);padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:600}.close-btn{display:none}transform: scale(1.1); } .hunter-detail-content{flex:1;display:flex;align-items:center;justify-content:center;padding:0;min-height:0}.card-wrapper{position:relative;width:100%;max-width:1800px;height:100%;max-height:calc(100vh - 20px);display:flex;align-items:center;justify-content:center}.detail-card-container{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #000c;display:flex;align-items:center;justify-content:center}.card-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.detail-card-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:8px;max-height:100%}.image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;font-size:1.2rem;font-weight:700;border-radius:8px;text-align:center;padding:1rem}.detail-selection-badge{position:absolute;top:12px;right:12px;width:50px;height:50px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #00000080;z-index:20}.detail-flip-btn{position:absolute;bottom:16px;left:16px;z-index:30;width:70px;height:70px;border-radius:50%;background:#22c55ef2;border:3px solid rgba(255,255,255,.4);color:#fff;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));padding:0;pointer-events:auto!important}.detail-flip-btn:hover{transform:scale(1.15);background:#22c55e;filter:drop-shadow(0 8px 20px rgba(0,0,0,.8));border-color:#fffc}.detail-close-btn{position:absolute;bottom:16px;right:16px;z-index:30;width:70px;height:70px;border-radius:50%;background:#dc2626f2;border:3px solid rgba(255,255,255,.4);color:#fff;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 6px 16px rgba(0,0,0,.6));padding:0;pointer-events:auto!important;line-height:1}.detail-close-btn:hover{transform:scale(1.15);background:#dc2626;filter:drop-shadow(0 8px 20px rgba(0,0,0,.8));border-color:#fffc}.detail-flip-btn:active{transform:translate(-50%) scale(.95)}.detail-select-btn{position:absolute;top:12px;left:12px;padding:.75rem 1.5rem;background:#000000b3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s;z-index:20;font-size:.9rem}.detail-select-btn:hover{background:#000000d9;border-color:#fff;transform:scale(1.05)}.detail-select-btn.selected{background:var(--success);border-color:var(--success);color:#fff}.detail-keyboard-hints{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#ffffffd9;font-size:.8rem;text-align:center;z-index:15;animation:slideUp .3s ease;pointer-events:none;display:none}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.detail-keyboard-hints p{margin:0;line-height:1.4}.detail-keyboard-hints kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 6px;font-family:monospace;margin:0 2px;display:inline-block;font-size:.85em}.hunter-detail-header,.hunter-detail-header .header-content,.hunter-detail-header h1,.hunter-detail-header .unlock-badge{display:none}grid-template-columns: 1fr 1fr; gap: 1rem; } .stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:6px}.stat-icon{font-size:1.5rem}.stat-item div{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--accent)}.arsenal-info{display:flex;flex-direction:column;gap:1rem}.arsenal-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:6px}.arsenal-icon{font-size:1.5rem}.arsenal-item div{display:flex;flex-direction:column;gap:.25rem}.arsenal-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.arsenal-value{font-size:1rem;color:var(--text-primary);font-weight:500}.cp-value{font-size:2rem;font-weight:700;color:var(--accent);text-align:center;padding:1rem;background:#22c55e1a;border-radius:6px;border:1px solid rgba(34,197,94,.3)}@media(max-width:768px){.hunter-detail-view{height:100%}.hunter-detail-header{display:flex;padding:1.5rem;flex-direction:column;gap:1rem;text-align:center}.hunter-detail-header h1{font-size:1.75rem}.hunter-detail-header .header-content{flex-direction:column;width:100%;justify-content:center}.hunter-detail-content{padding:.5rem}.card-wrapper{max-height:calc(100vh - 180px)}.detail-flip-btn,.detail-close-btn{width:60px;height:60px;font-size:28px}.detail-keyboard-hints,.hunter-info-panel{display:none}}@media(max-width:480px){.hunter-detail-header h1{font-size:1.25rem}.close-btn{width:40px;height:40px;font-size:1.4rem}.hunter-detail-content{padding:.5rem}.card-wrapper{max-height:calc(100vh - 160px)}.detail-flip-btn,.detail-close-btn{width:50px;height:50px;font-size:24px;bottom:10px}.detail-select-btn{padding:.5rem 1rem;font-size:.8rem}.stats-grid{grid-template-columns:1fr}}.save-load-modal{max-width:800px;min-height:500px}.save-load-modal h2{margin-bottom:1.5rem;color:var(--gold);text-align:center}.mode-selector{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.mode-selector button{flex:1;padding:.75rem 1rem;background:#0000004d;border:2px solid var(--border-color);border-radius:6px;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mode-selector button:hover{background:#0006;border-color:var(--gold);color:var(--text)}.mode-selector button.mode-active{background:#d4af3733;border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #d4af3733}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.tabs button{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tabs button:hover{color:var(--text);background:#d4af371a}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold);background:#d4af3726}.save-section,.load-section,.cloud-section,.party-saves-section{margin-bottom:2rem}.party-saves-section{padding:1rem;background:#0003;border-radius:8px}.info-notice{background:#d4af371a;border-left:4px solid var(--gold);padding:1rem;margin-bottom:1.5rem;border-radius:4px}.info-notice p{margin:.5rem 0;color:var(--text);font-size:.9rem;line-height:1.4}.info-notice strong{color:var(--gold);font-weight:700}.party-list{min-height:200px;display:flex;align-items:center;justify-content:center}.placeholder-text{color:var(--text-muted);font-size:1rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--accent);font-weight:600;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;background:#000000d9;border:2px solid var(--border-color);border-radius:6px;color:#fff;font-size:1rem;font-weight:500;transition:all .2s ease}.form-group select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold);background:#000000e6;box-shadow:0 0 0 3px #d4af371a}.form-group input::placeholder{color:var(--text-muted);opacity:.6}.checkbox-group{display:flex;align-items:center;gap:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;margin:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--gold)}.checkbox-group span{color:var(--text);font-weight:400}.saves-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.saves-list::-webkit-scrollbar{width:8px}.saves-list::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.saves-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.saves-list::-webkit-scrollbar-thumb:hover{background:var(--gold)}.save-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#0000004d,#14141466);border:2px solid var(--border-color);border-radius:8px;transition:all .2s ease}.save-item:hover{border-color:var(--accent);background:linear-gradient(135deg,#8b000033,#14141480);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.save-item.cloud-save{border-left:4px solid #4299e1}.save-item.cloud-save:hover{border-left-color:#63b3ed;box-shadow:0 4px 12px #4299e14d}.save-info{flex:1}.save-info h4{margin:0 0 .5rem;color:var(--gold);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.auto-save-badge{display:inline-block;padding:.15rem .5rem;background:#4299e133;border:1px solid #4299e1;border-radius:4px;font-size:.7rem;color:#63b3ed;font-weight:700;text-transform:uppercase}.save-date,.save-details,.save-device{margin:.25rem 0;font-size:.85rem;color:var(--text-muted)}.save-details{font-size:.8rem;opacity:.8}.save-device{font-size:.75rem;font-style:italic;opacity:.6}.btn-primary,.btn-secondary,.btn-load,.btn-delete,.btn-close,.btn-cancel{padding:.65rem 1.25rem;border:2px solid;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),#A00000);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a00000,#c00000);border-color:#a00000;transform:translateY(-2px);box-shadow:0 4px 12px #8b000066}.btn-secondary{background:#4a4a4a99;border-color:#4a4a4a;color:#fff}.btn-secondary:hover:not(:disabled){background:#4a4a4acc;border-color:#5a5a5a;transform:translateY(-2px);box-shadow:0 4px 12px #4a4a4a80}.btn-load{background:linear-gradient(135deg,#2e5090,#3d6bb8);border-color:#2e5090;color:#fff}.btn-load:hover{background:linear-gradient(135deg,#3d6bb8,#4a7fb8);border-color:#3d6bb8;transform:translateY(-2px);box-shadow:0 4px 12px #2e509066}.btn-delete{background:transparent;border-color:#8b0000;color:#ff6b6b}.btn-delete:hover{background:#8b00004d;border-color:#a00000;transform:translateY(-2px);box-shadow:0 4px 12px #8b000066}.btn-close,.btn-cancel{background:transparent;border-color:var(--border-color);color:var(--text);margin-top:1rem;width:100%}.btn-close:hover,.btn-cancel:hover{background:#ffffff0d;border-color:var(--gold);color:var(--gold)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.error-message,.success-message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-weight:600}.error-message{background:#8b000033;border:2px solid #8B0000;color:#ff6b6b}.success-message{background:#2d501633;border:2px solid #2D5016;color:#4ecdc4}.no-saves{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.no-saves p{margin:.5rem 0}.no-saves .hint{font-size:.85rem;opacity:.7;font-style:italic;max-width:400px;margin:1rem auto 0}.loading-indicator{text-align:center;padding:2rem;color:var(--accent);font-size:1.1rem}.conflict-dialog-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.conflict-dialog{background:linear-gradient(135deg,#141414f2,#000000f2);border:3px solid var(--gold);border-radius:12px;padding:2rem;max-width:600px;width:90%;box-shadow:0 10px 40px #000c}.conflict-dialog h3{margin:0 0 1rem;color:orange;text-align:center;font-size:1.4rem}.conflict-dialog>p{text-align:center;color:var(--text);margin-bottom:2rem;font-size:1rem}.conflict-options{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;margin-bottom:2rem}.conflict-option{background:#0006;border:2px solid var(--border-color);border-radius:8px;padding:1.5rem 1rem;text-align:center;transition:all .2s ease}.conflict-option:hover{border-color:var(--accent);background:#8b000033}.conflict-option h4{margin:0 0 .75rem;color:var(--gold);font-size:1.1rem}.conflict-date{color:var(--text);font-size:.9rem;margin:.5rem 0}.conflict-info{color:var(--text-muted);font-size:.85rem;margin:.5rem 0 1rem}.conflict-option button{width:100%;margin-top:.5rem}.conflict-divider{display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:1.2rem}@media(max-width:768px){.save-load-modal{max-width:95%;margin:1rem}.tabs{flex-direction:column}.tabs button{border-bottom:2px solid transparent;border-left:3px solid transparent}.tabs button.active{border-left-color:var(--gold)}.save-item{flex-direction:column;gap:1rem}.save-actions{width:100%}.save-actions button{flex:1}.conflict-options{grid-template-columns:1fr;grid-template-rows:auto auto auto}.conflict-divider{transform:rotate(90deg)}}.chat-panel{display:flex;flex-direction:column;height:100%;max-height:550px;background:linear-gradient(to bottom,#1a1a2ef2,#16213ef2);border:1px solid rgba(200,150,100,.2);border-radius:10px;overflow:hidden}.chat-header{display:none}.chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-height:200px;max-height:400px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#1a202c;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#718096}.chat-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#a0aec0;font-style:italic}.chat-message{padding:10px 12px;background:#2d3748;border-radius:8px;border-left:3px solid #4299e1;animation:slideInMessage .2s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{background:#1e3a5f;border-left:3px solid #63b3ed;margin-left:auto;max-width:80%}.chat-message.system-message{background:#2d2d2d;border-left:3px solid #fbbf24;text-align:center;font-style:italic;color:#fbbf24}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:12px}.message-author{font-weight:600;color:#63b3ed;font-size:.9rem;display:flex;align-items:center;gap:4px}.caretaker-crown{font-size:14px;filter:drop-shadow(0 0 3px rgba(255,215,0,.6));margin-left:2px}.own-message .message-author{color:#90cdf4}.message-meta{display:flex;align-items:center;gap:6px}.message-status{font-size:.7rem;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center}.message-status.status-sending{color:#fc8181;animation:pulse-fade 1.5s infinite}.message-status.status-sent{color:#90cdf4}.message-status.status-read{color:#81c784;font-weight:800}@keyframes pulse-fade{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.message-timestamp{font-size:.75rem;color:#a0aec0}.message-content{color:#e2e8f0;line-height:1.5;word-wrap:break-word}.system-message .message-content{color:#fbbf24}.chat-input-container{display:flex;gap:10px;padding:12px;background:linear-gradient(135deg,#141423e6,#191928e6);border-top:1px solid rgba(200,150,100,.2);flex-shrink:0}.chat-input{flex:1;padding:11px 14px;background:#2d3746b3;border:1.5px solid rgba(100,150,200,.3);border-radius:6px;color:#e2e8f0;font-size:.9rem;transition:all .2s ease}.chat-input:focus{outline:none;border-color:#64b4ff99;background:#323c50e6;box-shadow:0 0 10px #64b4ff40}.chat-input::placeholder{color:#a0aec099}.chat-send-btn{padding:11px 18px;background:linear-gradient(135deg,#4299e1cc,#3182cecc);border:1px solid rgba(100,150,200,.4);border-radius:6px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#64b4ffe6,#4696e6e6);box-shadow:0 4px 12px #6496ff4d;transform:translateY(-2px)}.chat-send-btn:active:not(:disabled){transform:translateY(0)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-panel{max-height:500px}.chat-messages{min-height:200px;max-height:350px}}.floating-chat{position:fixed;right:16px;bottom:16px;width:min(380px,90vw);z-index:1200;max-height:80vh}.chat-send-btn{padding:10px 16px;font-size:.9rem}} .message-reactions-container{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px}.reaction-button{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:#64748b4d;border:1px solid rgba(100,116,139,.6);border-radius:14px;cursor:pointer;font-size:.9rem;transition:all .2s ease;color:#e2e8f0}.reaction-button:hover{background:#64748b80;border-color:#64748be6}.reaction-button.user-reacted{background:#63b3ed66;border-color:#63b3edcc;font-weight:600}.reaction-count{font-size:.75rem;opacity:.85}.add-reaction-wrapper{position:relative}.add-reaction-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#63b3ed33;border:1px solid rgba(99,179,237,.6);border-radius:50%;cursor:pointer;font-size:1rem;font-weight:700;color:#63b3ed;transition:all .2s ease}.add-reaction-btn:hover{background:#63b3ed59;border-color:#63b3ede6;transform:scale(1.1)}.add-reaction-btn:active{transform:scale(.95)}.reaction-picker-modal{position:absolute;bottom:100%;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;background:#1a1a2e;border:1px solid #4a5568;border-radius:8px;z-index:1000;box-shadow:0 8px 24px #0009;animation:slideInReactions .2s ease-out;margin-bottom:6px;min-width:160px}@keyframes slideInReactions{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reaction-option{background:transparent;border:none;cursor:pointer;font-size:1.3rem;padding:4px;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.reaction-option:hover{background:#63b3ed66;transform:scale(1.3)}.typing-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;color:#a0aec0;font-size:.85rem;font-style:italic}.typing-text{flex:1}.typing-dots{display:flex;gap:2px}.typing-dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background:#a0aec0;animation:typingBounce 1.4s infinite}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}@media(max-width:480px){.message-reactions-container{gap:4px;flex-wrap:wrap}.reaction-picker-modal{grid-template-columns:repeat(3,1fr);padding:6px;min-width:120px}.reaction-button{padding:2px 6px;font-size:.8rem}.add-reaction-btn{width:24px;height:24px;font-size:.9rem}.reaction-option{width:28px;height:28px;font-size:1.1rem;padding:2px}}.player-status-indicator{background:linear-gradient(135deg,#0006,#14141480);border:2px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.player-status-indicator:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.player-header{display:flex;align-items:center;gap:1rem}.player-avatar{position:relative;width:48px;height:48px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0009,#141414cc);flex-shrink:0}.status-icon{font-size:1.5rem}.player-details{flex:1;min-width:0}.player-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.player-title{font-size:1rem;display:inline-flex;align-items:center}.player-title-display{font-size:.75rem;color:#fbbf24;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:.25rem}.player-name{font-size:1.1rem;font-weight:600;color:var(--gold)}.role-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.role-badge.caretaker{background:linear-gradient(135deg,#8b4513,sienna);border:1px solid #D2691E;color:gold}.role-badge.you{background:#4ecdc433;border:1px solid #4ECDC4;color:#4ecdc4}.player-meta{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.status-label{font-weight:600}.status-label.online{color:#4ecdc4}.status-label.idle{color:gold}.status-label.away{color:orange}.status-label.offline{color:#666}.meta-separator{color:var(--text-muted)}.current-view{color:var(--text);font-style:italic}.last-seen{margin-top:.25rem;font-size:.75rem;color:var(--text-muted);opacity:.7}.typing-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:6px;animation:pulse 1.5s ease-in-out infinite}.typing-dots{display:flex;gap:.25rem}.typing-dots span{width:6px;height:6px;background:#4ecdc4;border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-text{color:#4ecdc4;font-size:.85rem;font-style:italic}@keyframes typing{0%,60%,to{transform:scale(1);opacity:.7}30%{transform:scale(1.3);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.player-status-compact{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor;animation:statusPulse 2s ease-in-out infinite}.status-dot.online{background:#4ecdc4;color:#4ecdc4}.status-dot.idle{background:gold;color:gold}.status-dot.away{background:orange;color:orange}.status-dot.offline{background:#666;color:#666;animation:none;box-shadow:none}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.player-card{position:relative}.player-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.player-actions button{flex:1;padding:.5rem .75rem;border:2px solid;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.transfer-btn{background:linear-gradient(135deg,#d4af3733,#d4af374d);border-color:var(--gold);color:var(--gold)}.transfer-btn:hover{background:linear-gradient(135deg,#d4af374d,#d4af3766);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.kick-btn{background:linear-gradient(135deg,#ffa50033,#ffa5004d);border-color:orange;color:orange}.kick-btn:hover{background:linear-gradient(135deg,#ffa5004d,#ffa50066);transform:translateY(-2px);box-shadow:0 4px 12px #ffa5004d}.ban-btn{background:linear-gradient(135deg,#8b000033,#8b00004d);border-color:#8b0000;color:#ff6b6b}.ban-btn:hover{background:linear-gradient(135deg,#8b00004d,#8b000066);transform:translateY(-2px);box-shadow:0 4px 12px #8b000066}@media(max-width:768px){.player-header{gap:.75rem}.player-avatar{width:40px;height:40px}.status-icon{font-size:1.25rem}.player-name{font-size:1rem}.player-actions{flex-direction:column}.player-actions button{width:100%}}.snake-game{width:100%;max-width:600px;margin:0 auto;padding:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:2px solid var(--accent);box-shadow:0 8px 32px #000c}.snake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(201,169,97,.2)}.snake-info{display:flex;gap:1.5rem;flex-wrap:wrap}.snake-info .info-item{display:flex;flex-direction:column;gap:.25rem}.snake-info .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.snake-info .value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.snake-info .value.crypto{color:var(--accent)}.snake-info .value.title{color:#fbbf24;font-size:1.1rem;text-shadow:0 0 8px rgba(251,191,36,.3)}.title-progress{background:#0000004d;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:.75rem;margin-bottom:1rem}.progress-label{font-size:.9rem;color:#fbbf24;font-weight:700;margin-bottom:.5rem}.progress-bar{width:100%;height:12px;background:#00000080;border:1px solid rgba(251,191,36,.4);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .3s ease;box-shadow:0 0 8px #fbbf2480}.progress-text{font-size:.75rem;color:var(--text-muted);text-align:center}.btn-close{background:#ff3b3b33;border:1px solid rgba(255,59,59,.4);color:#ff3b3b;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.btn-close:hover{background:#ff3b3b4d;transform:scale(1.05)}.snake-game-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.snake-grid{position:relative;background:#0006;border:2px solid var(--accent);border-radius:8px;box-shadow:inset 0 0 20px #0009}.snake-segment{position:absolute;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:3px;transition:all .05s ease;box-shadow:0 0 8px #4ade8066}.snake-segment.head{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 12px #10b98199;border-radius:4px}.snake-food{position:absolute;background:radial-gradient(circle,#ef4444,#dc2626);border-radius:50%;animation:pulse 1s ease-in-out infinite;box-shadow:0 0 12px #ef444499}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.game-over-overlay,.pause-overlay{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;border-radius:6px;animation:fadeIn .3s ease}.game-over-content,.pause-content{text-align:center;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--accent);border-radius:12px;box-shadow:0 8px 32px #000c}.game-over-content h2,.pause-content h2{font-size:2rem;margin-bottom:1rem;color:var(--accent);text-shadow:0 0 10px rgba(201,169,97,.5)}.final-title{font-size:1.75rem;color:#fbbf24;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 12px rgba(251,191,36,.4)}.final-score{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.crypto-reward{font-size:1.25rem;color:var(--accent);margin-bottom:1rem;font-weight:700}.wallet-info{font-size:.875rem;color:var(--text-muted);font-weight:400}.new-high-score{font-size:1.25rem;color:#fbbf24;font-weight:700;margin-bottom:1rem;animation:glow 1.5s ease-in-out infinite}.title-unlocked{font-size:1.25rem;color:#10b981;font-weight:700;margin-bottom:1rem;animation:bounce .6s ease}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(251,191,36,.5)}50%{text-shadow:0 0 20px rgba(251,191,36,.8)}}@keyframes bounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.game-over-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.pause-content p{font-size:1.1rem;color:var(--text-muted)}.snake-controls{width:100%;max-width:400px;background:#0000004d;border:1px solid rgba(201,169,97,.2);border-radius:8px;padding:1rem}.controls-info{text-align:center}.controls-info p{margin:.5rem 0;color:var(--text-muted);font-size:.9rem}.controls-info p:first-child{font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.mobile-controls{margin-top:1.5rem;display:none}.control-pad{display:flex;flex-direction:column;align-items:center;gap:.5rem}.control-row{display:flex;gap:.5rem;align-items:center}.control-btn{width:60px;height:60px;background:linear-gradient(135deg,#c9a96133,#c9a9611a);border:2px solid var(--accent);border-radius:8px;color:var(--accent);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.control-btn:active:not(:disabled){transform:scale(.95);background:linear-gradient(135deg,#c9a9614d,#c9a96133)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.control-center{width:60px;height:60px}@media(max-width:768px){.snake-game{padding:.75rem}.snake-header{flex-direction:column;gap:1rem}.snake-info{width:100%;justify-content:space-around}.snake-grid{transform:scale(.9);transform-origin:center}.game-over-content h2,.pause-content h2{font-size:1.5rem}.final-score{font-size:1.25rem}.mobile-controls{display:block}.controls-info{display:none}}.party-lobby{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}.lobby-main{display:flex;flex-direction:column;gap:2rem}.lobby-header{text-align:center;border-bottom:2px solid var(--accent);padding-bottom:1.5rem}.lobby-header h2{font-size:2rem;color:var(--accent-light);margin:0}.party-info{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.crypto-balance{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(201,169,97,.2)}.balance-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.balance-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:1.1rem;font-weight:700;color:var(--accent);text-shadow:0 0 8px rgba(201,169,97,.3)}.wallet-selector-section{background:#c9a9610d;border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.wallet-selector-section h3{color:var(--accent-light);margin-top:0}.wallet-mode{display:flex;gap:1rem;margin:1rem 0}.wallet-btn{flex:1;padding:1rem;border:2px solid var(--accent);background:#0000004d;color:var(--text);border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.wallet-btn:hover:not(:disabled){background:#c9a96126;border-color:var(--accent-light);color:var(--accent-light)}.wallet-btn.active{background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:var(--bg-darker);border-color:var(--accent-light);box-shadow:0 0 16px #c9a9614d}.wallet-info{color:var(--accent);font-size:.9rem;margin:.5rem 0 0;font-style:italic}.games-section{display:flex;flex-direction:column;gap:1rem}.games-section h3{color:var(--accent-light);margin:0;font-size:1.1rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.game-card{position:relative;padding:1.5rem;background:linear-gradient(135deg,#0006,#c9a9611a);border:2px solid var(--accent);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text);font-weight:600}.game-card:hover:not(:disabled){background:linear-gradient(135deg,#c9a96126,#c9a96133);border-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #c9a96133}.game-card:disabled{opacity:.6;cursor:not-allowed}.game-icon{font-size:2rem}.game-name{text-align:center;font-size:.9rem}.coming-soon{position:absolute;top:.5rem;right:.5rem;background:var(--accent);color:var(--bg-darker);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.leaderboard-section{display:flex;justify-content:center}.leaderboard-section .btn{font-size:1rem}.customization-section{display:flex;justify-content:center}.customization-section .btn{position:relative}.coming-soon-tag{display:inline-block;margin-left:.5rem;background:var(--accent);color:var(--bg-darker);padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700}.hunt-ready-section{display:flex;justify-content:center;padding:1.5rem 0;border-top:2px solid var(--accent)}.hunt-ready-section .btn{font-size:1.1rem;padding:1rem 2rem}.lobby-game{display:flex;flex-direction:column;gap:1rem}.game-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--accent);padding-bottom:1rem}.game-header h2{margin:0;color:var(--accent-light)}.close-btn{background:var(--accent);color:var(--bg-darker);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;font-size:.9rem}.close-btn:hover{background:var(--accent-light)}.game-container{flex:1;background:#0000004d;border:2px solid var(--accent);border-radius:8px;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:400px}.coming-soon-placeholder{text-align:center;color:var(--text-secondary);font-size:1.1rem;font-style:italic}.lobby-leaderboard{display:flex;flex-direction:column;gap:1.5rem}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--accent);padding-bottom:1rem}.leaderboard-header h2{margin:0;color:var(--accent-light)}.leaderboard-header .close-btn{background:var(--accent);color:var(--bg-darker);border:2px solid var(--accent-light);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s ease}.leaderboard-header .close-btn:hover{background:var(--accent-light);transform:scale(1.05);box-shadow:0 0 10px #ffcc0080}.leaderboard-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--border-color)}.tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:all .3s ease}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-light);border-bottom-color:var(--accent)}.leaderboard-content{background:#0000004d;border:1px solid var(--accent);border-radius:8px;padding:2rem;min-height:300px;display:flex;align-items:center;justify-content:center}.readiness-section{background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.readiness-section h3{margin:0;color:var(--accent-light);font-size:1.2rem}.ready-status{display:flex;flex-direction:column;gap:1rem}.ready-indicator{padding:1rem;border-radius:8px;text-align:center;font-weight:700;font-size:1.1rem}.ready-indicator.ready{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.ready-indicator.not-ready{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.ready-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-ready,.btn-not-ready{flex:1;min-width:120px;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;background:#6464644d;color:var(--text-primary)}.btn-ready{color:#4caf50}.btn-ready.active{background:#4caf504d;border-color:#4caf50}.btn-not-ready{color:#ff9800}.btn-not-ready.active{background:#ff98004d;border-color:#ff9800}.btn-ready:hover:not(:disabled),.btn-not-ready:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.party-readiness-list{display:flex;flex-direction:column;gap:.75rem}.party-readiness-list h4{margin:0;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.member-ready-status{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0003;border-radius:6px;max-height:200px;overflow-y:auto}.member-status{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:4px;font-size:.9rem;transition:all .2s ease}.member-status.ready{background:#4caf501a;color:#4caf50}.member-status.not-ready{background:#ff98001a;color:#ff9800}.status-indicator{font-weight:700;font-size:1.1rem;min-width:1.2rem}.member-label{flex:1}@media(max-width:768px){.party-lobby{padding:1rem}.games-grid{grid-template-columns:repeat(2,1fr)}.wallet-mode{flex-direction:column}.game-header{flex-direction:column;gap:.5rem}.ready-buttons{flex-direction:column}.btn-ready,.btn-not-ready{min-width:100%}}.arena-team-builder{max-width:900px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#14141ef2,#1e1e28e6);border-radius:12px;border:2px solid rgba(201,169,97,.3)}.team-builder-header{text-align:center;margin-bottom:32px}.team-builder-header h2{color:var(--gold);font-size:2rem;margin-bottom:8px;text-shadow:0 0 10px rgba(201,169,97,.5)}.team-builder-subtitle{color:#ffffffb3;font-size:.95rem}.tcp-budget-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:#0000004d;border-radius:8px;border:1px solid rgba(201,169,97,.2)}.tcp-label{color:var(--gold);font-weight:600;font-size:1.1rem}.tcp-input{width:150px;padding:8px 12px;background:#00000080;border:2px solid rgba(201,169,97,.3);border-radius:6px;color:#fff;font-size:1.2rem;font-weight:600;text-align:center}.tcp-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 8px #c9a96166}.tcp-note{color:#ffffff80;font-size:.85rem;font-style:italic}.team-count-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:#0000004d;border-radius:8px;border:1px solid rgba(201,169,97,.2)}.team-count-label{color:var(--gold);font-weight:600}.team-count-select{padding:8px 12px;background:#000000d9;border:2px solid rgba(201,169,97,.3);border-radius:6px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer}.team-count-select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.team-count-select:focus{outline:none;border-color:var(--gold);background:#000000e6}.player-assignment-grid{margin-bottom:32px}.player-assignment-row{display:grid;grid-template-columns:1fr 200px;gap:16px;align-items:center;padding:12px;margin-bottom:8px;background:#0003;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:background .2s}.player-assignment-row:hover{background:#00000059}.player-name{color:#fff;font-size:1.1rem;display:flex;align-items:center;gap:8px}.warden-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.team-select{padding:8px 12px;background:#00000080;border:2px solid rgba(201,169,97,.3);border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:border-color .2s}.team-select:focus{outline:none;border-color:var(--gold)}.team-preview-section{margin-bottom:32px}.team-preview-section h3{color:var(--gold);margin-bottom:16px;font-size:1.5rem}.team-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.team-card{background:#0006;border:2px solid;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.team-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0006}.team-card-header{padding:12px;color:#fff;text-align:center;display:flex;flex-direction:column;gap:4px}.team-card-header h4{margin:0;font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.team-tcp-badge{font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.tcp-multiplier{font-size:.9rem;opacity:.9}.team-card-body{padding:16px;background:#0000004d}.team-empty{color:#ffffff80;font-style:italic;text-align:center;margin:0}.team-player-list{list-style:none;padding:0;margin:0}.team-player-list li{padding:6px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.team-player-list li:last-child{border-bottom:none}.team-builder-actions{display:flex;justify-content:center;margin-top:32px}.btn-large{padding:14px 32px;font-size:1.2rem;font-weight:600}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:.95rem}.alert-error{background:#e74c3c33;border:1px solid rgba(231,76,60,.5);color:#e74c3c}.alert-warning{background:#f39c1233;border:1px solid rgba(243,156,18,.5);color:#f39c12}@media(max-width:768px){.arena-team-builder{padding:16px}.player-assignment-row,.team-cards{grid-template-columns:1fr}.tcp-budget-section,.team-count-section{flex-direction:column;align-items:flex-start}}.sympathy-modal-content{background:linear-gradient(135deg,#14141efa,#1e1e28f2);border:3px solid var(--gold);border-radius:16px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c}.sympathy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid rgba(201,169,97,.3)}.sympathy-modal-header h2{color:var(--gold);font-size:1.8rem;margin:0;text-shadow:0 0 10px rgba(201,169,97,.5)}.modal-close-btn{background:none;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.sympathy-modal-body{padding:24px}.sympathy-modal-body h3{color:var(--gold);margin-bottom:16px;font-size:1.4rem}.tcp-budgets-section{margin-bottom:32px}.budget-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.budget-card{background:#0006;border:2px solid;border-radius:8px;overflow:hidden;transition:transform .2s}.budget-card:hover{transform:translateY(-4px)}.budget-card-header{padding:12px;color:#fff;text-align:center}.budget-card-header h4{margin:0;font-size:1.1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.budget-card-body{padding:16px;background:#0000004d;text-align:center}.budget-value{font-size:1.8rem;font-weight:700;color:var(--gold);margin-bottom:8px}.sympathy-bonus{color:#2ecc71;font-size:.95rem;font-weight:600;margin-bottom:4px}.team-size{color:#fff9;font-size:.85rem}.sympathy-voting-section{background:#0000004d;border:1px solid rgba(201,169,97,.2);border-radius:8px;padding:20px}.voting-instructions{color:#ffffffb3;font-size:.95rem;margin-bottom:20px}.voting-controls{display:flex;flex-direction:column;gap:16px}.vote-row{display:flex;flex-direction:column;gap:8px}.vote-row label{color:var(--gold);font-weight:600;font-size:1rem}.vote-select{padding:10px 12px;background:#000000d9;border:2px solid rgba(201,169,97,.3);border-radius:6px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer}.vote-select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.vote-select:focus{outline:none;border-color:var(--gold);background:#000000e6}.amount-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.amount-btn{padding:10px;background:#00000080;border:2px solid rgba(201,169,97,.3);border-radius:6px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.amount-btn:hover:not(:disabled){background:#c9a96133;border-color:var(--gold)}.amount-btn.active{background:linear-gradient(135deg,var(--gold),#ffed4e);border-color:var(--gold);color:#000}.amount-btn:disabled{opacity:.5;cursor:not-allowed}.sympathy-modal-footer{padding:20px 24px;border-top:2px solid rgba(201,169,97,.3);display:flex;justify-content:flex-end;gap:12px}.btn{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#6c757d4d;color:#fff;border:2px solid rgba(108,117,125,.5)}.btn-secondary:hover:not(:disabled){background:#6c757d80}.btn-primary{background:linear-gradient(135deg,var(--gold),#ffed4e);color:#000;border:2px solid var(--gold)}.btn-primary:hover:not(:disabled){box-shadow:0 0 15px #c9a96180;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.sympathy-modal-content{width:95%}.budget-cards{grid-template-columns:1fr}.amount-buttons{grid-template-columns:repeat(2,1fr)}}.ready-modal-content{background:linear-gradient(135deg,#14141efa,#1e1e28f2);border:3px solid var(--gold);border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c}.ready-header{padding:24px;border-bottom:2px solid rgba(201,169,97,.3);display:flex;justify-content:space-between;align-items:center}.ready-header h2{color:var(--gold);font-size:1.8rem;margin:0;text-shadow:0 0 10px rgba(201,169,97,.5)}.ready-timer{font-size:2rem;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.timer-warning{color:#e74c3c;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.ready-body{padding:24px}.ready-progress-section{margin-bottom:24px}.progress-label{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:8px;text-align:center}.progress-bar{height:30px;background:#00000080;border:2px solid rgba(201,169,97,.3);border-radius:15px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);transition:width .3s ease,background-color .3s ease;box-shadow:0 0 15px #c9a96180}.user-team-card{background:#0006;border:2px solid;border-radius:8px;overflow:hidden;margin-bottom:24px}.team-header{padding:12px;color:#fff;text-align:center}.team-header h3{margin:0;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.team-body{padding:16px;background:#0000004d;text-align:center}.team-body p{color:#ffffffb3;margin:0 0 8px}.tcp-display{font-size:1.4rem;font-weight:700;color:var(--gold)}.players-ready-list h3{color:var(--gold);margin-bottom:12px}.ready-list{display:flex;flex-direction:column;gap:8px}.ready-player-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px}.player-info{display:flex;align-items:center;gap:12px}.player-name{color:#fff;font-size:1.1rem;font-weight:600}.player-team-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ready-status{font-size:1rem;font-weight:600;padding:6px 12px;border-radius:6px}.ready-status.ready{color:#2ecc71;background:#2ecc7133}.ready-status.not-ready{color:#95a5a6;background:#95a5a633}.ready-footer{padding:20px 24px;border-top:2px solid rgba(201,169,97,.3);display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-ready{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:2px solid #2ecc71}.btn-ready:hover{box-shadow:0 0 15px #2ecc7180;transform:translateY(-2px)}.btn-unready{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:2px solid #e74c3c}.btn-unready:hover{box-shadow:0 0 15px #e74c3c80;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:2px solid #f39c12}.btn-warning:hover{box-shadow:0 0 15px #f39c1280;transform:translateY(-2px)}@media(max-width:768px){.ready-modal-content{width:95%}.ready-header{flex-direction:column;gap:12px}.ready-timer{font-size:1.5rem}.ready-footer{flex-direction:column}.btn{width:100%}}.arena-transition{position:fixed;inset:0;z-index:10000;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;animation:fadeIn 1s ease-in}.arena-transition.fade-out{animation:fadeOut 1s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.transition-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#000000b3,#000000e6)}.transition-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:48px}.transition-title{font-size:4rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(201,169,97,.8),0 0 40px rgba(201,169,97,.5),0 4px 8px rgba(0,0,0,.8);letter-spacing:.1em;margin:0;animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(201,169,97,.8),0 0 40px rgba(201,169,97,.5),0 4px 8px rgba(0,0,0,.8)}50%{text-shadow:0 0 30px rgba(201,169,97,1),0 0 60px rgba(201,169,97,.7),0 4px 8px rgba(0,0,0,.8)}}.lore-quote{background:#0009;border:2px solid rgba(201,169,97,.4);border-radius:12px;padding:32px 40px;box-shadow:0 8px 32px #00000080;position:relative}.quote-mark{font-size:4rem;color:#c9a9614d;font-family:Georgia,serif;line-height:.5}.quote-text{font-size:1.5rem;font-style:italic;color:#e8e8e8;line-height:1.8;margin:16px 0;text-shadow:0 2px 4px rgba(0,0,0,.8);font-family:Georgia,serif}.countdown-display{display:flex;flex-direction:column;align-items:center;gap:16px}.countdown-ring{position:relative;width:120px;height:120px}.countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:var(--gold);text-shadow:0 0 10px rgba(201,169,97,.8)}.countdown-label{font-size:1.2rem;color:#fffc;margin:0;letter-spacing:.05em}.transition-footer{margin-top:auto}.footer-text{font-size:1.1rem;color:#fff9;margin:0;font-style:italic}@media(max-width:768px){.transition-content{padding:20px;gap:32px}.transition-title{font-size:2.5rem}.lore-quote{padding:20px 24px}.quote-text{font-size:1.2rem}.quote-mark{font-size:3rem}}@media(max-width:480px){.transition-title{font-size:2rem}.quote-text{font-size:1rem}}.party-manager{max-width:1200px;margin:0 auto;padding:2rem}.party-menu{text-align:center;background:#14141ee6;border:2px solid #8b4513;border-radius:12px;padding:3rem 2rem}.party-menu h2{color:#d4af37;font-size:2rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(212,175,55,.5)}.party-description{color:#b8b8b8;font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.party-actions{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.party-form{background:#14141ee6;border:2px solid #8b4513;border-radius:12px;padding:2rem}.party-form h2{color:#d4af37;font-size:1.8rem;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 10px rgba(212,175,55,.5)}.form-group label{display:block;color:#d4af37;font-size:.9rem;margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:.75rem;background:#00000080;border:2px solid #8b4513;border-radius:6px;color:#e0e0e0;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 10px #d4af374d}.form-group input:disabled{opacity:.5;cursor:not-allowed}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:1.5rem!important;font-weight:700}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1}.party-lobby{background:#14141ee6;border:2px solid #8b4513;border-radius:12px;padding:2rem}.party-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;border-bottom:2px solid #8b4513}.party-header-main{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.party-header h2{color:#d4af37;margin:0;text-shadow:0 0 10px rgba(212,175,55,.5)}.party-header-info{display:flex;gap:2rem;flex-wrap:wrap;row-gap:.5rem;font-size:.95rem;color:#e2e8f0}.party-info-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#d4af371a;border-left:2px solid #d4af37;border-radius:4px}.menu-button-wrapper{position:relative;flex:1}.party-status{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.party-status.active{background:#2e7d324d;color:#66bb6a;border:1px solid #66bb6a}.party-status.in-progress{background:#ed6c024d;color:#ffa726;border:1px solid #ffa726}.party-code-display{display:flex;align-items:center;gap:.75rem;background:#0006;border:2px solid #d4af37;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem}.code-label{color:#b8b8b8;font-size:.85rem;font-weight:600;white-space:nowrap}.code-value{flex:1;color:#d4af37;font-size:1.5rem;font-weight:700;letter-spacing:.2em;text-align:center;text-shadow:0 0 10px rgba(212,175,55,.5)}.copy-btn{padding:.5rem 1rem;background:#8b451380;border:2px solid #8b4513;border-radius:6px;color:#e0e0e0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:#8b4513cc;border-color:#d4af37;transform:translateY(-2px)}.connection-banner{padding:12px;text-align:center;font-weight:600;border-radius:8px;margin-bottom:1rem;animation:pulse-warning 2s infinite}.connection-banner.reconnecting{background:#ffc10733;border:2px solid #ffc107;color:#ffc107}.connection-banner.disconnected{background:#f4433633;border:2px solid #f44336;color:#f44336;animation:none}.lobby-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}@media(max-width:900px){.lobby-content{grid-template-columns:1fr}}.copy-btn:active{transform:translateY(0)}.players-section{background:#14141e99;border:2px solid #8b4513;border-radius:12px;padding:1.5rem}.players-section h3{color:#d4af37;font-size:1.2rem;margin-bottom:1rem}.players-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:8px}.players-list::-webkit-scrollbar{width:6px}.players-list::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.players-list::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.players-list::-webkit-scrollbar-thumb:hover{background:#d4af37}.player-item{display:flex;justify-content:space-between;align-items:center;background:#0000004d;border:1px solid #8b4513;border-radius:8px;padding:.75rem 1rem;transition:all .3s ease}.player-item:hover{background:#00000080;border-color:#d4af37}.player-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.player-name-row{display:flex;align-items:center;gap:.5rem}.player-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:pulse-status 2s ease-in-out infinite}.player-status-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade8099}.player-status-dot.idle{background:#fbbf24;box-shadow:0 0 8px #fbbf2499;animation:pulse-idle 3s ease-in-out infinite}.player-status-dot.away{background:#f97316;box-shadow:0 0 8px #f9731699;animation:none}.player-status-dot.offline{background:#64748b;animation:none}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-idle{0%,to{opacity:1}50%{opacity:.5}}.status-label{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-label.online{color:#4ade80;background:#4ade801a}.status-label.idle{color:#fbbf24;background:#fbbf241a}.status-label.away{color:#f97316;background:#f973161a}.status-label.offline{color:#64748b;background:#64748b1a}.player-current-view{font-size:.75rem;color:#a0a0a0;font-style:italic;margin-left:24px}.player-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:24px}.player-name{color:#e0e0e0;font-size:1rem;font-weight:500}.role-badge{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.role-badge.caretaker{background:#9c27b04d;color:#ba68c8;border:1px solid #ba68c8}.role-badge.host{background:#1976d24d;color:#64b5f6;border:1px solid #64b5f6}.player-actions{display:flex;gap:.5rem;flex-wrap:wrap}.transfer-btn,.kick-btn,.ban-btn{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid}.transfer-btn{background:#8b451366;border-color:#8b4513;color:#e0e0e0}.transfer-btn:hover{background:#8b4513b3;border-color:#d4af37;transform:scale(1.05)}.kick-btn{background:#eab3084d;border-color:#eab308;color:#fef3c7}.kick-btn:hover{background:#eab30880;border-color:#fbbf24;transform:scale(1.05)}.ban-btn{background:#dc26264d;border-color:#dc2626;color:#fef2f2}.ban-btn:hover{background:#dc262680;border-color:#ef4444;transform:scale(1.05)}.lobby-actions{display:flex;gap:1rem;margin-top:1.5rem}.lobby-actions button{flex:1}.party-btn{padding:1rem 2rem;border:2px solid #8b4513;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.party-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.party-btn.primary{background:linear-gradient(135deg,#8b4513,#d4af37);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.party-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#8b4513);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.party-btn.secondary{background:#8b45134d;color:#e0e0e0}.party-btn.secondary:hover:not(:disabled){background:#8b451399;border-color:#d4af37;transform:translateY(-2px)}.party-btn.danger{background:#d32f2f4d;border-color:#e53935;color:#ef5350}.party-btn.danger:hover:not(:disabled){background:#d32f2f80;border-color:#ef5350;transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f66}.party-btn:active:not(:disabled){transform:translateY(0)}.party-btn.ready{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.party-btn.ready:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.party-btn.default{background:#64748b66;border-color:#64748b;color:#cbd5e1}.party-btn.default:hover:not(:disabled){background:#64748b99;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 4px 12px #64748b66}.party-error{background:#d32f2f33;border:1px solid #e53935;border-radius:6px;padding:.75rem;color:#ef5350;font-size:.9rem;margin-top:1rem;text-align:center}@media(max-width:768px){.party-manager{padding:1rem}.party-menu,.party-form,.party-lobby{padding:1.5rem}.party-menu h2,.party-form h2,.party-header h2{font-size:1.4rem;max-width:calc(100% - 100px)}.party-code-display{gap:.5rem;padding:.6rem .75rem}.code-label{font-size:.75rem}.code-value{font-size:1.2rem;letter-spacing:.15em}.copy-btn{padding:.4rem .75rem;font-size:.75rem}.form-actions,.lobby-actions{flex-direction:column}.player-item{flex-direction:column;align-items:flex-start;gap:.5rem}.transfer-btn{align-self:flex-end}}@media(max-width:480px){.party-menu h2,.party-form h2{font-size:1.3rem}.party-description{font-size:.9rem}.code-value{font-size:1.2rem;letter-spacing:.2em}.party-btn{padding:.8rem 1.5rem;font-size:.9rem}}.chat-section{background:#14141e99;border:2px solid #8b4513;border-radius:12px;overflow:hidden}.party-nav-dropdown{background:linear-gradient(135deg,#8b451333,#d4af371a);border:3px solid #d4af37;border-radius:8px;padding:1rem;box-shadow:0 0 20px #d4af3733,0 0 40px #8b45131a,inset 0 0 10px #d4af370d;animation:quickNavPulse 2s ease-in-out infinite}@keyframes quickNavPulse{0%,to{box-shadow:0 0 20px #d4af3733,0 0 40px #8b45131a,inset 0 0 10px #d4af370d}50%{box-shadow:0 0 30px #d4af3766,0 0 60px #8b451333,inset 0 0 15px #d4af371a}}.party-nav-dropdown-toggle{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#d4af37,khaki,#d4af37);border:3px solid #d4af37;border-radius:6px;color:#1a1a1a;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 4px 12px #d4af374d}.party-nav-dropdown-toggle:hover{background:linear-gradient(135deg,khaki,#ff9,khaki);box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.party-nav-description{margin:.75rem 0 0;padding:8px 12px;font-size:.9rem;color:#e2e8f0;text-align:center;font-style:italic;background:#d4af371a;border-radius:4px;border-left:3px solid #d4af37}.party-nav-dropdown-menu{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:2px solid #d4af37}.party-nav-btn{padding:.9rem 1rem;background:#d4af3726;border:2px solid #d4af37;border-radius:6px;color:#d4af37;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 6px #d4af371a}.party-nav-btn:hover:not(:disabled){background:#d4af374d;border-color:#ff9;color:#ff9;transform:translate(6px);box-shadow:0 4px 12px #d4af3733}.party-nav-btn:disabled{opacity:.5;cursor:not-allowed}.hamburger-menu-btn{padding:1rem 2rem;background:linear-gradient(135deg,#d4af37,khaki,#d4af37);border:2px solid #8b4513;border-radius:8px;color:#1a1a1a;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #d4af374d;display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;width:100%;height:100%}.hamburger-menu-btn:hover{background:linear-gradient(135deg,khaki,#ff9,khaki);box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.hamburger-menu-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1101;padding:20px}.hamburger-menu-modal{background:linear-gradient(135deg,#1a1a2efa,#281e32fa);border:3px solid #d4af37;border-radius:12px;max-width:450px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 0 30px #d4af3766,0 0 60px #0009;animation:slideInMenuCenter .3s ease-out}@keyframes slideInMenuCenter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hamburger-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #d4af37;background:#d4af370d}.hamburger-menu-header h3{color:#d4af37;font-size:1.3rem;margin:0;text-shadow:0 0 10px rgba(212,175,55,.3)}.hamburger-menu-close{background:transparent;border:none;color:#d4af37;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.hamburger-menu-close:hover{bg:rgba(212,175,55,.2);transform:rotate(90deg)}.hamburger-menu-description{padding:1rem 1.5rem;font-size:.9rem;color:#e2e8f0;text-align:center;font-style:italic;background:#d4af370d;border-bottom:1px solid #d4af37;margin:0}.hamburger-menu-items{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.hamburger-menu-item{padding:1rem;background:#d4af371a;border:2px solid #d4af37;border-radius:6px;color:#d4af37;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 6px #d4af371a}.hamburger-menu-item:hover:not(:disabled){background:#d4af3740;border-color:#ff9;color:#ff9;transform:translate(6px);box-shadow:0 4px 12px #d4af3733}.hamburger-menu-item:disabled{opacity:.5;cursor:not-allowed}.hamburger-menu-item.hunt-btn{background:#64c8ff1a;border-color:#64c8ff;color:#64c8ff}.hamburger-menu-item.hunt-btn:hover:not(:disabled){background:#64c8ff40;border-color:#99e5ff;color:#99e5ff}.hunt-phase-alert-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.hunt-phase-alert-modal{background:linear-gradient(135deg,#1a1a2efa,#281e32fa);border:3px solid #4299e1;border-radius:12px;padding:2.5rem;max-width:400px;text-align:center;box-shadow:0 0 40px #4299e166,0 0 80px #0009;animation:slideInAlert .3s ease-out}@keyframes slideInAlert{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hunt-phase-alert-icon{font-size:3rem;margin-bottom:1rem;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hunt-phase-alert-modal h2{color:#4299e1;font-size:1.5rem;margin:1rem 0;text-shadow:0 0 10px rgba(66,153,225,.3)}.hunt-phase-alert-modal p{color:#e2e8f0;font-size:1rem;line-height:1.6;margin:1.5rem 0}.hunt-phase-alert-buttons{display:flex;gap:1rem;margin-top:2rem;flex-direction:column}.hunt-phase-goto-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4299e1,#63b3ed);border:2px solid #4299e1;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4299e14d}.hunt-phase-goto-btn:hover{background:linear-gradient(135deg,#63b3ed,#90cdf4);box-shadow:0 6px 20px #4299e180;transform:translateY(-2px)}.hunt-phase-dismiss-btn{padding:.75rem 1.5rem;background:#64748b33;border:2px solid rgba(100,116,139,.6);border-radius:6px;color:#a0aec0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hunt-phase-dismiss-btn:hover{background:#64748b66;border-color:#64748bcc;color:#cbd5e0}@media(max-width:768px){.party-header-info{flex-direction:column;gap:.5rem}.hamburger-menu-modal{max-width:100%}.hunt-phase-alert-modal{padding:2rem;max-width:90vw}.hunt-phase-alert-buttons{flex-direction:column}}@media(max-width:480px){.hamburger-menu-btn{font-size:1.1rem;padding:.9rem 1.5rem}}.scroll-to-top{position:fixed;bottom:50px;right:0;width:40px;height:40px;background:linear-gradient(135deg,#4a5568,#2d3748);color:#e2e8f0;border:2px solid rgba(226,232,240,.3);border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 4px 12px #0006;transition:all .3s ease;animation:fadeIn .3s ease}.scroll-to-top:hover{background:linear-gradient(135deg,#5a6678,#3d4758);border-color:#e2e8f080;transform:translateY(-3px);box-shadow:0 6px 16px #00000080}.scroll-to-top:active{transform:translateY(-1px);box-shadow:0 3px 8px #0006}@media(max-width:768px){.scroll-to-top{bottom:50px;right:0;width:36px;height:36px;font-size:1rem}}@media(min-width:769px){.scroll-to-top{bottom:50px;right:0}}.achievements-modal{position:fixed;inset:0;background:#000000e6;display:flex;flex-direction:column;z-index:1000;animation:fadeIn .3s ease-out}.achievements-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--accent);background:linear-gradient(135deg,#c9a9611a,#0000004d)}.achievements-header h1{margin:0;font-size:1.8rem;color:var(--accent);text-shadow:0 2px 8px rgba(0,0,0,.5)}.achievements-tabs{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid rgba(201,169,97,.3);background:#00000080;overflow-x:auto;justify-content:flex-start}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#ccc;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:all .2s ease}.tab:hover{background:#c9a96133;border-color:#c9a96180}.tab.active{background:#c9a9614d;border-color:var(--accent);color:var(--accent);font-weight:600}.tab-icon{font-size:1.2rem}.achievements-content{flex:1;overflow-y:auto;padding:0}.tab-content{padding:1.5rem;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.tab-content.titles-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto}.tab-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h3{font-size:1.3rem;color:var(--accent);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.titles-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.titles-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;width:100%;max-width:800px}.current-title,.title-progress{width:100%;padding:1.5rem;background:linear-gradient(135deg,#c9a9611a,#0000004d);border-radius:8px;border:1px solid rgba(201,169,97,.3);box-sizing:border-box}.current-title h3,.title-progress h3{margin-top:0;color:#fbbf24;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.title-display-large{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#0000004d;border-radius:6px;min-width:0}.title-emoji{font-size:3rem;flex-shrink:0}.title-name{font-size:1.2rem;font-weight:700;color:#fbbf24;word-wrap:break-word;text-align:center;width:100%}.no-title{color:#aaa;font-size:.9rem;margin:0;text-align:center}.level{color:var(--accent);font-weight:600;white-space:nowrap}.score{color:#aaa}.progress-bar{width:100%;height:24px;background:#0000004d;border:1px solid rgba(201,169,97,.3);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .5s ease-out;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}@media(max-width:768px){.titles-header{flex-direction:column}}.titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%;max-width:800px;margin:0 0 1rem;text-align:center}.title-card{background:linear-gradient(135deg,#c9a9610d,#0000004d);border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:1rem;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.title-card:hover{border-color:#c9a96199;background:linear-gradient(135deg,#c9a96126,#0006);transform:translateY(-2px)}.title-card.locked{opacity:.5}.title-card-emoji{font-size:2rem}.title-card-name{margin:0;font-size:1rem;color:var(--accent)}.title-card-desc{margin:0;font-size:.8rem;color:#aaa}.title-card-score{margin:0;font-size:.75rem;color:#999;font-weight:600}.equip-btn{padding:.5rem;background:#c9a96133;border:1px solid rgba(201,169,97,.4);color:#fbbf24;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.equip-btn:hover{background:#c9a96166;border-color:#fbbf24}.equip-btn.equipped{background:#c9a96166;border-color:#fbbf24;color:#fbbf24}.unlock-score{margin:0;font-size:.8rem;color:#f87171;font-style:italic}.trophies-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.trophies-content>h2{width:100%;max-width:800px;margin:0 0 1rem;text-align:center}.trophies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;width:100%;max-width:800px}.trophy-card{background:linear-gradient(135deg,#c9a9610d,#0000004d);border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:1rem;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.trophy-card:hover{border-color:#c9a96199;transform:translateY(-2px)}.trophy-card.locked{opacity:.4;border-color:#6464644d}.trophy-emoji{font-size:2.5rem}.trophy-card h4{margin:0;font-size:.95rem;color:var(--accent)}.trophy-card p{margin:0;font-size:.8rem;color:#aaa}.locked-badge{font-size:.75rem;color:#f87171;background:#f871711a;padding:.25rem .5rem;border-radius:3px}.easter-eggs-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.easter-eggs-content>h2{width:100%;max-width:800px;margin:0 0 1rem;text-align:center}.easter-eggs-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:800px}.easter-egg-item{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#c9a9610d,#0000004d);border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:1rem;transition:all .2s ease}.easter-egg-item.hidden{opacity:.6;border-color:#6464644d}.easter-egg-item:hover{border-color:#c9a96199;background:linear-gradient(135deg,#c9a96126,#0006)}.egg-emoji{font-size:2rem;flex-shrink:0}.egg-content{flex:1}.egg-content h4{margin:0 0 .5rem;color:var(--accent);font-size:1rem}.egg-content p{margin:0 0 .5rem;color:#aaa;font-size:.9rem}.hidden-badge{font-size:.75rem;color:#fbbf24;background:#fbbf241a;padding:.25rem .5rem;border-radius:3px;display:inline-block}.stats-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.stats-content>h2{width:100%;max-width:800px;margin:0 0 1rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%;max-width:800px}.stat-card{background:linear-gradient(135deg,#c9a9611a,#0000004d);border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.stat-label{font-size:.85rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.no-items{text-align:center;color:#999;padding:2rem;font-style:italic}@media(max-width:768px){.achievements-modal{position:fixed}.achievements-header{padding:1rem}.achievements-header h1{font-size:1.4rem}.achievements-content{padding:1rem}.titles-grid,.trophies-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-tabs{justify-content:flex-start;overflow-x:auto}.tab{font-size:.8rem;padding:.6rem .8rem}}.avatar-selector-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.avatar-selector-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #c9a9614d;border:2px solid rgba(201,169,97,.3)}.avatar-selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid rgba(201,169,97,.2)}.avatar-selector-header h2{color:#c9a961;font-size:1.5rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.avatar-selector-header .close-btn{background:transparent;border:none;color:#c9a961;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.avatar-selector-header .close-btn:hover{background:#c9a9611a;transform:scale(1.1)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;padding:24px;overflow-y:auto;max-height:calc(90vh - 100px)}.avatar-grid-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#c9a9610d;border:2px solid rgba(201,169,97,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.avatar-grid-item:hover{background:#c9a96126;border-color:#c9a961;transform:translateY(-4px);box-shadow:0 4px 12px #c9a9614d}.avatar-grid-item img{width:80px;height:80px;object-fit:contain;border-radius:50%;margin-bottom:8px;background:#0000004d;padding:4px}.avatar-name{font-size:.75rem;color:#c9a961;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cropper-container{display:flex;flex-direction:column;height:calc(90vh - 100px);padding:24px;gap:20px}.crop-area{position:relative;flex:1;background:#00000080;border-radius:8px;overflow:hidden;min-height:400px}.crop-controls{display:flex;flex-direction:column;gap:16px}.zoom-control{display:flex;align-items:center;gap:12px}.zoom-control label{color:#c9a961;font-weight:600;min-width:60px}.zoom-control input[type=range]{flex:1;height:6px;border-radius:3px;background:#c9a96133;outline:none;-webkit-appearance:none}.zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#c9a961;cursor:pointer;box-shadow:0 2px 4px #0000004d}.zoom-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#c9a961;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.crop-actions{display:flex;gap:12px;justify-content:flex-end}.crop-actions .btn{padding:12px 24px;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:600;border:2px solid}.crop-actions .btn-secondary{background:transparent;border-color:#c9a96180;color:#c9a961}.crop-actions .btn-secondary:hover{background:#c9a9611a;border-color:#c9a961}.crop-actions .btn-primary{background:linear-gradient(135deg,#c9a961,#a68a4d);border-color:#c9a961;color:#1a1a1a}.crop-actions .btn-primary:hover{background:linear-gradient(135deg,#d4b76d,#b89659);transform:translateY(-2px);box-shadow:0 4px 12px #c9a96166}.crop-actions .btn:active{transform:translateY(0) scale(.98)}@media(max-width:768px){.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:16px}.avatar-grid-item img{width:60px;height:60px}.avatar-name{font-size:.7rem}.crop-area{min-height:300px}.crop-actions{flex-direction:column}.crop-actions .btn{width:100%}}.forum-container{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#000000e6,#0a0a0af2)}.forum-header{padding:1rem 1.5rem;border-bottom:2px solid rgba(201,169,97,.3);background:linear-gradient(135deg,#c9a96114,#0006)}.header-top{display:flex;justify-content:space-between;align-items:center}.forum-header h1{margin:0;font-size:1.5rem;color:var(--accent);text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:700;letter-spacing:.05em}.new-thread-btn{padding:.5rem 1.2rem;background:linear-gradient(135deg,#c9a96133,#c9a96126);border:1px solid rgba(201,169,97,.4);border-radius:20px;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:700;transition:all .2s ease;white-space:nowrap}.new-thread-btn:hover{background:linear-gradient(135deg,#c9a9614d,#c9a96140);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #c9a9614d}.my-profile-btn{padding:.5rem 1rem;background:#6495ed26;border:1px solid rgba(100,149,237,.3);border-radius:20px;color:#6495ed;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.my-profile-btn:hover{background:#6495ed40;border-color:#6495ed;transform:translateY(-1px)}.admin-tools-toggle{padding:.5rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:20px;color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.admin-tools-toggle:hover{background:#ef444440;border-color:#ef4444;transform:translateY(-1px)}.forum-controls{padding:.75rem 1rem;background:#0009;border-bottom:1px solid rgba(201,169,97,.15);display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.forum-filters{display:flex;gap:.5rem;align-items:center;flex:1}.forum-filters select{padding:.4rem .75rem;background:#000000d9;border:1px solid rgba(201,169,97,.2);border-radius:3px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease}.forum-filters select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.forum-filters select:hover{background:#000000e6;border-color:#c9a96166}.forum-filters select:focus{outline:none;border-color:var(--accent);background:#000000e6}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{padding:.5rem 1rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#ccc;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:all .2s ease}.category-btn:hover{background:#c9a96133;border-color:#c9a96180}.category-btn.active{background:#c9a9614d;border-color:var(--accent);color:var(--accent);font-weight:600}.sort-controls{display:flex;align-items:center;gap:.75rem}.sort-controls label{color:#aaa;font-size:.9rem}.sort-controls select{padding:.5rem .75rem;background:#000000d9;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500}.sort-controls select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.sort-controls select:focus{outline:none;border-color:var(--accent);background:#000000e6}.thread-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.threads-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.no-threads{text-align:center;padding:4rem 1rem;color:#666;font-size:1rem;background:#0003;border:1px dashed rgba(201,169,97,.2);border-radius:6px;margin:2rem}.no-threads:before{content:"📭";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.reddit-thread-card{background:linear-gradient(135deg,#121212f2,#0a0a0afa);border:1px solid rgba(201,169,97,.15);border-radius:4px;display:flex;gap:0;transition:all .2s ease;overflow:hidden;position:relative}.reddit-thread-card:hover{border-color:#c9a96166;background:linear-gradient(135deg,#191919f2,#0f0f0ffa);box-shadow:0 2px 8px #00000080;transform:translateY(-1px)}.reddit-thread-card.pinned{border-left:3px solid #fbbf24;background:linear-gradient(135deg,#fbbf2414,#0a0a0afa)}.reddit-thread-card.pinned:hover{background:linear-gradient(135deg,#fbbf241f,#0f0f0ffa)}.reddit-thread-card.category-strategy:not(.pinned){border-left:3px solid rgba(251,191,36,.4)}.reddit-thread-card.category-bugs:not(.pinned){border-left:3px solid rgba(239,68,68,.4)}.reddit-thread-card.category-suggestions:not(.pinned){border-left:3px solid rgba(168,85,247,.4)}.reddit-thread-card.category-general:not(.pinned){border-left:3px solid rgba(100,149,237,.4)}.vote-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.5rem .75rem;background:#0000004d;border-right:1px solid rgba(201,169,97,.1);min-width:50px;gap:.25rem}.vote-arrow{background:none;border:none;color:#555;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;transition:all .15s ease;line-height:1}.vote-arrow:hover{color:var(--accent);transform:scale(1.2)}.vote-arrow.vote-up:hover{color:#22c55e}.vote-arrow.vote-down:hover{color:#ef4444}.vote-score{font-size:.9rem;font-weight:700;color:#888;-webkit-user-select:none;user-select:none;min-width:35px;text-align:center}.vote-score.positive{color:#22c55e}.vote-score.negative{color:#ef4444}.thread-content-column{flex:1;padding:.75rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.thread-card-header{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#888;flex-wrap:wrap}.category-icon{font-size:1rem;line-height:1}.thread-category-label{font-weight:700;color:#999;letter-spacing:.02em}.thread-category-label:hover{text-decoration:underline;color:var(--accent)}.metadata-separator{color:#555;font-weight:400}.thread-author{color:#888;font-weight:500}.thread-author:hover{color:var(--accent);text-decoration:underline}.thread-time{color:#666;white-space:nowrap}.pinned-indicator{color:#fbbf24;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.thread-card-title{margin:0;font-size:1.1rem;font-weight:600;color:#e5e5e5;line-height:1.4;transition:color .15s ease}.thread-content-column:hover .thread-card-title{color:var(--accent)}.thread-preview{font-size:.85rem;color:#999;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.thread-action-bar{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.action-btn{padding:.35rem .6rem;background:#c9a9610d;border:1px solid transparent;border-radius:3px;color:#888;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.3rem}.action-btn:hover{background:#c9a96126;border-color:#c9a9614d;color:#ccc}.comments-btn:hover{background:#6495ed26;border-color:#6495ed4d;color:#6495ed}.share-btn:hover{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.pin-btn:hover{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.thread-item{background:linear-gradient(135deg,#c9a9610d,#0000004d);border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.thread-item:hover{border-color:#c9a96199;background:linear-gradient(135deg,#c9a96126,#0006);transform:translate(4px)}.thread-item.pinned{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf241a,#0000004d)}.thread-meta-row{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#999;flex-wrap:wrap}.thread-main{flex:1}.thread-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.pinned-badge{font-size:.8rem;color:#fbbf24;background:#fbbf2433;padding:.25rem .5rem;border-radius:3px;white-space:nowrap}.thread-title{margin:0;font-size:1.1rem;color:#fff;flex:1}.thread-author-line{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#999;flex-wrap:wrap}.author-name{display:flex;align-items:center;gap:.4rem;color:#ccc}.user-link,.report-user-link{cursor:pointer;color:var(--accent);font-weight:600;transition:all .2s ease}.user-link:hover,.report-user-link:hover{text-decoration:underline;opacity:.8}.author-title{font-size:1rem}.separator{color:#666}.category-badge{display:inline-flex;align-items:center;gap:.3rem;background:#c9a96126;padding:.2rem .5rem;border-radius:3px}.thread-category{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:4px;font-size:.85rem;font-weight:600;white-space:nowrap}.category-badge-general{background:#6495ed33;border:1px solid rgba(100,149,237,.4);color:#6495ed}.category-badge-strategy{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fbbf24}.category-badge-bugs{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.category-badge-suggestions{background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#a855f7}.thread-item.category-strategy{border-left:3px solid rgba(251,191,36,.6)}.thread-item.category-bugs{border-left:3px solid rgba(239,68,68,.6)}.thread-item.category-suggestions{border-left:3px solid rgba(168,85,247,.6)}.thread-item.category-general{border-left:3px solid rgba(100,149,237,.6)}.thread-time{white-space:nowrap}.thread-stats{display:flex;gap:1.5rem;flex-shrink:0}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;color:#999;text-transform:uppercase}.stat-value{font-size:1rem;font-weight:600;color:var(--accent)}.forum-thread-view{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#000000e6,#0a0a0af2)}.thread-header{padding:1.5rem;border-bottom:2px solid var(--accent);background:linear-gradient(135deg,#c9a9611a,#0000004d);max-width:100%;overflow:hidden}.back-btn{margin-bottom:.75rem;padding:.5rem 1rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:var(--accent);cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-btn.back-to-threads{padding:.6rem 1.2rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#c9a96126,#c9a9611a);border:1.5px solid rgba(201,169,97,.5);border-radius:6px;box-shadow:0 2px 8px #0000004d}.back-btn.back-to-threads:hover{background:linear-gradient(135deg,#c9a96140,#c9a96133);border-color:var(--accent);transform:translate(-2px);box-shadow:0 4px 12px #c9a9614d}.back-btn:hover{background:#c9a96133;border-color:var(--accent)}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(201,169,97,.2);flex-wrap:wrap}.breadcrumb-item{color:#c9a961;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600}.breadcrumb-item:hover{color:#d4b76d;text-decoration:underline}.breadcrumb-separator{color:#666;font-size:.9rem;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#ddd;font-size:.9rem;font-weight:600;max-width:600px;word-wrap:break-word;overflow-wrap:break-word}.thread-header h2{margin:.5rem 0;font-size:1.5rem;color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.thread-title-row{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap;max-width:100%}.thread-actions{display:flex;gap:.5rem}.edit-thread-btn,.delete-thread-btn{padding:.4rem .8rem;border:1px solid rgba(201,169,97,.3);border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.edit-thread-btn{background:#3b82f633;border-color:#3b82f680;color:#3b82f6}.edit-thread-btn:hover{background:#3b82f64d;border-color:#3b82f6}.delete-thread-btn{background:#dc262633;border-color:#dc262680;color:#ff6b6b}.delete-thread-btn:hover{background:#dc26264d;border-color:#ff6b6b}.pin-thread-btn{padding:.4rem .8rem;background:#fbbf2433;border:1px solid rgba(251,191,36,.5);border-radius:4px;color:#fbbf24;cursor:pointer;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.pin-thread-btn:hover,.pin-thread-btn.pinned{background:#fbbf244d;border-color:#fbbf24}.thread-meta{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#999;margin-top:.75rem}.thread-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:100%}.forum-post{background:linear-gradient(135deg,#c9a9610d,#0000004d);border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:1rem;display:flex;gap:1.5rem;max-width:100%;overflow:hidden}.forum-post.pinned{background:linear-gradient(135deg,#fbbf2426,#0006);border:1px solid rgba(251,191,36,.5);border-left:4px solid #fbbf24;box-shadow:0 0 12px #fbbf2433}.forum-post.original{border-color:var(--accent);background:linear-gradient(135deg,#c9a96126,#0006)}.post-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.post-avatar{width:80px;height:80px;border-radius:8px;background:linear-gradient(135deg,#c9a96133,#64503233);border:2px solid rgba(201,169,97,.4);overflow:hidden;object-fit:cover;cursor:pointer}.post-avatar:hover{border-color:var(--accent);box-shadow:0 0 12px #c9a96166}.post-number{font-size:.75rem;color:#999;font-weight:600;background:#c9a9611a;padding:.25rem .5rem;border-radius:3px}.post-content-section{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0;max-width:100%;overflow:hidden}.post-author{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding-bottom:.75rem;border-bottom:1px solid rgba(201,169,97,.2)}.post-author .author-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.post-time{font-size:.8rem;color:#999;white-space:nowrap}.post-pinned-badge{display:inline-block;background:#fbbf24;color:#000;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:700;margin-right:.5rem}.post-body{color:#ddd;line-height:1.6;margin-bottom:.75rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;overflow-x:auto}.quoted-post{background:#c9a9610d;border-left:4px solid rgba(201,169,97,.6);padding:.75rem;border-radius:4px;margin-bottom:.75rem}.quote-header{font-size:.85rem;color:#c9a961cc;font-weight:600;margin-bottom:.5rem}.quote-content{color:#aaa;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.post-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;align-items:center}.post-score{padding:.4rem .8rem;background:#c9a96126;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:var(--accent);font-size:.85rem;font-weight:600;white-space:nowrap}.vote-btn{padding:.4rem .8rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#999;cursor:pointer;font-size:.85rem;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.vote-btn:hover{background:#c9a96133;border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.vote-btn.upvote:hover{background:#22c55e26;border-color:#22c55e;color:#22c55e}.vote-btn.downvote:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}.post-actions button{white-space:nowrap;flex-shrink:0;font-size:.85rem;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.post-actions .copy-link-btn,.post-actions .edit-btn,.post-actions .delete-btn,.post-actions .report-btn,.post-actions .ban-btn,.post-actions .pin-post-btn{font-size:.8rem;padding:.35rem .7rem}.quote-btn{padding:.4rem .8rem;background:#6495ed1a;border:1px solid rgba(100,149,237,.3);border-radius:4px;color:#6495ed;cursor:pointer;font-size:.85rem;transition:all .2s ease;font-weight:600}.quote-btn:hover{background:#6495ed33;border-color:#6495ed;animation:buttonPress .3s ease}.quote-btn:active{transform:scale(.95)}.no-replies-placeholder{text-align:center;padding:3rem 2rem;margin:2rem auto;max-width:600px;background:linear-gradient(135deg,#c9a9610d,#0000004d);border:2px dashed rgba(201,169,97,.3);border-radius:12px}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.placeholder-text{font-size:1.25rem;color:var(--accent);font-weight:600;margin:0 0 .5rem}.placeholder-subtext{font-size:.95rem;color:#c9a961b3;margin:0}.reply-section{padding:1.5rem;border-top:1px solid rgba(201,169,97,.2);background:#00000080;display:flex;flex-direction:column;gap:.75rem}.quote-preview-container{background:#c9a9610d;border:1px solid rgba(201,169,97,.2);border-radius:6px;padding:1rem}.quote-preview-label{color:#999;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.05em}.quote-preview-content .quoted-post{margin:0}.reply-input{padding:.75rem;background:#0000004d;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#ddd;font-family:inherit;font-size:.9rem;resize:vertical}.reply-input:focus{outline:none;border-color:var(--accent);background:#c9a9610d}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:linear-gradient(135deg,#000000e6,#0a0a0af2);border:2px solid var(--accent);border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(201,169,97,.3)}.modal-header h2{margin:0;color:var(--accent);font-size:1.3rem}.close-btn{background:none;border:2px solid var(--accent);color:var(--accent);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#c9a96133;transform:scale(1.1)}.modal-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--accent);font-weight:600;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;background:#0000004d;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#ddd;font-family:inherit;font-size:.9rem;resize:vertical;min-height:120px}.edit-textarea{min-height:200px!important;font-family:inherit;line-height:1.6}.char-counter{font-size:.8rem;color:#888;text-align:right;margin-top:.25rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:#c9a9610d;box-shadow:0 0 8px #c9a96133}.modal-footer{padding:1.5rem;border-top:1px solid rgba(201,169,97,.3);display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.forum-controls{flex-direction:column;gap:.75rem;padding:.75rem}.forum-filters{width:100%;flex-wrap:wrap}.forum-filters select{flex:1;min-width:120px}.category-filters,.sort-controls{width:100%}.thread-item{flex-direction:column;align-items:flex-start}.thread-stats{width:100%;justify-content:space-around}.reddit-thread-card{flex-direction:column}.vote-column{flex-direction:row;width:100%;border-right:none;border-bottom:1px solid rgba(201,169,97,.1);padding:.5rem;min-width:auto;justify-content:center}.vote-arrow{font-size:1rem}.thread-content-column{padding:.75rem}.thread-card-header{font-size:.7rem}.thread-card-title{font-size:1rem}.thread-preview{font-size:.8rem}.action-btn{font-size:.7rem;padding:.3rem .5rem}.modal-content{max-width:95vw;max-height:95vh}.thread-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.header-top h1{font-size:1.2rem}.new-thread-btn,.my-profile-btn,.admin-tools-toggle{width:100%;text-align:center}.thread-header{padding:1rem}.thread-header h2{font-size:1.2rem}.forum-post{flex-direction:column;gap:1rem}.post-avatar-section{flex-direction:row;min-width:auto;width:100%;justify-content:flex-start}.post-avatar{width:60px;height:60px}.post-content-section{width:100%}.post-author{flex-direction:column;align-items:flex-start;gap:.5rem}.post-time{white-space:normal}.thread-content{padding:.75rem}.breadcrumb-current{max-width:200px}}.admin-tools-panel{background:#0009;border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:1.5rem;margin:1rem;max-height:50vh;overflow-y:auto;box-shadow:0 4px 12px #00000080}.admin-tools-panel h3{margin:0 0 .5rem;color:var(--accent);font-size:1.1rem}.admin-tools-panel p{margin:0 0 1rem;color:#999;font-size:.9rem}.admin-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-actions button{padding:.6rem 1rem;background:#c9a96133;border:1px solid rgba(201,169,97,.5);border-radius:4px;color:var(--accent);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.admin-actions button:hover{background:#c9a9614d;border-color:var(--accent)}.reported-posts{padding-top:1rem;border-top:1px solid rgba(201,169,97,.2)}.report-header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.report-header-row h4{margin:0;color:var(--accent);font-size:1rem}.btn-clear-all{padding:.5rem 1rem;background:#dc262633;border:1px solid rgba(220,38,38,.5);border-radius:4px;color:#ff6b6b;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.btn-clear-all:hover{background:#dc26264d;border-color:#ff6b6b}.no-reports{margin:0;padding:1rem;text-align:center;color:#999;font-size:.9rem}.reported-post{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:4px;padding:1rem;margin-bottom:1rem}.report-header{margin-bottom:.75rem}.report-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.report-meta strong{color:#ddd}.report-email{color:#999;font-size:.85rem}.report-count{color:#ff6b6b;font-weight:600}.report-context{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#999}.report-thread,.report-time{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-body{background:#0000004d;border-left:3px solid rgba(220,38,38,.5);padding:.75rem;margin-bottom:.75rem;border-radius:2px;font-size:.9rem;color:#ddd;line-height:1.5}.report-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-approve,.btn-remove{padding:.4rem .75rem;border:1px solid rgba(201,169,97,.3);border-radius:3px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-approve{background:#22c55e33;border-color:#22c55e80;color:#22c55e}.btn-approve:hover{background:#22c55e4d;border-color:#22c55e}.btn-remove{background:#dc262633;border-color:#dc262680;color:#ff6b6b}.btn-remove:hover{background:#dc26264d;border-color:#ff6b6b}.btn-clear-post-reports{padding:.4rem .75rem;background:#3b82f633;border:1px solid rgba(59,130,246,.5);border-radius:3px;color:#3b82f6;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-clear-post-reports:hover{background:#3b82f64d;border-color:#3b82f6}.btn-clear-post-reports:disabled{opacity:.5;cursor:not-allowed}.user-profile-view{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#000000e6,#0a0a0af2)}.profile-header{padding:1.5rem;border-bottom:2px solid var(--accent);background:linear-gradient(135deg,#c9a9611a,#0000004d);display:flex;align-items:center;gap:1rem}.profile-header .back-btn{margin:0;padding:.5rem 1rem}.profile-title{margin:0;color:var(--accent);font-size:1.5rem}.profile-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;z-index:1}.profile-header-card{background:linear-gradient(135deg,#c9a9611a,#0000004d);border:1px solid rgba(201,169,97,.3);border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.profile-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem}.profile-avatar-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(201,169,97,.5);transition:all .3s ease}.profile-avatar-large:hover{border-color:#c9a961;box-shadow:0 4px 12px #c9a96166}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#c9a9611a}.edit-avatar-btn{padding:.5rem 1rem;background:#c9a96133;border:1px solid rgba(201,169,97,.5);border-radius:4px;color:#c9a961;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.edit-avatar-btn:hover{background:#c9a9614d;border-color:#c9a961;transform:translateY(-2px)}.edit-avatar-btn:active{transform:translateY(0) scale(.98)}.profile-name-section{display:flex;align-items:center;gap:1rem;flex:1}.profile-title-emoji{font-size:2rem}.profile-name-section h3{margin:0;font-size:1.3rem;color:#fff}.profile-title-badge{margin:.25rem 0 0;color:var(--accent);font-size:.9rem;font-weight:600}.profile-email{margin:0;color:#999;font-size:.85rem}.profile-stats-grid{display:flex;gap:1.5rem}.stat-box{text-align:center;padding:1rem;background:#c9a9610d;border-radius:6px;border:1px solid rgba(201,169,97,.2)}.stat-label{font-size:.85rem;color:#999;text-transform:uppercase;margin-top:.25rem}.profile-section{background:linear-gradient(135deg,#c9a9610d,#0000004d);border:1px solid rgba(201,169,97,.2);border-radius:6px;padding:1.5rem}.profile-section h4{margin:0 0 1rem;color:var(--accent);font-size:1rem}.badges-container{display:flex;flex-wrap:wrap;gap:.5rem}.achievement-badge{background:#fbbf2433;border:1px solid rgba(251,191,36,.5);color:#fbbf24;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:600}.posts-list,.threads-list{display:flex;flex-direction:column;gap:.75rem}.profile-post-item,.profile-thread-item{background:#0000004d;border:1px solid rgba(201,169,97,.2);border-radius:4px;padding:1rem}.post-thread-link{font-size:.85rem;color:#999;margin-bottom:.5rem}.post-thread-link strong{color:var(--accent)}.post-text{color:#ddd;line-height:1.5;margin-bottom:.75rem;font-size:.9rem}.post-footer,.profile-thread-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#999}.score{color:var(--accent);font-weight:600}.date{white-space:nowrap}.thread-link{color:var(--accent);cursor:pointer;font-weight:600;transition:all .2s ease}.thread-link:hover{text-decoration:underline}.no-content{color:#999;font-style:italic;margin:0}.admin-user-info{display:flex;flex-direction:column;gap:1.5rem}.admin-user-info h3{margin:0;color:#fff;font-size:1.3rem}.user-email{margin:0;color:#999;font-size:.9rem}.info-section{background:#c9a9610d;border:1px solid rgba(201,169,97,.2);border-radius:4px;padding:1rem}.info-section h4{margin:0 0 .75rem;color:var(--accent);font-size:.95rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(201,169,97,.1);font-size:.9rem}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#999}.info-row span:last-child{color:#ddd;font-weight:600}.status-active{color:#22c55e}.status-banned{color:#ff6b6b}.history-list{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(201,169,97,.2)}.history-item{padding:.4rem 0;font-size:.85rem;color:#999}.score-badge,.report-count-badge{color:var(--accent);font-weight:600}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;margin-top:1rem;border-top:2px solid rgba(201,169,97,.2)}.page-btn{padding:.5rem 1rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#c9a961;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#c9a96133;border-color:#c9a961;animation:buttonPress .3s ease}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem;align-items:center}.page-num{min-width:36px;height:36px;padding:.5rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:#c9a961;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page-num:hover{background:#c9a96133;border-color:#c9a961;animation:buttonPress .3s ease}.page-num.active{background:linear-gradient(135deg,#c9a961,#a68a4d);border-color:#c9a961;color:#1a1a1a;font-weight:700}.page-ellipsis{color:#999;padding:0 .5rem;font-weight:600}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes buttonPulse{0%{box-shadow:0 0 #fbbf24b3}50%{box-shadow:0 0 0 8px #fbbf244d}to{box-shadow:0 0 #fbbf2400}}@keyframes pageFlipEffect{0%{opacity:1;transform:rotateY(0)}50%{opacity:.7;transform:rotateY(45deg)}to{opacity:1;transform:rotateY(0)}}.report-btn,.edit-btn,.delete-btn,.pin-post-btn,.ban-btn{padding:.4rem .8rem;border:1px solid;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.report-btn:before,.edit-btn:before,.delete-btn:before,.pin-post-btn:before,.ban-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.report-btn:hover:before,.edit-btn:hover:before,.delete-btn:hover:before,.pin-post-btn:hover:before,.ban-btn:hover:before{width:300px;height:300px}.report-btn{background:linear-gradient(135deg,#f9731626,#ea580c1a);border-color:#f9731666;color:#fb923c;text-shadow:0 1px 2px rgba(0,0,0,.3)}.report-btn:hover{background:linear-gradient(135deg,#f9731640,#ea580c33);border-color:#f97316;box-shadow:0 0 12px #f973164d;transform:translateY(-1px)}.edit-btn{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f666;color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.3)}.edit-btn:hover{background:linear-gradient(135deg,#3b82f640,#2563eb33);border-color:#3b82f6;box-shadow:0 0 12px #3b82f64d;transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#dc262626,#b91c1c1a);border-color:#dc262666;color:#f87171;text-shadow:0 1px 2px rgba(0,0,0,.3)}.delete-btn:hover{background:linear-gradient(135deg,#dc262640,#b91c1c33);border-color:#dc2626;box-shadow:0 0 12px #dc26264d;transform:translateY(-1px)}.pin-post-btn{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf2466;color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.3)}.pin-post-btn:hover{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);border-color:#fbbf24;box-shadow:0 0 12px #fbbf244d;transform:translateY(-1px)}.pin-post-btn.pinned{background:linear-gradient(135deg,#fbbf244d,#f59e0b40);border-color:#fbbf24;box-shadow:0 0 8px #fbbf2466;font-weight:700}.ban-btn{background:linear-gradient(135deg,#7f1d1d33,#991b1b26);border-color:#7f1d1d80;color:#ef4444;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ban-btn:hover{background:linear-gradient(135deg,#7f1d1d4d,#991b1b40);border-color:#991b1b;box-shadow:0 0 12px #7f1d1d66;transform:translateY(-1px)}button:active{animation:buttonPress .3s ease-out}.vote-btn:active,.report-btn:active,.edit-btn:active,.delete-btn:active,.pin-post-btn:active,.ban-btn:active,.btn:active,.new-thread-btn:active,.admin-tools-toggle:active{animation:buttonPress .2s ease-out;transform:translateY(0) scale(.98)}.vote-btn:active,.vote-btn:focus{box-shadow:0 0 12px #fbbf2480}.forum-container.page-flip{animation:pageFlipEffect .4s ease-in-out}.loading-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#c9a9611a,#000c);border:2px solid rgba(201,169,97,.3);border-radius:12px;box-shadow:0 8px 32px #00000080}.loading-content p{color:var(--accent);font-size:1rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.spinner{width:48px;height:48px;border:4px solid rgba(201,169,97,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-bar{position:relative;flex:1;max-width:500px;margin-bottom:.5rem}.search-input{width:100%;padding:.6rem 2.5rem .6rem 1rem;background:#c9a96114;border:1px solid rgba(201,169,97,.2);border-radius:4px;color:#ccc;font-size:.9rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent);background:#c9a96126;box-shadow:0 0 8px #c9a96133}.search-input::placeholder{color:#cccccc80}.clear-search-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#c9a96133;border:none;border-radius:50%;width:24px;height:24px;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.9rem}.clear-search-btn:hover{background:#c9a96166;color:#fff}.forum-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.thread-action-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.bookmark-btn,.subscribe-btn,.jump-latest-btn,.lock-thread-btn,.bookmarks-filter-btn{padding:.4rem .8rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:3px;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bookmark-btn:hover,.subscribe-btn:hover,.jump-latest-btn:hover,.lock-thread-btn:hover,.bookmarks-filter-btn:hover{background:#c9a96133;border-color:#c9a96180;transform:translateY(-1px)}.bookmark-btn.bookmarked{background:linear-gradient(135deg,#c9a96140,#c9a96126);border-color:var(--accent);color:var(--accent);font-weight:600}.subscribe-btn.subscribed{background:linear-gradient(135deg,#60a5fa40,#3b82f626);border-color:#60a5fa;color:#60a5fa;font-weight:600}.lock-thread-btn.locked{background:linear-gradient(135deg,#ef444440,#dc262626);border-color:#ef4444;color:#ef4444;font-weight:600}.reddit-thread-card.unread{border-left:3px solid var(--accent)}.unread-dot{position:absolute;top:8px;left:8px;width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #c9a96199;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-badge-inline{margin-left:.3rem;font-size:.85rem;opacity:.9}.locked-indicator-inline,.bookmarked-indicator{font-size:.75rem;opacity:.8}.locked-indicator{display:inline-block;padding:.2rem .5rem;background:#ef444433;border-radius:3px;color:#ef4444;font-size:.75rem;font-weight:600;margin-left:.5rem}.edited-indicator{font-size:.75rem;color:#c9a961b3;font-style:italic;cursor:help}.post-sort-controls{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 0;border-top:1px solid rgba(201,169,97,.1)}.post-sort-controls label{font-size:.85rem;color:#999;font-weight:600}.post-sort-controls select{padding:.3rem .6rem;background:#c9a96114;border:1px solid rgba(201,169,97,.2);border-radius:3px;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .15s ease}.post-sort-controls select:hover{background:#c9a96126;border-color:#c9a96166}.post-sort-controls select:focus{outline:none;border-color:var(--accent)}.collapse-toggle-btn{margin-top:.5rem;padding:.3rem .6rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.2);border-radius:3px;color:var(--accent);font-size:.8rem;cursor:pointer;transition:all .2s ease}.collapse-toggle-btn:hover{background:#c9a96133;border-color:#c9a96166}.copy-link-btn{padding:.35rem .7rem;background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border:1px solid rgba(96,165,250,.3);border-radius:3px;color:#60a5fa;font-size:.8rem;cursor:pointer;transition:all .2s ease}.copy-link-btn:hover{background:linear-gradient(135deg,#60a5fa40,#3b82f626);border-color:#60a5fa;box-shadow:0 0 8px #60a5fa4d;transform:translateY(-1px)}.preview-toggle-bar{display:flex;gap:.5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(201,169,97,.1)}.toggle-btn{padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#999;font-size:.9rem;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:#ccc;background:#c9a9610d}.toggle-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.preview-pane{min-height:150px;padding:1rem;background:#0000004d;border:1px solid rgba(201,169,97,.15);border-radius:4px;margin-bottom:.75rem}.preview-label{font-size:.85rem;color:#999;margin-bottom:.5rem;font-weight:600}.preview-body{color:#ccc;line-height:1.6;word-wrap:break-word}.empty-preview{color:#666}.locked-thread-notice{padding:1rem;margin:1rem 0;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;text-align:center;font-weight:600}.share-btn{background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border-color:#60a5fa4d;color:#60a5fa}.share-btn:hover{background:linear-gradient(135deg,#60a5fa40,#3b82f626);border-color:#60a5fa;box-shadow:0 0 8px #60a5fa4d}.username-mention{color:var(--accent);font-weight:600;background:#c9a9611a;padding:.1rem .3rem;border-radius:3px;cursor:pointer;transition:all .2s ease}.username-mention:hover{background:#c9a96133;text-decoration:underline}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-manage-achievements{padding:.4rem .8rem;background:#c9a96126;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:var(--accent);font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-manage-achievements:hover{background:#c9a96140;border-color:var(--accent);transform:translateY(-1px)}.achievement-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:linear-gradient(135deg,#c9a96133,#c9a9611a);border:1px solid rgba(201,169,97,.3);border-radius:6px;font-size:.85rem;font-weight:600;transition:all .2s ease}.achievement-badge.clickable{cursor:pointer}.achievement-badge.clickable:hover{background:linear-gradient(135deg,#c9a9614d,#c9a96133);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #c9a9614d}.achievement-emoji{font-size:1.1rem}.achievement-name{color:#e0e0e0}.achievement-badge.rarity-common{border-color:#9ca3af66}.achievement-badge.rarity-rare{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f626,#3b82f614)}.achievement-badge.rarity-epic{border-color:#a855f780;background:linear-gradient(135deg,#a855f726,#a855f714)}.achievement-badge.rarity-legendary{border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);box-shadow:0 0 12px #fbbf244d}.achievement-hint{margin-top:.75rem;font-size:.8rem;color:#999;font-style:italic}.achievement-modal{max-width:500px}.achievement-emoji-large{font-size:2.5rem;margin-right:.5rem}.achievement-details{text-align:center}.achievement-rarity{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem;border-radius:6px;background:#0000004d}.achievement-rarity.rarity-common .rarity-label{color:#9ca3af}.achievement-rarity.rarity-rare .rarity-label{color:#3b82f6}.achievement-rarity.rarity-epic .rarity-label{color:#a855f7}.achievement-rarity.rarity-legendary .rarity-label{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.5)}.rarity-label{font-weight:700;font-size:.9rem;letter-spacing:1px}.achievement-type{font-size:.85rem;color:#ccc}.achievement-description{font-size:1rem;line-height:1.6;color:#ccc}.achievement-selector-modal{max-width:700px;max-height:80vh}.achievement-selector-modal .modal-body{max-height:60vh;overflow-y:auto}.selector-instruction{margin-bottom:1.5rem;padding:.75rem;background:#c9a9611a;border-left:3px solid var(--accent);color:#ccc;font-size:.9rem}.achievement-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.achievement-selector-item{position:relative;cursor:pointer;transition:all .2s ease}.achievement-selector-item.disabled{opacity:.4;cursor:not-allowed}.achievement-selector-item.selected .achievement-card{border-color:var(--accent);background:linear-gradient(135deg,#c9a96140,#c9a96126);box-shadow:0 0 12px #c9a96166}.achievement-checkbox{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:2px solid rgba(201,169,97,.5);border-radius:4px;background:#0009;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:1.1rem;z-index:10}.achievement-selector-item.selected .achievement-checkbox{background:var(--accent);color:#000;border-color:var(--accent)}.achievement-card{padding:1rem;background:#0006;border:2px solid rgba(201,169,97,.2);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s ease;min-height:100px;justify-content:center}.achievement-card:hover{background:#0009;border-color:#c9a96166}.achievement-card .achievement-emoji{font-size:2rem}.achievement-card .achievement-name{font-size:.9rem;font-weight:600;text-align:center}.achievement-type-badge{font-size:.7rem;padding:.2rem .5rem;background:#c9a96133;border-radius:3px;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.search-bar{max-width:100%}.forum-action-buttons{width:100%;justify-content:flex-start}.thread-action-bar,.preview-toggle-bar{justify-content:flex-start}.post-sort-controls{flex-wrap:wrap}.achievement-selector-grid{grid-template-columns:1fr}.achievement-modal,.achievement-selector-modal{max-width:95vw}}.subcategory-filter{padding:.5rem;background:#c9a96114;border:1px solid rgba(201,169,97,.2);border-radius:4px;color:#ccc;font-size:.9rem;cursor:pointer;transition:all .2s ease}.subcategory-filter:hover{background:#c9a96126;border-color:var(--accent)}.subcategory-filter:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #c9a96133}.thread-subcategory{opacity:.8;font-size:.85em;color:#c9a961e6}.breadcrumb-nav .thread-subcategory{opacity:1}.move-post-btn,.remove-btn,.remove-thread-btn{padding:.35rem .65rem;border:1px solid rgba(201,169,97,.3);border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.move-post-btn{background:#6495ed26;color:#6495ed;border-color:#6495ed66}.move-post-btn:hover{background:#6495ed40;border-color:#6495ed;transform:translateY(-1px);box-shadow:0 2px 8px #6495ed4d}.remove-btn,.remove-thread-btn{background:#dc354526;color:#dc3545;border-color:#dc354566}.remove-btn:hover,.remove-thread-btn:hover{background:#dc354540;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.thread-selector{width:100%;padding:.6rem;background:#c9a96114;border:1px solid rgba(201,169,97,.2);border-radius:4px;color:#ccc;font-size:.95rem;cursor:pointer;transition:all .2s ease;max-height:300px}.thread-selector:focus{outline:none;border-color:var(--accent);background:#c9a96126;box-shadow:0 0 8px #c9a96133}.thread-selector option{background:#1a1a1a;color:#ccc;padding:.5rem}.help-text{margin-top:.75rem;padding:.5rem;background:#c9a9610d;border-left:3px solid var(--accent);color:#cccc;font-size:.9rem;border-radius:2px}.help-text strong{color:var(--accent)}.remove-confirm-modal .modal-body{padding:1.5rem}.warning-text{color:#dc3545;font-size:1rem;font-weight:500;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.warning-text:before{content:"";font-size:1.5rem}.detail-text{color:#cccccce6;font-size:.95rem;margin-top:.5rem;padding:.75rem;background:#c9a9610d;border-radius:4px}.detail-text strong{color:var(--accent)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid #bd2130;padding:.6rem 1.2rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.btn-danger:active{transform:translateY(0)}.post-actions{row-gap:.5rem;column-gap:.75rem}.post-score{order:-1;margin-right:.25rem}.vote-btn.upvote{order:0}.vote-btn.downvote{order:1}.vote-btn.downvote:after{content:"";position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);width:1px;height:60%;background:#c9a96133}.vote-btn{position:relative}.copy-link-btn{order:2}.quote-btn{order:3}.report-btn{order:10}.edit-btn{order:20}.delete-btn{order:21}.pin-post-btn{order:30}.move-post-btn{order:31}.remove-btn{order:32}.ban-btn{order:40}@media(max-width:768px){.post-actions{gap:.4rem}.post-actions button{font-size:.75rem!important;padding:.3rem .6rem!important}.post-score{font-size:.75rem;padding:.3rem .6rem}.post-actions{max-width:100%}}@media(max-width:480px){.post-actions{gap:.3rem}.post-actions button{font-size:.7rem!important;padding:.25rem .5rem!important}.post-score{font-size:.7rem;padding:.25rem .5rem}.copy-link-btn:before{content:""}.copy-link-btn{font-size:0!important}.quote-btn{padding:.25rem .4rem!important}}.post-actions .copy-link-btn:hover{background:#6495ed26;border-color:#6495ed66;color:#6495ed;transform:translateY(-1px)}.post-actions .edit-btn:hover{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24;transform:translateY(-1px)}.post-actions .delete-btn:hover{background:#ef444426;border-color:#ef444466;color:#ef4444;transform:translateY(-1px)}.post-actions .report-btn:hover{background:#f9731626;border-color:#f9731666;color:#f97316;transform:translateY(-1px)}.post-actions .ban-btn:hover{background:#dc262626;border-color:#dc262666;color:#dc2626;transform:translateY(-1px)}.post-actions .pin-post-btn:hover{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24;transform:translateY(-1px)}.post-actions .pin-post-btn.pinned{background:#fbbf2433;border-color:#fbbf24;color:#fbbf24}.collapse-toggle-btn{margin-top:.5rem;padding:.3rem .6rem;background:#c9a96114;border:1px solid rgba(201,169,97,.2);border-radius:3px;color:#c9a961e6;font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.collapse-toggle-btn:hover{background:#c9a96126;border-color:var(--accent);color:var(--accent)}.reply-to-post-btn,.reply-to-post-btn-small{background:#6495ed1a;border:1px solid rgba(100,149,237,.3);color:#6495ed;padding:.35rem .7rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reply-to-post-btn:hover,.reply-to-post-btn-small:hover{background:#6495ed33;border-color:#6495ed;transform:translateY(-1px)}.nested-reply-input,.nested-reply-input-small{margin-top:1rem;padding:1rem;background:#c9a96114;border:1px solid rgba(201,169,97,.25);border-radius:6px;margin-left:1rem}.reply-textarea,.reply-textarea-small{width:100%;padding:.75rem;background:#0006;border:1px solid rgba(201,169,97,.25);border-radius:4px;color:#ddd;font-size:.95rem;font-family:inherit;resize:vertical;line-height:1.5}.reply-textarea:focus,.reply-textarea-small:focus{outline:none;border-color:var(--accent);background:#00000080;box-shadow:0 0 12px #c9a96140}.nested-reply-actions,.nested-reply-actions-small{display:flex;gap:.75rem;margin-top:.75rem}.btn-send-nested-reply,.btn-send-nested-reply-small{background:linear-gradient(135deg,var(--accent) 0%,rgba(201,169,97,.8) 100%);color:#1a1a1a;border:1px solid rgba(201,169,97,.6);padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-send-nested-reply:hover,.btn-send-nested-reply-small:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c9a96166}.btn-send-nested-reply:disabled,.btn-send-nested-reply-small:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-nested-reply,.btn-cancel-nested-reply-small{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.35);padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel-nested-reply:hover,.btn-cancel-nested-reply-small:hover{background:#ef444433;border-color:#ef4444}.nested-replies{margin-top:.75rem;margin-left:2rem}.nested-replies-header{margin-bottom:.5rem}.collapse-replies-btn{background:#c9a9611a;border:1px solid rgba(201,169,97,.2);border-radius:4px;color:#c9a961e6;padding:.3rem .6rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.collapse-replies-btn:hover{background:#c9a96133;border-color:var(--accent);color:var(--accent)}.replies-container{position:relative;margin-top:.75rem;max-width:100%;overflow:hidden}.nested-post{position:relative;margin-bottom:1.25rem;display:flex;gap:.75rem;padding-left:.5rem;border-left:3px solid rgba(201,169,97,.25);max-width:100%;min-width:0}.nested-post-line{display:none}.nested-post-content{flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%}.post-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(201,169,97,.4);flex-shrink:0}.nested-post-body{flex:1;background:#c9a9610a;padding:.85rem;border-radius:6px;border:1px solid rgba(201,169,97,.15);min-width:0}.nested-post-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.9rem;flex-wrap:wrap}.nested-post-header .user-link{color:var(--accent);cursor:pointer;font-weight:600;overflow-wrap:break-word}.nested-post-header .user-link:hover{text-decoration:underline}.nested-post-header .post-time{color:#999;font-size:.8rem;white-space:nowrap}.nested-post-header .edited-indicator{color:#888;font-size:.75rem;white-space:nowrap}.nested-post-text{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:.75rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.nested-post-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.mobile-accordion{margin-top:.5rem}.mobile-replies-toggle{width:100%;text-align:left;padding:.55rem .75rem;background:#c9a96114;border:1px solid rgba(201,169,97,.25);border-radius:6px;color:#c9a961;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-replies-toggle:hover{background:#c9a96124;border-color:#c9a96159}.mobile-replies-container{margin-top:.5rem;border-left:2px solid rgba(201,169,97,.18);padding-left:.75rem}.vote-btn-small,.reply-to-post-btn-small,.edit-btn-small{padding:.35rem .65rem;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.vote-btn-small{background:#c9a96114;border:1px solid rgba(201,169,97,.2);color:#aaa}.vote-btn-small:hover{background:#c9a96126;border-color:var(--accent);color:var(--accent)}.vote-btn-small.upvote:hover{background:#22c55e26;border-color:#22c55e;color:#22c55e}.vote-btn-small.downvote:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}.reply-to-post-btn-small{background:#6495ed1a;border:1px solid rgba(100,149,237,.3);color:#6495ed}.reply-to-post-btn-small:hover{background:#6495ed33;border-color:#6495ed}.edit-btn-small{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.edit-btn-small:hover{background:#fbbf2433;border-color:#fbbf24}.nested-post.depth-2{padding-left:1rem;margin-left:1rem}.nested-post.depth-3{padding-left:1.5rem;margin-left:1rem}.nested-post.depth-4{padding-left:2rem;margin-left:1rem}.nested-post.depth-5{padding-left:2.5rem;margin-left:1rem}.deeper-replies{margin-top:.5rem;margin-left:1rem;border-left:2px solid rgba(201,169,97,.15);padding-left:.75rem}.collapse-nested-btn{background:none;border:none;color:#c9a961b3;padding:.25rem 0;margin-top:.5rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.collapse-nested-btn:hover{color:var(--accent)}@media(max-width:768px){.nested-replies{margin-left:.25rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.35rem}.nested-post{border-left:none;padding-left:0;margin-left:0;max-width:100%;min-width:240px;background:transparent;box-shadow:none}.nested-post-body{border:1px solid rgba(201,169,97,.12);border-left:2px solid rgba(201,169,97,.28);padding-left:.65rem;background:#0f0c08a6;max-width:100%;min-width:220px;box-shadow:none}.nested-post.depth-2,.nested-post.depth-3,.nested-post.depth-4,.nested-post.depth-5{margin-left:.25rem}.deeper-replies{margin-left:.35rem;border-left:none;padding-left:.4rem}.replies-container,.mobile-replies-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.35rem}.post-avatar-small{width:28px;height:28px}}@media(max-width:480px){.nested-replies{margin-left:.25rem;border-left:none;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.35rem}.nested-post{gap:.4rem;padding-left:0;border-left:none;max-width:100%;min-width:240px;background:transparent;box-shadow:none}.nested-post-content{gap:.5rem}.nested-post-body{padding:.55rem;min-width:220px;border:1px solid rgba(201,169,97,.12);border-left:2px solid rgba(201,169,97,.28);background:#0f0c08b3;box-shadow:none}.nested-post-header{gap:.4rem;font-size:.85rem}.nested-post-text{font-size:.9rem;line-height:1.5}.post-avatar-small{width:32px;height:32px}.nested-post.depth-2,.nested-post.depth-3,.nested-post.depth-4,.nested-post.depth-5{padding-left:0;margin-left:.35rem}.nested-post-body{border-left:2px solid rgba(201,169,97,.15);padding-left:.6rem;max-width:100%}.vote-btn-small,.reply-to-post-btn-small,.edit-btn-small{padding:.3rem .5rem;font-size:.75rem}.nested-reply-input,.nested-reply-input-small{margin-left:.5rem;padding:.75rem}}.combat-data-view{min-height:100vh;padding:1.5rem}.combat-data-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:2px solid var(--accent)}.tab-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b735533,#0000004d);border:2px solid var(--accent);border-radius:8px 8px 0 0;color:var(--accent);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.tab-button:hover{background:linear-gradient(135deg,#8b73554d,#0006);transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#d4af374d,#8b73554d);border-bottom-color:transparent;color:var(--gold);box-shadow:0 4px 12px #d4af374d}.combat-data-content{background:linear-gradient(135deg,#0009,#8b000033);border:2px solid var(--accent);border-radius:12px;padding:1.5rem;min-height:400px}.combat-data-footer{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.overview-tab{display:flex;flex-direction:column;gap:2rem}.overview-section{background:linear-gradient(135deg,#0006,#8b73551a);border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.overview-section h3{margin:0 0 1rem;color:var(--gold);font-size:1.3rem;border-bottom:1px solid var(--accent);padding-bottom:.5rem}.combat-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.combat-info-item{display:flex;flex-direction:column;gap:.25rem}.combat-info-item .label{font-size:.85rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.combat-info-item .value{font-size:1.1rem;color:var(--gold);font-weight:700}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.quick-stat-card{background:linear-gradient(135deg,#d4af371a,#8b73551a);border:2px solid var(--accent);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease}.quick-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #d4af374d}.quick-stat-card .stat-number{font-size:2.5rem;font-weight:700;color:var(--gold);line-height:1}.quick-stat-card .stat-label{font-size:.9rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.no-combat,.no-data{text-align:center;padding:2rem;color:var(--muted-text);font-style:italic}.participants-tab{display:flex;flex-direction:column;gap:1.5rem}.participants-controls{display:flex;flex-direction:column;gap:1rem}.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}.pill{padding:.5rem 1rem;background:linear-gradient(135deg,#8b735533,#0000004d);border:1px solid var(--accent);border-radius:20px;color:var(--accent);cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:600}.pill:hover{background:linear-gradient(135deg,#8b73554d,#0006)}.pill.active{background:linear-gradient(135deg,#d4af374d,#8b73554d);border-color:var(--gold);color:var(--gold)}.search-input{max-width:400px}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.participant-card{background:linear-gradient(135deg,#0009,#8b735533);border:2px solid var(--accent);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative}.participant-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #d4af3766;border-color:var(--gold)}.participant-card.selected{border-color:var(--gold);box-shadow:0 0 20px #d4af3780}.participant-card.current-actor{border-color:#10b981;box-shadow:0 0 16px #10b98166}.participant-card.current-actor:before{content:"⚡ CURRENT TURN";position:absolute;top:-10px;right:10px;background:#10b981;color:#000;padding:.25rem .75rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.participant-card.dead{opacity:.5;filter:grayscale(100%)}.participant-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--accent)}.participant-card-header h4{margin:0;color:var(--gold);font-size:1.1rem}.participant-type-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.participant-type-badge.hunter{background:#3b82f64d;border:1px solid #3b82f6;color:#60a5fa}.participant-type-badge.enemy{background:#dc26264d;border:1px solid #dc2626;color:#f87171}.participant-type-badge.summon{background:#a855f74d;border:1px solid #a855f7;color:#c084fc}.participant-stats-compact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.participant-status-icons{display:flex;gap:.5rem;flex-wrap:wrap}.status-icon{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:.25rem}.status-icon.buff{background:#10b9814d;border:1px solid #10b981;color:#34d399}.status-icon.debuff{background:#dc26264d;border:1px solid #dc2626;color:#f87171}.status-icon.template{background:#9333ea4d;border:1px solid #9333ea;color:#c084fc}.status-icon.disabled{background:#6b72804d;border:1px solid #6b7280;color:#9ca3af}.stat-bar-container{display:flex;flex-direction:column;gap:.25rem}.stat-bar-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--accent);font-weight:600}.stat-bar-value{color:var(--gold);font-weight:700}.stat-bar-track{height:8px;background:#0009;border:1px solid var(--accent);border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease;box-shadow:0 0 8px currentColor}.participant-detail-panel{margin-top:2rem;background:linear-gradient(135deg,#000c,#8b00004d);border:2px solid var(--gold);border-radius:12px;padding:1.5rem;max-width:1200px;margin-left:auto;margin-right:auto}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gold)}.detail-panel-content{display:flex;flex-direction:column;gap:2rem}.detail-section{background:linear-gradient(135deg,#0006,#8b73551a);border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.detail-section h4{margin:0 0 1rem;color:var(--gold);font-size:1.2rem;border-bottom:1px solid var(--accent);padding-bottom:.5rem}.stats-detail{display:flex;flex-direction:column;gap:1rem}.stat-row{display:flex;justify-content:space-between;padding:.5rem;background:#0000004d;border-radius:4px;font-weight:600}.abilities-tab,.abilities-list{display:flex;flex-direction:column;gap:1.5rem}.participant-abilities-section{background:linear-gradient(135deg,#0006,#8b73551a);border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.participant-abilities-section h4{margin:0 0 1rem;color:var(--gold);font-size:1.2rem;border-bottom:1px solid var(--accent);padding-bottom:.5rem}.abilities-section-group{background:linear-gradient(135deg,#8b735526,#00000040);border:1px solid var(--accent);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.abilities-section-group .section-title{margin:0 0 1.5rem;color:var(--gold);font-size:1.3rem;border-bottom:2px solid var(--gold);padding-bottom:.75rem}.hunters-abilities-container{display:grid;gap:2rem}.hunter-abilities-section{background:linear-gradient(135deg,#0009,#8b735533);border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.hunter-abilities-section .hunter-name{margin:0 0 1rem;color:var(--gold);font-size:1.15rem;border-left:4px solid var(--gold);padding-left:.75rem}.abilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.ability-card{background:linear-gradient(135deg,#0009,#3b82f61a);border:2px solid rgba(59,130,246,.5);border-radius:8px;padding:1rem;transition:all .3s ease}.ability-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.ability-card.disabled{opacity:.6;border-color:#6b7280}.ability-card-header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(59,130,246,.3)}.ability-card-header h6{margin:0;color:#60a5fa;font-size:1rem;flex:1;min-width:150px}.ability-description{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0;font-style:italic;line-height:1.3}.ability-effect{font-size:.85rem;color:var(--text-primary);margin:.5rem 0 0;line-height:1.4}.ability-type-badge{padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;white-space:nowrap;border:1px solid var(--accent);background:#8b73554d;color:var(--accent)}.ability-type-badge.action{background:#dc26264d;border-color:#dc2626;color:#dc2626}.ability-type-badge.interrupt{background:#3b82f64d;border-color:#3b82f6;color:#3b82f6}.ability-type-badge.passive{background:#10b9814d;border-color:#10b981;color:#10b981}.ability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(59,130,246,.3)}.ability-header h5{margin:0;color:#60a5fa;font-size:1rem}color: #f87171; } .ability-type-badge.interrupt{background:#f59e0b4d;border:1px solid #f59e0b;color:#fbbf24}.ability-type-badge.passive{background:#10b9814d;border:1px solid #10b981;color:#34d399}.ability-type-badge.special,.ability-type-badge.signature{background:#a855f74d;border:1px solid #a855f7;color:#c084fc}.ability-description{color:var(--text);font-size:.9rem;margin:.75rem 0;line-height:1.5}.ability-stats{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.ability-stat{display:flex;justify-content:space-between;font-size:.85rem}.stat-label{color:var(--accent);font-weight:600}.text-error{color:#f87171}.text-success{color:#34d399}.text-warning{color:#fbbf24}.ability-targeting{font-size:.85rem;color:var(--muted-text);margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(59,130,246,.2)}.ability-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.statuses-tab,.statuses-list{display:flex;flex-direction:column;gap:1.5rem}.participant-statuses-section{background:linear-gradient(135deg,#0006,#8b73551a);border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.participant-statuses-section h4{margin:0 0 1rem;color:var(--gold);font-size:1.2rem;border-bottom:1px solid var(--accent);padding-bottom:.5rem}.statuses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.status-card{background:linear-gradient(135deg,#0009,#10b9811a);border:2px solid rgba(16,185,129,.5);border-radius:8px;padding:1rem;transition:all .3s ease}.status-card.debuff{background:linear-gradient(135deg,#0009,#dc26261a);border-color:#dc262680}.status-card.expiring{animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{border-color:#f59e0b80}50%{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b99}}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.status-card.debuff:hover{box-shadow:0 4px 12px #dc26264d}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(16,185,129,.3)}.status-card.debuff .status-header{border-bottom-color:#dc26264d}.status-header h5{margin:0;color:#34d399;font-size:1rem}.status-card.debuff .status-header h5{color:#f87171}.status-type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status-type-badge.buff{background:#10b9814d;border:1px solid #10b981;color:#34d399}.status-type-badge.debuff{background:#dc26264d;border:1px solid #dc2626;color:#f87171}.status-type-badge.template{background:#9333ea4d;border:1px solid #9333ea;color:#c084fc}.statuses-section-group{background:linear-gradient(135deg,#8b735526,#00000040);border:1px solid var(--accent);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.statuses-section-group .section-title{margin:0 0 1.5rem;color:var(--gold);font-size:1.3rem;border-bottom:2px solid var(--gold);padding-bottom:.75rem}.section-subtitle{margin:-1.25rem 0 1rem;color:var(--text-secondary);font-size:.9rem;font-style:italic;padding:0 0 1rem;border-bottom:1px solid rgba(139,115,85,.2)}.statuses-section-group .section-title.buffs-title{border-bottom-color:#10b981;color:#34d399}.statuses-section-group .section-title.debuffs-title{border-bottom-color:#dc2626;color:#f87171}.status-card{background:linear-gradient(135deg,#0009,#10b98126);border:2px solid rgba(16,185,129,.6);border-radius:8px;padding:1rem;transition:all .3s ease}.status-card.buff-card{background:linear-gradient(135deg,#0009,#10b98126);border:2px solid rgba(16,185,129,.6)}.status-card.buff-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166;border-color:#10b981}.status-card.debuff-card{background:linear-gradient(135deg,#0009,#dc262626);border:2px solid rgba(220,38,38,.6)}.status-card.debuff-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666;border-color:#dc2626}.status-card.template{background:linear-gradient(135deg,#0009,#9333ea26);border:2px solid rgba(147,51,234,.6)}.status-card.template:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9333ea66;border-color:#9333ea}.status-card.template .status-header h5{color:#c084fc}.status-card.immunity-debuff{background:linear-gradient(135deg,#0009,#f59e0b26);border-left:4px solid #f59e0b}.status-card.immunity-debuff:hover{box-shadow:0 4px 12px #f59e0b66}.status-card.non-immunity-debuff{background:linear-gradient(135deg,#0009,#dc262626);border-left:4px solid #dc2626}.immunity-indicator{padding:.35rem .65rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap;background:#f59e0b33;border:1px solid #f59e0b;color:#f59e0b}.status-flag{padding:.35rem .65rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap;border:1px solid var(--accent);background:#8b735540;color:var(--accent)}.status-flag.immunity-flag{border-color:#f59e0b;background:#f59e0b2e;color:#f59e0b}.status-flag.stackable-flag{border-color:#3b82f6;background:#3b82f62e;color:#60a5fa}.status-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(139,115,85,.3)}.status-name{margin:0;color:var(--gold);font-size:1.05rem;font-weight:600}.status-buff-card .status-name{color:#34d399}.status-debuff-card .status-name{color:#f87171}.status-badge{padding:.35rem .65rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap;border:1px solid}.status-badge.buff-badge{background:#10b98133;border-color:#10b981;color:#34d399}.status-badge.debuff-badge{background:#dc262633;border-color:#dc2626;color:#f87171}.status-source{margin:0;font-size:.85rem;color:var(--text-secondary)}.status-source strong{color:var(--text-primary)}.status-description{margin:0;font-size:.9rem;color:var(--text-primary);line-height:1.5}.participant-statuses-section h5{margin:0 0 1rem;color:var(--gold);font-size:1.1rem;border-left:4px solid var(--gold);padding-left:.75rem}.elements-tab{display:flex;flex-direction:column;gap:1.5rem}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.element-card{background:linear-gradient(135deg,#0009,#8b735533);border:2px solid var(--accent);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;transition:all .3s ease}.element-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #d4af3759}.element-card.physical{border-left:4px solid #9ca3af}.element-card.fire{border-left:4px solid #f97316;background:linear-gradient(135deg,#0009,#f973162e)}.element-card.electric{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#0009,#3b82f62e)}.element-card.ice{border-left:4px solid #22d3ee;background:linear-gradient(135deg,#0009,#22d3ee2e)}.element-card.ether{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,#0009,#8b5cf62e)}.element-card.nether{border-left:4px solid #6b7280;background:linear-gradient(135deg,#000000b3,#6b728040)}.element-card.necrophage{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#000000b3,#f59e0b33)}.element-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.element-header h4{margin:0;color:var(--gold);font-size:1.2rem}.element-status-badge{padding:.35rem .65rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#3b82f62e;border:1px solid #3b82f6;color:#60a5fa;white-space:nowrap}.element-description{margin:0;color:var(--text-primary);line-height:1.5}.element-detail h5{margin:0 0 .25rem;color:var(--gold);font-size:1rem}.element-detail p{margin:0;color:var(--text-primary);line-height:1.5}.element-status-callout{border:1px solid rgba(59,130,246,.4);background:#3b82f614;border-radius:8px;padding:.75rem}.element-status-callout h5{margin:0 0 .35rem;color:#60a5fa;font-size:.95rem}.element-status-callout p{margin:0;color:var(--text-primary);line-height:1.4}@media(max-width:768px){.elements-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.madness-tab{display:flex;flex-direction:column;gap:1.25rem}.madness-section{background:linear-gradient(135deg,#0009,#8b73552e);border:1px solid var(--accent);border-radius:8px;padding:1rem}.madness-section h4{margin:0 0 .5rem;color:var(--gold)}.madness-section p{margin:0;color:var(--text-primary);line-height:1.5}.madness-section ul{margin:.25rem 0 0 1.25rem;color:var(--text-primary);line-height:1.5}.madness-note{margin-top:.5rem;font-style:italic;color:var(--text-secondary)}.templates-tab{display:flex;flex-direction:column;gap:1.5rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.template-card{background:linear-gradient(135deg,#000000a6,#8b735533);border:1px solid var(--accent);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.65rem}.template-header h4{margin:0;color:var(--gold)}.template-summary{margin:0;color:var(--text-primary);line-height:1.45}.template-effects{margin:.25rem 0 0 1.1rem;color:var(--text-primary);line-height:1.4}.template-effects li{margin-bottom:.3rem}@media(max-width:768px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.grim-tab{display:flex;flex-direction:column;gap:1.5rem}.grim-intro{background:linear-gradient(135deg,#0009,#8b000033);border-left:4px solid #dc2626;padding:1rem;border-radius:8px;color:var(--text-primary);line-height:1.6;margin-bottom:.5rem}.grim-table-container{overflow-x:auto;background:linear-gradient(135deg,#000000a6,#8b735533);border:2px solid var(--accent);border-radius:10px;padding:1rem}.grim-table{width:100%;border-collapse:collapse}.grim-table thead{background:linear-gradient(135deg,#d4af3733,#8b73554d);border-bottom:2px solid var(--gold)}.grim-table th{padding:.875rem;text-align:left;color:var(--gold);font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.grim-table tbody tr{border-bottom:1px solid rgba(139,115,85,.3);transition:background .2s ease}.grim-table tbody tr:hover{background:#d4af371a}.grim-table td{padding:.875rem;color:var(--text-primary);line-height:1.5}.grim-table .grim-rank{color:var(--gold);font-weight:700;white-space:nowrap}@media(max-width:768px){.grim-table{font-size:.875rem}.grim-table th,.grim-table td{padding:.65rem}}.status-description{color:var(--text);font-size:.9rem;margin:.75rem 0;line-height:1.5}.status-stats{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.status-stat{display:flex;justify-content:space-between;font-size:.85rem}.status-effects{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(16,185,129,.2)}.status-card.debuff .status-effects{border-top-color:#dc262633}.status-effect-item{padding:.25rem .5rem;background:#0006;border:1px solid var(--accent);border-radius:4px;font-size:.75rem;font-weight:600}.doc-tab{display:flex;flex-direction:column;gap:1.5rem}.doc-tab h3{margin:0;color:var(--gold);font-size:1.5rem;border-bottom:2px solid var(--gold);padding-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.tab-description{color:var(--muted-text);font-style:italic;margin:-.5rem 0 .5rem;font-size:.95rem}.hunt-contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.hunt-contract-card{background:linear-gradient(135deg,#0009,#8b735533);border:2px solid var(--accent);border-radius:10px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 8px #0006}.hunt-contract-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #d4af374d;border-color:var(--gold)}.contract-header h4{margin:0 0 .75rem;color:var(--gold);font-size:1.2rem;line-height:1.3}.contract-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,115,85,.4)}.contract-meta span{padding:.4rem .8rem;background:#00000080;border-radius:6px;font-size:.85rem;font-weight:600}.contract-location{color:var(--accent);border:1px solid var(--accent)}.contract-rank{text-transform:uppercase;letter-spacing:.5px}.contract-rank.rank-copper{color:#cd7f32;border:1px solid #cd7f32}.contract-rank.rank-silver{color:silver;border:1px solid #c0c0c0}.contract-rank.rank-gold{color:var(--gold);border:1px solid var(--gold)}.contract-reward{color:#4ade80;border:1px solid #4ade80}.contract-body{display:flex;flex-direction:column;gap:1rem}.contract-briefing{line-height:1.6;color:var(--text);margin:0}.contract-clues{background:#0006;padding:1rem;border-radius:6px;border-left:3px solid var(--accent)}.contract-clues strong{color:var(--gold);display:block;margin-bottom:.5rem}.contract-clues ol{margin:0;padding-left:1.5rem;line-height:1.8}.contract-clues li{color:var(--text);padding-left:.5rem;font-family:Courier New,monospace;font-weight:600}.caretaker-note{color:var(--muted-text);font-style:italic;font-size:.9rem;margin:.5rem 0 0;padding:.75rem;background:#8b000026;border-radius:6px;border-left:3px solid #dc2626}.enemies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.enemy-card{background:linear-gradient(135deg,#8b00004d,#0009);border:2px solid rgba(220,38,38,.6);border-radius:10px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 8px #0006}.enemy-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #dc262666;border-color:#dc2626}.enemy-header h4{margin:0 0 .5rem;color:#ef4444;font-size:1.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(220,38,38,.4)}.enemy-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.stat-badge{padding:.3rem .7rem;background:#0009;border:1px solid rgba(220,38,38,.5);border-radius:4px;font-size:.8rem;font-weight:600;color:var(--accent)}.enemy-template{font-size:.85rem;color:var(--muted-text);font-style:italic;margin:0}.enemy-body{display:flex;flex-direction:column;gap:1rem}.enemy-description{color:var(--text);line-height:1.6;margin:0;font-size:.95rem}.enemy-abilities-section{background:#0000004d;padding:1rem;border-radius:6px;border-left:3px solid #dc2626}.enemy-abilities-section strong{color:var(--gold);display:block;margin-bottom:.5rem}.enemy-abilities{margin:0;padding-left:1.2rem;list-style:none}.enemy-abilities li{position:relative;padding-left:1.5rem;margin-bottom:.6rem;color:var(--text);line-height:1.5;font-size:.9rem}.enemy-abilities li:before{content:"⚔";position:absolute;left:0;color:#dc2626;font-weight:700}.hunters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.hunter-card{background:linear-gradient(135deg,#3b82f633,#0009);border:2px solid rgba(59,130,246,.6);border-radius:10px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 8px #0006}.hunter-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #3b82f666;border-color:#3b82f6}.hunter-header h4{margin:0 0 .75rem;color:#60a5fa;font-size:1.3rem;padding-bottom:.5rem;border-bottom:1px solid rgba(59,130,246,.4)}.hunter-body{display:flex;flex-direction:column;gap:1rem}.hunter-lore{color:var(--muted-text);font-style:italic;line-height:1.7;margin:0;font-size:.95rem;padding:1rem;background:#0000004d;border-radius:6px;border-left:3px solid rgba(59,130,246,.5)}.hunter-tactics{color:var(--text);line-height:1.6;background:#0006;padding:1rem;border-radius:6px;font-size:.95rem}.hunter-tactics strong{color:var(--gold);display:block;margin-bottom:.5rem}@media(max-width:768px){.hunt-contracts-grid,.enemies-grid,.hunters-grid{grid-template-columns:1fr}.doc-tab h3{font-size:1.3rem}.hunt-contract-card,.enemy-card,.hunter-card{padding:1.25rem}.contract-meta{flex-direction:column;gap:.5rem}}@media(max-width:480px){.doc-tab h3{font-size:1.1rem}.hunt-contract-card,.enemy-card,.hunter-card{padding:1rem}.contract-header h4,.enemy-header h4,.hunter-header h4{font-size:1.1rem}}.equipment-tab{display:flex;flex-direction:column;gap:1.5rem}.equipment-reference,.consumables-reference{background:linear-gradient(135deg,#00000073,#8b73551f);border:1px solid var(--accent);border-radius:10px;padding:1.25rem}.reference-note{color:var(--muted-text);margin:.5rem 0 1rem;font-size:.9rem}.reference-section{margin-top:1.5rem}.reference-section h5{margin:0 0 .75rem;color:var(--gold);font-size:1.05rem;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:.4rem}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.reference-card{background:linear-gradient(135deg,#0009,#8b735526);border:1px solid rgba(212,175,55,.35);border-radius:8px;padding:.85rem}.reference-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.reference-card-header h6{margin:0;font-size:.95rem;color:var(--gold)}.reference-cost{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;background:#d4af3733;border:1px solid rgba(212,175,55,.6);color:var(--gold);white-space:nowrap}.reference-description{margin:0;font-size:.85rem;color:var(--text);line-height:1.4}.participant-equipment-section{background:linear-gradient(135deg,#0006,#8b73551a);border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.participant-equipment-section h4{margin:0 0 1rem;color:var(--gold);font-size:1.2rem;border-bottom:1px solid var(--accent);padding-bottom:.5rem}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.equipment-card{background:linear-gradient(135deg,#0009,#f59e0b1a);border:2px solid rgba(245,158,11,.5);border-radius:8px;padding:1rem;transition:all .3s ease}.equipment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.equipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(245,158,11,.3)}.equipment-header h5{margin:0;color:#fbbf24;font-size:1rem}.equipment-slot-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;background:#f59e0b4d;border:1px solid #f59e0b;color:#fbbf24}.equipment-description{color:var(--text);font-size:.9rem;margin:.75rem 0;line-height:1.5}.equipment-stats{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.equipment-stat{display:flex;justify-content:space-between;font-size:.85rem}.equipment-element{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(245,158,11,.2);display:flex;gap:.5rem;align-items:center;font-size:.85rem}.element-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.element-badge.physical{background:#6b72804d;border:1px solid #6b7280;color:#9ca3af}.element-badge.fire{background:#dc26264d;border:1px solid #dc2626;color:#f87171}.element-badge.electricity{background:#3b82f64d;border:1px solid #3b82f6;color:#60a5fa}.element-badge.ice{background:#0ea5e94d;border:1px solid #0ea5e9;color:#38bdf8}.element-badge.ether{background:#a855f74d;border:1px solid #a855f7;color:#c084fc}.element-badge.nether{background:#8b008b4d;border:1px solid #8b008b;color:orchid}.equipment-durability{margin-top:.75rem}.consumables-tab{display:flex;flex-direction:column;gap:1.5rem}.participant-consumables-section{background:linear-gradient(135deg,#0006,#8b73551a);border:1px solid var(--accent);border-radius:8px;padding:1.5rem}.participant-consumables-section h4{margin:0 0 1rem;color:var(--gold);font-size:1.2rem;border-bottom:1px solid var(--accent);padding-bottom:.5rem}.consumables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.consumable-card{background:linear-gradient(135deg,#0009,#10b9811a);border:2px solid rgba(16,185,129,.5);border-radius:8px;padding:1rem;transition:all .3s ease}.consumable-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.consumable-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(16,185,129,.3)}.consumable-header h5{margin:0;color:#34d399;font-size:1rem}.consumable-category-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;background:#10b9814d;border:1px solid #10b981;color:#34d399}.consumable-description{color:var(--text);font-size:.9rem;margin:.75rem 0;line-height:1.5}.consumable-stats{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.consumable-stat{display:flex;justify-content:space-between;font-size:.85rem}.consumable-quantity{font-weight:700;color:var(--gold);font-size:1.1rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-entry{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#0006,#8b73551a);border:1px solid var(--accent);border-radius:6px;transition:all .2s ease}.history-entry:hover{transform:translate(4px);border-color:var(--gold)}.history-time{font-size:.85rem;color:var(--muted-text)}.history-result{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase}.history-result.victory{background:#10b9814d;border:1px solid #10b981;color:#34d399}.history-result.defeat{background:#dc26264d;border:1px solid #dc2626;color:#f87171}.history-result.retreat,.history-result.timeout{background:#f59e0b4d;border:1px solid #f59e0b;color:#fbbf24}.history-participants{font-size:.85rem;color:var(--accent)}.history-detailed-list{display:flex;flex-direction:column;gap:1.5rem}.history-detailed-entry{background:linear-gradient(135deg,#0009,#8b735533);border:2px solid var(--accent);border-radius:8px;padding:1.5rem;transition:all .3s ease}.history-detailed-entry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.history-detailed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--accent)}.history-detailed-header h4{margin:0;color:var(--gold)}.result-badge{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:700;text-transform:uppercase}.result-badge.victory{background:#10b9814d;border:2px solid #10b981;color:#34d399}.result-badge.defeat{background:#dc26264d;border:2px solid #dc2626;color:#f87171}.result-badge.retreat,.result-badge.timeout{background:#f59e0b4d;border:2px solid #f59e0b;color:#fbbf24}.history-detailed-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.history-info-item{display:flex;flex-direction:column;gap:.25rem}.history-info-item .label{font-size:.85rem;color:var(--accent);font-weight:600;text-transform:uppercase}.history-info-item span:last-child{color:var(--gold);font-weight:600}@media(max-width:768px){.combat-data-view{padding:1rem}.combat-data-tabs{gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab-button{padding:.5rem .8rem;font-size:.75rem;white-space:nowrap;flex-shrink:0}.combat-data-content{padding:1rem}.participants-grid,.abilities-grid,.statuses-grid,.equipment-grid,.consumables-grid{grid-template-columns:1fr}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}.combat-info-grid{grid-template-columns:1fr}.participant-detail-panel{margin-top:1rem;padding:1rem}.filter-pills{justify-content:center}.search-input{max-width:100%}}.characters-tab{display:flex;flex-direction:column;gap:1.5rem}.characters-controls{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#8b735526,#00000040);padding:1rem;border-radius:8px;border:1px solid var(--accent)}.search-controls{display:flex;flex-direction:column;gap:.5rem}.search-controls label,.character-dropdown label{font-weight:600;color:var(--gold);font-size:.95rem}.character-dropdown{display:flex;flex-direction:column;gap:.5rem}.character-dropdown select{padding:.75rem;background:linear-gradient(135deg,#0009,#8b735533);border:1px solid var(--accent);border-radius:6px;color:var(--text-primary);font-size:.95rem}.character-dropdown select:hover{border-color:var(--gold)}.character-dropdown select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 8px #d4af3766}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.character-card{background:linear-gradient(135deg,#0009,#8b735533);border:2px solid var(--accent);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem}.character-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #d4af3766;border-color:var(--gold)}.character-card.selected{border-color:var(--gold);box-shadow:0 0 20px #d4af3780;background:linear-gradient(135deg,#d4af3733,#8b73554d)}.character-card h4{margin:0;color:var(--gold);font-size:1.1rem}.character-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem;background:#0000004d;border-radius:4px;border-left:2px solid var(--accent)}.stat-label{font-weight:600;color:var(--accent);font-size:.85rem}.stat-value{color:var(--text-primary);font-weight:600}.character-detail-panel{background:linear-gradient(135deg,#000000b3,#8b73554d);border:2px solid var(--gold);border-radius:8px;padding:1.5rem;margin-top:1rem}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.detail-panel-header h3{margin:0;color:var(--gold);font-size:1.5rem}.detail-panel-content{display:flex;flex-direction:column;gap:1.5rem}.detail-section{display:flex;flex-direction:column;gap:.75rem}.detail-section h4{margin:0;color:var(--gold);font-size:1.05rem;border-bottom:1px solid var(--accent);padding-bottom:.5rem}.stats-detail,.arsenal-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.stat-row,.arsenal-item{display:flex;justify-content:space-between;padding:.5rem;background:#0000004d;border-radius:4px;border-left:2px solid var(--accent)}.stat-row span:first-child,.arsenal-item span:first-child{font-weight:600;color:var(--accent)}.stat-row span:last-child,.arsenal-item span:last-child{color:var(--text-primary)}.abilities-list{display:flex;flex-direction:column;gap:.75rem}.ability-item{background:#0000004d;border-left:3px solid var(--accent);border-radius:4px;padding:.75rem}.ability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ability-header h5{margin:0;color:var(--gold);font-size:.95rem}.cooldown-badge{background:var(--accent);color:#000;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.ability-description{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem;font-style:italic}.ability-effect{font-size:.85rem;color:var(--text-primary);margin:0;line-height:1.4}.no-data{text-align:center;padding:2rem 1rem;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.characters-controls{flex-direction:column}.character-dropdown,.search-controls{width:100%}.characters-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stats-detail,.arsenal-detail{grid-template-columns:1fr}}@media(max-width:480px){.combat-data-tabs{gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.tab-button{padding:.4rem .6rem;font-size:.65rem;white-space:normal;word-break:break-word;min-width:50px;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.characters-grid,.character-stats{grid-template-columns:1fr}.detail-panel-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-panel-header .btn{width:100%}}@media(max-width:480px){.quick-stats-grid{grid-template-columns:1fr}.ability-actions{flex-direction:column}.ability-actions .btn-sm{width:100%}}.dev-view{background:linear-gradient(135deg,#0a0e27,#1a1f3a);min-height:100vh}.dev-container{max-width:1200px;margin:0 auto;padding:20px}.dev-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-header h1{margin:0;color:#fff;font-size:28px;flex:1;text-align:center}.btn-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-back:hover{background:#fff3;border-color:#fff6}.dev-nav{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap;padding:15px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.dev-nav-btn{padding:10px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.dev-nav-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.dev-nav-btn.active{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;border-color:#4a9eff;box-shadow:0 0 15px #4a9eff4d}.dev-content{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:400px}.dev-content h2{color:#fff;margin-top:0;margin-bottom:20px;font-size:24px}.dev-content h3{color:#4a9eff;margin-top:20px;margin-bottom:12px;font-size:16px}.dev-content p{color:#fffc;line-height:1.6}.dev-content ul{list-style:none;padding:0;margin:15px 0}.dev-content li{padding:8px 0;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.dev-content li:last-child{border-bottom:none}.dev-content pre{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:15px;color:#7dd3fc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;overflow-x:auto;line-height:1.5}.dev-home{animation:fadeIn .3s ease}.dev-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:25px}.dev-tool-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center}.dev-tool-card:hover{background:#4a9eff1a;border-color:#4a9eff4d;transform:translateY(-4px);box-shadow:0 8px 20px #4a9eff33}.dev-tool-icon{font-size:48px;margin-bottom:12px}.dev-tool-card h3{margin:12px 0 8px;color:#fff}.dev-tool-card p{font-size:14px;color:#fff9;margin:0}.dev-quick-links{background:#4a9eff1a;border:2px solid rgba(74,158,255,.3);border-radius:8px;padding:20px;margin-bottom:30px}.dev-quick-links h3{margin-top:0;color:#4a9eff;font-size:16px;margin-bottom:15px}.quick-link-btn{display:inline-block;padding:12px 20px;background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;border:1px solid #4a9eff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;margin-right:10px;margin-bottom:10px}.quick-link-btn:hover{box-shadow:0 0 15px #4a9eff66;transform:translateY(-2px)}.dev-state-inspector{animation:fadeIn .3s ease}.state-info{display:grid;gap:20px}.state-section{background:#0003;border-left:3px solid #4a9eff;padding:15px;border-radius:4px}.state-section h3{margin-top:0}.dev-version-info{animation:fadeIn .3s ease}.version-section{background:#0003;border-left:3px solid #4a9eff;padding:15px;border-radius:4px;margin-bottom:15px}.version-section h3{margin-top:0}.dev-console{animation:fadeIn .3s ease;display:flex;flex-direction:column;min-height:500px}.console-output{flex:1;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:15px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;overflow-y:auto;margin-bottom:15px;max-height:350px}.console-empty{color:#fff6;font-style:italic;margin:0}.console-line{padding:4px 0;color:#7dd3fc;word-break:break-all;line-height:1.4}.console-line.console-input{color:#fff;font-weight:700}.console-line.console-input:before{content:"> ";color:#4a9eff;margin-right:8px}.console-line.console-output:before{content:"< ";color:#10b981;margin-right:8px}.console-line.console-output{color:#10b981}.console-line.console-error{color:#f87171}.console-line.console-error:before{content:"✕ ";color:#f87171;margin-right:8px}.console-input-area{display:flex;gap:10px}.console-input{flex:1;background:#0006;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.console-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 10px #4a9eff33}.console-input::placeholder{color:#fff6}.btn{padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;border-color:#4a9eff}.btn-primary:hover:not(:disabled){box-shadow:0 0 15px #4a9eff4d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border-color:#fff3}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#fff6}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.dev-performance{animation:fadeIn .3s ease}.perf-section{background:#0003;border-left:3px solid #4a9eff;padding:15px;border-radius:4px;margin-bottom:15px}.perf-section h3{margin-top:0}.dev-features{animation:fadeIn .3s ease}.features-section{background:#0003;border-left:3px solid #4a9eff;padding:15px;border-radius:4px;margin-bottom:15px}.features-section h3{margin-top:0;margin-bottom:15px}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-list label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fffc;font-size:14px;transition:color .2s ease}.feature-list label:hover{color:#fff}.feature-list input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#4a9eff}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px;text-transform:uppercase}.badge-active{background:#10b98133;color:#10b981}.dev-testing{animation:fadeIn .3s ease}.test-section{background:#0003;border-left:3px solid #4a9eff;padding:15px;border-radius:4px;margin-bottom:15px}.test-section h3{margin-top:0;margin-bottom:10px}.test-btn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.test-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:end;margin-top:12px}.test-field{display:flex;flex-direction:column;gap:6px;color:#ffffffd9;font-size:13px}.test-field select,.test-field input{background:#00000059;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 12px;border-radius:4px;font-size:13px}.test-field select:focus,.test-field input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 10px #4a9eff33}.test-field select:disabled,.test-field input:disabled{opacity:.55}.test-muted{margin-top:10px;font-size:13px;color:#ffffffa6}@media(max-width:768px){.dev-container{padding:12px}.dev-header{flex-direction:column;gap:15px;padding:15px}.dev-header h1{font-size:22px}.dev-nav{gap:6px;padding:10px}.dev-nav-btn{padding:8px 12px;font-size:12px}.dev-content{padding:20px;min-height:auto}.dev-tools-grid{grid-template-columns:1fr}.console-output{max-height:250px}.test-row{grid-template-columns:1fr;align-items:stretch}}@media(max-width:480px){.dev-container{padding:8px}.dev-header{padding:10px}.dev-header h1{font-size:18px}.dev-nav{flex-direction:column}.dev-nav-btn{width:100%;text-align:left}.dev-content{padding:15px}.console-input-area{flex-direction:column}.btn{width:100%}}.warden-badge{display:inline-block;padding:2px 8px;background:var(--accent);color:var(--bg-dark);font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.warden-badge-small{font-size:.65rem;padding:1px 4px;margin-left:4px}.warden-badge-medium{font-size:.75rem;padding:2px 6px}.warden-badge-large{font-size:.9rem;padding:4px 12px}.arena-setup{position:relative;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:0;overflow-y:auto}.arena-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#000000bf,#000000d9,#000000e6);pointer-events:none;z-index:0}.arena-setup-content-wrapper{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:20px}.arena-setup-header{text-align:center;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#c9a96126,#c9a9610d);border:2px solid rgba(201,169,97,.3);border-radius:12px;box-shadow:0 8px 32px #00000080}.arena-setup-header h2{font-size:2.5rem;color:var(--accent);margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(201,169,97,.3);letter-spacing:2px;font-weight:700}.arena-subtitle{color:var(--text);opacity:.9;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.6}.arena-setup-content{display:flex;flex-direction:column;gap:24px}.setup-section{background:linear-gradient(135deg,#14141ed9,#1e1e28bf);padding:24px;border-radius:12px;border:2px solid rgba(201,169,97,.3);box-shadow:0 4px 16px #0009,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.setup-section:hover{border-color:#c9a96180;box-shadow:0 6px 24px #000000b3,inset 0 1px #ffffff26}.setup-section h3{color:var(--accent);margin-bottom:20px;font-size:1.4rem;text-shadow:0 2px 4px rgba(0,0,0,.8);border-bottom:2px solid rgba(201,169,97,.3);padding-bottom:8px}.help-text{color:var(--text);opacity:.85;font-size:.95rem;margin:8px 0;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#0000004d;padding:12px;border-left:3px solid rgba(201,169,97,.4);border-radius:4px}.future-feature{color:var(--accent);font-style:italic;font-size:.85rem}.warden-selection{display:flex;align-items:center;gap:12px;margin-top:12px}.warden-select{flex:1;padding:8px 12px;background:#000000d9;color:#fff;border:1px solid var(--primary);border-radius:4px;font-size:1rem;font-weight:500}.warden-select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.radio-option:hover{background:#ffffff0d}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer}.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px}.checkbox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.round-limit-input{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:#0003;border-radius:4px}.round-limit-input input[type=number]{width:80px;padding:6px;background:var(--bg-dark);color:var(--text);border:1px solid var(--primary);border-radius:4px;font-size:1rem}.warning-threshold-info{color:var(--accent);font-size:.85rem}.mode-toggles{display:flex;flex-direction:column;gap:16px;margin-top:12px}.mode-toggle{display:flex;align-items:center;gap:12px}.mode-toggle label{min-width:120px;font-weight:600}.toggle-buttons{display:flex;gap:8px}.toggle-btn{padding:8px 16px;background:#ffffff1a;color:var(--text);border:1px solid var(--primary);border-radius:4px;cursor:pointer;transition:all .2s}.toggle-btn:hover{background:#ffffff26}.toggle-btn.active{background:var(--accent);color:var(--bg-dark);border-color:var(--accent);font-weight:700}.setup-helper{background:#c9a9611a;border-color:var(--accent)}.arena-setup-footer{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding:24px;background:linear-gradient(135deg,#c9a96126,#c9a9610d);border:2px solid rgba(201,169,97,.3);border-radius:12px;box-shadow:0 4px 16px #0009}.arena-setup-footer .btn{flex:1;padding:14px 24px;font-size:1.1rem;font-weight:700;border-width:2px;box-shadow:0 4px 12px #00000080;transition:all .3s ease}.arena-setup-footer .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #000000b3}.arena-setup-footer .btn-primary{background:linear-gradient(135deg,var(--accent),#b89968);border-color:var(--accent)}.arena-setup-footer .btn-primary:hover{background:linear-gradient(135deg,#daa972,var(--accent))}.btn-large{font-size:1.2rem;padding:12px 32px}.arena-battle{display:grid;grid-template-areas:"header header" "round round" "sidebar main" "scoreboard scoreboard";grid-template-columns:250px 1fr;grid-template-rows:auto auto 1fr auto;gap:16px;padding:16px;min-height:100vh}.arena-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:8px;color:#fff}.arena-header h1{font-size:1.8rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.warden-info{display:flex;align-items:center;gap:12px}.warden-name{font-size:1.1rem;font-weight:600}.warden-transfer-btn:disabled{opacity:.5;cursor:not-allowed}.round-counter{grid-area:round;text-align:center;padding:12px;background:#ffffff0d;border-radius:8px;font-size:1.3rem;font-weight:700;border:2px solid transparent;transition:all .3s}.round-counter.warning{background:var(--accent);color:var(--bg-dark);border-color:var(--accent);animation:pulse 1s ease-in-out infinite}.turn-order-sidebar{grid-area:sidebar;background:#ffffff0d;padding:16px;border-radius:8px;border:1px solid var(--primary);overflow-y:auto;max-height:600px}.turn-order-sidebar h3{color:var(--accent);margin-bottom:16px;font-size:1.1rem}.turn-order-list{list-style:none;padding:0;margin:0}.turn-order-entry{padding:10px;margin-bottom:8px;background:#ffffff0d;border-radius:4px;border-left:3px solid transparent;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.turn-order-entry.active{background:#c9a96133;border-left-color:var(--accent);font-weight:700}.actor-name{display:flex;align-items:center;gap:4px}.actor-hp{font-size:.85rem;opacity:.8}.arena-main{grid-area:main;display:flex;flex-direction:column;gap:16px}.current-actor-panel{background:#ffffff0d;padding:20px;border-radius:8px;border:2px solid var(--accent)}.current-actor-panel h2{color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:8px}.actor-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.stat{background:#0000004d;padding:12px;border-radius:4px;display:flex;flex-direction:column;gap:4px}.stat label{font-size:.85rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.stat span{font-size:1.2rem;font-weight:700}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:20px 0}.action-btn{padding:12px;background:var(--primary);color:#fff;border:2px solid var(--accent);border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.action-btn:disabled{opacity:.3;cursor:not-allowed;background:#ffffff1a;border-color:#fff3}.undo-controls{margin:16px 0}.end-turn-btn{width:100%;margin-top:16px}.action-confirmations{position:fixed;top:80px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:100}.action-confirmation{background:#4caf50e6;color:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 4px 8px #0000004d;animation:fadeOut 3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.scoreboard-toggle,.rules-toggle{position:fixed;right:20px;padding:10px 16px;z-index:50}.scoreboard-toggle{bottom:80px}.rules-toggle{bottom:140px}.arena-scoreboard{grid-area:scoreboard;background:#ffffff0d;padding:16px;border-radius:8px;border:1px solid var(--primary);transition:max-height .3s ease}.arena-scoreboard.collapsed{max-height:60px;overflow:hidden}.scoreboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.scoreboard-header h3{color:var(--accent);margin:0}.collapse-btn{background:transparent;border:none;color:var(--text);cursor:pointer;font-size:1.2rem;padding:4px 8px}.scoreboard-table{width:100%;border-collapse:collapse;margin-bottom:16px}.scoreboard-table th{text-align:left;padding:10px;background:#0000004d;border-bottom:2px solid var(--accent);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.scoreboard-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}.scoreboard-table tr:hover{background:#ffffff0d}.scoreboard-table tr.warden-team{background:#c9a9611a}.team-name{font-weight:600;display:flex;align-items:center;gap:8px}.hp-remaining{font-weight:700;color:var(--accent)}.victory-projection{background:#c9a96133;padding:12px;border-radius:6px;border-left:4px solid var(--accent);margin-bottom:16px}.victory-projection h4{margin:0 0 8px;color:var(--accent)}.scoreboard-actions{display:flex;gap:8px;flex-wrap:wrap}.scoreboard-notes{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.scoreboard-notes .note{font-size:.85rem;opacity:.6}.sudden-death{max-width:900px;margin:0 auto;padding:32px;text-align:center}.sudden-death h2{font-size:2.5rem;color:var(--accent);margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.sudden-death-description{font-size:1.1rem;margin-bottom:32px;opacity:.9}.current-match{background:#ffffff0d;padding:24px;border-radius:12px;border:2px solid var(--accent);margin-bottom:24px}.current-match h3{color:var(--accent);margin-bottom:24px;font-size:1.5rem}.combat-dice{display:flex;justify-content:space-around;align-items:center;gap:32px;margin:32px 0}.attacker-dice,.defender-dice{flex:1}.attacker-dice h4,.defender-dice h4{margin-bottom:16px;font-size:1.2rem}.dice-rolls{display:flex;justify-content:center;gap:12px;margin:16px 0}.die{width:60px;height:60px;background:var(--primary);color:#fff;border:3px solid var(--accent);border-radius:8px;font-size:1.8rem;font-weight:700;cursor:pointer;transition:all .2s}.die:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #c9a96180}.dice-sum{font-size:1.2rem;font-weight:700;margin-top:12px;color:var(--accent)}.vs-divider{font-size:2rem;font-weight:700;color:var(--accent)}.match-result-preview{background:#0000004d;padding:20px;border-radius:8px;margin-top:24px}.perfect-defense{color:#4caf50;font-size:1.3rem;font-weight:700;margin-bottom:16px}.damage-dealt{color:var(--danger);font-size:1.3rem;font-weight:700;margin-bottom:16px}.eliminated-list,.remaining-list{background:#ffffff0d;padding:16px;border-radius:8px;margin-top:16px}.eliminated-list h4,.remaining-list h4{color:var(--accent);margin-bottom:12px}.eliminated-list ul{list-style:none;padding:0}.eliminated-list li{opacity:.5;text-decoration:line-through;padding:4px}.sudden-death-complete h3{font-size:2rem;color:var(--accent);animation:pulse 1s ease-in-out infinite}.arena-rules-panel{background:#ffffff0d;padding:20px;border-radius:8px;border:1px solid var(--primary);max-width:800px;margin:20px auto}.arena-rules-panel h3{color:var(--accent);margin-bottom:16px;font-size:1.4rem}.rules-accordion{display:flex;flex-direction:column;gap:8px}.rule-section{border:1px solid var(--primary);border-radius:6px;overflow:hidden}.rule-header{width:100%;padding:14px 16px;background:#4a04044d;color:var(--text);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;transition:background .2s}.rule-header:hover{background:#4a040480}.rule-header.expanded{background:var(--primary)}.rule-title{text-align:left}.expand-icon{font-size:.9rem;transition:transform .2s}.rule-content{padding:16px;background:#0003;border-top:1px solid rgba(255,255,255,.1);line-height:1.6}.rule-content p{margin:8px 0}.rule-content p.highlight{background:#c9a96133;padding:8px;border-left:4px solid var(--accent);font-weight:600}.warden-vote-modal{max-width:500px}.warden-vote-modal h2{color:var(--accent);margin-bottom:16px}.vote-description{margin-bottom:24px;line-height:1.6}.current-warden-info{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;background:#c9a96133;border-radius:8px;margin-bottom:24px}.vote-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.vote-btn{padding:24px 16px;background:var(--primary);color:#fff;border:2px solid var(--accent);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px}.vote-btn:hover{background:var(--accent);color:var(--bg-dark);transform:translateY(-4px);box-shadow:0 6px 16px #0006}.vote-icon{font-size:2rem}.vote-label{font-weight:600;font-size:1.1rem}.vote-status{text-align:center;padding:32px}.vote-submitted{color:#4caf50;font-size:1.2rem;font-weight:700;margin-bottom:12px}.vote-count{opacity:.8}.warden-resignation-note{font-size:.85rem;opacity:.7;font-style:italic;text-align:center;margin-top:16px}.undo-approval-modal{max-width:450px}.undo-approval-modal h3{color:var(--accent);margin-bottom:16px}.undo-details{background:#0000004d;padding:16px;border-radius:6px;margin:16px 0}.undo-details p{margin:8px 0;font-family:monospace;font-size:1.1rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.arena-spectator-view{padding:20px;max-width:1200px;margin:0 auto}.spectator-header{text-align:center;margin-bottom:24px}.spectator-header h2{color:var(--accent);font-size:1.8rem}.spectator-badge{display:inline-block;background:#ffffff1a;padding:6px 12px;border-radius:6px;font-size:.9rem;margin-top:8px}.spectator-readonly{opacity:.8;pointer-events:none}.spectator-note{text-align:center;color:var(--accent);font-style:italic;margin-top:16px}.spectator-chat{background:#ffffff0d;padding:16px;border-radius:8px;border:1px solid var(--primary);margin-top:24px}.spectator-chat h4{color:var(--accent);margin-bottom:12px}.chat-messages{min-height:200px;max-height:400px;overflow-y:auto}.chat-placeholder{text-align:center;opacity:.5;padding:40px}.activation-note{background:#c9a9611a;padding:16px;border-radius:8px;border:1px dashed var(--accent);margin-top:24px}.activation-note code{background:#0000004d;padding:2px 6px;border-radius:3px;font-family:monospace}.spectator-disabled{text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}.spectator-disabled h2{color:var(--accent);margin-bottom:16px}.arena-ended{text-align:center;padding:60px 20px;max-width:800px;margin:0 auto}.arena-ended h2{font-size:2.5rem;color:var(--accent);margin-bottom:16px}.winner-announcement{font-size:1.8rem;font-weight:700;margin-bottom:32px;color:var(--accent);animation:pulse 2s ease-in-out infinite}@media(max-width:767px){.arena-battle{grid-template-areas:"header" "round" "main" "sidebar" "scoreboard";grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;padding-bottom:100px}.arena-header{flex-direction:column;gap:12px;text-align:center}.arena-header h1{font-size:1.4rem}.warden-info{flex-direction:column;gap:8px}.turn-order-sidebar{max-height:300px}.action-buttons{grid-template-columns:1fr 1fr}.action-btn{padding:10px;font-size:.9rem}.combat-dice{flex-direction:column;gap:24px}.vs-divider{transform:rotate(90deg);font-size:1.5rem}.die{width:50px;height:50px;font-size:1.5rem}.vote-options{grid-template-columns:1fr}.scoreboard-table{font-size:.85rem}.scoreboard-table th,.scoreboard-table td{padding:8px 4px}.scoreboard-actions{flex-direction:column}.arena-setup{padding:12px}.warden-selection{flex-direction:column;align-items:stretch}.mode-toggle{flex-direction:column;align-items:flex-start}}@media(min-width:768px)and (max-width:1023px){.arena-battle{grid-template-columns:200px 1fr}.turn-order-sidebar{max-height:500px}.action-buttons{grid-template-columns:repeat(3,1fr)}}.user-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;background:#4755694d;border:1px solid rgba(148,163,184,.4);color:#e2e8f0;transition:all .2s ease}.user-badge.compact{padding:.2rem .5rem;font-size:.75rem;border-radius:8px}.user-badge.current-user{background:#22c55e4d;border-color:#22c55e99;color:#86efac}.user-badge.caretaker{background:#ffd70033;border-color:#ffd70080;color:gold}.user-badge.caretaker.current-user{background:#ffd7004d;border-color:#ffd700b3;color:#ffe666}.user-badge.unassigned{background:#64748b33;border-color:#64748b66;color:#94a3b8;font-style:italic}.user-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.combat-tracker{min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.tracker-container{max-width:1600px;margin:0 auto}.tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(148,163,184,.3)}.tracker-header h2{color:var(--accent);margin:0;font-size:2rem}.hunt-title{color:var(--text-muted);margin:.5rem 0 0;font-size:1.1rem}.tracker-main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tracker-section{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1.5rem}.tracker-section h3{color:var(--accent);margin:0 0 1rem;font-size:1.3rem}.unit-focus-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#0f172a66;border:1px solid rgba(148,163,184,.2);border-radius:8px}.combat-outcome-banner{grid-column:1 / -1;display:flex;gap:.75rem;justify-content:center;padding:.75rem;background:#0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:10px;box-shadow:0 6px 16px #00000059}.unit-focus-selector label{color:var(--text);font-weight:600;white-space:nowrap}.focus-dropdown{flex:1;padding:.75rem;background:#1e293bcc;border:1px solid rgba(148,163,184,.3);border-radius:6px;color:var(--text);font-size:.95rem;cursor:pointer;transition:all .2s ease}.focus-dropdown:hover{border-color:#94a3b880;background:#1e293bf2}.focus-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #fbbf244d}.focus-dropdown option{background:#1e293b;color:var(--text)}.hunters-section{grid-column:1}.hunters-grid{display:flex;flex-direction:column;gap:1rem}.hunter-card,.enemy-card{background:#1e293bcc;border:2px solid rgba(148,163,184,.3);border-radius:10px;padding:1rem;transition:all .3s ease;cursor:pointer;position:relative}.hunter-card:hover,.enemy-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.hunter-card.selected,.enemy-card.selected{border-color:#22c55e;background:#22c55e1a}.hunter-card.focused,.enemy-card.focused{border:2px solid #fbbf24;background:#fbbf2426;box-shadow:0 0 16px #fbbf2466,inset 0 0 12px #fbbf241a;transform:translateY(-2px)}.hunter-card.locked,.enemy-card.locked{opacity:.6;cursor:not-allowed}.hunter-header,.enemy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hunter-header h4,.enemy-header h4{color:var(--text-light);margin:0;font-size:1.2rem}.unit-name-btn{background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer;transition:color .2s ease;text-align:left}.unit-name-btn:hover,.unit-name-btn:focus-visible{color:var(--accent);text-decoration:underline;outline:none}.unit-detail-overlay{position:fixed;inset:0;background:#050a12d1;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:2200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hunter-detail-overlay{padding:0}.hunter-detail-shell{width:100%;height:100%}.unit-detail-modal{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid var(--accent);border-radius:12px;width:min(94vw,900px);max-height:min(90vh,860px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px #0009}.enemy-detail-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;color:var(--text-light)}.enemy-detail-grid{display:flex;flex-direction:column;gap:1rem}.enemy-detail-meta{display:flex;gap:.5rem;flex-wrap:wrap}.enemy-meta-pill{padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172a99;color:var(--accent);font-size:.85rem;font-weight:600}.enemy-stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;padding:.75rem;border-radius:10px;background:#0f172aa6;border:1px solid rgba(148,163,184,.2)}.enemy-stat{display:flex;flex-direction:column;gap:.25rem;text-align:center;color:var(--text-light)}.enemy-stat span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.enemy-stat strong{font-size:1.1rem;color:var(--text-light)}.enemy-detail-card{padding:1rem;border-radius:12px;background:#0a0f1cb3;border:1px solid rgba(148,163,184,.25)}.enemy-detail-card h4{margin:0 0 .75rem;color:var(--accent);font-size:1rem}.enemy-detail-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.enemy-detail-list li{padding:.5rem .75rem;border-radius:8px;background:#0f172a8c;border:1px solid rgba(148,163,184,.2);line-height:1.45}.enemy-detail-muted{color:var(--text-muted);line-height:1.6}.enemy-journal-line{margin:0;line-height:1.6;color:var(--text-light)}@media(max-width:768px){.unit-detail-modal{width:100vw;height:100vh;max-height:none;border-radius:0;border-left:0;border-right:0}.enemy-detail-content{padding:1rem}}.unit-markers{display:inline-flex;gap:.35rem;margin-left:.5rem;vertical-align:middle}.unit-marker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;font-size:.85rem;background:#1e293b99;border:1px solid rgba(148,163,184,.4)}.unit-marker.active{border-color:#22c55ecc;background:#22c55e33}.unit-marker.target{border-color:#ef4444cc;background:#ef444433}.unit-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 .75rem}.unit-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#1e293b99;color:var(--text-light);font-size:.8rem;cursor:pointer;transition:all .2s ease}.unit-action-btn:hover{border-color:var(--accent);background:#334155b3}.unit-action-btn.is-active{border-color:#22c55ecc;background:#22c55e33}.unit-action-btn.is-target{border-color:#ef4444cc;background:#ef444433}.unit-action-btn:disabled{opacity:.5;cursor:not-allowed}.stat-row{margin-bottom:.75rem}.stat-row label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem}.stat-bar-container{position:relative;background:#0006;border-radius:8px;height:24px;overflow:hidden}.stat-bar{height:100%;transition:width .3s ease;border-radius:8px}.stat-bar.hp-bar.high{background:linear-gradient(90deg,#22c55e,#16a34a)}.stat-bar.hp-bar.medium{background:linear-gradient(90deg,#eab308,#ca8a04)}.stat-bar.hp-bar.low{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-bar.san-bar{background:linear-gradient(90deg,#a855f7,#9333ea)}.stat-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.stat-controls{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.5rem}.stat-controls.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.stat-controls button{flex:1;min-width:40px;min-height:38px;padding:.55rem .6rem;font-size:.85rem;background:#47556999;border:1px solid rgba(148,163,184,.4);border-radius:6px;color:var(--text-light);cursor:pointer;transition:all .2s ease}.stat-controls button:hover{background:#64748bcc;border-color:var(--accent)}.status-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(148,163,184,.2)}.status-title{color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.status-badges{display:flex;flex-wrap:wrap;gap:.5rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#94a3b826;border:1px solid rgba(148,163,184,.3);color:var(--text-light)}.status-badge.debuff{background:#ef444426;border-color:#ef444466}.status-effects{margin-top:.5rem;color:var(--text-muted);font-size:.85rem;line-height:1.3}.status-effect{padding-left:.35rem;border-left:2px solid rgba(239,68,68,.4)}.status-turns{background:#00000059;border-radius:999px;padding:.1rem .4rem;font-size:.75rem}.status-controls{display:inline-flex;gap:.25rem}.status-controls button{width:22px;height:22px;border-radius:6px;border:1px solid rgba(148,163,184,.4);background:#47556999;color:var(--text-light);font-size:.7rem;cursor:pointer}.status-controls button:hover{border-color:var(--accent)}@media(max-width:768px){.stat-controls.split button{min-width:0;width:100%}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0000004d;border-radius:6px}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.stat-number{color:var(--accent);font-size:1.1rem;font-weight:700}.locked-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#f87171;font-weight:700;border-radius:10px;pointer-events:none}.neutral-overlay{position:absolute;inset:0;background:#3b82f626;display:flex;align-items:center;justify-content:center;color:#93c5fd;font-weight:600;font-size:.9rem;border-radius:10px;pointer-events:none;border:1px dashed rgba(59,130,246,.4)}.hunter-control-section,.enemy-control-section{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.claim-hunter-btn{padding:.4rem .8rem;font-size:.85rem;background:#22c55e4d;border:1px solid #22c55e;border-radius:6px;color:#bbf7d0;cursor:pointer;transition:all .2s ease;white-space:nowrap}.claim-hunter-btn:hover{background:#22c55e80;transform:scale(1.05);box-shadow:0 0 10px #22c55e4d}.forfeit-btn{padding:.3rem .6rem;font-size:.8rem;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:5px;color:#fca5a5;cursor:pointer;transition:all .2s ease;white-space:nowrap}.forfeit-btn:hover{background:#ef444466;transform:scale(1.05)}.enemies-section{grid-column:2}.enemies-grid{display:flex;flex-direction:column;gap:1rem}.enemy-info{display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem;background:#0000004d;border-radius:6px}.enemy-template{color:var(--text-muted);font-size:.9rem}.enemy-cp{color:var(--accent);font-weight:700}.claim-btn{padding:.4rem .8rem;font-size:.85rem;background:#eab3084d;border:1px solid #eab308;border-radius:6px;color:#fef3c7;cursor:pointer;transition:all .2s ease}.claim-btn:hover{background:#eab30880;transform:scale(1.05)}.controller-note{margin-top:1rem;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#93c5fd;font-size:.85rem;text-align:center}.combat-panel{grid-column:1 / -1}.dice-section h4,.combat-log-section h4{color:var(--accent);margin:0 0 1rem;font-size:1.2rem}.combat-dice-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.combat-dice-section h5{color:var(--accent);margin:0 0 .75rem;font-size:1rem}.combat-dice-controls{display:flex;flex-direction:column;gap:.75rem}.combat-dice-controls label{color:var(--text-muted);font-size:.9rem}.combat-dice-controls input{width:80px;padding:.5rem;background:#0006;border:1px solid rgba(148,163,184,.3);border-radius:6px;color:var(--text-light);font-size:1rem}.combat-dice-results{margin-top:1rem}.combat-dice-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.combat-die-image{width:56px;height:56px;object-fit:contain;border-radius:6px;box-shadow:0 2px 6px #0006;background:#0000004d;padding:.2rem;transition:all .2s ease;cursor:pointer}.combat-die-image:hover{transform:scale(1.1);box-shadow:0 4px 12px #d4af3799;background:#d4af3733;border:1px solid rgba(212,175,55,.5)}.combat-die-image.rerolled{box-shadow:0 0 8px #d4af37cc,inset 0 0 8px #d4af374d;border:1px solid rgba(212,175,55,.6)}.combat-die-image.rerolled:hover{transform:scale(1.1);box-shadow:0 0 12px #d4af37,inset 0 0 12px #d4af3766}.dice-controls{display:flex;flex-direction:column;gap:1rem}.dice-count-control{display:flex;align-items:center;gap:.5rem}.dice-count-control label{color:var(--text-muted);font-size:.9rem}.dice-count-control input{width:60px;padding:.5rem;background:#0006;border:1px solid rgba(148,163,184,.3);border-radius:6px;color:var(--text-light);font-size:1rem}.btn-dice{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-dice:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.dice-result{margin-top:1rem;padding:1rem;background:#22c55e33;border:1px solid rgba(34,197,94,.5);border-radius:8px;color:var(--text-light);font-size:1.1rem}.dice-total{color:#22c55e;font-weight:700;margin-left:.5rem}.combat-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.combat-log-actions{display:flex;align-items:center;gap:.75rem}.btn-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .2s ease}.btn-link:hover{color:#93c5fd}.combat-log-entries{max-height:300px;overflow-y:auto;background:#0006;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:1rem}.log-entry{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;margin-bottom:.5rem;background:#1e293b80;border-left:3px solid transparent;border-radius:6px;font-size:.9rem}.log-entry.log-damage{border-left-color:#ef4444}.log-entry.log-healing{border-left-color:#22c55e}.log-entry.log-combat{border-left-color:#60a5fa}.log-entry.log-loot{border-left-color:#f59e0b}.log-icon{font-size:1.2rem;flex-shrink:0}.log-message{flex:1;color:var(--text-light);line-height:1.4}.log-time{color:var(--text-muted);font-size:.75rem;flex-shrink:0}.no-log-entries{text-align:center;color:var(--text-muted);font-style:italic;padding:2rem}.combat-log-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.combat-log-modal{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid var(--accent);border-radius:12px;padding:2rem;max-width:800px;width:90%}.dice-fab{position:fixed;bottom:24px;right:24px;z-index:1200;padding:.85rem 1.2rem;border-radius:999px;box-shadow:0 10px 24px #00000059}.dice-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:.75rem;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dice-modal{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid var(--accent);border-radius:12px;padding:1.5rem;width:calc(100vw - 1.5rem);height:calc(100dvh - 1.5rem);max-width:none;max-height:none;display:flex;flex-direction:column;gap:1rem;overflow:hidden;box-shadow:0 20px 60px #00000080}.dice-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(148,163,184,.3)}.dice-modal .modal-header h2{color:var(--accent);margin:0}.dice-modal-content{display:flex;flex-direction:column;gap:1.5rem;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.25rem}.frozen-modal{width:min(92vw,560px);height:auto;max-height:min(90dvh,640px)}.frozen-modal-content{display:flex;flex-direction:column;gap:.75rem}.frozen-modal-content label{color:var(--text-muted);font-size:.95rem}.frozen-modal-content select{padding:.65rem .75rem;border-radius:8px;border:1px solid rgba(148,163,184,.35);background:#1e293bcc;color:var(--text-light)}.frozen-hint{margin:0;color:var(--text-muted);font-size:.9rem}.dice-modal .dice-section{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1.25rem}.dice-modal .dice-controls,.dice-modal .combat-dice-controls{gap:1rem}.dice-count-control{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dice-count-control label{color:var(--text-muted);font-size:.95rem;min-width:90px}.dice-count-stepper{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:10px;background:#00000040;border:1px solid rgba(148,163,184,.25)}.dice-count-control input,.combat-dice-controls input{width:64px;text-align:center;font-weight:700}.btn-step{width:34px;height:34px;border-radius:8px;background:#475569b3}.dice-result{background:#10b98126;border:1px solid rgba(16,185,129,.4);display:flex;justify-content:center;align-items:center;text-align:center}.combat-dice-section{margin-top:1.25rem;padding-top:1.25rem}.combat-dice-modes{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.mode-toggle{border:1px solid rgba(148,163,184,.35);background:#0f172a99;color:var(--text-muted);padding:.35rem .8rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.mode-toggle.active{border-color:var(--accent);color:var(--accent);background:#d9b65c1f}.element-toggle-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.element-toggle{border:1px solid rgba(148,163,184,.35);background:#0a0f1c99;color:var(--text-light);padding:.3rem .7rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.element-toggle.active{border-color:#3b82f6cc;color:#bfdbfe;background:#2563eb33}.pre-roll-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.pre-roll-btn{padding:.35rem .9rem;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#1e293bb3;color:var(--text-light);cursor:pointer}.pre-roll-btn:disabled{opacity:.5;cursor:not-allowed}.pre-roll-result{color:var(--text-muted);font-size:.85rem}.standard-dice-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(148,163,184,.2)}.combat-dice-grid{gap:.75rem}.combat-roll-summary{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;color:var(--text-light)}.roll-summary-line{font-weight:700}.summary-note{margin-left:.5rem;color:var(--text-muted);font-weight:500}.element-rule{color:var(--text-muted);font-size:.9rem;line-height:1.4}.combat-roll-note{padding:.5rem .75rem;border-radius:8px;background:#0f172a99;border:1px solid rgba(148,163,184,.25)}.combat-roll-note.success{border-color:#22c55e99;color:#86efac}.combat-roll-note.warning{border-color:#eab30899;color:#fde68a}.combat-die-image{width:60px;height:60px}.roll-flash{animation:rollFlash .5s ease}@keyframes rollFlash{0%{box-shadow:0 0 #3b82f680;transform:scale(.98)}50%{box-shadow:0 0 0 6px #3b82f633;transform:scale(1.01)}to{box-shadow:0 0 #3b82f600;transform:scale(1)}}@media(max-width:768px){.dice-modal-overlay{padding:0}.dice-modal{width:100vw;height:100dvh;border-radius:0;border-left:0;border-right:0;padding:1rem;gap:.75rem}.frozen-modal{width:calc(100vw - 1.5rem);height:auto;max-height:calc(100dvh - 1.5rem);margin:.75rem;border-radius:12px;border-left:2px solid var(--accent);border-right:2px solid var(--accent)}.dice-modal-content{gap:1rem;padding-right:0}.dice-count-control{flex-direction:column;align-items:flex-start}.dice-count-stepper{width:100%;justify-content:space-between}.dice-count-control input,.combat-dice-controls input{width:72px}.btn-dice{width:100%}}.combat-log-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(148,163,184,.3)}.combat-log-modal .modal-header h2{color:var(--accent);margin:0}.close-btn{background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;transition:color .2s ease;line-height:1}.close-btn:hover{color:var(--accent)}.modal-content{flex:1;overflow-y:auto;margin-bottom:1.5rem}.combat-log-full{display:flex;flex-direction:column;gap:.5rem}.modal-actions{display:flex;justify-content:flex-end}@media(max-width:768px){.tracker-main{grid-template-columns:1fr}.unit-focus-selector{flex-direction:column;align-items:stretch;gap:.5rem}.unit-focus-selector label{text-align:left}.focus-dropdown{width:100%}.hunters-section,.enemies-section{grid-column:1}.combat-panel{grid-template-columns:1fr}.tracker-header{flex-direction:column;align-items:flex-start;gap:1rem}.stat-controls button{min-width:35px;padding:.3rem .4rem;font-size:.7rem}}@media(max-width:1024px){.combat-panel{grid-template-columns:1fr}}.victory-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;animation:victorySlideIn .6s cubic-bezier(.34,1.56,.64,1)}.victory-notification-content{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #f97316;border-radius:16px;padding:2rem 2.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 0 40px #fde68a66,0 10px 30px #0009,inset 0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.victory-icon{font-size:4rem;animation:victoryBounce .8s ease-in-out}.victory-text h3{color:#422006;margin:0 0 .5rem;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.victory-text p{color:#78350f;margin:0;font-size:1.1rem;font-weight:500}@keyframes victorySlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes victoryBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(max-width:768px){.victory-notification-content{padding:1.5rem 1.75rem;flex-direction:column;text-align:center}.victory-icon{font-size:3rem}.victory-text h3{font-size:1.5rem}.victory-text p{font-size:1rem}}@media(max-width:480px){.victory-notification-content{padding:1rem 1.25rem}.victory-icon{font-size:2.5rem}.victory-text h3{font-size:1.3rem}.victory-text p{font-size:.9rem}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.victory-banner{animation:pulse 2s ease-in-out infinite}.ready-up-widget{position:fixed;bottom:80px;right:20px;z-index:998;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.ready-up-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#10b98126,#05966926);border:2px solid rgba(16,185,129,.4);border-radius:12px;color:var(--text);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;min-width:160px}.ready-up-btn:hover:not(.disabled){background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b98199;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.ready-up-btn.ready{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#10b981;animation:readyPulse 2s infinite}@keyframes readyPulse{0%,to{box-shadow:0 4px 12px #10b98166}50%{box-shadow:0 4px 20px #10b98199}}.ready-up-btn.not-ready{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2466}.ready-up-btn.not-ready:hover:not(.disabled){background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border-color:#fbbf2499}.ready-up-btn.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#64646426,#50505026);border-color:#64646466}.ready-icon{font-size:1.5rem;line-height:1;min-width:24px;text-align:center}.ready-content{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.ready-label{font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text)}.ready-hunters{font-size:.75rem;color:var(--text-secondary);font-weight:500}.ready-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#0a0a0ad9;border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8rem}.ready-count{font-weight:700;color:#10b981;font-size:.9rem}.ready-text{color:var(--text-secondary);font-weight:500}@media(max-width:768px){.ready-up-widget{bottom:70px;right:10px}.ready-up-btn{padding:.625rem 1rem;min-width:140px;gap:.625rem}.ready-icon{font-size:1.25rem}.ready-label{font-size:.85rem}.ready-hunters{font-size:.7rem}.ready-status{padding:.25rem .625rem;font-size:.75rem}.ready-count{font-size:.85rem}}.chat-window-open~.ready-up-widget{right:360px}@media(max-width:768px){.chat-window-open~.ready-up-widget{right:10px;bottom:140px}}.game-tools-view{max-width:1400px;margin:0 auto;padding:2rem}.view-description{color:var(--text-muted);font-size:1.1rem;margin-top:.5rem}.tool-tabs{display:flex;gap:1rem;margin:2rem 0;border-bottom:2px solid var(--border-color);flex-wrap:wrap}.tool-tab{background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-size:1.1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.tool-tab:hover{color:var(--accent);background:#d4af371a}.tool-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.tool-content{margin-top:2rem;min-height:500px}.codex-card{background:linear-gradient(135deg,#1a1a2eb3,#0f172acc);border:2px solid var(--accent-dark);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #ffd70026}.codex-card h3{color:var(--accent);margin-bottom:.5rem}.codex-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.codex-item{border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:1rem 1.25rem;background:#0f172a80}.codex-item.archived{border-color:#22c55e66;background:#0f172ab3}.codex-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.codex-code{color:var(--accent);font-weight:700;letter-spacing:.05em}.codex-status{font-size:.8rem;padding:.15rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.codex-status.archived{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.4)}.codex-status.pending{background:#eab30826;color:#fde68a;border:1px solid rgba(234,179,8,.4)}.codex-text{color:var(--text);margin:0;line-height:1.5}.codex-text.codex-muted{color:var(--text-muted)}.codex-empty,.codex-loading,.codex-error{margin-top:1.5rem;color:var(--text-muted)}.dice-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.dice-section-card{background:linear-gradient(135deg,#8b000033,#1a1a2e4d);border:2px solid var(--accent-dark);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #ffd70033}.dice-section-card h3{color:var(--accent);margin-bottom:.5rem;text-align:center}.section-desc{color:var(--text-muted);font-size:.9rem;text-align:center;margin-bottom:1.5rem}.dice-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:var(--accent);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.control-group select{background:#0006;border:2px solid var(--accent-dark);border-radius:8px;color:var(--text);padding:.75rem;font-size:1rem;cursor:pointer;transition:all .3s ease}.control-group select:hover:not(:disabled){border-color:var(--accent)}.control-group select:disabled{opacity:.5;cursor:not-allowed}.dice-counter{display:flex;align-items:center;gap:1rem;justify-content:center}.btn-counter{background:var(--secondary);border:2px solid var(--accent-dark);color:var(--accent);width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-counter:hover:not(:disabled){background:var(--accent-dark);color:var(--bg-darker);transform:scale(1.1)}.btn-counter:disabled{opacity:.4;cursor:not-allowed}.counter-value{color:var(--accent);font-weight:700;font-size:1.2rem;min-width:80px;text-align:center}.dice-results-display{margin-top:1.5rem;text-align:center}.results-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.dice-result-value{background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border:2px solid var(--gold);border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--gold);box-shadow:0 4px 8px #d4af374d;animation:diceAppear .3s ease-out}@keyframes diceAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.results-total{background:#0006;border:2px solid var(--accent);border-radius:8px;padding:1rem;font-size:1.2rem;color:var(--text)}.results-total strong{color:var(--accent);font-size:1.5rem}.combat-dice-results{margin-top:1.5rem}.combat-dice-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.combat-die-image{width:70px;height:70px;object-fit:contain;border-radius:8px;box-shadow:0 4px 8px #0006;background:#0000004d;padding:.25rem;animation:diceAppear .3s ease-out}.card-pull-container{max-width:800px;margin:0 auto}.card-pull-container h3{color:var(--accent);text-align:center;margin-bottom:.5rem}.tool-description{color:var(--text-muted);text-align:center;margin-bottom:2rem}.deck-selector{margin-bottom:2rem}.deck-selector label{display:block;color:var(--accent);font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.deck-option{background:#0000004d;border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.deck-option:hover{background:#8b000033;border-color:var(--accent-dark);transform:translateY(-2px)}.deck-option.selected{background:linear-gradient(135deg,#8b000066,#1a1a2e80);border-color:var(--accent);box-shadow:0 0 20px #d4af3766}.deck-icon{font-size:2.5rem}.deck-label{color:var(--text);font-weight:600;text-align:center}.deck-option.selected .deck-label{color:var(--accent)}.drawn-card-display{margin-top:2rem;animation:cardFlip .5s ease-out}@keyframes cardFlip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.card-result{background:linear-gradient(135deg,#8b00004d,#1a1a2e66);border:3px solid var(--accent);border-radius:16px;padding:2rem;text-align:center}.card-result h4{color:var(--accent);margin-bottom:1rem}.card-name{font-size:1.8rem;font-weight:700;color:var(--gold);margin-bottom:1rem}.card-placeholder{color:var(--text-muted);font-style:italic;margin-top:1rem}.card-image-container{margin-top:1.5rem;display:flex;justify-content:center;align-items:center}.card-image{max-width:100%;max-height:600px;border-radius:12px;box-shadow:0 8px 32px #d4af3766;transition:transform .3s ease,box-shadow .3s ease}.card-image:hover{transform:scale(1.05);box-shadow:0 12px 48px #d4af3799}.deck-dropdown{width:100%;padding:1rem;background:#000000d9;border:2px solid var(--accent-dark);border-radius:8px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.deck-dropdown option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.deck-dropdown:hover:not(:disabled){border-color:var(--accent);background:#000000e6}.deck-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #d4af3766;background:#000000e6}.deck-status{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem;background:#0000004d;border:2px solid var(--accent-dark);border-radius:8px}.deck-info{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.deck-count,.graveyard-count{font-size:1rem;font-weight:600;color:var(--text-light);padding:.5rem 1rem;background:#8b000033;border-radius:6px;border:1px solid var(--accent-dark)}.deck-count{color:var(--accent)}.graveyard-count{color:var(--text-muted)}.btn-reset-deck{padding:.6rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid var(--accent);border-radius:6px;color:var(--accent);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-reset-deck:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary));box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.btn-reset-deck:active{transform:translateY(0)}.card-display-area{margin:2rem 0;display:flex;justify-content:center;align-items:center;min-height:400px}.card-flip-container{perspective:1000px;width:345px;height:483px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.card-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card-back-display{cursor:pointer}.card-back-display:hover .card-flip-inner{transform:scale(1.05)}.card-back-display:active .card-flip-inner{transform:scale(.98)}.card-front-display{cursor:default}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 8px 32px #d4af3766;overflow:hidden}.card-back{background:#00000080;border:3px solid var(--accent);padding:1rem}.card-back-image{width:115%;height:115%;object-fit:cover;object-position:center;border-radius:8px}.card-front{background:linear-gradient(135deg,#8b00004d,#1a1a2e66);border:3px solid var(--accent);padding:0;position:relative;animation:cardReveal .6s ease-out}@keyframes cardReveal{0%{transform:rotateY(180deg);opacity:0}to{transform:rotateY(0);opacity:1}}.card-front-image{width:115%;height:115%;object-fit:cover;object-position:center;border-radius:8px}.card-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--gold);padding:1rem;text-align:center;font-weight:700;font-size:1.2rem;border-radius:0 0 8px 8px}.card-placeholder-text{color:var(--text);font-size:1.3rem;text-align:center;padding:2rem;font-weight:700}.card-click-hint{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:var(--text-muted);font-size:.9rem;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.card-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.card-container-with-zoom{position:relative;display:inline-block}.btn-zoom-card{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#000000b3;border:2px solid var(--accent);border-radius:8px;color:var(--accent);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.btn-zoom-card:hover{background:var(--accent);color:var(--bg-darker);transform:scale(1.1);box-shadow:0 4px 12px #d4af3780}.btn-zoom-card:active{transform:scale(.95)}.btn-text-card{position:absolute;top:10px;left:10px;width:40px;height:40px;background:#000000b3;border:2px solid var(--accent);border-radius:8px;color:var(--accent);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.btn-text-card:hover{background:var(--accent);color:var(--bg-darker);transform:scale(1.1);box-shadow:0 4px 12px #d4af3780}.btn-text-card:active{transform:scale(.95)}.card-zoom-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .3s ease-out}.card-zoom-content{position:relative;width:min(600px,90vw);height:min(840px,90vh);display:flex;align-items:center;justify-content:center;cursor:default;overflow:hidden;border-radius:12px;box-shadow:0 0 50px #d4af3799}.card-zoom-image{width:115%;height:115%;object-fit:cover;object-position:center;border-radius:12px;animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.btn-close-zoom{position:absolute;top:10px;right:10px;width:50px;height:50px;background:#000c;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close-zoom:hover{background:var(--accent);color:var(--bg-darker);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #d4af3780}.btn-close-zoom:active{transform:rotate(90deg) scale(.95)}.card-text-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .3s ease-out}.card-text-content{position:relative;max-width:600px;width:90%;background:linear-gradient(135deg,#8b000066,#1a1a2e99);border:3px solid var(--accent);border-radius:16px;padding:2rem;cursor:default;animation:slideUp .3s ease-out;box-shadow:0 0 50px #d4af3799}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.card-text-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--accent-dark)}.card-text-header h3{color:var(--accent);margin:0;font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-close-text{width:40px;height:40px;background:#0009;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.btn-close-text:hover{background:var(--accent);color:var(--bg-darker);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #d4af3780}.btn-close-text:active{transform:rotate(90deg) scale(.95)}.card-text-body{color:var(--text);line-height:1.8;font-size:1.1rem}.card-text-body p{margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:pre-line}.books-container{max-width:1000px;margin:0 auto}.books-container h3{color:var(--accent);text-align:center;margin-bottom:.5rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.book-card{background:#0000004d;border:2px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.book-card:hover{background:#8b000033;border-color:var(--accent-dark);transform:translateY(-4px);box-shadow:0 6px 16px #d4af374d}.book-icon{font-size:3rem;margin-bottom:1rem}.book-card h4{color:var(--accent);margin-bottom:.75rem}.book-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.book-viewer{margin-top:2rem;background:#0006;border:2px solid var(--accent);border-radius:12px;overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.book-header{background:linear-gradient(135deg,var(--burgundy),var(--dark-red));padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.book-header h4{color:var(--gold);margin:0;flex-shrink:0}.book-controls{display:flex;gap:1rem;align-items:center;flex:1;justify-content:flex-end}.book-search{background:#0006;border:2px solid var(--gold);border-radius:6px;padding:.5rem 1rem;color:var(--text);font-size:.9rem;min-width:200px;transition:all .3s ease}.book-search:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 10px #d4af374d}.book-search::placeholder{color:var(--text-muted)}.btn-close{background:#0000004d;border:2px solid var(--gold);color:var(--gold);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.btn-close:hover{background:var(--gold);color:var(--burgundy);transform:rotate(90deg)}.book-content{padding:2.5rem;max-height:600px;overflow-y:auto;background:linear-gradient(135deg,#0000004d,#1a1a2e33);position:relative}.book-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none}.book-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none}.markdown-content{color:var(--text);line-height:1.8;font-family:Georgia,serif}.book-toc{background:linear-gradient(135deg,#8b000026,#1a1a2e33);border:2px solid var(--accent-dark);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #ffd7001a}.toc-title{color:var(--accent);font-size:1.2rem;margin:0 0 1rem;text-align:center;font-weight:600}.toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.toc-list li{margin:0;padding:0}.toc-link{background:#0000004d;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--text);cursor:pointer;text-align:left;font-size:.9rem;transition:all .3s ease;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-link:hover{background:linear-gradient(135deg,#8b00004d,#1a1a2e33);border-color:var(--accent);color:var(--accent-light);transform:translate(4px);box-shadow:0 2px 8px #d4af3733}.toc-link:active{transform:translate(2px)}.markdown-h1{color:var(--accent);font-size:2.2rem;font-weight:700;margin:2.5rem 0 1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--accent);text-transform:uppercase;letter-spacing:.05em;font-family:Georgia,serif;scroll-margin-top:120px}.markdown-h1:target{background:#d4af3726;border-radius:8px;padding-left:1rem;padding-right:1rem}.markdown-h2{color:var(--accent-light);font-size:1.8rem;font-weight:700;margin:2rem 0 1.2rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-dark);font-family:Georgia,serif;scroll-margin-top:120px}.markdown-h2:target{background:#d4af3726;border-radius:8px;padding-left:1rem;padding-right:1rem}.markdown-h3{color:var(--accent);font-size:1.5rem;font-weight:600;margin:1.5rem 0 .8rem;font-family:Georgia,serif;scroll-margin-top:120px}.markdown-h3:target{background:#d4af3726;border-radius:8px;padding-left:1rem;padding-right:1rem}.markdown-h4{color:var(--gold);font-size:1.2rem;font-weight:600;margin:1.2rem 0 .6rem;font-family:Georgia,serif;scroll-margin-top:120px}.markdown-h4:target{background:#d4af3726;border-radius:8px;padding-left:1rem;padding-right:1rem}.markdown-paragraph{margin:1rem 0;color:var(--text);text-align:justify;letter-spacing:.3px}.markdown-paragraph-break{height:.5rem}.markdown-list-item{margin:.6rem 0 .6rem 2.5rem;color:var(--text);list-style:disc;display:list-item;position:relative}.markdown-list-item:before{content:"▸";position:absolute;left:-1.5rem;color:var(--accent);font-weight:700}strong{color:var(--accent-light);font-weight:700}em{color:var(--gold);font-style:italic}.markdown-inline-code{background:#d4af3726;border:1px solid rgba(212,175,55,.3);padding:.2rem .5rem;border-radius:4px;color:var(--gold);font-family:Courier New,monospace;font-size:.9em}.markdown-code-block{background:#00000080;border:2px solid var(--accent-dark);border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;font-family:Courier New,monospace;color:var(--gold);font-size:.95rem;line-height:1.4}.markdown-code-block code{color:inherit;font-family:inherit}mark{background:#d4af3766;padding:.2rem .4rem;border-radius:3px;font-weight:700;color:#fff}.markdown-table-cell{background:#0000004d;border:1px solid var(--border-color);padding:.75rem;margin:.5rem 0;font-family:Courier New,monospace;color:var(--text-muted);font-size:.9rem;overflow-x:auto}.book-content::-webkit-scrollbar{width:10px}.book-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.book-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-dark));border-radius:5px}.book-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-light),var(--accent))}.placeholder-text{color:var(--text-muted);font-style:italic;margin-bottom:1rem}.placeholder-note{color:var(--accent-dark);font-size:.9rem;background:#d4af371a;padding:1rem;border-radius:8px;border-left:4px solid var(--accent)}.placeholder-note code{background:#0000004d;padding:.2rem .5rem;border-radius:4px;color:var(--accent)}.quick-reference-card{background:linear-gradient(135deg,#1a1a2e66,#0000004d);border:2px solid var(--accent-dark);border-radius:12px;padding:1.5rem;margin-top:3rem;box-shadow:0 4px 12px #ffd7001a}.quick-reference-card h4{color:var(--accent);margin-bottom:1rem}.quick-reference-card ul{list-style:none;padding:0}.quick-reference-card li{color:var(--text);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.quick-reference-card li:before{content:"▸";color:var(--accent);position:absolute;left:0}.quick-reference-card strong{color:var(--accent-light)}@media(max-width:768px){.game-tools-view{padding:1rem}.dice-sections{grid-template-columns:1fr}.tool-tabs{gap:.5rem}.tool-tab{font-size:.9rem;padding:.75rem 1rem}.deck-grid,.books-grid{grid-template-columns:1fr}.deck-info{flex-direction:column;gap:.5rem}.deck-count,.graveyard-count{font-size:.9rem;padding:.4rem .8rem}.btn-reset-deck{font-size:.85rem;padding:.5rem 1rem}}.combat-dice-layout{margin-top:1.5rem;padding:1.5rem;border:2px solid var(--accent-dark);border-radius:12px;background:linear-gradient(135deg,#0c1a3ab3,#122347bf);box-shadow:0 4px 18px #ffd70026}.combat-dice-panel{width:100%;max-width:760px;margin:0 auto;border:2px solid var(--accent-dark);border-radius:14px;background:#0d1736b8;box-shadow:inset 0 0 0 1px #ffffff14}.combat-dice-content{padding:1.5rem;border-radius:12px;background:#0b1635a8}.combat-dice-content .combat-dice-section{margin-top:0;padding-top:0}.combat-dice-content .combat-die-image{width:64px;height:64px}.combat-dice-view .combat-roll-summary,.combat-dice-view .roll-summary-line{color:var(--text)}.combat-dice-view .element-rule{color:var(--text-muted)}.combat-dice-view .element-rule strong{color:var(--accent)}@media(max-width:1024px){.combat-dice-layout{padding:1rem}.combat-dice-panel{max-width:100%}}@media(max-width:768px){.combat-dice-view{padding-bottom:calc(170px + env(safe-area-inset-bottom))}.combat-dice-layout{padding:.75rem;margin-top:1rem}.combat-dice-content{padding:1rem}.combat-dice-content .combat-die-image{width:54px;height:54px}.combat-dice-view .combat-roll-summary{text-align:center}.combat-dice-content .dice-count-control{align-items:stretch}}.combat-log{background:linear-gradient(to bottom,#1a1a2e,#16213e);border:2px solid #8b4513;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.combat-log.collapsed{max-height:60px}.combat-log.expanded{max-height:600px}.log-header{padding:12px 16px;background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:2px solid #8b4513}.log-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.log-toggle{background:none;border:none;color:#d4af37;font-size:1rem;cursor:pointer;padding:4px 8px;transition:all .2s}.log-toggle:hover{color:gold;transform:scale(1.1)}.log-title h3{margin:0;color:#d4af37;font-size:1.1rem;font-weight:600}.log-count{color:#a0aec0;font-size:.9rem}.log-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.log-search{flex:1;min-width:150px;padding:6px 12px;background:#2d3748;border:2px solid #4a5568;border-radius:6px;color:#f7fafc;font-size:.9rem}.log-search:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.log-filter{padding:6px 12px;background:#000000d9;border:2px solid #4a5568;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer}.log-filter option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.log-filter:focus{outline:none;border-color:#d4af37;background:#000000e6}.autoscroll-toggle{display:flex;align-items:center;gap:6px;color:#e2e8f0;font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.autoscroll-toggle input[type=checkbox]{cursor:pointer}.log-btn{padding:6px 14px;border:2px solid #4a5568;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.export-btn{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border-color:#3182ce}.export-btn:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-1px);box-shadow:0 4px 12px #4299e166}.clear-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;border-color:#e53e3e}.clear-btn:hover{background:linear-gradient(135deg,#e53e3e,#c53030);transform:translateY(-1px);box-shadow:0 4px 12px #f5656566}.log-content{max-height:500px;overflow-y:auto;background:#1a202c}.log-content::-webkit-scrollbar{width:8px}.log-content::-webkit-scrollbar-track{background:#2d3748;border-radius:4px}.log-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.log-content::-webkit-scrollbar-thumb:hover{background:#718096}.log-empty{padding:40px 20px;text-align:center;color:#a0aec0;font-style:italic}.log-entries{padding:12px;display:flex;flex-direction:column;gap:6px}.log-entry{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2d3748;border-left:3px solid #4a5568;border-radius:6px;font-size:.9rem;animation:slideInLog .2s ease-out}@keyframes slideInLog{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-time{color:#718096;font-size:.75rem;font-family:Courier New,monospace;min-width:70px}.log-icon{font-size:1rem}.log-user{font-size:.85rem;font-weight:600;color:#a78bfa;margin-right:.5rem;padding:.1rem .4rem;background:#a78bfa1a;border-radius:3px;display:inline-block;flex-shrink:0}.log-message{flex:1;color:#e2e8f0;line-height:1.4}.log-amount{font-weight:700;font-size:.95rem;min-width:40px;text-align:right}.log-amount.damage{color:#fc8181}.log-amount.healing{color:#68d391}.log-damage{border-left-color:#fc8181}.log-healing{border-left-color:#68d391}.log-status{border-left-color:#9f7aea}.log-ability{border-left-color:#4299e1}.log-turn{border-left-color:#fbbf24;background:#fbbf241a}.log-combat{border-left-color:#d4af37;background:#d4af371a;font-weight:600}.log-death{border-left-color:#e53e3e;background:#e53e3e1a;font-weight:600}.log-entry.critical{background:#fc818126;border-left-width:4px;font-weight:600;animation:criticalPulse .5s ease-out}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 20px #fc818166}}@media(max-width:768px){.log-controls{flex-direction:column;align-items:stretch}.log-search,.log-filter,.log-btn{width:100%}.log-time{min-width:60px;font-size:.7rem}.log-message{font-size:.85rem}}.app-header{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-bottom:2px solid var(--accent);box-shadow:0 2px 8px #000c,0 0 20px #c9a9611a;position:relative;background-image:url(/assets/RotbCompanion_textonly-DKdFa6Eq.png);background-size:contain;background-repeat:no-repeat;background-position:top center;background-attachment:scroll}.party-members-list{background-color:#1e1e23f2;border-bottom:2px solid rgba(200,150,100,.3);padding:6px 10px;font-size:13px}.party-members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.party-members-header:hover{background-color:#32323cb3}.party-members-title{font-weight:600;color:#c89664e6;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.party-members-toggle{color:#c89664b3;font-size:10px;transition:transform .2s}.party-members-items{display:flex;flex-direction:column;gap:6px}.party-member-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background-color:#28282d99;border-radius:4px;transition:background-color .2s}.party-member-item:hover{background-color:#323237cc}.party-member-info{display:flex;flex-direction:column;gap:2px;flex:1}.party-member-name{color:#dcdce1f2;font-weight:500;font-size:13px;display:flex;align-items:center;gap:4px}.member-title{font-size:1rem;display:inline-flex;align-items:center}.member-title-text{color:#fbbf24;font-size:10px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5);display:block;margin-top:1px}.caretaker-crown{font-size:14px;filter:drop-shadow(0 0 3px rgba(255,215,0,.6))}.party-member-location{color:#b4b4b9cc;font-size:11px;font-style:italic;display:flex;align-items:center;gap:3px}.party-member-typing{color:#64c8ffe6;font-size:16px;animation:pulse-typing 1.5s infinite}@keyframes pulse-typing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:768px){.party-members-list,.party-member-name{font-size:12px}.party-member-location{font-size:10px}}.party-tutorial-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.party-tutorial-modal{background:linear-gradient(135deg,#1a202c,#2d3748);border:2px solid #4a5568;border-radius:12px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #000c,0 0 40px #8b5cf64d;animation:slideUp .4s ease-out}.tutorial-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #4a5568;background:linear-gradient(135deg,#2d3748,#1a202c)}.tutorial-header h2{margin:0;color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}.tutorial-close-btn{background:transparent;border:none;color:#cbd5e1;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.tutorial-close-btn:hover{background:#ffffff1a;color:#fff}.tutorial-content{padding:24px;color:#cbd5e1}.tutorial-section{margin-bottom:20px}.tutorial-section h3{color:#8b5cf6;font-size:18px;font-weight:600;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tutorial-section p{margin:0 0 12px;line-height:1.6;font-size:14px}.tutorial-feature-list,.tutorial-checklist{list-style:none;padding:0;margin:12px 0}.tutorial-feature-list li,.tutorial-checklist li{padding:8px 0 8px 28px;position:relative;font-size:14px;line-height:1.5}.tutorial-feature-list li:before{content:"▸";position:absolute;left:0;color:#8b5cf6;font-weight:700;font-size:16px}.tutorial-checklist li:before{content:"□";position:absolute;left:0;color:#10b981;font-weight:700;font-size:16px}.tutorial-tip{background:#8b5cf61a;border-left:4px solid #8b5cf6;padding:12px 16px;border-radius:6px;margin:16px 0 0;font-size:14px;line-height:1.5;color:#e2e8f0}.tutorial-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #4a5568;background:#0000004d;justify-content:flex-end}.tutorial-btn{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.tutorial-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;flex:1;min-width:120px}.tutorial-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 16px #8b5cf666;transform:translateY(-2px)}.tutorial-secondary{background:#4a5568;color:#cbd5e1}.tutorial-secondary:hover{background:#5a6575;color:#e2e8f0}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.party-tutorial-modal{max-height:90vh;width:95%}.tutorial-header h2{font-size:20px}.tutorial-actions{flex-direction:column}.tutorial-btn{width:100%}}.app-header{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-bottom:2px solid var(--accent);box-shadow:0 2px 8px #000c,0 0 20px #c9a9611a;position:relative;background-image:url(/assets/RotbCompanion_textonly-DKdFa6Eq.png);background-size:contain;background-repeat:no-repeat;background-position:top center;background-attachment:scroll}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--accent);font-size:1.8rem;cursor:pointer;padding:.5rem;transition:transform .2s ease;position:absolute;left:.5rem;top:50%;transform:translateY(-50%);z-index:10}.mobile-menu-toggle:hover{transform:translateY(-50%) scale(1.1)}.mobile-menu-toggle:active{transform:translateY(-50%) scale(.95)}.header-container{display:flex;align-items:center;justify-content:center;padding:.5rem 3rem;gap:.75rem;position:relative;background-repeat:no-repeat;background-position:center;background-size:69% auto;min-height:60px}.header-branding{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;cursor:pointer}.header-branding h1{font-size:1.3rem;font-family:Crimson Text,Georgia,serif;font-weight:600;letter-spacing:.5px;color:var(--accent);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(201,169,97,.3);margin:0;white-space:nowrap}.header-logo{display:none}.app-nav{display:none!important}.app-nav button{position:relative;padding:.6rem 1.1rem;background:#0a0a0a99;border:1.5px solid rgba(201,169,97,.25);border-radius:4px;color:var(--text);font-family:Crimson Text,Georgia,serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s ease;white-space:nowrap;box-shadow:inset 0 1px 2px #00000080}.app-nav button:hover:not(:disabled){background:#c9a9611f;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 12px #c9a96140,inset 0 1px 2px #0000004d}.app-nav button.active{background:linear-gradient(135deg,#c9a9614d,#9a7b3c66);border-color:var(--accent);color:var(--accent-light);font-weight:700;box-shadow:0 0 16px #c9a9614d,inset 0 -1px 3px #0006}.app-nav button:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8;border-color:#475569;background:#64748b1a;text-decoration:line-through;pointer-events:none}.party-indicator{color:#4ecdc4;margin-left:.25rem;animation:pulse 2s ease-in-out infinite}.party-nav-badge{position:absolute;top:-8px;right:-8px;background:#f44;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid var(--primary)}.locked-indicator{margin-left:.25rem;opacity:.6}.nav-utility-buttons{display:flex;gap:.5rem;margin-left:1rem;padding-left:1rem;border-left:2px solid rgba(201,169,97,.3)}.nav-utility-buttons .utility-btn{padding:.6rem 1rem;background:#c9a96126;border:1.5px solid var(--accent);border-radius:4px;color:var(--accent);font-family:Crimson Text,Georgia,serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s ease;white-space:nowrap}.nav-utility-buttons .utility-btn:hover{background:#c9a9614d;transform:translateY(-1px);box-shadow:0 0 12px #c9a96166}@media(max-width:767px){.nav-utility-buttons{display:none!important}.header-container{min-height:72px;background-size:100% auto}}.header-actions-desktop{display:none!important;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-btn{padding:.5rem .875rem;background:#0000004d;border:2px solid var(--border-color);border-radius:6px;color:var(--text);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent);box-shadow:0 4px 8px #0000004d}.header-btn:disabled{opacity:.5;cursor:not-allowed}.header-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent-light);color:var(--primary-dark)}.header-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-light),var(--accent));box-shadow:0 4px 12px #ffd70066}.theme-select-wrapper{display:flex;align-items:center;gap:.5rem}.mode-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.8rem;letter-spacing:.5px;white-space:nowrap;transition:all .3s ease}.mode-badge.mode-solo{background:#4caf5026;border:2px solid rgba(76,175,80,.5);color:#4caf50;box-shadow:0 0 10px #4caf501a}.mode-badge.mode-solo:hover{background:#4caf5040;border-color:#4caf50b3;box-shadow:0 0 15px #4caf5033}.mode-badge.mode-hosted{background:#d4af3726;border:2px solid rgba(212,175,55,.5);color:var(--gold);box-shadow:0 0 10px #d4af371a}.mode-badge.mode-hosted:hover{background:#d4af3740;border-color:#d4af37b3;box-shadow:0 0 15px #d4af3733}.theme-select-label{color:var(--text);font-weight:600;font-size:.85rem;white-space:nowrap}.theme-select{padding:.5rem .75rem;background:#000000d9;border:2px solid var(--border-color);border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.theme-select:hover{border-color:var(--accent);background:#000000e6}.theme-select:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 0 3px #ffd70033;background:#000000e6}.party-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#4ecdc426;border:2px solid rgba(78,205,196,.4);border-radius:6px}.status-label{color:#4ecdc4;font-weight:600;font-size:.85rem}.status-code{color:var(--accent);font-weight:700;font-family:Courier New,monospace}.status-players{color:var(--text)}.ai-mode-toggle{display:flex;align-items:center;gap:.5rem}.ai-mode-toggle label{color:var(--text);font-weight:600;font-size:.85rem;white-space:nowrap}.ai-mode-button{padding:.5rem .875rem;border:2px solid;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.ai-mode-button.basic{background:#7b68ee33;border-color:#7b68ee;color:#9b88ff}.ai-mode-button.basic:hover{background:#7b68ee4d;transform:translateY(-2px);box-shadow:0 4px 12px #7b68ee66}.ai-mode-button.hard{background:#ff450033;border-color:#ff4500;color:#ff6b35}.ai-mode-button.hard:hover{background:#ff45004d;transform:translateY(-2px);box-shadow:0 4px 12px #ff450066}.user-info{display:flex;align-items:center;gap:.5rem}.user-email{color:var(--text-muted);font-size:.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-drawer{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100vh;background:linear-gradient(180deg,var(--primary-dark),var(--bg-dark));border-right:3px solid var(--accent);box-shadow:4px 0 20px #00000080;z-index:1001;transition:left .3s ease;overflow-y:auto}.mobile-nav-drawer.open{left:0}.drawer-header{padding:1.5rem 1rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.drawer-header h2{color:var(--accent);font-size:1.2rem;margin:0}.drawer-close{background:none;border:none;color:var(--accent);font-size:1.5rem;cursor:pointer;padding:.25rem}.drawer-nav{padding:1rem 0}.drawer-section{border-top:2px solid rgba(201,169,97,.3);margin-top:1rem;padding-top:.5rem}.drawer-section-label{padding:.5rem 1.5rem;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;opacity:.7}.drawer-nav button{width:100%;padding:1rem 1.5rem;background:none;border:none;border-left:4px solid transparent;color:var(--text);font-weight:600;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease}.drawer-nav button:hover{background:#ffd7001a;border-left-color:var(--accent)}.drawer-nav button.active{background:#ffd70033;border-left-color:var(--accent);color:var(--accent)}.drawer-nav button.disabled{opacity:.45;filter:grayscale(100%);cursor:not-allowed;text-decoration:line-through}.drawer-nav button.disabled:hover{background:none;border-left-color:transparent}.drawer-dev-toggle{font-weight:700}.drawer-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.visible{opacity:1;pointer-events:all}@media(max-width:767px){.mobile-menu-toggle{display:block;font-size:1.5rem;left:.5rem}.header-container{padding:.5rem 4rem;background-size:99% auto;min-height:65px}.header-branding h1{font-size:1.2rem}.app-nav,.header-actions-desktop{display:none}.header-btn{font-size:.75rem;padding:.5rem .625rem}.user-email{display:none}}@media(max-width:479px){.header-container{padding:.5rem 2.5rem;background-size:56% auto;min-height:50px}.mobile-menu-toggle{font-size:1.4rem;left:.25rem}}@media(min-width:768px)and (max-width:1024px){.header-branding h1{font-size:1.3rem}.app-nav button{font-size:.875rem;padding:.6rem 1rem}.header-actions-desktop{gap:.5rem}.user-email{max-width:120px}}@media(min-width:1025px){.app-nav{gap:.75rem}.app-nav button{padding:.75rem 1.5rem}.header-actions-desktop{gap:1rem}.header-container{min-height:100px;background-size:100% auto}}@media(min-width:1441px){.header-container{padding:1rem 2rem}.app-nav{padding:.75rem 2rem 1.25rem;gap:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid;border-radius:8px;font-weight:600;font-size:1rem;line-height:1.5;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;font-family:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:44px}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-md{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}.btn-lg{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.btn-xl{padding:1.25rem 2.5rem;font-size:1.25rem;min-height:60px}.btn-primary{background:linear-gradient(135deg,var(--accent-dark),var(--accent));border-color:var(--accent);border-width:2px;color:var(--bg-darker);font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #000000b3,0 0 16px #c9a96133,inset 0 -2px 4px #0000004d,inset 0 1px 2px #ffffff26;position:relative}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;border-radius:6px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent),var(--accent-light));border-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 6px 18px #000c,0 0 24px #c9a96159,inset 0 -2px 4px #0000004d,inset 0 1px 2px #fff3}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #000000b3,0 0 12px #c9a96133,inset 0 2px 4px #0006}.btn-secondary{background:#0a0a0a99;border-color:#c9a96166;border-width:1.5px;color:var(--text);box-shadow:0 2px 8px #0009,inset 0 1px 2px #00000080}.btn-secondary:hover:not(:disabled){background:#c9a96126;border-color:var(--accent);color:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #000000b3,0 0 12px #c9a96126}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-success{background:linear-gradient(135deg,#0a0,#080);border-color:#0c0;color:#fff;box-shadow:0 4px 12px #00aa004d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#0c0,#0a0);transform:translateY(-2px);box-shadow:0 6px 16px #00aa0080}.btn-danger{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary-light);color:#fff;box-shadow:0 4px 12px #8b00004d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-light),var(--primary));transform:translateY(-2px);box-shadow:0 6px 16px #8b000080}.btn-warning{background:linear-gradient(135deg,#ffb800,#e69500);border-color:gold;color:var(--primary-dark);box-shadow:0 4px 12px #ffb8004d}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,gold,#ffb800);transform:translateY(-2px);box-shadow:0 6px 16px #ffb80080}.btn-ghost{background:transparent;border-color:transparent;color:var(--text);box-shadow:none}.btn-ghost:hover:not(:disabled){background:#ffd7001a;border-color:var(--accent);color:var(--accent)}.btn-outline{background:transparent;border-color:var(--accent);color:var(--accent);box-shadow:0 2px 8px #0003}.btn-outline:hover:not(:disabled){background:#ffd70026;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn-group-vertical{display:flex;flex-direction:column;gap:.5rem}.btn-group-compact{gap:.25rem}.btn-group>.btn{flex:1;min-width:0}.btn-icon{padding:.75rem;min-width:44px;width:44px;height:44px}.btn-icon.btn-sm{padding:.5rem;min-width:36px;width:36px;height:36px}.btn-icon.btn-lg{padding:1rem;min-width:52px;width:52px;height:52px}.btn-block{width:100%}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(max-width:767px){.btn{min-height:48px;padding:.875rem 1.25rem}.btn-sm{min-height:40px;padding:.625rem 1rem}.btn-lg{min-height:56px;padding:1.125rem 1.75rem}.btn-icon{min-width:48px;width:48px;height:48px}}.card-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.card-actions .btn{flex:1}.action-bar-sticky{position:sticky;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(180deg,transparent,var(--bg-dark) 20%);border-top:2px solid var(--border-color);z-index:10}@media(max-width:767px){.action-bar-sticky{bottom:80px}}.btn:not(:disabled):hover{filter:brightness(1.1)}.btn:not(:disabled):active{filter:brightness(.95)}.btn:focus{outline:none}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn:disabled{filter:grayscale(50%);cursor:not-allowed;box-shadow:none}@keyframes pulse-btn{0%,to{box-shadow:0 4px 12px #ffd7004d}50%{box-shadow:0 4px 20px #ffd70099}}.btn-pulse{animation:pulse-btn 2s ease-in-out infinite}@media print{.btn{border:1px solid #000;background:#fff!important;color:#000!important;box-shadow:none!important}}h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:var(--space-lg) 0 var(--space-md) 0;color:var(--text-primary)}h2{font-size:clamp(1.5rem,4vw,2rem);line-height:1.25;font-weight:700;letter-spacing:-.015em;margin:var(--space-lg) 0 var(--space-sm) 0;color:var(--text-primary)}h3{font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3;font-weight:600;letter-spacing:-.01em;margin:var(--space-md) 0 var(--space-sm) 0;color:var(--text-primary)}h4{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.35;font-weight:600;letter-spacing:0em;margin:var(--space-md) 0 var(--space-xs) 0;color:var(--text-primary)}h5{font-size:clamp(.9rem,2vw,1.1rem);line-height:1.4;font-weight:500;letter-spacing:.01em;margin:var(--space-sm) 0 var(--space-xs) 0;color:var(--text-secondary)}h6{font-size:clamp(.8rem,1.5vw,1rem);line-height:1.4;font-weight:500;letter-spacing:.02em;margin:var(--space-sm) 0 var(--space-xs) 0;color:var(--text-secondary);text-transform:uppercase}@media(max-width:767px){h1{font-size:1.5rem;margin-bottom:var(--space-sm)}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:1rem}}body{font-size:clamp(.95rem,1.2vw,1rem);line-height:1.6;font-weight:400;color:var(--text-primary);letter-spacing:.3px}p{margin:0 0 var(--space-md) 0;line-height:1.65}p:last-child{margin-bottom:0}.text-small{font-size:.875rem;line-height:1.5}.text-xsmall{font-size:.75rem;line-height:1.4}.text-large{font-size:1.125rem;line-height:1.7}.text-xlarge{font-size:1.25rem;line-height:1.75}.text-light{font-weight:300;letter-spacing:.5px}.text-normal{font-weight:400}.text-medium{font-weight:500}.text-semibold{font-weight:600}.text-bold{font-weight:700}.text-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary, #999)}.text-muted{color:var(--text-secondary);opacity:1}.text-accent{color:var(--accent)}.text-success{color:#0a0}.text-danger{color:var(--primary)}.text-warning{color:#ffb800}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase;letter-spacing:.1em}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.text-line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-lg{margin-left:var(--space-lg)}.ml-xl{margin-left:var(--space-xl)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.mr-xl{margin-right:var(--space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--space-xs)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pl-xl{padding-left:var(--space-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--space-xs)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.pr-xl{padding-right:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}ul,ol{margin:var(--space-md) 0;padding-left:var(--space-lg);line-height:1.7}li{margin-bottom:var(--space-sm)}li:last-child{margin-bottom:0}blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--accent);background:var(--background-secondary, rgba(255, 165, 0, .05));font-style:italic;line-height:1.7}code,pre{font-family:Courier New,monospace;background:var(--background-secondary, rgba(0, 0, 0, .1));border-radius:4px;font-size:.9em}code{padding:.2em .4em;display:inline-block;color:var(--primary)}pre{padding:var(--space-md);overflow-x:auto;line-height:1.4;margin:var(--space-md) 0}pre code{background:none;padding:0;color:inherit}a{color:var(--accent);text-decoration:none;transition:color .3s ease,text-decoration .3s ease}a:hover{color:var(--primary);text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}strong,b{font-weight:600}em,i{font-style:italic}mark{background:#ffa5004d;padding:.2em .4em;border-radius:2px}section{margin:var(--space-xl) 0}article{margin:var(--space-xl) 0}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:500;line-height:1.4}.form-group input,.form-group textarea,.form-group select{margin-bottom:var(--space-xs)}.card{padding:var(--space-lg);margin-bottom:var(--space-md)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack.gap-sm{gap:var(--space-sm)}.stack.gap-lg{gap:var(--space-lg)}.row{display:flex;gap:var(--space-md)}.row.gap-sm{gap:var(--space-sm)}.row.gap-lg{gap:var(--space-lg)}@media(max-width:480px){body{font-size:.9rem}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:1rem}ul,ol{padding-left:var(--space-md)}}@media(prefers-contrast:more){h1,h2,h3,h4{letter-spacing:.05em}a{text-decoration:underline}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, rgba(255, 165, 0, .1)) 25%,var(--skeleton-highlight, rgba(255, 165, 0, .2)) 50%,var(--skeleton-base, rgba(255, 165, 0, .1)) 75%);background-size:200% 100%;animation:skeleton-loading 2s infinite;border-radius:4px;height:1rem;margin-bottom:.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--skeleton-base, rgba(255, 165, 0, .1));opacity:.7}}.skeleton-text{height:1rem;width:100%}.skeleton-text-sm{height:.875rem;width:100%}.skeleton-text-lg{height:1.25rem;width:100%}.skeleton-h1{height:2rem;width:80%;margin-bottom:1rem}.skeleton-h2{height:1.5rem;width:70%;margin-bottom:.8rem}.skeleton-h3{height:1.25rem;width:60%;margin-bottom:.6rem}.skeleton-avatar{width:3rem;height:3rem;border-radius:50%;display:inline-block}.skeleton-avatar-lg{width:4rem;height:4rem;border-radius:50%}.skeleton-avatar-sm{width:2rem;height:2rem;border-radius:50%}.skeleton-image{width:100%;height:200px;border-radius:8px}.skeleton-image-sm{width:100%;height:100px;border-radius:6px}.skeleton-image-lg{width:100%;height:300px;border-radius:8px}.skeleton-card{border-radius:8px;overflow:hidden;background:var(--background-secondary);padding:1rem}.skeleton-card .skeleton{margin-bottom:.75rem}.skeleton-card .skeleton:last-child{margin-bottom:0}.skeleton-lines{width:100%}.skeleton-lines .skeleton{margin-bottom:.5rem}.skeleton-lines .skeleton:last-child{margin-bottom:0;width:85%}.skeleton-list-item{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.skeleton-list-item .skeleton-avatar{flex-shrink:0}.skeleton-list-item .skeleton-content{flex:1}.skeleton-list-item .skeleton-content .skeleton{margin-bottom:.5rem}.skeleton-list-item .skeleton-content .skeleton:last-child{width:70%}.skeleton-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(max-width:768px){.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}.skeleton-card-item{border-radius:8px;overflow:hidden}.skeleton-card-item .skeleton-image-sm{margin-bottom:0}.skeleton-card-item .skeleton-content{padding:1rem}.skeleton-card-item .skeleton{margin-bottom:.5rem;height:1rem}.skeleton-card-item .skeleton:last-child{width:80%;margin-bottom:0}.skeleton-table{width:100%}.skeleton-table-row{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;border-radius:4px;background:var(--background-secondary)}.skeleton-table-row .skeleton-cell{flex:1;height:1.5rem}.skeleton-container{background:var(--background-secondary);border-radius:8px;padding:1rem;animation:pulse-subtle 2s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.skeleton-container{animation:none;opacity:.8}}.btn.btn-loading{pointer-events:none;opacity:.8;position:relative}.btn.btn-loading:after{content:"";position:absolute;width:1em;height:1em;right:.75em;top:50%;transform:translateY(-50%);border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin .6s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn.btn-loading:after{animation:none;border-top-color:transparent;opacity:.6}}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(255,165,0,.2);border-radius:50%;border-top-color:var(--accent);animation:spin .8s linear infinite}.loading-spinner.sm{width:1rem;height:1rem;border-width:2px}.loading-spinner.lg{width:3rem;height:3rem;border-width:4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;min-height:200px}.loading-container .loading-spinner{margin-bottom:.5rem}.loading-container p{color:var(--text-secondary);font-size:.95rem}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse-fast{animation:pulse 1s ease-in-out infinite}.pulse-slow{animation:pulse 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pulse,.pulse-fast,.pulse-slow{animation:none;opacity:.8}}.shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0 40%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.shimmer{animation:none;background:none;opacity:.7}}.placeholder{background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic}.placeholder p{margin:0}@media(max-width:767px){.skeleton-grid{grid-template-columns:1fr}.skeleton-list-item{gap:.75rem}.skeleton-list-item .skeleton-content{padding:0 .5rem}}.visually-hidden-loading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.aria-busy{opacity:.6;pointer-events:none}[aria-busy=true]{position:relative}[aria-busy=true]:after{content:"";position:absolute;inset:0;background:#0000000d;border-radius:inherit;cursor:wait;z-index:10}.shop-view{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-out}.shop-header{text-align:center;margin-bottom:1rem}.shop-header h2{font-size:2.5rem;color:var(--accent);margin-bottom:.5rem;text-shadow:0 2px 8px rgba(201,169,97,.3)}.shop-subtitle{color:var(--text-muted);font-size:.95rem;font-style:italic}.shop-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#4a040433,#c9a9610d);border:1px solid var(--border-color);border-radius:8px}.shop-filters input,.shop-filters select{padding:.75rem 1rem;background:#000000d9;border:1px solid var(--accent-dark);border-radius:6px;color:#fff;font-size:.95rem;font-weight:500;transition:all .2s ease}.shop-filters select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.shop-filters input::placeholder{color:var(--text-muted)}.shop-filters input:focus,.shop-filters select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #c9a96133;background:#000000e6}.shop-wallets{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#2a02024d;border:1px solid var(--border-color);border-radius:8px}.shop-wallets .wallet{padding:.75rem 1rem;background:#0a0a0a80;border-left:3px solid var(--accent);border-radius:4px;font-weight:600;color:var(--accent-light);display:flex;justify-content:space-between;align-items:center}.wallets-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.wallets-list .wallet{flex-direction:column;align-items:flex-start;padding:.75rem;font-size:.9rem}.shop-message{padding:1rem;border-radius:6px;font-weight:600;text-align:center;animation:slideDown .3s ease-out}.shop-message.success{background:#4a67414d;border:1px solid var(--success);color:#7bc986}.shop-message.error{background:#7a1a1a4d;border:1px solid var(--danger);color:#ff6b6b}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.shop-empty{grid-column:1 / -1;padding:3rem 1rem;text-align:center;color:var(--text-muted);font-style:italic}.shop-card{display:flex;flex-direction:column;padding:1.25rem;background:linear-gradient(135deg,#2a020266,#12121299);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.shop-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.shop-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #c9a96126;transform:translateY(-4px);background:linear-gradient(135deg,#2a020280,#121212cc)}.shop-card:hover:before{opacity:1}.shop-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.shop-card-title{font-size:1.1rem;font-weight:700;color:var(--accent-light)}.shop-card-cost{padding:.4rem .8rem;background:#c9a96126;border:1px solid var(--accent-dark);border-radius:4px;font-weight:700;color:var(--accent);white-space:nowrap;font-size:.95rem}.shop-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.badge{display:inline-block;padding:.3rem .6rem;background:#c9a96133;border:1px solid rgba(201,169,97,.4);border-radius:3px;font-size:.75rem;font-weight:600;color:var(--accent-light);text-transform:uppercase}.badge-ghost{background:#b4b4b41a;border-color:#b4b4b433;color:var(--text)}.badge-info{background:#4a674133;border-color:#7bc9864d;color:#7bc986}.shop-card-description{color:var(--text-muted);font-size:.9rem;line-height:1.4;margin-bottom:1rem;flex-grow:1}.shop-card-actions{display:flex;flex-direction:column;gap:.5rem}.payer-select{padding:.6rem;background:#000000d9;border:1px solid var(--accent-dark);border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.payer-select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.payer-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #c9a96126;background:#000000e6}.shop-card button{padding:.6rem;background:linear-gradient(135deg,var(--primary-light),var(--primary));border:1px solid var(--accent-dark);border-radius:4px;color:var(--accent-light);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.shop-card button:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--accent);box-shadow:0 4px 12px #c9a96133;transform:scale(1.02)}.shop-card button:active{transform:scale(.98)}.inventory-view{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-width:1600px;margin:0 auto;animation:fadeIn .3s ease-out}.inventory-header{text-align:center;margin-bottom:1rem}.inventory-header h2{font-size:2.5rem;color:var(--accent);margin-bottom:.5rem;text-shadow:0 2px 8px rgba(201,169,97,.3)}.inventory-subtitle{color:var(--text-muted);font-size:.95rem;font-style:italic}.inventory-wallets{padding:1.5rem;background:linear-gradient(135deg,#4a040433,#c9a9610d);border:1px solid var(--border-color);border-radius:8px}.wallet-info{font-size:1.1rem;font-weight:600;color:var(--accent-light);margin-bottom:1rem;padding:.75rem 1rem;background:#0a0a0a80;border-left:3px solid var(--accent);border-radius:4px}.wallets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.wallet-card{padding:1rem;background:#0a0a0a80;border:1px solid rgba(201,169,97,.2);border-radius:6px;text-align:center;transition:all .2s ease}.wallet-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #c9a9611a}.wallet-name{color:var(--text-light);font-weight:600;margin-bottom:.5rem}.wallet-balance{font-size:1.4rem;color:var(--accent);font-weight:700}.inventory-hunters{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.hunter-loadout-card{padding:1.5rem;background:linear-gradient(135deg,#2a02024d,#12121299);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.hunter-loadout-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #c9a9611a}.hunter-loadout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.hunter-loadout-header h3{font-size:1.5rem;color:var(--accent-light)}.hp-indicator{padding:.4rem .8rem;background:#c9a9611a;border:1px solid rgba(201,169,97,.3);border-radius:4px;color:var(--accent-light);font-weight:600;font-size:.9rem}.loadout-section{margin-bottom:1.5rem}.loadout-section h4{font-size:1rem;color:var(--text-light);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.gear-item{padding:.75rem;background:#0a0a0a80;border:1px solid var(--accent-dark);border-radius:4px;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.gear-item:hover{border-color:var(--accent);box-shadow:0 4px 12px #c9a96126}.gear-item-name{font-weight:600;color:var(--accent-light);font-size:.9rem}.gear-item-slot{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.unequip-btn,.remove-btn{padding:.4rem .6rem;background:#7a1a1a4d;border:1px solid rgba(122,26,26,.6);border-radius:3px;color:#ff6b6b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.unequip-btn:hover,.remove-btn:hover{background:#7a1a1a80;border-color:#ff6b6b}.backpack-list{display:flex;flex-direction:column;gap:.5rem}.backpack-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0a0a0a80;border-left:3px solid var(--success);border-radius:4px}.loadout-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.preset-panel{background:linear-gradient(135deg,#2a020259,#121212b3);border:1px solid var(--border-color);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 24px #00000040}.preset-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.preset-header h3{margin:0;color:var(--accent-light);font-size:1.2rem}.preset-meta{color:var(--text-muted);font-size:.85rem}.preset-count{padding:.2rem .6rem;border-radius:999px;background:#c9a96126;border:1px solid rgba(201,169,97,.35);color:var(--accent-light);font-weight:600;font-size:.85rem}.preset-form{display:flex;gap:.75rem}.preset-form input{flex:1;padding:.7rem .9rem;background:#0a0a0a99;border:1px solid var(--accent-dark);border-radius:6px;color:var(--text-light);font-size:.9rem}.preset-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px #c9a96133}.preset-save,.preset-apply,.preset-delete{padding:.6rem .9rem;border-radius:6px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease}.preset-save{background:linear-gradient(135deg,var(--primary-light),var(--primary));border-color:var(--accent-dark);color:var(--accent-light)}.preset-save:hover{border-color:var(--accent);box-shadow:0 4px 12px #c9a96140}.preset-apply{background:#22c55e33;border-color:#22c55e80;color:#7bc986}.preset-apply:hover{background:#22c55e4d;border-color:#7bc986}.preset-delete{background:#ef444426;border-color:#ef444466;color:#ff6b6b}.preset-delete:hover{background:#ef444440;border-color:#ff6b6b}.preset-save:disabled,.preset-apply:disabled,.preset-delete:disabled,.preset-form input:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.preset-note{color:var(--text-muted);font-size:.85rem;font-style:italic}.preset-list{display:flex;flex-direction:column;gap:.75rem}.preset-item{display:flex;justify-content:space-between;gap:1rem;padding:.9rem;border-radius:8px;background:#0a0a0a8c;border:1px solid rgba(201,169,97,.2)}.preset-info{display:flex;flex-direction:column;gap:.35rem}.preset-name{color:var(--accent-light);font-weight:700}.preset-details{color:var(--text-muted);font-size:.85rem}.preset-author{color:var(--accent-light)}.preset-actions{display:flex;gap:.5rem;align-items:center}.preset-empty{text-align:center;color:var(--text-muted);padding:1.5rem 0;font-style:italic}.item-info{color:var(--text-light);font-weight:600;font-size:.9rem}.available-items{display:flex;flex-direction:column;gap:.5rem}.available-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0a0a0a80;border-left:3px solid var(--accent-dark);border-radius:4px;gap:.5rem}.equip-btn{padding:.4rem .6rem;background:#4a67414d;border:1px solid rgba(123,201,134,.5);border-radius:3px;color:#7bc986;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.equip-btn:hover{background:#4a674180;border-color:#7bc986}.delete-btn{padding:.4rem .6rem;background:#7a1a1a4d;border:1px solid rgba(122,26,26,.6);border-radius:3px;color:#ff6b6b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.delete-btn:hover{background:#7a1a1a80;border-color:#ff6b6b}.inventory-empty{grid-column:1 / -1;padding:3rem 1rem;text-align:center;color:var(--text-muted);font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.inventory-hunters,.shop-filters{grid-template-columns:1fr}}@media(max-width:768px){.shop-view,.inventory-view{padding:1rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.shop-header h2,.inventory-header h2{font-size:1.8rem}.shop-filters{grid-template-columns:1fr;gap:.75rem}.wallets-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hunter-loadout-header{flex-direction:column;align-items:flex-start;gap:.5rem}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.available-item{flex-wrap:wrap}}@media(max-width:480px){.shop-grid{grid-template-columns:1fr}.shop-card-header{flex-direction:column}.shop-card-cost{align-self:flex-start}.shop-filters{gap:.5rem}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.inventory-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.tab-btn:hover{color:var(--text);background:#c9a9611a}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.player-summary-card{background:linear-gradient(135deg,#4a04044d,#c9a9611a);border:2px solid var(--accent);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(201,169,97,.3)}.summary-header h3{font-size:1.5rem;color:var(--accent);margin:0}.total-crypto{font-size:2rem;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.5)}.crypto-breakdown{display:flex;flex-direction:column;gap:.5rem}.hunter-crypto-row{display:flex;justify-content:space-between;padding:.5rem 1rem;background:#0000004d;border-radius:6px;border-left:3px solid var(--accent)}.hunter-name{color:var(--text-light);font-weight:600}.crypto-amount{color:gold;font-weight:700;font-size:1.1rem}.progression-section{margin:1rem 0;padding:1rem;background:#0003;border-radius:8px}.progress-bar-container{margin-bottom:1rem}.progress-bar-container:last-child{margin-bottom:0}.progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted)}.progress-value{font-weight:600;color:var(--text)}.progress-bar{height:20px;background:#00000080;border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;transition:width .3s ease;border-radius:10px}.xp-fill{background:linear-gradient(90deg,#4ade80,#22c55e);box-shadow:0 0 10px #4ade8080}.rep-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #fbbf2480}.hunter-level{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;font-weight:700;font-size:.85rem;border-radius:12px;margin-left:.5rem}.header-left{display:flex;align-items:center}.empty-section{color:var(--text-muted);font-style:italic;padding:1rem;text-align:center;background:#0003;border-radius:6px;border:1px dashed var(--border-color)}.item-actions{display:flex;gap:.5rem}.share-btn{padding:.5rem .75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.party-stash-container{animation:fadeIn .3s ease-out}.party-stash-header{background:linear-gradient(135deg,#4a04044d,#c9a9611a);border:2px solid var(--accent);border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center}.party-stash-header h3{font-size:2rem;color:var(--accent);margin-bottom:.5rem}.stash-description{color:var(--text-muted);margin-bottom:1rem;font-style:italic}.party-crypto-info{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0006;border-radius:8px;border:1px solid var(--border-color)}.party-crypto-info .label{color:var(--text-muted);font-weight:600}.party-crypto-info .value{color:gold;font-size:1.5rem;font-weight:700}.stash-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.stash-item-card{background:linear-gradient(135deg,#0a0a0acc,#14141499);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.stash-item-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #c9a96133}.stash-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stash-item-header h4{color:var(--accent);margin:0;font-size:1.2rem}.item-slot-badge{padding:.25rem .75rem;background:#c9a96133;color:var(--accent);border:1px solid var(--accent);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.item-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.item-meta{display:flex;gap:1rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.take-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.take-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.empty-stash{grid-column:1 / -1;text-align:center;padding:3rem;background:#0003;border:2px dashed var(--border-color);border-radius:12px}.empty-stash p{color:var(--text-muted);font-size:1.1rem;margin-bottom:.5rem}.empty-stash .helper-text{color:var(--text-muted);font-size:.9rem;font-style:italic}@media(max-width:768px){.inventory-tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:150px}.player-summary-card{padding:1rem}.summary-header{flex-direction:column;align-items:flex-start;gap:.5rem}.total-crypto{font-size:1.5rem}.stash-items-grid{grid-template-columns:1fr}.item-actions{flex-wrap:wrap}.progression-section{padding:.75rem}}.chat-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .3s ease}.chat-modal-container{width:95%;height:95%;max-width:1200px;background:linear-gradient(to bottom,#1a1a2e,#16213e);border:2px solid #4a5568;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 80px #000c;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:2px solid #4a5568;flex-shrink:0}.chat-modal-header h2{margin:0;color:#f7fafc;font-size:1.5rem;font-weight:600}.chat-modal-header .close-btn{background:none;border:none;color:#cbd5e0;cursor:pointer;font-size:1.8rem;padding:4px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-modal-header .close-btn:hover{background:#ffffff1a;color:#f7fafc}.chat-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:16px}.chat-modal-content .chat-panel{max-height:none;height:100%;border:none}.floating-chat-window{position:fixed;bottom:10px;left:0;width:350px;background:linear-gradient(to bottom,#1a1a2e,#16213e);border:2px solid #4a5568;border-radius:0 12px 12px 0;box-shadow:5px 10px 40px #00000080;display:flex;flex-direction:column;z-index:1000;transition:all .3s ease}.floating-chat-window.minimized-mode{max-height:48px}.floating-chat-window.minimized-mode.collapsed{width:45px;max-height:45px;background:transparent;border:none;box-shadow:none;bottom:50px}.floating-chat-window.minimized-mode.collapsed .chat-window-header{background:transparent;border:none;padding:4px}.floating-chat-window.minimized-mode.collapsed .chat-window-header h3{display:none}.floating-chat-window.minimized-mode.collapsed .unread-badge{position:absolute;top:-2px;right:22px;min-width:18px;height:18px;font-size:.7rem}.floating-chat-window.minimized-mode.expanded{max-height:600px;width:350px}.floating-chat-window.permanent-mode{max-height:600px}.chat-window-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:2px solid #4a5568;flex-shrink:0;border-radius:10px 10px 0 0}.chat-window-header h3{margin:0;color:#f7fafc;font-size:.9rem;font-weight:600}.chat-window-controls{display:flex;gap:0;align-items:center;position:relative}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;margin-left:-16px;margin-right:0}.minimize-btn{background:none;border:none;color:#cbd5e0;cursor:pointer;font-size:1.5rem;padding:4px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.floating-chat-window.minimized-mode.collapsed .minimize-btn{font-size:1.5rem;padding:2px}.minimize-btn:hover{background:#ffffff1a;color:#f7fafc}.chat-window-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:400px;border-radius:0 0 10px 10px;animation:expandChat .2s ease}@keyframes expandChat{0%{opacity:0;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}.floating-chat-window .chat-panel{max-height:none;height:100%;border:none;border-radius:0 0 10px 10px}.floating-chat-window .chat-messages{max-height:none;min-height:300px}@media(max-width:768px){.floating-chat-window{width:300px;bottom:10px;left:0}.floating-chat-window.minimized-mode.collapsed{width:150px}.chat-window-header h3{font-size:.9rem}.chat-modal-container{width:98%;height:98%}.chat-modal-header h2{font-size:1.3rem}}@media(max-width:480px){.floating-chat-window{width:85vw;max-width:300px;bottom:10px;left:0;right:auto}.floating-chat-window.minimized-mode.collapsed{width:120px}.chat-window-content{min-height:300px}.chat-modal-container{width:100%;height:100%;border-radius:0}.chat-modal-overlay{background:#000000e6}.chat-modal-header{padding:12px 16px}.chat-modal-header h2{font-size:1.2rem}.chat-modal-content{padding:12px}}.settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:linear-gradient(to bottom,#1a1a2e,#16213e);border:2px solid #4a5568;border-radius:12px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #4a5568;background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:10px 10px 0 0}.settings-header h1{margin:0;color:#f7fafc;font-size:1.8rem;font-weight:700}.close-btn{background:none;border:none;color:#cbd5e0;cursor:pointer;font-size:1.5rem;padding:4px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff1a;color:#f7fafc}.settings-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#1a202c}.settings-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:#718096}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section h2{margin:0;color:#d4af37;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.section-description{margin:0;color:#a0aec0;font-size:.95rem;line-height:1.5}.settings-group{display:flex;flex-direction:column;gap:12px}.setting-option{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#2d374880;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.setting-option:hover{background:#2d3748cc;border-color:#4a5568}.setting-option input[type=radio]{margin-top:4px;cursor:pointer;accent-color:#d4af37;width:18px;height:18px;flex-shrink:0}.option-content{display:flex;flex-direction:column;gap:4px;flex:1}.option-title{color:#f7fafc;font-weight:600;font-size:.95rem}.option-desc{color:#a0aec0;font-size:.85rem;line-height:1.4}.settings-toggle{display:flex;align-items:center;padding:12px;background:#2d374880;border:2px solid transparent;border-radius:8px;transition:all .2s}.settings-toggle:hover{background:#2d3748cc;border-color:#4a5568}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#d4af37;flex-shrink:0}.toggle-text{color:#f7fafc;font-weight:500;flex:1}.settings-slider{padding:12px;background:#2d374880;border-radius:8px}.settings-slider label{display:flex;flex-direction:column;gap:8px;cursor:pointer}.settings-slider span{color:#cbd5e0;font-size:.95rem;font-weight:500}.settings-slider input[type=range]{width:100%;height:6px;background:#2d3748;border-radius:3px;outline:none;accent-color:#d4af37;cursor:pointer}.settings-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#d4af37;border-radius:50%;cursor:pointer;transition:all .2s}.settings-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#d4af37;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.reset-confirm{padding:16px;background:#dc26261a;border:2px solid #dc2626;border-radius:8px;display:flex;flex-direction:column;gap:12px}.reset-confirm p{margin:0;color:#f7fafc;font-weight:500}.confirm-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-buttons button{flex:1;min-width:120px}.settings-footer{padding:16px 20px;border-top:2px solid #4a5568;background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:0 0 10px 10px;display:flex;justify-content:flex-end;gap:12px}.settings-footer button{min-width:120px}.web3-rewards-badge{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#94a3b833;margin-right:8px}@media(max-width:768px){.settings-modal{width:95%;max-height:90vh}.settings-header h1{font-size:1.5rem}.settings-content{padding:16px;gap:16px}.settings-section h2{font-size:1.05rem}.option-desc{font-size:.8rem}}@media(max-width:480px){.settings-overlay{align-items:flex-end}.settings-modal{width:100%;max-height:95vh;border-radius:16px 16px 0 0}.settings-header{padding:16px}.settings-header h1{font-size:1.3rem}.settings-content{padding:12px;gap:12px}.setting-option,.settings-toggle,.settings-slider{padding:10px}.confirm-buttons{flex-direction:column}.confirm-buttons button{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4a0404;--primary-dark: #2a0202;--primary-light: #6b0606;--secondary: #121212;--accent: #C9A961;--gold: #C9A961;--accent-light: #E5D4A6;--accent-dark: #9A7B3C;--bg-dark: #0a0a0a;--bg-darker: #050505;--text-light: #e8e8e8;--text: #d0d0d0;--text-muted: #a0a0a0;--border-color: #2a2a2a;--success: #4a6741;--warning: #8b6914;--danger: #7a1a1a;--grit-overlay: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuOSIgbnVtT2N0YXZlcz0iNCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNub2lzZSkiIG9wYWNpdHk9IjAuMDUiLz48L3N2Zz4=)}[data-theme=light]{--primary: #8B0000;--primary-dark: #7a0000;--primary-light: #c74b5b;--secondary: #e9eef6;--accent: #C39500;--gold: #C39500;--accent-light: #e6bb00;--accent-dark: #a37a00;--bg-dark: #ffffff;--bg-darker: #f6f7fb;--text-light: #1a1a1a;--text: #1a1a1a;--text-muted: #555a62;--border-color: #d8dde6;--success: #15803d;--warning: #b45309;--danger: #b91c1c}body{font-family:Crimson Text,Georgia,serif;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--secondary) 50%,var(--bg-darker) 100%);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text);overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:var(--grit-overlay);background-repeat:repeat;opacity:.4;pointer-events:none;z-index:-1;mix-blend-mode:multiply}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}@media(max-width:767px){.app-main{padding:.5rem;padding-bottom:calc(80px + env(safe-area-inset-bottom));overflow-x:hidden}}.app-header{background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);border-bottom:4px solid var(--accent);padding:2rem;box-shadow:0 8px 16px #000c,inset 0 1px #ffd70033;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,215,0,.03) 2px,rgba(255,215,0,.03) 4px);pointer-events:none}.app-header h1{font-size:2.8rem;margin-bottom:.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.3);letter-spacing:2px;font-weight:900;color:var(--accent);position:relative;z-index:1}.app-nav{display:flex;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}.app-nav button{background:#0000004d;border:2px solid var(--accent);color:var(--accent);padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.95rem;box-shadow:0 2px 8px #0006}.app-nav button:hover{background:var(--accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.app-nav button.active{background:var(--accent);color:var(--primary-dark);box-shadow:0 0 16px #ffd70099,inset 0 0 8px #0003;font-weight:900}.btn-theme-toggle{background:#0000004d;border:2px solid var(--accent);color:var(--accent);padding:.5rem .9rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-theme-toggle:hover{background:var(--accent);color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.theme-select-label{color:var(--accent);font-weight:700;margin-right:.4rem}.theme-select{appearance:none;background:#0000004d;border:2px solid var(--accent);color:var(--accent);padding:.45rem 2rem .45rem .6rem;border-radius:6px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;position:relative}.theme-select:hover,.theme-select:focus{background:#00000073;outline:none;box-shadow:0 0 0 3px #ffd70033}.theme-select option{color:#111}.badge{display:inline-block;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:12px;line-height:18px;text-align:center;font-weight:800}.party-nav-badge{display:inline-block;margin-left:6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:12px;line-height:18px;font-weight:800;box-shadow:0 0 8px #f449}.ai-mode-toggle{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background:#0006;border-radius:4px;border:2px solid rgba(255,215,0,.3);position:relative;z-index:1}.ai-mode-toggle label{color:var(--accent);font-weight:700;letter-spacing:1px;font-size:.95rem;text-transform:uppercase}.ai-mode-button{background:#6496ff4d;border:2px solid rgba(100,150,255,.7);color:var(--text-light);padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;box-shadow:0 2px 8px #0006}.ai-mode-button:hover{background:#6496ff80;border-color:#6496ff;transform:translateY(-1px);box-shadow:0 4px 12px #6496ff66}.ai-mode-button.hard{background:#8b000080;border-color:var(--danger);color:var(--danger);box-shadow:0 2px 8px #8b000066}.ai-mode-button.hard:hover{background:#8b0000b3;border-color:var(--danger);box-shadow:0 4px 12px #ff444480}.party-indicator{display:inline-block;margin-left:.5rem;color:#0f0;animation:pulse 2s ease-in-out infinite;font-size:.6rem;vertical-align:middle}.locked-indicator{margin-left:.3rem;font-size:.85em;opacity:.8}.autosave-indicator{position:fixed;top:20px;right:20px;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;z-index:9999;animation:slideInRight .3s ease-out;box-shadow:0 4px 12px #0000004d}.autosave-indicator.saving{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.autosave-indicator.saved{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 1.7s forwards}.go-to-hunt-button{position:fixed;right:20px;bottom:90px;z-index:9997;display:flex;align-items:center;justify-content:center}.return-to-combat-button{position:fixed;right:20px;bottom:150px;z-index:9997;display:flex;align-items:center;justify-content:center}.go-to-hunt-button .btn,.return-to-combat-button .btn{padding:.9rem 1.4rem;font-size:1rem;font-weight:700;border-radius:12px;box-shadow:0 10px 30px #0006}.dev-dashboard-button{position:fixed;left:20px;bottom:90px;z-index:9997;display:flex;align-items:center;justify-content:center}.dev-dashboard-button .btn{padding:.9rem 1.2rem;font-size:.95rem;font-weight:700;border-radius:12px;box-shadow:0 10px 30px #0006;width:auto;max-width:none}.persistent-party-actions{display:flex;gap:1rem;margin:0 0 1.25rem;flex-wrap:wrap}.persistent-party-actions .party-btn{flex:1;min-width:132px;padding:.55rem .9rem;font-size:.86rem;letter-spacing:.02em}@media(max-width:768px){.go-to-hunt-button{right:16px;bottom:110px}.return-to-combat-button{right:16px;bottom:170px}.dev-dashboard-button{left:16px;bottom:110px}.go-to-hunt-button .btn,.return-to-combat-button .btn,.dev-dashboard-button .btn{width:auto;max-width:none}.persistent-party-actions{gap:.75rem;margin-bottom:1rem}.persistent-party-actions .party-btn{min-width:118px;padding:.5rem .75rem;font-size:.8rem}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(20px)}}.notification-container{position:fixed;top:80px;right:20px;z-index:9998;display:flex;flex-direction:column;gap:10px;max-width:400px}.notification{padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:500;box-shadow:0 4px 12px #0006;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 3.7s forwards;display:flex;align-items:center;gap:8px}.toast-warning{background:linear-gradient(135deg,#eab308,#ca8a04);color:#1a1a1a;border:2px solid #fbbf24}.toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:2px solid #ef4444}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:2px solid #60a5fa}.btn-undo{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:#818cf8!important;color:#fff!important}.btn-undo:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1)!important;box-shadow:0 4px 8px #6366f166!important}.btn-undo:disabled{opacity:.4;cursor:not-allowed!important;transform:none!important}.app-nav button.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#666;border-color:#333}.app-nav button.disabled:hover{transform:none;box-shadow:none;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.party-status{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#0006;border:2px solid rgba(0,255,0,.3);border-radius:4px;margin-top:1rem;position:relative;z-index:1}.party-status .status-label{color:var(--accent);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.party-status .status-code{color:#0f0;font-weight:900;font-size:1.1rem;letter-spacing:.2em;text-shadow:0 0 10px rgba(0,255,0,.5)}.party-status .status-players{color:var(--text-light);font-size:.9rem;font-weight:600}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden;box-sizing:border-box}.view{animation:fadeIn .3s ease-in;width:100%;box-sizing:border-box;overflow-x:hidden;padding-bottom:180px}.menu-view{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}.menu-welcome-title{font-size:2rem;margin-bottom:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.menu-welcome-text{font-size:1.125rem;text-align:center;margin-bottom:2rem;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.8)}.auth-status-banner{text-align:center;margin-bottom:1.5rem;padding:.75rem;background:#0000004d;border-radius:8px;border:1px solid rgba(201,169,97,.2)}.guest-notice,.user-status{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.guest-icon,.user-icon{font-size:1.25rem}.guest-text,.user-email{color:var(--text-secondary);font-size:.95rem}.btn-link{background:none;border:none;color:var(--accent-gold);cursor:pointer;text-decoration:underline;font-size:.9rem;padding:.25rem .5rem;transition:color .2s}.btn-link:hover{color:var(--accent-gold-hover)}@media(max-width:767px){.menu-welcome-title{font-size:1.75rem;margin-top:1.5rem}.menu-welcome-text{font-size:1.05rem;padding:0 1rem}.view{padding:var(--space-md);padding-bottom:200px}.menu-view{padding-bottom:2rem;min-height:100vh;min-height:100dvh;background-attachment:scroll;background-size:cover;margin:-.5rem;margin-bottom:0;width:calc(100% + 1rem);padding:.5rem}.menu-section{max-width:100%;padding:0 .75rem}.menu-section .btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-footer{position:fixed;bottom:0;left:0;right:0;background:#0a0a0aeb;color:var(--text-secondary);font-size:.85rem;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:.5rem 1rem;gap:1rem;flex-wrap:wrap}.footer-brand{font-size:.8rem;font-weight:600;color:var(--accent);white-space:nowrap}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;font-size:.75rem;white-space:nowrap}.footer-links a:hover{color:var(--accent)}.footer-version{font-size:.7rem;color:#c9a96180;white-space:nowrap}@media(max-width:768px){.footer-content{justify-content:center;gap:.5rem;padding:.4rem .75rem}.footer-brand,.footer-version,.footer-links a{font-size:.7rem}}.footer-version{align-items:center}@media(max-width:480px){.footer-links{flex-direction:row;flex-wrap:wrap;gap:.5rem .75rem;font-size:.75rem}.footer-content{padding:1rem;font-size:.8rem}}.menu-view{text-align:center;padding:2rem 1rem;background-image:url(/assets/Gob_dark_medieval_fantasy_war_room_ancient_wooden_table_with__7f30ed51-8ce8-4aee-8f6b-02de445df1b0_1-CZjcLFKj.png);background-size:cover;background-attachment:fixed;background-position:center;position:relative;min-height:70vh}.menu-view:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0acc,#0a0a0aa6,#0a0a0acc);pointer-events:none}.menu-view>*{position:relative;z-index:1}.menu-actions{display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-bottom:2.5rem;position:relative;z-index:2}.menu-section{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px;margin:0 auto}.menu-section-label{font-size:.9rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;padding-bottom:.5rem;border-bottom:1px solid rgba(201,169,97,.3);display:flex;align-items:center;gap:.5rem;position:relative}.menu-section-label .info-icon{cursor:help;font-size:.85rem;opacity:.6;transition:opacity .2s ease}.menu-section-label .info-icon:hover{opacity:1}.menu-section-label .tooltip{position:absolute;top:100%;left:0;margin-top:.5rem;background:#0a0a0af2;border:1px solid var(--accent);border-radius:4px;padding:.75rem 1rem;font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text-light);white-space:nowrap;box-shadow:0 4px 12px #000c;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-btn-with-image{background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;text-shadow:0 0 20px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1),2px 2px 8px rgba(0,0,0,1),-2px -2px 8px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.9),0 -2px 4px rgba(0,0,0,.9),2px 0 4px rgba(0,0,0,.9),-2px 0 4px rgba(0,0,0,.9);font-weight:900;letter-spacing:.12em;font-size:1.2rem;text-transform:uppercase;position:relative;z-index:1}.menu-btn-with-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,.5) 5%,#000000b3);pointer-events:none;border-radius:6px;z-index:0}.menu-btn-with-image>*{position:relative;z-index:2}.menu-actions .btn-primary{min-width:220px;padding:1.1rem 2.5rem;font-size:1.1rem;background-image:url(/assets/Wooden_plaque_texture-7wzPIAur.png);background-size:cover;background-position:center;background-color:var(--accent);position:relative;color:#fff;text-shadow:0 0 20px rgba(0,0,0,1),0 0 15px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1),2px 2px 8px rgba(0,0,0,1),-2px -2px 8px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.9),0 -2px 4px rgba(0,0,0,.9),2px 0 4px rgba(0,0,0,.9),-2px 0 4px rgba(0,0,0,.9);box-shadow:0 4px 12px #000000b3,0 0 16px #c9a96133,inset 0 -2px 4px #0000004d,inset 0 1px 2px #ffffff26}.menu-actions .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5) .05% rgba(0,0,0,.7) 100%);pointer-events:none;border-radius:6px;z-index:1}.menu-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);background-image:url(/assets/Wooden_plaque_texture-7wzPIAur.png);background-size:cover;background-position:center;box-shadow:0 6px 18px #000c,0 0 24px #c9a96159,inset 0 -2px 4px #0000004d,inset 0 1px 2px #fff3}.quick-status-widget{max-width:500px;margin:0 auto 2rem;background:#0a0a0ab3;border:1.5px solid rgba(201,169,97,.3);border-radius:6px;padding:1.25rem;box-shadow:0 4px 12px #0009,inset 0 1px 2px #c9a9611a;position:relative;z-index:2}.status-header{font-size:1rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;text-align:center;border-bottom:1px solid rgba(201,169,97,.2);padding-bottom:.5rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.status-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#0000004d;border-radius:4px;border:1px solid rgba(201,169,97,.15)}.status-icon{font-size:1.5rem;filter:grayscale(.7) opacity(.8)}.status-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.status-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.active-hunt-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#c9a9611a;border-radius:4px;border:1px solid rgba(201,169,97,.25);position:relative}.active-hunt-banner.clickable{cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.active-hunt-banner.clickable:hover{background:#c9a9612e;box-shadow:0 4px 12px #00000059}.active-hunt-banner.clickable:active{transform:translateY(1px)}.active-hunt-banner .hunt-resume-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--accent-light);opacity:.85;display:flex;align-items:center;gap:.25rem;letter-spacing:.5px}.active-hunt-banner.clickable:hover .hunt-resume-label{opacity:1}.hunt-icon{font-size:1.25rem;filter:grayscale(.7) opacity(.8)}.hunt-name{font-size:.95rem;font-weight:600;color:var(--accent-light);font-style:italic}.btn{padding:1rem 2rem;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 12px #0006}.btn-primary{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);color:var(--accent);border:2px solid var(--accent);box-shadow:0 6px 16px #8b000080,inset 0 1px #ffd7004d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ffd70066,inset 0 1px #ffd7004d;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--accent-dark) 100%)}.btn-secondary{background:#ffd70026;color:var(--accent);border:2px solid var(--accent)}.btn-secondary:hover{background:var(--accent);color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 16px #ffd70066}.btn-hunt{background:linear-gradient(135deg,var(--secondary) 0%,#2a2a4a 100%);color:var(--accent);border:2px solid var(--accent);padding:1.5rem 2rem;font-size:1.1rem;width:200px}.btn-hunt:hover{background:linear-gradient(135deg,var(--accent) 0%,#FFB800 100%);color:var(--primary-dark);transform:scale(1.05)}.btn-hunt:active{transform:translateY(0)}.form-label{display:block;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;margin-bottom:.5rem}.input{width:100%;padding:.75rem 1rem;background:#000000d9;border:2px solid var(--accent-dark);border-radius:6px;color:#fff;font-size:1rem;font-family:inherit;font-weight:500;transition:all .3s ease;box-sizing:border-box}.input option,select.input option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.input:focus{outline:none;border-color:var(--accent);background:#000000e6;box-shadow:0 0 12px #c9a9614d,inset 0 0 4px #c9a9611a}.input:hover:not(:focus){border-color:var(--accent);background:#000000e6}.input:disabled{opacity:.5;cursor:not-allowed;background:#0003}.input::placeholder{color:var(--text-muted)}select:not([class]){padding:.75rem 1rem;background:#000000d9;border:2px solid var(--accent-dark);border-radius:6px;color:#fff;font-size:1rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .3s ease}select:not([class]) option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}select:not([class]):focus{outline:none;border-color:var(--accent);background:#000000e6;box-shadow:0 0 12px #c9a9614d}select:not([class]):hover:not(:focus){border-color:var(--accent);background:#000000e6}.form-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:linear-gradient(135deg,#1a1a2e80,#0a0a1480);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0006}.card h3{color:var(--accent);margin-bottom:1.5rem;font-size:1.4rem;border-bottom:2px solid rgba(201,169,97,.3);padding-bottom:.75rem}.card h4{color:var(--accent);margin-bottom:.75rem;font-size:1.1rem}.button-row{display:flex;gap:1rem;flex-wrap:wrap}.button-row .btn{flex:1;min-width:150px}.pill-row{display:flex;gap:.75rem;flex-wrap:wrap}.pill{padding:.5rem 1rem;background:#c9a96126;border:2px solid var(--accent-dark);border-radius:20px;color:var(--accent);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pill.active{background:var(--accent);color:var(--primary-dark);border-color:var(--accent);box-shadow:0 0 12px #c9a96166}.pill.selectable{cursor:pointer;transition:all .2s ease}.pill.selectable:hover{background:#c9a96140;border-color:var(--accent);transform:translateY(-1px)}.pill.selectable:active{transform:translateY(0)}.muted{color:var(--text-muted);font-size:.9rem;margin:0}.skirmish-view{padding:2rem 1rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:var(--accent);font-size:2rem;margin-bottom:.5rem;text-shadow:0 0 10px rgba(201,169,97,.3)}.section-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.hunt-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.hunt-view{background-image:url(/assets/Gob_dark_medieval_fantasy_war_room_ancient_wooden_table_with__7f30ed51-8ce8-4aee-8f6b-02de445df1b0_1-CZjcLFKj.png);background-size:cover;background-position:center;background-attachment:fixed;background-color:var(--bg-darker);position:relative;min-height:100vh}.hunt-view[data-daylight=night]{filter:saturate(.8) brightness(.8)}.hunt-view:before{content:"";position:absolute;inset:0;background:#0a0a1480;pointer-events:none;z-index:1}.hunt-view[data-daylight=night]:before{background:#040612b8}.hunt-view>*{position:relative;z-index:2}.hunt-view h2,.combat-view h2,.character-view h2,.encyclopedia-view h2{color:var(--accent);margin-bottom:1.5rem;font-size:2rem;border-bottom:2px solid var(--accent);padding-bottom:1rem}.hunt-view p,.combat-view p,.character-view p,.encyclopedia-view p{color:var(--text-muted);margin-bottom:1.5rem}.hunt-active{background:#ffd7000d;border:2px solid var(--accent);border-radius:8px;padding:2rem}.hunt-active h3{color:var(--accent);margin-bottom:1rem}.hunt-active p{margin:.5rem 0;padding-left:1rem}.combat-board{background:#0000004d;border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:1rem}.combat-board h4{color:var(--accent);margin-bottom:1rem}.combatant{background:#8b000033;border-left:4px solid var(--primary-light);padding:1rem;margin-bottom:.5rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.combatant span{padding:0 .5rem}.combatant span:first-child{font-weight:600;flex:1}.character-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.character-card{background:linear-gradient(135deg,#6600004d,#2d2d5066);border:2px solid var(--primary-light);border-radius:8px;padding:1.5rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #00000080}.character-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #8b000066,0 0 20px #ffd70033;border-color:var(--accent);background:linear-gradient(135deg,#8b000066,#2d2d5080)}.character-card h4{color:var(--accent);margin-bottom:1rem;font-size:1.3rem}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.95rem}.stats div{background:#0003;padding:.5rem;border-radius:4px;border-left:3px solid var(--accent)}.search-box{margin:2rem 0}.search-box input{width:100%;max-width:500px;padding:.75rem 1rem;background:#0000004d;border:2px solid var(--accent);border-radius:4px;color:var(--text-light);font-size:1rem}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{outline:none;box-shadow:0 0 10px #ffd7004d}.enemy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.hunt-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.btn-hunt{padding:1.5rem 2rem;font-size:1.1rem;font-weight:900;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border:2px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 6px 16px #8b000080,inset 0 1px #ffd70033;position:relative;overflow:hidden}.btn-hunt:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s ease}.btn-hunt:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 20px #ffd70080,inset 0 1px #fff3}.btn-hunt:hover:before{left:100%}.btn-hunt:active{transform:translateY(0);box-shadow:0 2px 8px #ffd7004d,inset 0 0 8px #0000004d}.btn-difficulty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:120px}.difficulty-name{font-size:1.3rem;font-weight:700;letter-spacing:2px}.contract-count{font-size:.9rem;font-weight:400;opacity:.9}.hunt-contracts-list{width:100%}.contracts-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.contracts-header h3{font-size:1.8rem;letter-spacing:1px;flex:1}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.contract-card{background:linear-gradient(135deg,#00000080,#321e504d);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #00000080}.contract-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 24px #ffd7004d,0 0 20px #8b000066;background:linear-gradient(135deg,#0a0a1499,#3c286466)}.contract-card.contract-copper{border-left:5px solid #B87333}.contract-card.contract-silver{border-left:5px solid #C0C0C0}.contract-card.contract-gold{border-left:5px solid #FFD700}.contract-card.contract-platinum{border-left:5px solid #E5E4E2}.contract-number{font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contract-status-tag{align-self:flex-start;margin-top:-.4rem;padding:.2rem .55rem;border:1px solid rgba(74,222,128,.7);border-radius:999px;color:#bbf7d0;background:#22c55e2e;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.contract-title{font-size:1.3rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.contract-briefing{font-size:.95rem;color:var(--text-light);line-height:1.5;flex:1;min-height:60px;opacity:.9}.contract-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-size:.9rem}.contract-location{color:var(--text-muted)}.contract-reward{color:var(--accent);font-weight:700;font-size:1.1rem}.contract-clues{font-size:.85rem;color:var(--text-muted);font-style:italic}.contract-card .btn-hunt{margin-top:.5rem;padding:.75rem 1rem;font-size:.95rem}.contract-preview-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contract-preview-modal{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid var(--accent);border-radius:12px;padding:2rem;max-width:600px;width:90%;box-shadow:0 20px 60px #00000080,0 0 30px #ffd70033}.preview-header{margin-bottom:1.5rem;text-align:center}.preview-header h3{color:var(--accent);font-size:1.8rem;margin-bottom:.5rem}.waiting-banner{background:#eab30833;border:1px solid #eab308;color:#fef3c7;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-size:.95rem;font-weight:600}.preview-content{margin-bottom:2rem}.preview-title{font-size:1.4rem;font-weight:700;color:var(--text-light);margin-bottom:1rem}.preview-difficulty{margin-bottom:1.5rem}.difficulty-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.difficulty-badge.difficulty-copper{background:#b873334d;border:1px solid #B87333;color:#f4a460}.difficulty-badge.difficulty-silver{background:#c0c0c04d;border:1px solid #C0C0C0;color:#e8e8e8}.difficulty-badge.difficulty-gold{background:#ffd7004d;border:1px solid #FFD700;color:#fff4b0}.difficulty-badge.difficulty-platinum{background:#e5e4e24d;border:1px solid #E5E4E2;color:#f8f8f8}.preview-details{background:#0000004d;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.preview-details p{margin-bottom:1rem;line-height:1.6;color:var(--text-light)}.preview-details strong{color:var(--accent);margin-right:.5rem}.preview-actions{display:flex;gap:1rem;justify-content:flex-end}.hunt-subtitle{margin-bottom:1.5rem;color:var(--text-light);font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hunt-active{background:#0000004d;border:2px solid var(--accent);border-radius:8px;padding:2rem;margin:2rem 0}.hunt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.hunt-header h3{font-size:1.8rem;color:var(--accent)}.difficulty-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.difficulty-copper{background:linear-gradient(135deg,#b87333,#8b4513);color:#fff8dc}.difficulty-silver{background:linear-gradient(135deg,silver,gray);color:#000}.difficulty-gold{background:linear-gradient(135deg,var(--accent),#FFB800);color:var(--bg-dark)}.difficulty-platinum{background:linear-gradient(135deg,#e5e4e2,#a8a9ad);color:var(--bg-dark);border:2px solid var(--accent)}.hunt-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.detail-section{background:#0003;border-left:4px solid var(--accent);padding:1.5rem;border-radius:4px}.detail-section h4{color:var(--accent);margin-bottom:1rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.detail-section p{margin:.75rem 0;line-height:1.6}.detail-section strong{color:var(--accent)}.phase-label{background:var(--primary);padding:.25rem .75rem;border-radius:4px;font-weight:700}.enemy-preview{background:#8b000033;border:2px solid var(--primary);border-radius:4px;padding:1rem}.enemy-preview p{margin:.5rem 0}.enemy-preview p:first-child{font-size:1.2rem;color:var(--accent);font-weight:700}.hunt-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#CC0000 100%);border:2px solid #FF6666;color:var(--text-light);padding:.75rem 1.5rem;cursor:pointer;border-radius:4px;font-weight:700;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#FF6666 0%,var(--danger) 100%);box-shadow:0 4px 8px #ff44444d}.team-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0;padding:1.5rem;background:#8b00001a;border:2px solid var(--accent);border-radius:8px}.team-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#0000004d;border-radius:4px;border-left:4px solid var(--accent)}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.selected-team{margin:2rem 0}.selected-team h3{color:var(--accent);margin-bottom:1.5rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.team-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.team-member-card{background:#0000004d;border:2px solid var(--accent);border-radius:8px;padding:1.5rem;position:relative}.member-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--primary)}.member-number{background:var(--primary);color:var(--accent);font-weight:700;padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.member-header h4{flex:1;margin:0;color:var(--accent)}.member-assigned-user{background:#0096ff26;border-left:3px solid #64b5f6;padding:.5rem .75rem;margin-bottom:1rem;font-size:.9rem;color:#90caf9}.member-assigned-user strong{color:#64b5f6;font-weight:700}.member-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#8b00001a;border-radius:4px}.stat-pair{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.stat-pair span:first-child{color:var(--text-muted)}.stat-highlight{color:var(--accent);font-weight:700}.member-abilities{border-top:1px solid var(--border-color);padding-top:1rem}.member-abilities strong{color:var(--accent);display:block;margin-bottom:.5rem}.ability-list{display:flex;flex-wrap:wrap;gap:.5rem}.ability-tag{background:var(--primary);color:var(--accent);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;border:1px solid var(--accent)}.available-hunters{margin:2rem 0}.available-hunters h3{color:var(--accent);margin-bottom:.5rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.helper-text{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.hunter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.hunter-card{background:#0000004d;border:2px solid var(--border-color);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.hunter-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #ffd70033;transform:translateY(-2px)}.hunter-card.selected{background:#8b00004d;border-color:var(--accent);box-shadow:0 0 15px #ffd7004d}.hunter-name{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.hunter-assigned-user{background:#0096ff33;border:1px solid rgba(0,150,255,.5);border-radius:4px;padding:.4rem .6rem;margin-bottom:.75rem;font-size:.85rem;color:#64b5f6;text-align:center;font-weight:600}.hunter-stats-mini{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.stat-box{background:#8b000033;border:1px solid var(--primary);border-radius:4px;font-weight:700;color:var(--accent)}.hunter-signature{border-top:1px solid var(--border-color);padding-top:.75rem;margin-bottom:.75rem}.signature-ability{font-size:.8rem;color:var(--accent);font-weight:700;display:block;text-transform:uppercase;letter-spacing:.5px}.selected-badge{position:absolute;top:-1px;right:-1px;background:var(--accent);color:var(--bg-dark);padding:.5rem 1rem;font-weight:700;font-size:.8rem;border-radius:0 8px;transform:rotate(0)}.character-actions{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap}.character-actions .btn{flex:1;min-width:200px}.encyclopedia-controls{background:#0000004d;border:2px solid var(--accent);border-radius:8px;padding:2rem;margin:2rem 0}.search-section{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;background:#0000004d;border:2px solid var(--accent);border-radius:4px;color:var(--text-light);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 0 15px #ffd70066;background:#00000080}.filter-section{margin-bottom:1.5rem}.filter-label{display:block;color:var(--accent);font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.template-filters{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{padding:.5rem 1rem;background:#8b000033;border:2px solid var(--primary);color:var(--text-light);cursor:pointer;border-radius:4px;font-weight:700;text-transform:uppercase;font-size:.85rem;transition:all .3s ease}.filter-btn:hover{border-color:var(--accent);background:#8b00004d}.filter-btn.active{background:var(--accent);color:var(--bg-dark);border-color:var(--accent);box-shadow:0 0 10px #ffd7004d}.results-info{color:var(--text-muted);font-size:.9rem;margin:1rem 0;text-align:center}.enemy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.enemy-card{background:#0000004d;border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #00000080}.enemy-card:hover{border-color:var(--primary);box-shadow:0 8px 20px #8b000066,0 0 15px #ffd70026;transform:translateY(-3px);background:linear-gradient(135deg,#6003,#0006)}.enemy-card.selected{background:#8b000033;border-color:var(--accent);box-shadow:0 0 15px #ffd70033;grid-column:span 2}@media(max-width:900px){.enemy-card.selected{grid-column:span 1}}.enemy-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:2px solid var(--primary);padding-bottom:.75rem}.enemy-card-header h3{margin:0;color:var(--accent);font-size:1.1rem}.template-badge{background:var(--primary);color:var(--accent);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.template-badge.large{padding:.5rem 1rem;font-size:.9rem;display:inline-block;margin-left:1rem}.enemy-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem}.enemy-card-stats .stat{background:#8b00001a;border:1px solid var(--primary);border-radius:4px;padding:.5rem;text-align:center}.stat .label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat .value{display:block;font-size:1.2rem;font-weight:700;color:var(--accent)}.expanded-indicator{text-align:center;color:var(--accent);font-size:.85rem;margin-top:.5rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;background:#0000004d;border:2px dashed var(--border-color);border-radius:8px}.no-results p{color:var(--text-muted);margin-bottom:1rem}.enemy-details{background:#0000004d;border:2px solid var(--accent);border-bottom:none;border-radius:8px;padding:1.5rem 2rem 1.75rem 1.5rem;margin:2rem 0;position:relative;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary) rgba(0,0,0,.25);scroll-behavior:smooth;scrollbar-gutter:stable both-edges}.enemy-details::-webkit-scrollbar{width:10px}.enemy-details::-webkit-scrollbar-track{background:#0003;border-radius:8px}.enemy-details::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:8px;border:2px solid rgba(0,0,0,.3)}.enemy-details::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b0000,gold)}.btn-close-details{position:absolute;top:1rem;right:1rem;background:var(--danger);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-details:hover{background:#f66;transform:scale(1.1)}.details-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--accent);position:sticky;top:0;background:linear-gradient(180deg,#000,#000);z-index:1}.details-header h2{margin:0;color:var(--accent);flex:1}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-card{background:#8b00001a;border:1px solid var(--primary);border-radius:4px;padding:1rem}.detail-card h4{color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--primary);padding-bottom:.5rem}.detail-card.full-width{grid-column:1 / -1}.stats-table{display:flex;flex-direction:column;gap:.75rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0003;border-radius:4px}.stat-row .value{font-weight:700;color:var(--accent);font-size:1.1rem}.armor-effect{color:var(--text-muted);font-style:italic;margin-top:.5rem}.attack-box{background:#0003;border-left:3px solid var(--primary);padding:.75rem;margin-bottom:1rem;border-radius:4px}.attack-box p{margin:.25rem 0}.attack-desc{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.abilities-list{display:flex;flex-direction:column;gap:1rem}.ability-detail{background:#0003;border-left:3px solid var(--accent);padding:1rem;border-radius:4px}.ability-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 .5rem}.ability-type{background:var(--primary);color:var(--accent);padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:700}.ability-desc{color:var(--text-muted);font-size:.9rem;margin:.5rem 0}.ability-effect{color:var(--accent);font-size:.9rem;margin:.5rem 0 0}.logic-text{background:#0003;border-left:3px solid var(--accent);padding:1rem;border-radius:4px;font-weight:700;color:var(--accent)}.no-combat{background:#0000004d;border:2px dashed var(--border-color);border-radius:8px;padding:3rem;text-align:center}.no-combat p{color:var(--text-muted);font-size:1.1rem;margin:1rem 0}.combat-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;background:#8b0000f2;border:2px solid var(--accent);border-radius:8px;padding:1.5rem;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.combat-info{display:flex;gap:2rem;flex:1;flex-wrap:wrap}.round-indicator,.turn-indicator,.cycle-indicator{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;background:#0000004d;border-left:4px solid var(--accent);border-radius:4px}.round-indicator .label,.turn-indicator .label,.cycle-indicator .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.round-indicator .value,.turn-indicator .value,.cycle-indicator .value{font-size:1.4rem;font-weight:700;color:var(--accent)}.combat-arena{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;align-items:stretch;width:100%;box-sizing:border-box;max-width:100%}@media(max-width:1200px){.combat-arena{gap:1rem}}.combatants-section{background:#0000004d;border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;box-sizing:border-box}.combatants-section h3{color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--accent);padding-bottom:.5rem}.hunters-section{border-left:4px solid #FFD700}.enemy-section{border-left:4px solid #FF6666}.combatants-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-height:60vh;overflow-y:auto;overflow-x:visible;padding-right:.5rem}.combatants-list::-webkit-scrollbar{width:8px}.combatants-list::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.combatants-list::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:4px}.combatants-list::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.combatant-card{background:#0003;border:2px solid var(--border-color);border-radius:4px;padding:1rem;cursor:pointer;transition:all .3s ease;box-sizing:border-box;overflow:visible;min-height:auto;height:auto}.combatant-card:hover{border-color:var(--accent);background:#0006;transform:translate(5px)}.combatant-card.selected{border-color:var(--accent);background:#ffd7001a;box-shadow:0 0 15px #ffd70033}.combatant-card.defeated{opacity:.6;border-color:#f66}.combatant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.combatant-header h4{margin:0;color:var(--accent);font-size:1.1rem}.status{font-size:.8rem;font-weight:700;padding:.25rem .75rem;border-radius:4px}.status.active{background:#00aa004d;color:#0a0}.status.defeated{background:#ff44444d;color:#f66}.stats-display{display:flex;flex-direction:column;gap:.75rem}.stat-bar{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.stat-bar .label{min-width:40px;font-weight:700;color:var(--text-muted)}.bar-container{flex:1;height:18px;background:#00000080;border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#FFB800 100%);transition:width .3s ease;width:100%}.stat-bar.sanity .bar-fill{background:linear-gradient(90deg,#8b4789,#8b0000)}.stat-bar .value{min-width:60px;text-align:right;font-weight:700;color:var(--accent)}.quick-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.btn-quick{padding:.4rem .8rem;background:#8b00004d;border:1px solid var(--primary-light);color:var(--text-light);border-radius:3px;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .2s ease}.btn-quick:hover{background:var(--primary-light);color:#fff;transform:scale(1.05)}.btn-quick.heal{background:#00aa004d;border-color:#0a0}.btn-quick.heal:hover{background:#0a0}.btn-quick-enemy{padding:.5rem 1rem;background:#ff66664d;border:1px solid #FF6666;color:#f66;border-radius:3px;cursor:pointer;font-weight:700;transition:all .2s ease;width:100%}.btn-quick-enemy:hover{background:#f66;color:#fff}.enemy-stats-combat{color:var(--text-muted);font-size:.9rem;margin:.5rem 0}.template-badge.small{font-size:.7rem;padding:.2rem .5rem}.team-total{background:#ffd7001a;border-left:3px solid var(--accent);padding:.75rem;border-radius:4px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:1rem}.team-total .value{color:var(--accent)}.action-log{background:#0000004d;border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem;max-height:300px;overflow-y:auto}.action-log h3{color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.log-entries{display:flex;flex-direction:column-reverse;gap:.5rem}.log-entry{background:#8b000033;border-left:3px solid var(--accent);padding:.75rem;border-radius:3px;font-size:.9rem;color:var(--text-light);font-family:Courier New,monospace}.log-entry.empty{color:var(--text-muted);font-style:italic;border-left-color:var(--text-muted)}.combat-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.combat-controls .btn{flex:1;min-width:180px}.btn-success{background:linear-gradient(135deg,#0a0,#060);color:#fff;border:none}.btn-success:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00aa004d}.combat-tips{background:#ffd7001a;border:2px solid var(--accent);border-radius:8px;padding:1rem;color:var(--text-light)}.combat-tips p{margin:0}.empty-state{color:var(--text-muted);text-align:center;padding:1.5rem;font-style:italic}@media(max-width:768px){.app-header h1{font-size:1.8rem}.app-nav{flex-direction:column;gap:.5rem}.app-nav button{width:100%;text-align:center}.app-main{padding:1rem}.menu-actions{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.menu-actions .btn{width:100%;max-width:340px;min-width:auto;padding:1.25rem 2rem;font-size:1.15rem}.btn{width:100%;max-width:300px}.hunt-selection,.character-list{grid-template-columns:1fr}.character-card{padding:1rem}.combatant{flex-direction:column;align-items:flex-start}.combatant span{width:100%;padding:.25rem 0}.combat-arena{gap:.5rem;padding:0;margin:0 0 1rem;width:100%;box-sizing:border-box}.combatants-section{max-height:none;overflow:visible;padding:.5rem;width:100%;box-sizing:border-box;margin:0}.combatants-section h3{font-size:.9rem;margin-bottom:.6rem;padding-bottom:.3rem}.combatants-list{max-height:none;overflow-y:visible;overflow-x:visible;padding-right:0;gap:.6rem;margin-bottom:.6rem}.combatant-card{padding:.4rem;overflow:visible}}.investigation-view{padding:2rem;background:#00000080;min-height:100vh}.investigation-header{margin-bottom:2rem;border-bottom:2px solid var(--accent);padding-bottom:1.5rem}.hunt-info-card{background:linear-gradient(135deg,#8b000033,#1a1a2e4d);border:2px solid var(--primary);border-radius:8px;padding:1.5rem}.hunt-info-card h3{font-size:1.8rem;margin-bottom:.5rem;color:var(--accent)}.hunt-info-card .location{font-size:1.1rem;margin-bottom:.5rem;color:var(--primary-light)}.hunt-info-card .description{color:var(--text-light);line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.investigation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.investigation-panel{background:linear-gradient(135deg,#1a1a2e80,#0a0a1480);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.investigation-panel:hover{border-color:var(--primary);box-shadow:0 0 15px #8b00004d}.investigation-panel h3{color:var(--accent);margin-bottom:1rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.clues-panel{grid-column:1 / 2}.clue-progress{margin-bottom:1.5rem}.progress-bar{width:100%;height:30px;background:#00000080;border:2px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:var(--secondary);font-weight:700}.progress-text{text-align:center;color:var(--accent);font-weight:700;font-size:1.1rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-buttons .btn{width:100%;padding:.75rem;font-size:1rem}.action-description{font-size:.9rem;color:var(--text-light);text-align:center;margin-top:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}.poi-panel{grid-column:2 / 3}.poi-subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.poi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem .75rem;margin-bottom:2rem}.poi-location{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.5rem}.poi-location:hover:not(.unknown){opacity:.9}.poi-location.discovered{color:var(--accent)}.poi-location.unknown{color:var(--text-muted);background:#0000004d;border:2px solid var(--border-color);border-radius:6px;aspect-ratio:1;width:120px}.poi-number{font-size:.7rem;margin-top:.25rem;text-align:center}.helper-text{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:.5rem}.enemy-panel{grid-column:1 / -1}.enemy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;padding:1rem;background:#0003;border-radius:6px}.stat-item{text-align:center;padding:.5rem}.stat-item .label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem}.stat-item .value{display:block;color:var(--accent);font-weight:700;font-size:1.5rem}.enemy-panel .lore{color:var(--text-light);line-height:1.6;font-style:italic;padding:1rem;background:#0003;border-left:3px solid var(--primary);border-radius:4px}.ambush-panel{grid-column:1 / -1;background:linear-gradient(135deg,#f443,#8b000033);border-color:var(--danger);animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.ambush-panel h3{color:var(--danger)}.ambush-enemy{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-light)}.ambush-actions{color:var(--text-muted);margin-bottom:1rem}.ambush-buttons{display:flex;gap:1rem}.ambush-buttons .btn{flex:1}.investigation-actions{display:flex;gap:1rem;justify-content:center;padding:2rem 0;border-top:2px solid var(--border-color)}.investigation-actions .btn{padding:.75rem 2rem;font-size:1.05rem;min-width:250px}.loot-view{padding:2rem}.hunt-completion-banner{background:linear-gradient(135deg,var(--success) 0%,rgba(0,170,0,.3) 100%);border:2px solid var(--success);border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center}.hunt-completion-banner h3{font-size:1.8rem;color:var(--accent);margin-bottom:.5rem}.hunt-completion-banner p{color:var(--text-light);font-size:1.1rem}.loot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.loot-panel{background:linear-gradient(135deg,#1a1a2e80,#0a0a1480);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.loot-panel:hover{border-color:var(--accent);box-shadow:0 0 15px #ffd70033}.loot-panel h3{color:var(--accent);margin-bottom:1rem;font-size:1.3rem;text-transform:uppercase}.summary-stats{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;justify-content:space-between;padding:.75rem;background:#0003;border-radius:4px}.summary-item .label{color:var(--text-muted);font-weight:600}.summary-item .value{color:var(--accent);font-weight:700;text-transform:uppercase}.reward-box{background:#0000004d;border-left:3px solid var(--success);border-radius:4px;padding:1rem}.reward-item{color:var(--text-light);font-size:1.1rem;margin-bottom:.5rem}.reward-item strong{color:var(--accent);font-size:1.3rem}.loot-results{max-height:400px;overflow-y:auto}.loot-item{background:#0000004d;border:1px solid var(--border-color);border-radius:4px;padding:.75rem;margin-bottom:.5rem}.loot-item p{margin:.25rem 0}.loot-item strong{color:var(--accent)}.item-desc{color:var(--text-muted);font-size:.9rem;font-style:italic}.loot-count{color:var(--accent);font-weight:700;margin-bottom:.75rem}.loot-actions{display:flex;justify-content:center;gap:1rem;padding:2rem 0;border-top:2px solid var(--border-color)}.loot-actions .btn{padding:1rem 2rem;font-size:1.05rem;min-width:300px}@media(max-width:1024px){.investigation-grid{grid-template-columns:1fr}.investigation-panel{grid-column:1 / -1!important}.enemy-stats,.loot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.investigation-header{margin-bottom:1.5rem}.hunt-info-card{padding:1rem}.hunt-info-card h3{font-size:1.4rem}.investigation-grid{gap:1rem}.investigation-panel{padding:1rem}.poi-grid{grid-template-columns:repeat(2,1fr)}.enemy-stats{grid-template-columns:1fr}.investigation-actions{flex-direction:column}.investigation-actions .btn{min-width:unset}.loot-grid{grid-template-columns:1fr}.loot-actions{flex-direction:column}.loot-actions .btn{min-width:unset}.ambush-buttons{flex-direction:column}}.view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem;flex-wrap:wrap}.view-header>div:first-child{flex:1;min-width:300px}.view-header h2{margin-bottom:.5rem}.view-header p{margin-bottom:0}.dice-roller{background:linear-gradient(135deg,#8b000033,#1a1a2e4d);border:2px solid var(--accent-dark);border-radius:12px;padding:1rem;box-shadow:0 4px 12px #ffd70033;min-width:280px;max-width:320px}.dice-roller-container{display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start}.dice-section{display:flex;flex-direction:column;gap:.75rem}.dice-section h4{color:var(--accent);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin:0;text-align:center}.dice-button{width:80px;height:80px;background:linear-gradient(135deg,var(--bg-darker),var(--secondary));border:3px solid var(--accent);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s ease;box-shadow:0 4px 8px #0006;margin:0 auto}.dice-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ffd70066;border-color:var(--accent-light)}.dice-button:active:not(:disabled){transform:translateY(0)}.dice-button:disabled{opacity:.6;cursor:not-allowed}.dice-button.rolling{animation:diceRoll .2s ease-in-out}.dice-result{color:var(--accent);font-weight:700;font-size:2.5rem}.dice-icon{font-size:2.5rem;filter:grayscale(.3)}.combat-dice{border-left:1px solid rgba(255,215,0,.3);padding-left:1rem}.combat-dice-controls{display:flex;flex-direction:column;gap:.75rem;align-items:center}.dice-count-selector{display:flex;align-items:center;gap:1rem;background:#0000004d;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.dice-count{color:var(--accent);font-weight:700;font-size:1.1rem;min-width:50px;text-align:center}.btn-small{background:var(--secondary);border:2px solid var(--accent-dark);color:var(--accent);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-small:hover:not(:disabled){background:var(--accent-dark);color:var(--bg-darker);transform:scale(1.1)}.btn-small:disabled{opacity:.4;cursor:not-allowed}.combat-dice-controls .btn{width:100%;max-width:200px}.combat-dice-results{margin-top:1rem;text-align:center}.dice-rolls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.75rem}.combat-die-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative}.combat-die-image{width:50px;height:50px;object-fit:contain;border-radius:6px;box-shadow:0 2px 6px #0006;background:#0003;padding:2px}.combat-die-number{color:var(--accent);font-weight:700;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.8)}.dice-total{color:var(--text-light);font-size:1rem;padding:.5rem;background:#0000004d;border-radius:6px;border:1px solid var(--accent-dark)}.dice-total strong{color:var(--accent);font-size:1.2rem}@keyframes diceRoll{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@media(max-width:768px){.view-header{flex-direction:column}.dice-roller{width:100%;max-width:100%}.dice-roller-container{flex-direction:row;justify-content:space-around}.dice-section{flex:1}}.auth-app{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem}.auth-container{width:100%;max-width:450px}.auth-card{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:2px solid var(--gold);border-radius:15px;padding:2.5rem;box-shadow:0 10px 40px #00000080}.auth-card h2{text-align:center;color:var(--gold);margin-bottom:2rem;font-size:1.8rem;text-shadow:0 0 10px rgba(212,175,55,.5)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--light-gray);margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:.8rem;background:#0000004d;border:1px solid var(--navy);border-radius:5px;color:var(--text-light);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 10px #d4af374d}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn-primary{width:100%;padding:1rem;background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border:2px solid var(--gold);border-radius:5px;color:var(--text-light);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--dark-red),var(--burgundy));transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;margin:1.5rem 0;color:var(--light-gray);position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--navy)}.auth-divider:before{left:0}.auth-divider:after{right:0}.btn-google{width:100%;padding:1rem;background:#fff;border:2px solid #ddd;border-radius:5px;color:#444;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-google:hover:not(:disabled){background:#f8f8f8;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-links{margin-top:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.link-button{background:none;border:none;color:var(--gold);cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.link-button:hover:not(:disabled){color:var(--light-gold)}.link-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#dc354533;border:1px solid #dc3545;border-radius:5px;padding:.8rem;color:#ff6b6b;margin-bottom:1rem;font-size:.9rem}.auth-message{background:#28a74533;border:1px solid #28a745;border-radius:5px;padding:.8rem;color:#51cf66;margin-bottom:1rem;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.modal-content{background:linear-gradient(135deg,#1a1a2efa,#16213efa);border:2px solid var(--gold);border-radius:15px;padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.auth-modal{max-width:500px}.modal-content h2{color:var(--gold);margin-bottom:1.5rem;text-align:center;text-shadow:0 0 10px rgba(212,175,55,.5)}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--navy)}.tabs button{flex:1;padding:.8rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--light-gray);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.tabs button:hover{color:var(--text-light)}.save-section,.load-section{min-height:300px}.saves-list{display:flex;flex-direction:column;gap:1rem}.save-item{background:#0000004d;border:1px solid var(--navy);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.save-item:hover{border-color:var(--gold);transform:translate(5px)}.save-info h4{color:var(--gold);margin-bottom:.5rem}.save-date{color:var(--light-gray);font-size:.9rem;margin-bottom:.3rem}.save-details{color:var(--text-light);font-size:.85rem}.save-actions{display:flex;gap:.5rem}.btn-load,.btn-delete{padding:.6rem 1.2rem;border:2px solid;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-load{background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border-color:var(--gold);color:var(--text-light)}.btn-load:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.btn-delete{background:transparent;border-color:#dc3545;color:#dc3545}.btn-delete:hover{background:#dc354533;transform:translateY(-2px)}.btn-close{width:100%;padding:.8rem;background:transparent;border:2px solid var(--navy);border-radius:5px;color:var(--light-gray);font-weight:600;cursor:pointer;margin-top:1.5rem;transition:all .3s ease}.btn-close:hover{border-color:var(--gold);color:var(--text-light)}.no-saves{text-align:center;color:var(--light-gray);padding:3rem;font-size:1.1rem}.error-message{background:#dc354533;border:1px solid #dc3545;border-radius:5px;padding:.8rem;color:#ff6b6b;margin-bottom:1rem}.success-message{background:#28a74533;border:1px solid #28a745;border-radius:5px;padding:.8rem;color:#51cf66;margin-bottom:1rem}.header-actions{display:flex;align-items:center;gap:1rem}.btn-campaign,.btn-save-load{padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border:2px solid var(--gold);border-radius:5px;color:var(--text-light);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-campaign{background:linear-gradient(135deg,#6f42c1,#8b5cf6)}.btn-campaign:hover,.btn-save-load:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}.user-info{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;background:#0000004d;border-radius:20px;border:1px solid var(--navy)}.user-email{color:var(--gold);font-size:.9rem;font-weight:500}.btn-logout{padding:.5rem 1rem;background:transparent;border:1px solid #dc3545;border-radius:5px;color:#dc3545;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#dc354533;transform:translateY(-2px)}@media(max-width:768px){.header-actions{flex-direction:column;align-items:stretch}.auth-card,.modal-content{padding:1.5rem}.save-item{flex-direction:column;align-items:flex-start}.save-actions{width:100%;margin-top:1rem}.btn-load,.btn-delete{flex:1}}.hunter-action-panel,.enemy-turn-panel{background:linear-gradient(135deg,#8b00004d,#00000080);border:2px solid var(--accent);border-radius:8px;padding:2rem;margin-bottom:2rem;text-align:center}.hunter-action-panel h3,.enemy-turn-panel h3{color:var(--gold);margin:0 0 .5rem;font-size:1.5rem}.hunter-action-panel .help-text,.enemy-turn-panel .help-text{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.action-btn{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;font-size:1.1rem;min-height:100px;position:relative}.action-btn .action-desc{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.5rem;font-weight:400}.action-btn:disabled .action-desc{color:#ffffff4d}.enemy-thinking{display:flex;justify-content:center;align-items:center;padding:2rem 0}.thinking-animation{font-size:3rem;animation:enemyThinking 1.5s ease-in-out infinite}@keyframes enemyThinking{0%,to{transform:translate(-10px) rotate(-15deg)}50%{transform:translate(10px) rotate(15deg)}}.turn-indicator.hunter-turn{border-left-color:gold}.turn-indicator.hunter-turn .value{color:gold}.turn-indicator.enemy-turn{border-left-color:#f66}.turn-indicator.enemy-turn .value{color:#f66}.initiative-display{display:flex;flex-direction:column;align-items:flex-start;padding:.75rem 1.5rem;background:#0000004d;border-left:4px solid var(--accent);border-radius:4px;min-width:300px}.initiative-display .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.turn-order-list{display:flex;flex-wrap:wrap;gap:.5rem}.turn-order-entry{padding:.4rem .8rem;background:#0006;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;color:var(--text-muted);transition:all .3s ease}.turn-order-entry.active{background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border-color:var(--gold);color:var(--gold);font-weight:700;transform:scale(1.1);box-shadow:0 0 10px #d4af3780}.turn-order-entry.acted{opacity:.5;text-decoration:line-through}[data-theme=dark-cb]{--primary: #1e3a8a;--primary-dark: #172554;--primary-light: #3b82f6;--secondary: #0f172a;--accent: #f59e0b;--gold: #f59e0b;--accent-light: #fbbf24;--accent-dark: #d97706;--bg-dark: #0b1020;--bg-darker: #080c18;--text-light: #e5e7eb;--text: #e5e7eb;--text-muted: #94a3b8;--border-color: #1f2937;--success: #22d3ee;--warning: #fbbf24;--danger: #f97316}[data-theme=light-cb]{--primary: #1e3a8a;--primary-dark: #1e40af;--primary-light: #60a5fa;--secondary: #eef2ff;--accent: #b45309;--gold: #b45309;--accent-light: #d97706;--accent-dark: #92400e;--bg-dark: #ffffff;--bg-darker: #f8fafc;--text-light: #0f172a;--text: #0f172a;--text-muted: #334155;--border-color: #cbd5e1;--success: #0ea5e9;--warning: #b45309;--danger: #ea580c}.campaign-modal .modal-content{max-width:1200px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.campaign-tracker{display:flex;flex-direction:column;height:100%}.campaign-tabs{display:flex;gap:.5rem;padding:0 0 1rem;border-bottom:2px solid var(--navy);margin-bottom:1.5rem}.campaign-tabs .tab{flex:1;padding:.8rem 1.2rem;background:#0000004d;border:2px solid var(--navy);border-radius:8px 8px 0 0;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:none}.campaign-tabs .tab:hover{background:#d4af371a;color:var(--gold)}.campaign-tabs .tab.active{background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border-color:var(--gold);color:var(--gold);transform:translateY(2px)}.campaign-tab-content{flex:1;overflow-y:auto;padding-right:.5rem}.campaign-overview{display:flex;flex-direction:column;gap:2rem}.campaign-header h2{color:var(--gold);margin-bottom:.5rem;font-size:2rem}.campaign-dates{display:flex;gap:2rem;color:var(--text-muted);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{background:linear-gradient(135deg,#0a192fcc,#1a263a99);border:2px solid var(--navy);border-radius:10px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 5px 20px #d4af374d}.stat-icon{font-size:3rem;opacity:.8}.stat-content h3{color:var(--text-muted);font-size:.9rem;font-weight:500;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px}.stat-value{color:var(--gold);font-size:2rem;font-weight:700;line-height:1}.stat-subtitle{color:var(--text-muted);font-size:.85rem;margin-top:.3rem}.recent-achievements h3{color:var(--gold);margin-bottom:1rem;font-size:1.3rem}.no-data{text-align:center;color:var(--text-muted);padding:2rem;font-style:italic}.achievement-list{display:flex;flex-direction:column;gap:.8rem}.achievement-item{background:#0000004d;border:2px solid var(--navy);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.achievement-item:hover{border-color:var(--gold)}.achievement-item.mini{padding:.8rem}.achievement-icon{font-size:2rem;opacity:.9}.achievement-info{flex:1}.achievement-name{color:var(--gold);font-weight:600;margin-bottom:.2rem}.achievement-desc{color:var(--text-muted);font-size:.9rem}.achievement-date{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.hunters-progression h2{color:var(--gold);margin-bottom:1.5rem;font-size:2rem}.hunters-list{display:flex;flex-direction:column;gap:1.5rem}.hunter-card{background:linear-gradient(135deg,#0a192fe6,#1a263ab3);border:2px solid var(--navy);border-radius:10px;padding:1.5rem;transition:all .3s ease}.hunter-card:hover{border-color:var(--gold);transform:translate(5px)}.hunter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hunter-header h3{color:var(--gold);font-size:1.5rem}.hunter-level{background:linear-gradient(135deg,#6f42c1,#8b5cf6);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.1rem}.xp-bar{position:relative;height:30px;background:#00000080;border:2px solid var(--navy);border-radius:15px;overflow:hidden;margin-bottom:1rem}.xp-fill{height:100%;background:linear-gradient(90deg,#6f42c1,#8b5cf6,#a78bfa);transition:width .5s ease;border-radius:13px}.xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.hunter-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.hunter-stat{display:flex;flex-direction:column;gap:.3rem}.hunter-stat.wide{grid-column:span 2}.stat-label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.hunter-stat .stat-value{color:var(--gold);font-size:1.5rem;font-weight:700}.unlocked-abilities{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--navy)}.abilities-label{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.abilities-tags,.hunters-tags{display:flex;flex-wrap:wrap;gap:.5rem}.ability-tag,.hunter-tag{background:#6f42c14d;border:1px solid #8b5cf6;color:#a78bfa;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:500}.achievements-view h2{color:var(--gold);margin-bottom:1rem;font-size:2rem}.achievement-stats{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.achievement-card{background:linear-gradient(135deg,#0a192fe6,#1a263ab3);border:2px solid var(--navy);border-radius:10px;padding:1.5rem;text-align:center;transition:all .3s ease}.achievement-card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 10px 30px #d4af374d}.achievement-badge{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border:3px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center}.badge-icon{font-size:2.5rem}.achievement-card h4{color:var(--gold);font-size:1.2rem;margin-bottom:.5rem}.achievement-card p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.unlock-date{color:var(--text-muted);font-size:.8rem;font-style:italic}.hunt-history h2{color:var(--gold);margin-bottom:1.5rem;font-size:2rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:linear-gradient(135deg,#0a192fe6,#1a263ab3);border:2px solid var(--navy);border-radius:10px;padding:1.5rem;transition:all .3s ease}.history-item:hover{border-color:var(--gold);transform:translate(5px)}.history-item.perfect{border-color:gold;box-shadow:0 0 20px #ffd70033}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-header h4{color:var(--gold);font-size:1.3rem}.difficulty-badge{padding:.4rem 1rem;border-radius:15px;font-weight:600;font-size:.9rem;text-transform:uppercase}.difficulty-badge.copper{background:linear-gradient(135deg,#b87333,#cd7f32);color:#fff}.difficulty-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.difficulty-badge.silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#333}.difficulty-badge.gold{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.difficulty-badge.platinum{background:linear-gradient(135deg,#e5e4e2,#b0b0b0);color:#333}.history-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.95rem}.detail-row span:last-child{color:var(--text-light);font-weight:600}.crypto-amount{color:var(--gold)!important}.perfect-text{color:gold!important;font-weight:700!important}.hunters-used{display:flex;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px solid var(--navy)}.campaign-performance{display:flex;flex-direction:column;gap:2rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.performance-card{background:linear-gradient(135deg,#0a192fd9,#1a263ab3);border:2px solid var(--navy);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.performance-card h3{margin:0;color:var(--gold);font-size:1.4rem}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.performance-metrics .metric{background:#00000059;border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:.9rem;display:flex;flex-direction:column;gap:.35rem}.performance-metrics .metric span{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.4px}.performance-metrics .metric strong{color:var(--gold);font-size:1.4rem}.performance-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.performance-panel{background:#0a192fb3;border:2px solid var(--navy);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.panel-header h3{margin:0;color:var(--gold)}.panel-header span{color:var(--text-muted);font-size:.85rem}.hunter-performance-list,.hunt-performance-list{display:flex;flex-direction:column;gap:1rem}.hunter-performance-item,.hunt-performance-item{background:#00000059;border-radius:8px;padding:1rem;border:1px solid rgba(212,175,55,.2)}.hunter-performance-title,.hunt-performance-title{display:flex;justify-content:space-between;color:var(--text-light);font-weight:600;margin-bottom:.6rem}.metric-bar{position:relative;height:10px;background:#00000080;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.metric-bar.secondary{height:8px;margin-top:.35rem}.metric-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px}.metric-bar.secondary .metric-fill{background:linear-gradient(90deg,#60a5fa,#38bdf8)}.metric-sub{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.85rem}.hunters-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.btn-close-campaign{margin-top:1.5rem;padding:.8rem 2rem;background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border:2px solid var(--gold);border-radius:8px;color:var(--gold);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-close-campaign:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d4af3766}@media(max-width:768px){.campaign-tabs{overflow-x:auto;flex-wrap:nowrap}.campaign-tabs .tab{flex-shrink:0;min-width:120px}.stats-grid{grid-template-columns:1fr}.hunter-stats{grid-template-columns:repeat(2,1fr)}.hunter-stat.wide{grid-column:span 2}.achievement-grid,.history-details,.performance-metrics,.performance-split{grid-template-columns:1fr}.campaign-dates{flex-direction:column;gap:.5rem}}@keyframes dice-roll{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg) scale(1.1)}50%{transform:rotate(15deg) scale(.9)}75%{transform:rotate(-10deg) scale(1.05)}}.dice-roller button:active,.dice-roller button.rolling{animation:dice-roll .4s ease-in-out}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.2)}}.damage-number{position:absolute;font-size:2rem;font-weight:900;color:#f44;text-shadow:0 0 10px rgba(255,68,68,.8),0 2px 4px rgba(0,0,0,.8);animation:float-up 1.5s ease-out forwards;pointer-events:none;z-index:1000}.damage-number.critical{color:#fd0;font-size:2.5rem;text-shadow:0 0 15px rgba(255,221,0,.9),0 2px 6px rgba(0,0,0,.9)}.damage-number.heal{color:#4f4;text-shadow:0 0 10px rgba(68,255,68,.8),0 2px 4px rgba(0,0,0,.8)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:shake .5s ease-in-out}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #44ff4480}50%{box-shadow:0 0 30px #44ff44e6,0 0 60px #44ff4480}}.glow-heal{animation:glow-pulse 1s ease-in-out}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fade-in .3s ease-out}button:not(:disabled):hover{transform:translateY(-2px);transition:all .2s ease}button:not(:disabled):active{transform:translateY(0);transition:all .1s ease}@keyframes level-up{0%{transform:scale(1);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.level-up-effect{animation:level-up .6s ease-out}@keyframes achievement-slide{0%{transform:translate(400px);opacity:0}10%{transform:translate(0);opacity:1}90%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.achievement-notification{position:fixed;top:100px;right:20px;background:linear-gradient(135deg,var(--burgundy),var(--dark-red));border:2px solid var(--gold);border-radius:10px;padding:1.5rem;min-width:300px;z-index:10000;animation:achievement-slide 5s ease-in-out forwards;box-shadow:0 10px 40px #00000080}.achievement-notification .achievement-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.achievement-notification .achievement-icon{font-size:3rem}.achievement-notification .achievement-title{color:var(--gold);font-size:1.2rem;font-weight:700;margin:0}.achievement-notification .achievement-description{color:var(--text-light);font-size:.9rem;margin:0}@keyframes action-highlight{0%,to{background-color:transparent}50%{background-color:#d4af3733}}.combat-action-highlight{animation:action-highlight .5s ease-in-out}@keyframes hp-drain{0%{width:var(--old-width)}to{width:var(--new-width)}}.hp-drain-animation{animation:hp-drain .5s ease-out forwards}@keyframes critical-flash{0%,to{filter:brightness(1)}25%,75%{filter:brightness(2) saturate(2)}50%{filter:brightness(1.5) saturate(1.5)}}.critical-hit-flash{animation:critical-flash .6s ease-in-out}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #d4af374d}50%{box-shadow:0 0 25px #d4af3799,0 0 50px #d4af374d}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.bounce-in{animation:bounce-in .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{animation:fade-out .3s ease-out forwards}@keyframes slide-down{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.slide-down{animation:slide-down .3s ease-out}@keyframes card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.card-flip{animation:card-flip .6s ease-in-out;transform-style:preserve-3d}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.wiggle{animation:wiggle .3s ease-in-out 2}.view{animation:fade-in .4s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view.fade-out{animation:fade-out .3s ease-out forwards}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.view.slide-in-right{animation:slide-in-right .4s ease-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.view.slide-out-right{animation:slide-out-right .3s ease-out forwards}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.view.scale-in{animation:scale-in .4s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-backdrop{animation:backdrop-fade-in .3s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{animation:slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-dialog{animation:dialog-pop .4s cubic-bezier(.16,1,.3,1)}@keyframes dialog-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.drawer{animation:drawer-slide-in .35s cubic-bezier(.16,1,.3,1)}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.hover-scale{transition:transform .2s ease}.hover-scale:hover:not(:disabled){transform:scale(1.05)}.hover-scale-sm:hover:not(:disabled){transform:scale(1.02)}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover:not(:disabled){box-shadow:0 0 12px #ffa50080}.hover-bounce:hover{animation:bounce-hover .4s ease}@keyframes bounce-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-shake{animation:shake .4s ease-out}@keyframes success-check{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.success-checkmark{animation:success-check .6s ease-out}.transition{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.transition-color{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:480px){:root{font-size:14px}.app-header{padding:1rem .5rem;flex-direction:column;gap:1rem}.app-header h1{font-size:1.5rem;text-align:center}.header-actions{flex-direction:column;width:100%;gap:.5rem}.header-actions button,.btn-campaign,.btn-save-load{width:100%;padding:.8rem;font-size:.9rem}.ai-mode-toggle{width:100%;flex-direction:column;gap:.5rem}.ai-mode-toggle label{width:100%;text-align:center}.ai-mode-button{width:100%}.user-info{flex-direction:column;width:100%;gap:.5rem;text-align:center}.user-email{font-size:.85rem}.btn-logout{width:100%}.app-nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav button{min-width:100px;font-size:.85rem;padding:.6rem .8rem}.contract-card,.enemy-card,.character-card,.hunter-card{padding:1rem}.card-header{font-size:1.1rem}.modal-content{width:95vw!important;max-width:95vw!important;padding:1rem;margin:.5rem}.modal-header h2{font-size:1.3rem}.btn-close{width:2rem;height:2rem;font-size:1.2rem}.combatants-grid{grid-template-columns:1fr!important;gap:1rem}.combatant{padding:.8rem}.dice-roller{padding:1rem}.dice-results{flex-wrap:wrap;justify-content:center}.campaign-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.campaign-tabs .tab{min-width:80px;font-size:.85rem;padding:.6rem .8rem}.stat-cards,.hunter-cards{grid-template-columns:1fr!important}.achievement-grid{grid-template-columns:repeat(2,1fr)!important}.achievement-badge{width:60px!important;height:60px!important;font-size:1.5rem!important}}@media(min-width:481px)and (max-width:768px){.app-header{padding:1.2rem}.header-actions{flex-wrap:wrap;gap:.5rem}.stat-cards,.hunter-cards{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:repeat(3,1fr)}.combatants-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){.contract-grid,.enemy-grid{grid-template-columns:repeat(2,1fr)}.stat-cards{grid-template-columns:repeat(3,1fr)}.hunter-cards{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:repeat(4,1fr)}}@media(hover:none)and (pointer:coarse){button{min-height:44px;min-width:44px;padding:.8rem 1.2rem}button:hover{transform:none}button:active{transform:scale(.95);opacity:.9}.mobile-menu-toggle:active{transform:translateY(-50%) scale(.95)}input,select{min-height:44px;font-size:16px;background:#000000d9;color:#fff;font-weight:500}select option{background:#1a1a1a;color:#fff;padding:.5rem;font-weight:500}.scrollable,.campaign-tab-content,.modal-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card,.modal-content,button{border-width:1.5px}}@media(max-height:600px)and (orientation:landscape){.modal-content{max-height:90vh;overflow-y:auto}.app-header{padding:.5rem 1rem}.app-header h1{font-size:1.3rem}.campaign-tracker{max-height:80vh}}@media print{.app-header,.app-nav,.header-actions,button{display:none}body{background:#fff;color:#000}.modal-overlay{position:relative;background:none}.modal-content{box-shadow:none;border:1px solid black}}