:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #1a1a1a;--text-primary: #e0e0e0;--text-secondary: #888;--accent: #ff6600;--accent-hover: #ff7722;--border: #333;--border-hover: #555;--danger: #c62828;--success: #2e7d32;--warning: #f9a825;--bg: var(--bg-primary);--bg-hover: #252525;--bg-input: var(--bg-secondary);--text: var(--text-primary);--text-dim: var(--text-secondary);--green: var(--success);--blue: #1565c0;--red: var(--danger);--gold: var(--warning);--white-die: #f0f0f0;--common: #888;--uncommon: #4caf50;--rare: #2196f3;--legendary: #ff9800}body.theme-midnight-blue{--bg-primary: #0a0a1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--text-primary: #e0e8f0;--text-secondary: #8bb8dd;--accent: #00d4ff;--accent-hover: #33ddff;--border: #2a3f5f;--border-hover: #4a5f7f;--danger: #ff4d6d;--success: #26de81;--warning: #ffce00;--bg-hover: #252540;--bg-input: var(--bg-secondary)}body.theme-blood-moon{--bg-primary: #0d0505;--bg-secondary: #1a0a0a;--bg-card: #2a0f0f;--text-primary: #f0e0e0;--text-secondary: #cc9999;--accent: #ffd700;--accent-hover: #ffe033;--border: #4d1f1f;--border-hover: #6d2f2f;--danger: #dc143c;--success: #228b22;--warning: #ffa500;--bg-hover: #331515;--bg-input: var(--bg-secondary)}body.theme-terminal-green{--bg-primary: #000000;--bg-secondary: #001100;--bg-card: #003300;--text-primary: #00ff00;--text-secondary: #008800;--accent: #00ff00;--accent-hover: #33ff33;--border: #004400;--border-hover: #006600;--danger: #ff4444;--success: #00ff00;--warning: #ffff00;--bg-hover: #002200;--bg-input: var(--bg-secondary)}*{margin:0;padding:0;box-sizing:border-box}.skip-navigation{position:absolute;top:-40px;left:6px;background:var(--accent);color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;z-index:10000;font-weight:700;transition:top .3s}:focus-visible{outline:2px solid #ffd700!important;outline-offset:2px;border-radius:2px}button:focus-visible,[role=button]:focus-visible{outline:2px solid #ffd700;outline-offset:2px;background-color:#ffd7001a}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[title]{color:var(--text)}button,[role=button],input,select,textarea{min-height:44px;min-width:44px}.hand-card[role=button]:focus-visible{outline:3px solid #ffd700;outline-offset:2px;z-index:10}.die[role=button]:focus-visible{outline:3px solid #ffd700;outline-offset:2px;transform:scale(1.05)}[role=alert],.game-toast.error{border-left:4px solid var(--accent);background-color:#c6282833}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:2px solid var(--accent);margin-bottom:30px;overflow:hidden;max-width:100%;position:relative}header:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,102,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(198,40,40,.02) 0%,transparent 50%),radial-gradient(ellipse at center top,#0000001a,#0000004d);pointer-events:none;z-index:-1;animation:atmosphericShift 8s ease-in-out infinite}@keyframes atmosphericShift{0%,to{background:radial-gradient(circle at 20% 50%,rgba(255,102,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(198,40,40,.02) 0%,transparent 50%),radial-gradient(ellipse at center top,#0000001a,#0000004d)}50%{background:radial-gradient(circle at 80% 20%,rgba(255,102,0,.04) 0%,transparent 60%),radial-gradient(circle at 20% 70%,rgba(198,40,40,.03) 0%,transparent 60%),radial-gradient(ellipse at center top,#00000026,#00000040)}}@media(max-width:480px){header{flex-direction:column;gap:10px;align-items:flex-start;padding:12px 0;margin-bottom:16px;overflow:hidden}header h1{font-size:1.5rem}.header-subtitle{font-size:.9rem}.header-hook{font-size:.8rem}.version-badge{position:static;margin-top:8px;font-size:.65rem}.nav-tabs{width:100%;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.nav-tabs::-webkit-scrollbar{height:3px}.nav-tabs::-webkit-scrollbar-track{background:#ffffff1a}.nav-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}}header h1{font-size:2rem;font-weight:800;letter-spacing:-1px;position:relative;text-shadow:0 0 5px rgba(255,255,255,.1),0 0 10px rgba(255,102,0,.2),0 0 15px rgba(198,40,40,.1);animation:titleFlicker 3s ease-in-out infinite}header h1 span{color:var(--accent);text-shadow:0 0 8px currentColor,0 0 15px rgba(255,102,0,.3);animation:accentGlow 2.5s ease-in-out infinite alternate}@keyframes titleFlicker{0%,90%,to{text-shadow:0 0 5px rgba(255,255,255,.1),0 0 10px rgba(255,102,0,.2),0 0 15px rgba(198,40,40,.1)}91%,93%,95%,97%{text-shadow:0 0 3px rgba(255,255,255,.05),0 0 6px rgba(255,102,0,.1),0 0 8px rgba(198,40,40,.05)}}@keyframes accentGlow{0%{text-shadow:0 0 8px currentColor,0 0 15px rgba(255,102,0,.3)}to{text-shadow:0 0 12px currentColor,0 0 20px rgba(255,102,0,.5),0 0 25px rgba(255,102,0,.2)}}.header-content{display:flex;flex-direction:column;gap:4px}.header-subtitle{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin:0;letter-spacing:.5px;text-transform:uppercase}.header-hook{font-size:.95rem;font-weight:300;color:var(--text-secondary);margin:0;font-style:italic;opacity:.8}.version-badge{position:absolute;top:8px;right:8px;font-size:.7rem;color:var(--text-secondary);opacity:.6;font-weight:400;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:right;line-height:1.2}.version-main{font-weight:600;color:var(--accent);opacity:.7}.version-details{font-size:.6rem;margin-top:1px;color:var(--text-secondary);opacity:.5}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.nav-tabs button{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:8px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;white-space:nowrap;flex-shrink:0}@media(max-width:480px){.nav-tabs{gap:4px}.nav-tabs button{padding:6px 10px;font-size:.8rem}}.nav-tabs button:hover{background:var(--bg-hover)}.nav-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filters input,.filters select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:6px;font-size:.9rem}.filters input:focus,.filters select:focus{outline:none;border-color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.game-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.game-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #c6282833}.game-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.game-card .card-name{font-size:1.1rem;font-weight:700}.game-card .card-type-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.type-combat{background:var(--red);color:#fff}.type-action{background:var(--blue);color:#fff}.type-location{background:var(--green);color:#fff}.type-panic{background:#6a1b9a;color:#fff}.type-item{background:#455a64;color:#fff}.type-event{background:#e65100;color:#fff}.game-card .die-info{display:flex;gap:6px;align-items:center;margin-bottom:8px}.die-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;padding:2px 8px;border-radius:6px;font-weight:600}.die-white{background:#444;color:var(--white-die)}.die-green{background:#1b5e20;color:#a5d6a7}.die-blue{background:#0d47a1;color:#90caf9}.die-red{background:#b71c1c;color:#ef9a9a}.die-gold{background:#f57f17;color:#fff9c4}.die-any{background:#555;color:#ddd}.die-none{background:#222;color:#666}.restriction-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;background:#333;color:#aaa}.game-card .effect{font-size:.9rem;line-height:1.4;margin-bottom:8px}.game-card .flavor{font-size:.8rem;color:var(--text-dim);font-style:italic;border-top:1px solid var(--border);padding-top:8px}.game-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.75rem}.threat-cost{color:var(--accent);font-weight:700}.rarity-common{color:var(--common)}.rarity-uncommon{color:var(--uncommon)}.rarity-rare{color:var(--rare)}.rarity-legendary{color:var(--legendary)}.starter-badge{background:var(--gold);color:#000;font-size:.65rem;padding:1px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.keyword-tag{display:inline-block;padding:2px 6px;margin:2px;border-radius:4px;font-size:.7em;background:#ffffff1a;color:#aaa;cursor:help;position:relative;transition:all .2s ease}.keyword-tag:hover{background:#fff3;color:#fff}.keyword-tag[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a1a2e;color:#e0e0e0;padding:4px 8px;border-radius:4px;font-size:.85em;white-space:nowrap;z-index:1000;border:1px solid #333;margin-bottom:4px;box-shadow:0 2px 8px #0000004d}.designer{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}.designer h2{margin-bottom:20px;font-size:1.3rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group.full{grid-column:1 / -1}.form-group label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:6px;font-size:.9rem;font-family:inherit}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-actions{display:flex;gap:10px;margin-top:20px;grid-column:1 / -1}.btn{padding:10px 24px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#333}.btn-danger{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-danger:hover{background:var(--accent);color:#fff}.resource-editor{display:flex;gap:8px;flex-wrap:wrap}.resource-chip{display:flex;align-items:center;gap:4px;background:var(--bg-hover);padding:4px 10px;border-radius:6px;font-size:.85rem}.resource-chip input{width:40px;text-align:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:2px;border-radius:4px;font-size:.85rem}.designer-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;align-items:start}.preview-section{position:sticky;top:20px}.preview-section h3{margin-bottom:12px;color:var(--text-dim);font-size:.9rem}.preview-card-wrapper{max-width:350px}.hint-box{background:#1a1a2e;border:1px solid #2a2a4e;border-radius:6px;padding:8px 12px;font-size:.8rem;color:#88b}.tags-editor{display:flex;flex-direction:column;gap:8px}.tags-list{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:#2a2a3e;color:#aab;padding:3px 10px;border-radius:12px;font-size:.8rem}.tag-chip button{background:none;border:none;color:#888;cursor:pointer;font-size:.7rem;padding:0 2px}.tag-chip button:hover{color:var(--accent)}.tags-input-row{display:flex;gap:8px}.tags-input-row select,.tags-input-row input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:.85rem}.card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.card-tag{font-size:.65rem;padding:1px 6px;border-radius:8px;background:#2a2a3e;color:#889;text-transform:uppercase;letter-spacing:.5px}.formula-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;background:#2a2a2a;color:#aaa;font-family:monospace}.location-effect{font-size:.82rem;color:#7cb;margin-bottom:6px;padding:4px 8px;background:#2e7d321a;border-radius:4px;border-left:2px solid var(--green)}.threat-scaling-list{margin:6px 0;display:flex;flex-direction:column;gap:3px}.threat-scaling-item{font-size:.78rem;display:flex;gap:6px;align-items:baseline;color:#caa}.threat-threshold{font-weight:700;color:var(--accent);white-space:nowrap}.game-card.event-card{border-color:#e65100;background:linear-gradient(135deg,#1a1a1a,#2a1500)}.stats-bar{display:flex;gap:20px;margin-bottom:20px;padding:12px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.4rem;font-weight:800;color:var(--accent)}.stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.game-card.panic-card{border-color:#6a1b9a;background:linear-gradient(135deg,#1a1a1a,#1a0a2e)}.panic-options{display:flex;flex-direction:column;gap:4px;font-size:.85rem;margin:8px 0}.panic-option{display:flex;align-items:center;gap:6px}.panic-option .or{color:var(--text-dim);font-style:italic}.toast{position:fixed;bottom:20px;right:20px;background:var(--green);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;animation:slideIn .3s ease;z-index:100}.toast.error{background:var(--accent)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.designer-layout{grid-template-columns:1fr}.preview-section{position:static}}@media(max-width:768px){.form-grid,.card-grid{grid-template-columns:1fr}header{flex-direction:column;gap:12px}.stats-bar{flex-wrap:wrap;gap:12px}}.how-to-play-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.how-to-play-modal{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;max-width:800px;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.how-to-play-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.how-to-play-header h2{margin:0;color:var(--accent);font-size:1.5rem}.close-btn{background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--bg-hover);color:var(--text)}.how-to-play-content{padding:20px;overflow-y:auto;flex:1}.how-to-play-content section{margin-bottom:24px}.how-to-play-content h3{color:var(--accent);margin-bottom:8px;font-size:1.1rem}.how-to-play-content p{margin-bottom:8px;line-height:1.5}.how-to-play-content ul{list-style:none;padding-left:0;margin-bottom:8px}.how-to-play-content li{margin-bottom:4px;padding-left:16px;position:relative}.how-to-play-content li:before{content:"•";color:var(--accent);position:absolute;left:0}.shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:12px}.shortcuts div{display:flex;align-items:center;gap:8px}.shortcuts kbd{background:var(--bg-input);padding:4px 8px;border-radius:4px;border:1px solid var(--border);font-family:Courier New,monospace;font-size:.9rem;min-width:32px;text-align:center}.how-to-play-footer{padding:20px;border-top:1px solid var(--border);display:flex;justify-content:center}@media(max-width:768px){.how-to-play-modal{margin:10px;max-height:95vh}.shortcuts{grid-template-columns:1fr}.how-to-play-content{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.how-to-play-header,.how-to-play-footer{padding:16px}}@media(max-width:480px){.how-to-play-overlay{padding:0}.how-to-play-modal{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border-radius:0}.how-to-play-content{padding:16px;max-height:calc(100vh - 140px)}}.phase-indicator{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;padding:12px 20px;margin:12px 0}.phase-progress-bar{display:flex;align-items:center;justify-content:center;gap:16px;max-width:600px;margin:0 auto}.phase-step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:all .3s ease;opacity:.6}.phase-step.active{opacity:1;background:var(--accent);color:#fff;box-shadow:0 0 12px #c628284d;transform:scale(1.05)}.phase-step.completed{opacity:.8;background:var(--green);color:#fff}.phase-step.future{opacity:.4}.phase-icon{display:flex;align-items:center;justify-content:center}.phase-text{display:flex;flex-direction:column;align-items:center;gap:2px}.phase-label{font-weight:700;font-size:.9rem;letter-spacing:.5px}.phase-subtitle{font-size:.75rem;opacity:.9}.phase-arrow{color:var(--text-dim);font-weight:700;font-size:1.2rem;transition:color .3s ease}.phase-arrow.completed{color:var(--green)}@media(max-width:768px){.phase-indicator{padding:8px 12px;margin:8px 0}.phase-progress-bar{gap:12px}.phase-step{gap:6px;padding:6px 10px}.phase-label{font-size:.85rem}.phase-subtitle{font-size:.7rem}}@media(max-width:480px){.phase-indicator{padding:6px 8px}.phase-progress-bar{gap:6px}.phase-step{flex-direction:column;gap:4px;padding:6px 8px;text-align:center}.phase-text{align-items:center}.phase-label{font-size:.75rem}.phase-subtitle{font-size:.65rem}.phase-arrow{font-size:.9rem}}.hand-card.unplayable{opacity:.6;position:relative}.hand-card.unplayable:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);pointer-events:none;border-radius:inherit}.hc-restriction-badge{position:absolute;top:4px;left:4px;background:#ff4500f2;color:#fff;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hc-restriction-badge.missing-die{background:linear-gradient(135deg,#ff4500f2,#c62828f2)}.hc-restriction-badge.missing-resource{background:linear-gradient(135deg,#9c27b0f2,#7b1fa2f2)}.hand-card.panic-card-mandatory{border:3px solid #d32f2f!important;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(211,47,47,.1) 100%)!important;box-shadow:0 0 16px #d32f2f66!important;animation:panic-pulse 2s ease-in-out infinite}.hc-mandatory-badge{position:absolute;top:-2px;right:-2px;background:#d32f2f;color:#fff;padding:4px 8px;border-radius:0 4px;font-size:.65rem;font-weight:700;letter-spacing:.5px;z-index:3;display:flex;align-items:center;gap:4px}.hc-mandatory-badge:before{content:"⚠️"}@keyframes panic-pulse{0%,to{box-shadow:0 0 16px #d32f2f66;transform:scale(1)}50%{box-shadow:0 0 24px #d32f2f99;transform:scale(1.02)}}.panic-zone{background:linear-gradient(135deg,#d32f2f1a,#8b00001a);border:2px solid #d32f2f;border-radius:8px;padding:16px;margin:16px 0;box-shadow:0 0 20px #d32f2f4d}.panic-zone h3{color:#d32f2f;text-shadow:0 0 8px rgba(211,47,47,.5)}.panic-resolve-card{background:#1a1a1acc;border:1px solid #d32f2f;border-radius:6px;padding:12px;margin-top:12px}.welcome-tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.welcome-tutorial-modal{background:linear-gradient(135deg,#1a1a1a,#2d1b2e);border:2px solid #d4a574;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 0 40px #d4a5744d}.welcome-header{text-align:center;padding:30px 30px 20px;border-bottom:1px solid #d4a574}.welcome-header h2{color:#d4a574;font-size:2rem;margin:0 0 8px;text-shadow:0 0 10px rgba(212,165,116,.5)}.welcome-header h3{color:#e0e0e0;font-size:1.2rem;margin:0;font-weight:300}.welcome-content{padding:30px}.welcome-tagline{text-align:center;margin-bottom:30px}.welcome-tagline p{font-size:1.1rem;color:#e0e0e0;margin:0}.game-loop-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin:30px 0}.step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:#1a1a1a80;border-radius:8px;border:1px solid #333}.step-icon{font-size:2rem;margin-bottom:10px}.step-content h4{color:#d4a574;margin:0 0 8px;font-size:1rem}.step-content p{color:#ccc;margin:0;font-size:.9rem;line-height:1.3}.quick-tips{background:#4caf501a;border:1px solid #4caf50;border-radius:8px;padding:20px;margin-top:30px}.quick-tips h4{color:#4caf50;margin:0 0 15px}.quick-tips ul{margin:0;padding-left:20px;color:#e0e0e0}.quick-tips li{margin-bottom:8px;line-height:1.4}.welcome-footer{padding:20px 30px 30px;text-align:center;border-top:1px solid #333}.btn-large{padding:15px 30px;font-size:1.1rem;font-weight:700}.tutorial-note{color:#888;font-size:.9rem;margin:15px 0 0}.new-player-badge{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;margin-top:8px;display:inline-block;box-shadow:0 2px 4px #4caf504d;text-shadow:none}.scenario-card.recommended{border:2px solid #4caf50;box-shadow:0 0 15px #4caf504d}.scenario-card.recommended:before{content:"⭐";position:absolute;top:-8px;right:-8px;background:#4caf50;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 4px #0000004d}.keyword-tooltip{background:linear-gradient(135deg,#1a1a1a,#2d1b2e);border:1px solid #d4a574;border-radius:6px;padding:8px 12px;box-shadow:0 4px 12px #0006;max-width:250px;z-index:999}.keyword-tooltip-header{color:#d4a574;font-weight:700;font-size:.9rem;margin-bottom:4px}.keyword-tooltip-body{color:#e0e0e0;font-size:.85rem;line-height:1.3}@media(max-width:600px){.welcome-tutorial-modal{margin:10px;max-height:90vh}.game-loop-steps{grid-template-columns:1fr 1fr;gap:15px}.welcome-header h2{font-size:1.5rem}.welcome-content{padding:20px}}.speed-run-timer{display:flex;align-items:center;gap:4px;color:var(--text);font-family:Courier New,monospace;font-size:.9rem;background:var(--bg-card);padding:4px 8px;border-radius:4px;border:1px solid var(--border);white-space:nowrap}.timer-icon{font-size:.8rem}.timer-display{font-weight:700;letter-spacing:.5px;color:gold}.stat-row.speed-run-time{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid rgba(255,215,0,.3);border-radius:4px;padding:8px 12px;margin:4px 0}.stat-row.speed-run-time span:last-child{color:gold;font-weight:700;font-family:Courier New,monospace}.leaderboard-description{text-align:center;margin:20px 0;padding:12px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.leaderboard-description p{color:var(--text-dim);font-size:.9rem}.speed-run-row{transition:background-color .2s ease}.speed-run-row:hover{background-color:var(--bg-hover)}.time-cell.speed-time{font-family:Courier New,monospace;font-weight:700;color:gold}.rank-cell{text-align:center;font-weight:700}.leaderboard-table table th.time-header{color:gold;font-weight:700}.theme-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}.theme-swatch{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease}.theme-swatch:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #f603}.theme-swatch.selected{border-color:var(--accent);background:#ff66001a;box-shadow:0 0 15px #ff66004d}.theme-preview{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.theme-color-primary,.theme-color-accent{width:32px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.theme-info{flex:1}.theme-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:4px}.theme-description{font-size:.75rem;color:var(--text-secondary);line-height:1.2}@media(max-width:768px){.theme-picker{grid-template-columns:1fr}.theme-swatch{padding:10px}}.daily-challenge-section{margin-bottom:2rem}.daily-challenge-card{background:linear-gradient(135deg,var(--bg-card),rgba(255,102,0,.02));border:2px solid var(--accent);border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #f603,0 0 0 1px #ff66001a;position:relative;overflow:hidden}.daily-challenge-card:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(45deg,transparent 40%,rgba(255,102,0,.1) 50%,transparent 60%);border-radius:0 12px}.daily-challenge-card:after{content:"TODAY";position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;padding:4px 8px;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.5px;z-index:2}.daily-header{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.daily-icon{font-size:2rem}.daily-info h4{margin:0 0 .25rem;color:var(--accent);font-size:1.1rem}.daily-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.daily-challenge-name{font-size:1.1rem;color:var(--accent);margin-bottom:.75rem;text-align:center}.daily-scenario{margin-bottom:.75rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px;font-size:.9rem}.daily-modifiers{margin-bottom:1rem}.daily-modifiers h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-primary)}.modifier-item{display:flex;flex-direction:column;margin-bottom:.5rem;padding:.4rem .6rem;background:var(--bg-secondary);border-radius:4px;border-left:3px solid var(--accent)}.modifier-name{font-weight:600;color:var(--accent);font-size:.85rem}.modifier-desc{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.daily-timer{font-size:.8rem;color:var(--text-secondary);text-align:center;margin-bottom:.75rem;padding:.4rem;background:var(--bg-secondary);border-radius:4px}.daily-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.daily-completed{background:var(--success);color:#fff;padding:.6rem;border-radius:4px;text-align:center;font-size:.9rem;font-weight:500;margin-bottom:1rem}.daily-error{background:var(--danger);color:#fff;padding:.6rem;border-radius:4px;text-align:center;font-size:.9rem;margin-bottom:1rem}.daily-actions{display:flex;gap:.5rem;align-items:center;justify-content:center}.btn-daily{flex:1;font-weight:600}.btn-daily:disabled{opacity:.6;cursor:not-allowed}.card-collection-browser{max-width:1200px;margin:0 auto;padding:0 1rem}.collection-stats-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.stats-main{margin-bottom:1rem}.stat-primary{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-primary .stat-value{font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.stat-primary .stat-label{font-size:.9rem;color:var(--text-secondary)}.stats-breakdown{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.stat-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.stat-group-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-right:.25rem}.stat-badge{font-size:.75rem;padding:.2rem .4rem;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);white-space:nowrap}.stat-badge.type-combat{border-color:#dc2626;background:#dc26261a}.stat-badge.type-action{border-color:#2563eb;background:#2563eb1a}.stat-badge.type-location{border-color:#16a34a;background:#16a34a1a}.stat-badge.type-panic{border-color:#ca8a04;background:#ca8a041a}.stat-badge.type-item{border-color:#9333ea;background:#9333ea1a}.stat-badge.type-survivor{border-color:#0891b2;background:#0891b21a}.stat-badge.color-white{border-color:#e5e7eb;background:#e5e7eb1a}.stat-badge.color-green{border-color:#22c55e;background:#22c55e1a}.stat-badge.color-blue{border-color:#3b82f6;background:#3b82f61a}.stat-badge.color-red{border-color:#ef4444;background:#ef44441a}.stat-badge.color-any{border-color:#6b7280;background:#6b72801a}.stat-badge.color-none{border-color:#374151;background:#3741511a}.stat-badge.rarity-common{border-color:var(--common)}.stat-badge.rarity-uncommon{border-color:var(--uncommon);background:#4caf501a}.stat-badge.rarity-rare{border-color:var(--rare);background:#2196f31a}.stat-badge.rarity-legendary{border-color:var(--legendary);background:#ff98001a}.filter-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;overflow:hidden}.filter-controls-header{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.filter-toggle{background:none;border:none;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;width:100%;justify-content:center}.filter-toggle:hover{color:var(--accent)}.filter-controls-content{padding:1rem;display:none;border-top:1px solid var(--border)}.filter-controls.open .filter-controls-content{display:block}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px;flex:1}.filter-group label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.filter-group input,.filter-group select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:.5rem;color:var(--text-primary);font-size:.85rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--accent)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem 0}.collection-card{position:relative;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;aspect-ratio:3/4}.collection-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 25px #0000004d}.collection-card.card-type-combat{border-color:#dc262680}.collection-card.card-type-action{border-color:#2563eb80}.collection-card.card-type-location{border-color:#16a34a80}.collection-card.card-type-panic{border-color:#ca8a0480}.collection-card.card-type-item{border-color:#9333ea80}.collection-card.card-type-survivor{border-color:#0891b280}.collection-card.rarity-rare{box-shadow:0 0 8px #2196f34d}.collection-card.rarity-legendary{box-shadow:0 0 12px #ff980066;animation:legendary-glow 3s ease-in-out infinite alternate}@keyframes legendary-glow{0%{box-shadow:0 0 12px #ff980066}to{box-shadow:0 0 20px #ff980099}}.collection-card-image{position:relative;height:70%;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-card:hover .collection-card-image img{transform:scale(1.1)}.card-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);height:100%}.collection-card-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:.75rem;color:#fff}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.card-type-icon{font-size:.8rem;opacity:.8}.card-name{font-size:.9rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1.2}.card-cost-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-top:.25rem}.die-requirement{background:#fff3;padding:.15rem .3rem;border-radius:3px;font-weight:500}.free-card{background:#22c55e4d;color:#a7f3d0;padding:.15rem .3rem;border-radius:3px;font-weight:500}.threat-cost{background:#ef44444d;color:#fca5a5;padding:.15rem .3rem;border-radius:3px;font-weight:500}.rarity-badge{font-size:.7rem;padding:.15rem .3rem;border-radius:3px;font-weight:500;text-transform:uppercase}.rarity-badge.rarity-common{background:#8888884d;color:#d1d5db}.rarity-badge.rarity-uncommon{background:#22c55e4d;color:#a7f3d0}.rarity-badge.rarity-rare{background:#3b82f64d;color:#93c5fd}.rarity-badge.rarity-legendary{background:#f59e0b4d;color:#fbbf24}.card-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.card-detail-modal{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;z-index:1001;padding:.5rem;border-radius:4px}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.card-detail-content{display:flex;gap:2rem;padding:2rem}.card-detail-image{flex:0 0 300px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-radius:8px;overflow:hidden}.card-detail-image img{width:100%;height:100%;object-fit:cover}.card-detail-placeholder{text-align:center;color:var(--text-secondary)}.card-detail-info{flex:1;min-width:0}.card-detail-header h2{margin:0 0 .5rem;font-size:1.8rem;color:var(--text-primary)}.card-detail-meta{display:flex;gap:1rem;margin-bottom:1.5rem}.card-detail-section{margin-bottom:1.5rem}.card-detail-section h4{margin:0 0 .5rem;font-size:1rem;color:var(--accent);font-weight:600}.die-requirement-large{font-size:1.1rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;display:inline-block}.card-costs{display:flex;flex-wrap:wrap;gap:.75rem}.threat-cost-large{font-size:1rem;padding:.5rem 1rem;background:#ef444433;color:#fca5a5;border-radius:6px;border:1px solid rgba(239,68,68,.4)}.resource-costs{display:flex;flex-wrap:wrap;gap:.5rem}.resource-cost{font-size:.9rem;padding:.3rem .6rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px}.card-effect-text{font-size:1rem;line-height:1.5;color:var(--text-primary)}.card-keywords{display:flex;flex-direction:column;gap:.5rem}.keyword-explanation{padding:.5rem;background:var(--bg-secondary);border-radius:4px;font-size:.9rem;border-left:3px solid var(--accent)}.card-flavor-text{font-style:italic;color:var(--text-secondary);line-height:1.4}.card-availability{display:flex;flex-wrap:wrap;gap:.5rem}.availability-tag{font-size:.8rem;padding:.3rem .6rem;border-radius:4px;font-weight:500}.availability-tag.starter{background:#22c55e33;color:#a7f3d0;border:1px solid rgba(34,197,94,.4)}.availability-tag.exploration{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.availability-tag.shop{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}@media(max-width:768px){.card-collection-browser{padding:0 .5rem}.stats-breakdown{flex-direction:column;gap:.75rem}.filter-controls.open .filter-controls-content{display:block}.filter-row{flex-direction:column;gap:.75rem}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.card-detail-content{flex-direction:column;padding:1rem}.card-detail-image{flex:none;max-width:250px;align-self:center}.card-detail-overlay{padding:1rem}}.app-footer{background:#2a2a2acc;border-top:1px solid var(--border);padding:1rem 2rem;margin-top:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}.footer-info{display:flex;flex-direction:column;gap:.25rem}.footer-version{font-weight:600;color:var(--text-primary)}.footer-tagline{font-style:italic;opacity:.8}.footer-credits{font-size:.85rem;opacity:.7}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:.5rem}.app-footer{padding:1rem}}.loading-fallback{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;color:var(--text-secondary)}.loading-spinner{display:flex;align-items:center;gap:.5rem;font-size:1rem}.loading-spinner:before{content:"⏳";animation:spin 1s linear infinite}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent);color:#fff;padding:8px;text-decoration:none;z-index:100;border-radius:4px;font-weight:700;transition:top .2s ease}.skip-link:focus{top:6px}.section-error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin:1rem}.section-error-content{text-align:center;max-width:400px}.section-error-icon{font-size:3rem;margin-bottom:1rem}.section-error-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.section-error-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.section-error-button{padding:12px 24px;font-size:1rem;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.section-error-button:hover{background:var(--accent-hover)}.section-error-button:focus{outline:2px solid var(--accent);outline-offset:2px}.section-error-details{margin-top:1.5rem;text-align:left;font-size:.875rem;color:var(--text-secondary)}.section-error-details pre{background:var(--bg-primary);padding:1rem;border-radius:4px;white-space:pre-wrap;overflow-wrap:break-word;margin-top:.5rem}:root{--die-red: #F44336;--die-blue: #2196F3;--die-white: #f0f0f0;--die-green: #4CAF50;--die-grey: #9E9E9E;--color-strength: var(--die-red);--color-ingenuity: var(--die-blue);--color-grit: var(--die-white);--color-awareness: var(--die-green);--color-grey: var(--die-grey)}.skip-navigation{position:absolute;top:-40px;left:6px;background:var(--bg-darker);color:var(--text-primary);padding:8px 12px;text-decoration:none;border-radius:4px;z-index:9999;font-weight:600;border:2px solid var(--accent);transition:top .3s ease}.skip-navigation:focus{top:6px}.game-announcements,.dice-announcements{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.btn-primary{box-shadow:0 0 8px #4caf504d;border:2px solid var(--accent)}.btn-primary:hover:not(:disabled){box-shadow:0 0 12px #4caf5080;transform:translateY(-1px)}.card.selected,.hand-card.selected{box-shadow:0 0 12px var(--accent);border-color:var(--accent);transform:translateY(-2px)}.phase-badge{background:linear-gradient(135deg,var(--accent),var(--accent-dim));box-shadow:0 0 8px #4caf5066;font-weight:700}.stat-grit{color:var(--die-white)}.stat-awareness{color:var(--die-green)}.stat-ingenuity{color:var(--die-blue)}.stat-strength{color:var(--die-red)}.card[data-die-color=white]{border-color:var(--die-white)}.card[data-die-color=green]{border-color:var(--die-green)}.card[data-die-color=blue]{border-color:var(--die-blue)}.card[data-die-color=red]{border-color:var(--die-red)}.card[data-die-color=grey]{border-color:var(--die-grey)}html{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-darker)}.game-screen{position:relative;transition:background .8s ease;min-height:100vh}.game-screen[data-phase=pre-dawn]{background:var(--bg-primary);filter:brightness(.9) hue-rotate(-20deg) saturate(.8) contrast(1.1);transition:all 1.5s ease-in-out;position:relative}.game-screen[data-phase=dawn]{background:var(--bg-primary);filter:brightness(1.1) hue-rotate(15deg) sepia(.15) saturate(1.1);transition:all 2s ease-out;position:relative}.game-screen[data-phase=day]{background:var(--bg-primary);filter:brightness(1.15) hue-rotate(0deg) saturate(1.05);transition:all 1s ease-in-out;position:relative}.game-screen[data-phase=dusk]{background:var(--bg-primary);filter:brightness(1.05) hue-rotate(25deg) sepia(.2) saturate(1.2);transition:all 1s ease-in;position:relative}.game-screen[data-phase=night]{background:var(--bg-primary);filter:brightness(.75) hue-rotate(-20deg) saturate(.9) contrast(1.2);position:relative;transition:all 1.5s ease-in}.game-screen[data-phase=night-done]{background:var(--bg-primary);filter:brightness(.85) hue-rotate(-15deg) saturate(.95) contrast(1.15);transition:all 1.5s ease-out;position:relative}.game-screen[data-phase=night]:before,.game-screen.night-phase:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.5) 80%);opacity:1;animation:darknessFalling 2s ease-out;pointer-events:none;z-index:1}.game-screen.night-phase{background:var(--bg-primary);filter:brightness(.7) hue-rotate(-25deg) saturate(.8) contrast(1.25);transition:all 1s ease;position:relative}.game-screen.night-phase:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45131a,#ff45000d,#8b00001a);pointer-events:none;z-index:2;transition:opacity 1s ease}.game-screen.night-phase *{border-color:#ff45004d}.game-screen.night-phase .card-slot,.game-screen.night-phase .die-slot{box-shadow:0 0 8px #ff450033}@keyframes darknessFalling{0%{opacity:0;transform:scale(1.2);background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,0) 80%)}50%{opacity:.3;transform:scale(1.1)}to{opacity:1;transform:scale(1);background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.5) 80%)}}@keyframes dawnBreaking{0%{opacity:1;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,.5) 80%)}50%{opacity:.3;background:radial-gradient(circle at 50% 50%,#ffc8641a 30%,#ff963233 70%)}to{opacity:0;background:radial-gradient(circle at 50% 50%,#ffdc9633 20%,#ffb4501a 60%)}}.game-screen[data-phase=dawn]:before{animation:dawnBreaking 3s ease-in-out}.game-screen[data-phase=dawn]{position:relative}.game-screen[data-phase=dawn]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,220,120,.3) 0%,rgba(255,180,80,.2) 50%,transparent 80%);animation:warmGlow 3s ease-in-out;pointer-events:none;z-index:1}@keyframes warmGlow{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}.game-screen[data-phase=dusk]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 0%,rgba(255,140,0,.1) 30%,rgba(255,69,0,.15) 70%,rgba(139,69,19,.2) 100%);opacity:0;animation:duskShadows 1s ease-in forwards;pointer-events:none;z-index:1}@keyframes duskShadows{0%{opacity:0;transform:translate(-100%)}60%{opacity:.8;transform:translate(0)}to{opacity:.6;transform:translate(0)}}.game-screen[data-phase=night]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#19197033,#0006,#1919704d);opacity:0;animation:nightFalling 1.5s ease-in forwards;pointer-events:none;z-index:2}@keyframes nightFalling{0%{opacity:0;transform:translateY(-100%) scale(1.2)}50%{opacity:.7;transform:translateY(-20%) scale(1.05)}to{opacity:.8;transform:translateY(0) scale(1)}}.game-screen[data-phase=night-done]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.8) 0%,rgba(255,255,255,.3) 30%,transparent 70%);opacity:0;animation:combatFlash 1.5s ease-out forwards;pointer-events:none;z-index:3}@keyframes combatFlash{0%{opacity:0}10%{opacity:1}30%{opacity:.7}60%{opacity:.2}to{opacity:0}}.game-screen[data-phase=pre-dawn]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(70,130,180,.15) 0%,rgba(135,206,235,.1) 50%,transparent 100%);opacity:0;animation:softReset 1.5s ease-out forwards;pointer-events:none;z-index:1}@keyframes softReset{0%{opacity:0;transform:scale(1.1)}50%{opacity:.6;transform:scale(1.02)}to{opacity:.3;transform:scale(1)}}.game-screen[data-phase=dawn]:before{content:"";position:fixed;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(255,215,0,.3) 0%,rgba(255,140,0,.2) 40%,rgba(255,69,0,.1) 70%,transparent 100%);opacity:0;animation:sunriseGlow 2s ease-in-out forwards;pointer-events:none;z-index:1}@keyframes sunriseGlow{0%{opacity:0;transform:translateY(100%)}30%{opacity:.7;transform:translateY(20%)}70%{opacity:.9;transform:translateY(0)}to{opacity:.6;transform:translateY(0)}}.game-screen.skip-animations[data-phase]:before,.game-screen.skip-animations[data-phase]:after{animation:none!important;opacity:0!important;display:none!important}.game-screen.skip-animations[data-phase]{transition:none!important;filter:none!important}.survival-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#4caf50f2,#689f38f2);color:#fff;padding:20px 40px;border-radius:12px;font-size:1.5rem;font-weight:700;text-align:center;box-shadow:0 8px 32px #4caf5066;z-index:200;animation:survivalPop 3s ease-in-out forwards}@keyframes survivalPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.dice-roll-in{animation:diceRollIn 1s ease-out}@keyframes diceRollIn{0%{opacity:0;transform:translateY(-50px) rotate(180deg) scale(.5)}50%{opacity:.7;transform:translateY(-10px) rotate(90deg) scale(1.2)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.weather-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:1;transition:opacity .5s ease}.weather-overlay.rain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0%,rgba(100,150,200,.03) 50%,transparent 100%),repeating-linear-gradient(90deg,transparent 0px,rgba(160,190,220,.1) 1px,transparent 2px,transparent 15px);animation:rainfall 1.5s linear infinite}.weather-overlay.rain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3c507826;mix-blend-mode:multiply}@keyframes rainfall{0%{transform:translate(-100px) translateY(-100vh)}to{transform:translate(100px) translateY(100vh)}}.weather-overlay.fog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(200,200,200,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(180,180,180,.2) 0%,transparent 60%),radial-gradient(ellipse at 40% 80%,rgba(220,220,220,.25) 0%,transparent 55%);animation:fogDrift 8s ease-in-out infinite alternate}.weather-overlay.fog:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#8c8c8c1a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes fogDrift{0%{transform:translate(-20px);opacity:.6}to{transform:translate(20px);opacity:.9}}.weather-overlay.storm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(30deg,transparent 0px,rgba(120,120,160,.1) 1px,transparent 3px,transparent 25px),repeating-linear-gradient(-30deg,transparent 0px,rgba(100,100,140,.08) 1px,transparent 2px,transparent 30px);animation:stormWind .8s linear infinite}.weather-overlay.storm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#28284633;animation:stormFlash 3s ease-in-out infinite}@keyframes stormWind{0%{transform:translate(-50px) translateY(-50px) rotate(1deg)}to{transform:translate(100px) translateY(100px) rotate(-1deg)}}@keyframes stormFlash{0%,90%,to{opacity:1}95%{opacity:1.3;background:#7878b44d}}.weather-overlay.blood-moon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,rgba(140,20,20,.4) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgba(100,10,10,.2) 0%,transparent 40%);animation:bloodMoonPulse 4s ease-in-out infinite}.weather-overlay.blood-moon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#78141433;mix-blend-mode:multiply}@keyframes bloodMoonPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1.2;transform:scale(1.02)}}.weather-overlay.transitioning{animation:weatherTransition .5s ease-in-out}@keyframes weatherTransition{0%{opacity:1}50%{opacity:0}to{opacity:1}}.weather-impact-indicator{position:fixed;top:80px;right:20px;background:#000c;color:#fff;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);z-index:10;min-width:200px}.weather-impact-indicator .weather-impact-title{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:600}.weather-impact-indicator .weather-impact-effect{font-size:.8rem;color:#fffc}.weather-announcement{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:16px 32px;border-radius:12px;font-size:1.2rem;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);z-index:150;animation:weatherAnnouncementIn 3s ease-out forwards}@keyframes weatherAnnouncementIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.game-screen.skip-animations *{animation-duration:.1s!important;transition-duration:.1s!important}.game-screen.skip-animations .weather-overlay:before,.game-screen.skip-animations .weather-overlay:after{animation:none!important}.game-screen.fast-speed *{animation-duration:.5s!important;transition-duration:.5s!important}.game-toast{position:fixed;top:20px;right:20px;background:var(--accent);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;z-index:200;animation:slideIn .3s ease;box-shadow:0 4px 20px #ff660080;border:2px solid var(--accent-hover)}.game-toast.error{background:linear-gradient(135deg,#c62828,#d32f2f);animation:errorSlideIn .4s ease-out,errorShake .5s ease .4s;font-size:.9rem;max-width:300px;display:flex;align-items:center;gap:8px}.game-toast.error:before{content:"";display:inline-block;width:20px;height:20px;background-image:url(/assets/icons/threat.svg);background-size:contain;background-repeat:no-repeat;margin-right:8px}.icon-xs{width:14px;height:14px}.icon-sm{width:18px;height:18px}.icon-md{width:24px;height:24px}.icon-lg{width:32px;height:32px}span+.icon,.icon+span{margin-left:.25rem}@keyframes errorSlideIn{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.scenario-select{text-align:center;padding:40px 0;overflow-y:auto;max-height:calc(100vh - 120px);min-height:0;-webkit-overflow-scrolling:touch}.scenario-select h2{font-size:2.5rem;margin-bottom:8px}.scenario-select .subtitle{color:var(--text-dim);margin-bottom:30px}.scenario-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:30px}.scenario-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.scenario-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,102,0,.1),transparent);transition:left .5s;z-index:0}.scenario-card:hover:before{left:100%}.scenario-card:hover{border-color:var(--accent);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px #c628284d,0 4px 16px #f603,inset 0 1px #f603}.scenario-card>*{position:relative;z-index:1}.scenario-card .scenario-header{display:flex;align-items:flex-start;margin-bottom:12px;gap:12px}.scenario-card .scenario-icon{font-size:2rem;line-height:1;flex-shrink:0}.scenario-card .scenario-title-block{flex:1}.scenario-card h3{font-size:1.2rem;margin-bottom:4px}.scenario-card .scenario-difficulty{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scenario-card .scenario-win-condition{background:var(--bg-darker);border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin-bottom:12px;font-size:.9rem;color:var(--accent)}.scenario-card .scenario-description{color:var(--text-dim);font-size:.9rem;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scenario-card .bonus{color:var(--gold);margin-top:10px;font-size:.85rem}.save-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px}.save-slot{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s ease;min-height:120px}.save-slot:hover:not(.empty){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.save-slot.filled{border-left:4px solid var(--gold)}.save-slot.empty{border:1px dashed var(--border);opacity:.6}.enhanced-scenario-list{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.enhanced-scenario-card{min-height:200px;max-height:none;padding:20px}.scenario-flavor-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.import-section{border:1px solid var(--border);border-radius:8px;margin:16px 0;background:var(--bg-card)}.import-section summary{padding:12px 16px;cursor:pointer;font-weight:600;font-size:.9rem;background:var(--bg-darker);border-radius:8px;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease;-webkit-user-select:none;user-select:none}.import-section summary:hover{background:#ffffff1a}.import-section summary:after{content:"▼";transition:transform .2s ease;color:var(--text-dim)}.import-section[open] summary{border-radius:8px 8px 0 0;border-bottom:1px solid var(--border)}.import-section[open] summary:after{transform:rotate(-180deg)}.import-section>p,.import-section>.import-options{padding:16px;background:var(--bg-card)}.import-section .import-options{border-radius:0 0 8px 8px}.daily-challenge-card{background:linear-gradient(135deg,var(--bg-card),rgba(33,150,243,.05));border:1px solid rgba(33,150,243,.3);border-radius:12px;overflow:hidden}.daily-header{background:#2196f31a;padding:16px;border-bottom:1px solid rgba(33,150,243,.2)}.daily-details{padding:16px}.daily-challenge-name{font-size:1.1rem;margin-bottom:8px;color:var(--accent)}.daily-modifiers{background:#0003;border-radius:8px;padding:12px;margin:12px 0}.modifier-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1)}.modifier-item:last-child{border-bottom:none}.modifier-name{font-weight:600;color:var(--text)}.modifier-desc{color:var(--text-dim);text-align:right;font-size:.9rem}.game-menu{position:relative}.version-info{position:absolute;bottom:16px;right:16px;font-size:.8rem;color:var(--text-dim);opacity:.7;font-family:monospace;background:#0003;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.card-count-info{position:absolute;bottom:16px;left:16px;font-size:.8rem;color:var(--text-dim);opacity:.7;background:#0003;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.enhanced-scenario-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.enhanced-scenario-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:visible;min-height:140px;max-height:none}.enhanced-scenario-card.blue-hopeful{border-left:4px solid #2196F3;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(33,150,243,.05) 100%)}.enhanced-scenario-card.blue-hopeful:hover{border-color:#2196f3;box-shadow:0 8px 32px #2196f34d}.enhanced-scenario-card.red-aggressive{border-left:4px solid #f44336;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(244,67,54,.05) 100%)}.enhanced-scenario-card.red-aggressive:hover{border-color:#f44336;box-shadow:0 8px 32px #f443364d}.enhanced-scenario-card.green-scavenger{border-left:4px solid #4caf50;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(76,175,80,.05) 100%)}.enhanced-scenario-card.green-scavenger:hover{border-color:#4caf50;box-shadow:0 8px 32px #4caf504d}.enhanced-scenario-card.recommended{border-color:gold;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,215,0,.08) 100%)}.enhanced-scenario-card:hover{transform:translateY(-4px) scale(1.02)}.scenario-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.scenario-main-info{display:flex;align-items:flex-start;gap:16px}.scenario-thematic-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.scenario-title-section{flex:1}.scenario-name{font-size:1.4rem;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.scenario-difficulty-indicator{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-darker);padding:4px 8px;border-radius:12px}.recommended-badge{background:linear-gradient(135deg,gold,#ffb300);color:#fff;padding:4px 8px;border-radius:12px;font-size:.6rem;font-weight:600;text-align:center;white-space:nowrap;line-height:1.2}.scenario-flavor-text{color:var(--text-dim);font-size:.8rem;line-height:1.3;margin-bottom:8px;font-style:italic;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scenario-objectives{margin-bottom:8px}.scenario-objectives>div{display:flex;justify-content:space-between;margin-bottom:4px;padding:4px 8px;background:var(--bg-darker);border-radius:6px;font-size:.8rem}.objective-label{font-weight:600;color:var(--text-dim)}.objective-value{font-weight:700;color:var(--text-primary)}.scenario-player-stats{background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;padding:16px}.stats-header{font-weight:600;margin-bottom:12px;color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1.2rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.scenario-not-attempted{background:var(--bg-darker);border:1px dashed var(--border);border-radius:8px;padding:8px 12px;text-align:center;color:var(--text-dim);font-size:.8rem}.not-attempted-icon{font-size:2rem;margin-bottom:8px}.not-attempted-text{font-weight:600}.scenario-difficulty-matrix{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:30px}.scenario-difficulty-matrix h4{margin-bottom:16px;font-size:1.1rem;color:var(--text-primary)}.recommendation-grid{display:flex;flex-direction:column;gap:12px}.recommendation-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-darker);border-radius:8px;border-left:4px solid var(--border)}.recommendation-item.primary{border-left-color:#4caf50;background:#4caf501a}.recommendation-item.challenge{border-left-color:#f44336;background:#f443361a}.rec-icon{font-size:1.2rem;flex-shrink:0}.rec-text{color:var(--text-dim);font-size:.9rem}.game-top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border);margin-bottom:12px;flex-wrap:wrap;gap:10px}.status-left,.status-right{display:flex;align-items:center;gap:12px}.day-badge{font-size:1.2rem;font-weight:800;color:var(--gold)}.phase-badge{background:var(--bg-card);padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:600;transition:all .4s ease-in-out;border:1px solid var(--border)}.phase-badge[data-phase=pre-dawn]{background:#1a1a1c;color:#708090;box-shadow:0 0 10px #70809066;animation:phase-transition .6s ease-in-out}.phase-badge[data-phase=dawn]{background:#2a1010;color:#ff4d4d;box-shadow:0 0 10px #ff4d4d66;animation:phase-transition .6s ease-in-out}.phase-badge[data-phase=day]{background:#1a2a1a;color:#4a7c59;box-shadow:0 0 10px #4a7c5966;animation:phase-transition .6s ease-in-out}.phase-badge[data-phase=night]{background:#1a1a2a;color:#ff6b47;box-shadow:0 0 15px #ff6b4799;animation:nightGlow 2s ease-in-out infinite alternate}@keyframes nightGlow{0%{box-shadow:0 0 15px #ff6b4799;color:#ff6b47}to{box-shadow:0 0 25px #ff6b47e6;color:#ff8567}}@keyframes phase-transition{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.phase-container{display:flex;flex-direction:column;align-items:center;gap:2px}.phase-help-text{font-size:.7rem;color:#ffffffb3;font-style:italic;text-align:center;line-height:1}.phase-icon{width:14px;height:14px;vertical-align:middle;margin-right:4px;filter:drop-shadow(0 0 2px currentColor)}.keyword-tooltip-wrapper{position:relative;display:inline}.keyword-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;min-width:200px;max-width:280px;background:#1a1a2e;border:1px solid #d4a574;border-radius:8px;box-shadow:0 8px 24px #000000b3;animation:tooltipFadeIn .2s ease-out;pointer-events:none}.keyword-tooltip-header{background:#d4a5741a;border-bottom:1px solid rgba(212,165,116,.3);padding:6px 10px;font-size:.8rem;font-weight:700;color:#d4a574;border-radius:7px 7px 0 0}.keyword-tooltip-body{padding:8px 10px;font-size:.8rem;line-height:1.4;color:var(--text)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.scenario-badge{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.character-stats{font-size:.85rem;font-weight:600;background:var(--bg-card);padding:4px 10px;border-radius:6px;border:1px solid var(--border);color:var(--text-primary)}.character-stats-panel{display:flex;flex-direction:column;gap:8px;background:#1a1a2e;padding:8px;border-radius:8px;border:1px solid #333;color:#ddd;min-width:280px}.stats-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:4px;padding:3px 6px;background:#ffffff1a;border-radius:4px;font-size:.9rem;font-weight:600}.stat-emoji{font-size:1.1rem}.stat-level{color:#fff;font-weight:700}.kill-progress{display:flex;flex-direction:column;gap:4px}.kill-status{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600}.kill-count{color:var(--accent-hover);font-weight:700}.kill-next{color:var(--text-dim);font-size:.8rem}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784)}.achievement-progress{margin-top:8px}.achievement-progress .progress-bar{height:4px;background:#ffffff26;border-radius:2px}.achievement-progress .progress-fill{background:linear-gradient(90deg,#f60,#fa4);transition:width .3s ease}.achievement-progress .progress-text{font-size:.75rem;color:var(--text-dim);margin-top:4px;text-align:center}.milestones{display:flex;align-items:center;gap:6px;font-size:.75rem;flex-wrap:wrap}.milestone-label{color:var(--text-dim);font-weight:600}.milestone{display:flex;align-items:center;gap:2px;padding:2px 4px;border-radius:3px;font-weight:600}.milestone.completed{color:var(--die-green);background:#4caf501a}.milestone.pending{color:var(--text-dim);background:#ffffff0d}.level-up-modal{min-width:400px}.level-up-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.level-up-option{background:#2a2a3e;border:2px solid #444;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s}.level-up-option:hover{border-color:var(--accent);background:#3a3a4e;transform:translateY(-2px)}.level-up-icon{font-size:2rem;margin-bottom:8px}.level-up-name{font-weight:600;font-size:1.1rem;margin-bottom:4px}.level-up-benefit{font-size:.85rem;color:var(--text-dim)}.enhanced-hp-display{display:flex;align-items:center;gap:8px;font-weight:700;position:relative}.enhanced-hp-display.compact{gap:4px}.hp-bar-container{position:relative;display:flex;align-items:center}.enhanced-hp-bar{width:120px;height:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d}.enhanced-hp-display.compact .enhanced-hp-bar{width:80px;height:8px;border-radius:4px}.enhanced-hp-fill{height:100%;border-radius:6px;position:relative;background:linear-gradient(90deg,#ffffff1a,#ffffff0d,#0000001a),linear-gradient(90deg,currentColor,currentColor);background-blend-mode:overlay;box-shadow:0 1px 2px #0003}.enhanced-hp-display.compact .enhanced-hp-fill{border-radius:4px}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);pointer-events:none}.enhanced-hp-display.compact .hp-text{font-size:.65rem}.enhanced-hp-bar.low-hp .enhanced-hp-fill{animation:lowHpPulse 2s ease-in-out infinite}.enhanced-hp-bar.critical-hp .enhanced-hp-fill{animation:criticalHpPulse 1s ease-in-out infinite}@keyframes lowHpPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes criticalHpPulse{0%,to{opacity:1;box-shadow:0 0 #c62828b3}50%{opacity:.6;box-shadow:0 0 0 8px #c6282800}}.hp-change-indicator{position:absolute;top:-20px;right:0;font-size:.7rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:hpChangeFloat 1s ease-out;pointer-events:none;z-index:10}.hp-change-indicator.positive{color:#4caf50}.hp-change-indicator.negative{color:#f44336}@keyframes hpChangeFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.8)}}.hp-display{display:flex;align-items:center;gap:8px;font-weight:700}.hp-bar{width:100px;height:8px;background:#333;border-radius:4px;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(90deg,#c62828,#e53935);border-radius:4px;transition:width .5s ease}.threat-display{font-weight:700;font-size:1rem}.peeked-cards-display{display:flex;align-items:center;gap:6px;background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);border-radius:8px;padding:6px 12px;margin-top:8px;font-size:.85rem;color:#64c8ff}.peeked-cards-icon{font-size:1.1rem}.peeked-cards-label{font-weight:600;color:#88daff}.peeked-cards-list{color:#b0e8ff}.peeked-card-name{font-weight:500}.weather-banner{display:flex;align-items:center;gap:8px;background:#6496ff14;border:1px solid rgba(100,150,255,.2);border-radius:8px;padding:6px 12px;margin-top:8px;font-size:.85rem}.weather-emoji{font-size:1.2rem}.weather-name{font-weight:600;color:#7c8aff}.weather-desc{color:var(--text-dim)}.resources-bar{display:flex;gap:12px;padding:10px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);margin-bottom:12px;flex-wrap:wrap;align-items:center}.resource{display:flex;align-items:center;gap:4px;opacity:.5;font-size:.85rem}.resource.has{opacity:1}.resource-icon{font-size:1.1rem}.resource-amount{font-weight:700}.resource-name{color:var(--text-dim);font-size:.75rem}.resource.resource-scrap .resource-amount{color:var(--die-grey)}.resource.resource-food .resource-amount{color:var(--die-red)}.resource.resource-cloth .resource-amount{color:var(--die-blue)}.resource.resource-medicine .resource-amount{color:var(--die-green)}.resource.resource-wood .resource-amount{color:#8d6e63}.resource.resource-metal .resource-amount{color:#78909c}.deck-info{margin-left:auto;font-size:.8rem;color:var(--text-dim)}.panic-counter-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#ff980033;border:1px solid rgba(255,152,0,.4);color:#ff9800;font-size:.85rem;font-weight:600;margin-left:8px}.panic-counter-badge.high-panic{background:#f4433633;border-color:#f4433666;color:#f44336;animation:highPanicPulse 1.5s ease-in-out infinite}@keyframes highPanicPulse{0%,to{transform:scale(1);box-shadow:0 0 8px #f443364d}50%{transform:scale(1.05);box-shadow:0 0 15px #f4433699}}.panic-counter-icon{font-size:.9rem;animation:panicCounterSpin 3s linear infinite}@keyframes panicCounterSpin{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(0)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.panic-prevention-toast{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;padding:16px 24px;border-radius:12px;font-weight:700;font-size:1rem;z-index:250;animation:panicToastSlideIn .5s ease-out;box-shadow:0 8px 32px #ff980066;border:2px solid rgba(255,152,0,.6);min-width:300px;display:flex;align-items:center;gap:12px}.panic-prevention-toast:before{content:"⚠️";font-size:1.5rem;animation:panicToastIconBounce .5s ease-out}@keyframes panicToastSlideIn{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panicToastIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.panic-screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,152,0,.3) 0%,rgba(255,193,7,.2) 30%,transparent 70%);pointer-events:none;z-index:200;animation:panicFlash .8s ease-out}@keyframes panicFlash{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.deck-counter-highlight{animation:deckPanicHighlight 1s ease-out}@keyframes deckPanicHighlight{0%{background:#ff98001a;border-color:transparent}50%{background:#ff98004d;border-color:#ff9800;transform:scale(1.05)}to{background:#ff98001a;border-color:transparent;transform:scale(1)}}.deck-info-group{margin-left:auto;display:flex;gap:8px;align-items:center}.pile-wrapper{position:relative}.pile-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--card-bg, #1a1a2e);border:1px solid var(--border, #333);cursor:default;font-size:.8rem;transition:border-color .2s}.pile-wrapper:hover .pile-badge{border-color:var(--accent, #4fc3f7)}.pile-count{font-weight:700;color:var(--text-primary, #eee)}.pile-label{color:var(--text-dim, #888);font-size:.7rem}.pile-icon{font-size:.9rem}.pile-card-back{width:20px;height:20px;border-radius:3px}.pile-popup{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;max-height:400px;background:#111827;border:1px solid #374151;border-radius:10px;box-shadow:0 8px 32px #0009;z-index:100;overflow:hidden;animation:pilePopIn .15s ease-out}@keyframes pilePopIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pile-popup-header{padding:10px 12px;font-size:.8rem;font-weight:600;color:#9ca3af;border-bottom:1px solid #1f2937;background:#0d1117;position:sticky;top:0}.pile-popup-list{max-height:340px;overflow-y:auto;padding:4px 0}.pile-popup-item{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:.78rem;color:#d1d5db;transition:background .1s}.pile-popup-item:hover{background:#1f2937}.pile-popup-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.pile-popup-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pile-popup-count{color:#6b7280;font-weight:600;font-size:.75rem}.pile-popup-item.type-panic .pile-popup-name{color:#f87171}.pile-popup-item.type-combat .pile-popup-name{color:#fb923c}.pile-popup-item.type-action .pile-popup-name{color:#60a5fa}.pile-popup-item.type-location .pile-popup-name{color:#34d399}.pile-popup-item.type-item .pile-popup-name{color:#a78bfa}.pile-popup-item.type-event .pile-popup-name{color:#f472b6}.deck-stats-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#c628281a;border:1px solid var(--accent);color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.deck-stats-button:hover{background:#c6282833;transform:translateY(-1px);box-shadow:0 4px 8px #c6282833}.deck-stats-button:active{transform:translateY(0)}.location-slots{margin-bottom:12px}.location-slots h3{font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.slots-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.location-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:12px;min-height:120px;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.location-card.empty{border-style:dashed;border-color:#fff3;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.03) 8px,rgba(255,255,255,.03) 16px)}.location-card.built{border-style:solid;border-color:var(--green)}.location-card.active{box-shadow:0 0 20px #4caf504d;border-color:var(--die-green)}.location-card.clickable{cursor:pointer}.location-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 25px #4caf5066;border-color:#81c784}.location-card.exhausted{opacity:.6;filter:grayscale(50%)}.location-card.used{opacity:.7;background:#8080801a}.location-card.location-type-gathering{border-left:4px solid #4caf50}.location-card.location-type-crafting{border-left:4px solid #ff9800}.location-card.location-type-combat{border-left:4px solid #f44336}.location-card.location-type-utility{border-left:4px solid #9c27b0}.location-content{display:flex;flex-direction:column;height:100%}.location-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.location-emoji{font-size:1.5rem;margin-right:8px}.location-indicators{display:flex;gap:4px;align-items:center}.auto-indicator{background:gold;color:#000;font-size:.7rem;padding:1px 4px;border-radius:3px;font-weight:700}.used-badge{background:#808080cc;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700}.location-info{flex:1;margin-bottom:8px}.location-name{font-weight:700;font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.location-description{font-size:.8rem;color:var(--text-secondary);line-height:1.3}.location-uses{margin-bottom:8px}.uses-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.8rem}.uses-label{color:var(--text-dim);font-weight:500}.uses-count{color:var(--gold);font-weight:700}.uses-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:4px}.uses-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:2px;transition:width .3s ease}.location-card .uses-progress-fill{background:linear-gradient(90deg,#4caf50,#81c784)}.location-card.location-durability-low .uses-progress-fill{background:linear-gradient(90deg,#ff9800,#ffb74d)}.location-card.location-durability-critical .uses-progress-fill{background:linear-gradient(90deg,var(--die-red),var(--color-strength))}.location-action-hint{font-size:.75rem;color:var(--die-green);text-align:center;opacity:.8}.construction-site{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.construction-icon{font-size:2rem;margin-bottom:8px;opacity:.6}.construction-text{font-weight:600;font-size:.9rem;margin-bottom:4px}.construction-hint{font-size:.75rem;opacity:.7}.location-type-gathering .loc-type-badge{background:#4caf5033;color:var(--die-green)}.location-type-crafting .loc-type-badge{background:#ff980033;color:#ff9800}.location-type-combat .loc-type-badge{background:#f4433633;color:var(--red)}.location-type-utility .loc-type-badge{background:#9c27b033;color:#9c27b0}.loc-uses-section{display:flex;align-items:center;gap:6px;margin:4px 0}.uses-pips{display:flex;gap:2px}.use-pip{font-size:.7rem;line-height:1}.use-pip.filled{color:var(--gold)}.use-pip.empty{color:#333}.loc-uses-text{font-size:.75rem;color:var(--gold);font-weight:600}.loc-effect{font-size:.78rem;color:var(--text-dim);margin-bottom:4px;line-height:1.2}.location-slot.exhausted{opacity:.5}.location-slot.exhausted .loc-name{text-decoration:line-through;color:var(--text-dim)}.loc-empty{color:#444;text-align:center;font-size:.85rem}.dice-pool{margin-bottom:12px}.dice-pool-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dice-pool-label{font-size:.9rem;color:var(--text-dim)}.reroll-count{color:var(--gold);font-size:.8rem;font-weight:400}.dice-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px;background:linear-gradient(135deg,#0000001a,#0003);border-radius:12px;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 2px 8px #0003;position:relative;min-height:94px;justify-content:center}.die{width:70px;height:70px;border:3px solid var(--border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-card),var(--bg-darker));box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;min-width:44px;min-height:44px;transform-style:preserve-3d;perspective:300px;transform:rotateX(5deg) rotateY(-5deg)}.die.clickable{cursor:pointer}.die.clickable:hover{transform:rotateX(5deg) rotateY(-5deg) translateY(-4px) scale(1.08);box-shadow:0 8px 20px #00000080,0 0 15px #fff3,inset 0 1px #ffffff4d,inset 0 -1px #0003}.die.selected{border-color:var(--gold)!important;box-shadow:0 0 30px #ffd700e6,0 0 15px #ffd700b3,0 4px 12px #0006,inset 0 1px #ffffff4d,inset 0 0 20px #ffd70033;transform:rotateX(5deg) rotateY(-5deg) translateY(-4px) scale(1.15);z-index:10;animation:selectedDieGlow 2s ease-in-out infinite}@keyframes selectedDieGlow{0%,to{box-shadow:0 0 30px #ffd700e6,0 0 15px #ffd700b3,0 4px 12px #0006,inset 0 1px #ffffff4d,inset 0 0 20px #ffd70033}50%{box-shadow:0 0 40px gold,0 0 25px #ffd700e6,0 4px 15px #00000080,inset 0 1px #fff6,inset 0 0 25px #ffd7004d}}.die.used{opacity:.3;cursor:not-allowed;filter:grayscale(80%) brightness(.7);transform:rotateX(5deg) rotateY(-5deg) scale(.85);position:relative}.die.used:after{content:"USED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none;z-index:5}.die-color{display:none}.die-value{font-size:1.8rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);color:#fff}.die.die-white{border-color:#c0c7d4;background:linear-gradient(135deg,#e8eaed,#c0c7d4);box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff4d,0 0 10px #c0c7d466}.die.die-white .die-value{color:#2d3748;text-shadow:0 1px 2px rgba(255,255,255,.8)}.die.die-green{border-color:#2d5a2d;background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 8px #0000004d,inset 0 1px #81c7844d,0 0 15px #4caf5080}.die.die-blue{border-color:#1565c0;background:linear-gradient(135deg,#2196f3,#1565c0);box-shadow:0 4px 8px #0000004d,inset 0 1px #64b5f64d,0 0 15px #2196f380}.die.die-red{border-color:#c62828;background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 4px 8px #0000004d,inset 0 1px #ef9a9a4d,0 0 15px #f4433680}.die.die-grey{border-color:#757575;background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 4px 8px #0000004d,inset 0 1px #bdbdbd4d,0 0 15px #9e9e9e80}.die.die-grey .die-value{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.die.die-white:hover:not(.used){box-shadow:0 8px 16px #0006,inset 0 1px #fff6,0 0 20px #c0c7d4b3}.die.die-green:hover:not(.used){box-shadow:0 8px 16px #0006,inset 0 1px #81c78466,0 0 25px #4caf50cc}.die.die-blue:hover:not(.used){box-shadow:0 8px 16px #0006,inset 0 1px #64b5f666,0 0 25px #2196f3cc}.die.die-red:hover:not(.used){box-shadow:0 8px 16px #0006,inset 0 1px #ef9a9a66,0 0 25px #f44336cc}.die.die-grey:hover:not(.used){box-shadow:0 8px 16px #0006,inset 0 1px #bdbdbd66,0 0 25px #9e9e9ecc}.die.has-doubles{animation:doublesGlow 2s ease-in-out infinite;position:relative}.die.has-doubles:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--gold);border-radius:20px;animation:doublesPulse 2s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes doublesGlow{0%,to{box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a,0 0 15px #ffd70066}50%{box-shadow:0 4px 8px #0000004d,inset 0 1px #fff3,0 0 25px #ffd700b3}}@keyframes doublesPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.no-dice-message{text-align:center;padding:16px;color:var(--text-dim);font-style:italic;font-size:.9rem;background:#ffffff0d;border-radius:8px;border:1px dashed var(--border)}.doubles-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;margin-bottom:8px;animation:doublesAvailablePulse 2s ease-in-out infinite}.doubles-indicator-icon{font-size:1.2rem;color:var(--gold)}.doubles-indicator-text{color:var(--gold);font-weight:600;font-size:.9rem}@keyframes doublesAvailablePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.die-hint{margin-top:8px;font-size:.85rem;color:var(--gold);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dice-tumble{0%{transform:rotate(0) scale(1) translate(0);opacity:.8}10%{transform:rotate(36deg) scale(1.15) translate(2px,-3px);opacity:.9}20%{transform:rotate(108deg) scale(.9) translate(-3px,2px);opacity:1}30%{transform:rotate(180deg) scale(1.2) translate(1px,-4px);opacity:.8}40%{transform:rotate(252deg) scale(.85) translate(-4px,1px);opacity:1}50%{transform:rotate(324deg) scale(1.1) translate(3px,-2px);opacity:.9}60%{transform:rotate(396deg) scale(.95) translate(-1px,3px);opacity:1}70%{transform:rotate(468deg) scale(1.05) translate(2px,-1px);opacity:.95}80%{transform:rotate(540deg) scale(1) translate(0);opacity:1}90%{transform:rotate(576deg) scale(1.08) translateY(-1px);opacity:1}to{transform:rotate(600deg) scale(1) translate(0);opacity:1}}@keyframes dice-settle{0%{transform:scale(1.08) translateY(-2px)}40%{transform:scale(.95) translateY(1px)}70%{transform:scale(1.03) translateY(-1px)}to{transform:scale(1) translateY(0)}}@keyframes dice-value-appear{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes dice-pulse{0%,to{transform:scale(1);box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a}50%{transform:scale(1.05);box-shadow:0 6px 12px #0006,inset 0 1px #fff3,0 0 15px currentColor}}.die-rolling{animation:dice-tumble .6s cubic-bezier(.175,.885,.32,1.1)}.die-rolling .die-value{opacity:0}.die-settled{animation:dice-settle .3s ease-out,dice-pulse .5s ease-out .3s}.die-settled .die-value{animation:dice-value-appear .4s ease-out .3s both}.die-rolling:nth-child(1){animation-duration:.6s;animation-delay:0s}.die-rolling:nth-child(2){animation-duration:.65s;animation-delay:.1s}.die-rolling:nth-child(3){animation-duration:.7s;animation-delay:.2s}.die-rolling:nth-child(4){animation-duration:.75s;animation-delay:.3s}.die-rolling:nth-child(5){animation-duration:.8s;animation-delay:.4s}.die-rolling:nth-child(6){animation-duration:.85s;animation-delay:.5s}@keyframes die-shrink-to-card{0%{transform:scale(1) translateY(0);opacity:1}30%{transform:scale(1.1) translateY(-10px);opacity:1}to{transform:scale(.3) translateY(-50px);opacity:0}}.die-being-used{animation:die-shrink-to-card .6s ease-in forwards;pointer-events:none;z-index:20}.die-rerolling{animation:dice-tumble .5s cubic-bezier(.175,.885,.32,1.1)}.die-rerolling .die-value{animation:dice-value-appear .3s ease-out .4s both}@keyframes screen-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes combat-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px,-2px)}20%,40%,60%,80%{transform:translate(3px,2px)}}.damage-shake{animation:screen-shake .3s ease-out}.combat-shake{animation:combat-shake .4s ease-out}.hand-zone{margin-top:16px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);margin-bottom:12px;overflow:visible;position:relative;z-index:1}.die.compatible-highlighted,.hand-card.compatible-highlighted{border-color:var(--gold)!important;box-shadow:0 0 15px #f9a82566!important;animation:compatibilityGlow 2s infinite}.die.compatibility-dimmed,.hand-card.compatibility-dimmed{opacity:.4;filter:grayscale(50%)}@keyframes compatibilityGlow{0%,to{box-shadow:0 0 15px #f9a82566}50%{box-shadow:0 0 25px #f9a82599}}.threat-preview{animation:threatPreviewPulse .5s ease-in-out}.threat-preview-new{color:var(--accent);font-weight:700;animation:threatHighlight .5s ease-in-out}.threat-preview-indicator{position:absolute;background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;top:-8px;right:-8px;opacity:0;z-index:10;animation:threatIndicatorShow .3s ease-in-out forwards;pointer-events:none}.hc-threat:hover .threat-preview-indicator{opacity:1}@keyframes threatPreviewPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes threatHighlight{0%{background-color:transparent}50%{background-color:#c6282833}to{background-color:transparent}}@keyframes threatIndicatorShow{0%{opacity:0;transform:scale(.8) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.hand-zone h3{font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.hand-cards{display:flex;justify-content:center;align-items:flex-end;padding:20px 10px 10px;min-height:200px;position:relative}.card-frame{border-radius:8px;transition:box-shadow .2s,border-color .2s}@keyframes card-draw{0%{transform:translateY(-60px) scale(.7) rotate(10deg);opacity:0}40%{transform:translateY(-20px) scale(.9) rotate(5deg);opacity:.8}70%{transform:translateY(5px) scale(1.05) rotate(-2deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.card-new{animation:card-draw .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes card-play{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;box-shadow:0 4px 8px #0000004d}15%{transform:translateY(-10px) scale(1.05) rotate(-2deg);opacity:1;box-shadow:0 8px 20px #f9a82566}50%{transform:translateY(-30px) scale(1.1) rotate(-5deg);opacity:.9;box-shadow:0 12px 30px #f9a82599}75%{transform:translateY(-80px) scale(.7) rotate(8deg);opacity:.6;box-shadow:0 8px 20px #f9a8254d}to{transform:translateY(-120px) scale(.3) rotate(15deg);opacity:0;box-shadow:none}}.card-playing{animation:card-play .5s ease-out forwards;z-index:1000;pointer-events:none}@keyframes sparkle-glow{0%{opacity:0;transform:scale(.5);background:radial-gradient(circle,rgba(249,168,37,.8),transparent 50%)}25%{opacity:1;transform:scale(1.2);background:radial-gradient(circle,rgba(249,168,37,1),rgba(255,215,0,.6) 30%,transparent 70%)}50%{opacity:1;transform:scale(1.4);background:radial-gradient(circle,rgba(255,215,0,1),rgba(249,168,37,.8) 40%,transparent 80%)}75%{opacity:.8;transform:scale(1.1);background:radial-gradient(circle,rgba(249,168,37,.6),transparent 60%)}to{opacity:0;transform:scale(1);background:radial-gradient(circle,transparent,transparent)}}.play-target-sparkle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;pointer-events:none;z-index:999;animation:sparkle-glow .6s ease-out}@keyframes card-discard{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}40%{transform:translateY(20px) scale(.9) rotate(-10deg);opacity:.8}to{transform:translateY(100px) scale(.6) rotate(-25deg);opacity:0}}.card-discarding{animation:card-discard .3s ease-out forwards}@keyframes card-fan-in{0%{transform:translateY(-40px) scale(.8) rotate(25deg);opacity:0}60%{transform:translateY(-10px) scale(1.02) rotate(-5deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.card-fan-in{animation:card-fan-in .5s cubic-bezier(.175,.885,.32,1.275)}.card-fan-in:nth-child(1){animation-delay:0ms}.card-fan-in:nth-child(2){animation-delay:60ms}.card-fan-in:nth-child(3){animation-delay:.12s}.card-fan-in:nth-child(4){animation-delay:.18s}.card-fan-in:nth-child(5){animation-delay:.24s}.card-fan-in:nth-child(6){animation-delay:.3s}.card-fan-in:nth-child(7){animation-delay:.36s}.card-frame.rarity-common{border:2px solid #555}.card-frame.rarity-uncommon{border:2px solid #4fc3f7;box-shadow:0 0 6px #4fc3f733}.card-frame.rarity-rare{border:2px solid #ffd700;box-shadow:0 0 8px #ffd7004d;animation:rare-shimmer 3s ease-in-out infinite}.card-frame.rarity-legendary{border:2px solid #ff9800;box-shadow:0 0 12px #ff980066;animation:legendary-glow 2s ease-in-out infinite}@keyframes rare-shimmer{0%,to{box-shadow:0 0 8px #ffd70033}50%{box-shadow:0 0 15px #ffd70080}}@keyframes legendary-glow{0%,to{box-shadow:0 0 12px #ff980066,0 0 20px #ff980033;border-color:#ff9800}50%{box-shadow:0 0 18px #ff980099,0 0 30px #ff98004d;border-color:#ffb74d}}.night-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000000e6,#0f0f1ee6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:night-preview-fade-in .5s ease-out}.night-preview-content{text-align:center;color:var(--text-primary);max-width:600px;padding:40px;background:#000000b3;border:2px solid var(--border);border-radius:12px;box-shadow:0 0 30px #000c;animation:night-preview-slide-in .8s ease-out}.night-falls-text{font-size:3rem;margin-bottom:30px;background:linear-gradient(45deg,#e1e5f0,#d4a574);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(212,165,116,.5);animation:night-text-glow 2s ease-in-out infinite}.night-preview-events h3{font-size:1.5rem;margin-bottom:20px;color:var(--accent)}.event-list{list-style:none;padding:0;margin:0 0 30px}.event-item{font-size:1.2rem;margin-bottom:10px;padding:10px 20px;background:#ffffff1a;border:1px solid var(--border);border-radius:6px;animation:event-item-fade-in .6s ease-out forwards;opacity:0}.event-item:nth-child(1){animation-delay:.2s}.event-item:nth-child(2){animation-delay:.4s}.event-item:nth-child(3){animation-delay:.6s}.event-item:nth-child(4){animation-delay:.8s}.night-preview-quiet p{font-size:1.5rem;color:var(--text-dim);margin-bottom:30px;font-style:italic}.preview-hint{font-size:1rem;color:var(--text-dim);font-style:italic;opacity:.8}@keyframes night-preview-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes night-preview-slide-in{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes night-text-glow{0%,to{text-shadow:0 0 20px rgba(212,165,116,.3)}50%{text-shadow:0 0 30px rgba(212,165,116,.6),0 0 40px rgba(212,165,116,.4)}}@keyframes event-item-fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.skip-animations .night-preview-overlay,.fast-speed .night-preview-overlay,.skip-animations .night-preview-content,.fast-speed .night-preview-content{animation-duration:.2s}.skip-animations .event-item,.fast-speed .event-item{animation-duration:.2s;animation-delay:0s!important}.skip-animations .night-falls-text,.fast-speed .night-falls-text{animation:none}.card-frame.type-combat{background:linear-gradient(180deg,#1a0000,#111)}.card-frame.type-item{background:linear-gradient(180deg,#001a1a,#111)}.card-frame.type-action{background:linear-gradient(180deg,#0a0a1a,#111)}.card-frame.type-event{background:linear-gradient(180deg,#1a0a1a,#111)}.card-frame.type-panic{background:linear-gradient(180deg,#1a001a,#111)}.card-frame.type-location{background:linear-gradient(180deg,#001a00,#111)}.card-frame.die-req-red{border-left:4px solid var(--die-red)!important}.card-frame.die-req-blue{border-left:4px solid var(--die-blue)!important}.card-frame.die-req-green{border-left:4px solid var(--die-green)!important}.card-frame.die-req-white{border-left:4px solid var(--die-white)!important}.card-frame.die-req-grey{border-left:4px solid var(--die-grey)!important}.card-frame.die-req-any{border-left:4px solid transparent!important;border-image:linear-gradient(135deg,var(--die-red),var(--die-blue),var(--die-green),var(--die-grey)) 1!important}.card-emoji{font-size:1.1rem;text-align:center;margin:2px 0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.hand-card{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;padding:4px;transform:rotate(var(--card-rotation, 0deg)) translateY(var(--card-y-offset, 0px));transform-origin:bottom center;transition:transform .25s ease,box-shadow .2s ease,z-index 0s;margin:0 -12px;width:140px;min-width:100px;flex-shrink:0;position:relative;overflow:visible}.hand-card.playable{cursor:pointer;opacity:1;border-color:#4caf50cc;box-shadow:0 0 12px #4caf5066;animation:playableGlow 3s ease-in-out infinite}.hand-card:hover{transform:translateY(-25px) rotate(0) scale(1.05);z-index:200!important;box-shadow:0 8px 25px #0006}.hand-card.playable:hover{border-color:var(--accent);animation:none}@keyframes playableGlow{0%,to{box-shadow:0 0 8px #4caf504d;transform:translateY(0)}50%{box-shadow:0 0 15px #4caf5080;transform:translateY(-2px)}}.hand-card.unplayable{opacity:.5;filter:saturate(.4) brightness(.7) grayscale(30%);cursor:not-allowed}.hand-card.unplayable:hover{transform:none;border-color:var(--border);box-shadow:none}.hand-card.selectable{cursor:pointer;opacity:.75;filter:saturate(.7)}.hand-card.selectable:hover{opacity:1;filter:none;border-color:var(--accent)}.hand-card.selected{border-color:var(--gold)!important;border-width:3px!important;box-shadow:0 0 25px #f9a82599,0 0 40px #f9a8254d;transform:translateY(-12px) scale(1.05);animation:selectedPulse 2s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 25px #f9a82599,0 0 40px #f9a8254d}50%{box-shadow:0 0 30px #f9a825cc,0 0 50px #f9a82566}}.hand-card.keyboard-focused{border-color:var(--accent)!important;border-width:2px!important;box-shadow:0 0 15px #ff660080,0 0 25px #f603;transform:translateY(-8px) scale(1.02)}.hand-card.die-assignment-compatible{border-color:#4caf50!important;box-shadow:0 0 20px #4caf50b3;animation:compatiblePulse 1.5s ease-in-out infinite;position:relative}.hand-card.die-assignment-incompatible{opacity:.3;filter:saturate(.2) brightness(.6) grayscale(80%);border-color:#80808080!important}@keyframes compatiblePulse{0%,to{border-color:#4caf50cc;box-shadow:0 0 15px #4caf5099}50%{border-color:#4caf50;box-shadow:0 0 25px #4caf50cc}}.hand-card.die-assignment-compatible:after{content:attr(data-die-hint);position:absolute;top:-8px;right:-8px;background:#4caf50e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap;z-index:10;box-shadow:0 2px 6px #0000004d}.hand-card.can-use-die{border-color:#d4a574!important;box-shadow:0 0 15px #d4a57499;animation:goldPulse 2s infinite}.hand-card.playable-available{border-color:#4caf5099;box-shadow:0 0 8px #4caf504d}@keyframes goldPulse{0%,to{box-shadow:0 0 15px #d4a57499;border-color:#d4a574}50%{box-shadow:0 0 25px #d4a574e6;border-color:#e6c695}}.hand-card.card-playing{animation:cardPlaySequence 1.2s ease-out forwards;pointer-events:none;z-index:1000}@keyframes cardPlaySequence{0%{transform:translateY(-12px) scale(1.05);box-shadow:0 0 20px #f9a82599}25%{transform:translateY(-20px) scale(1.1);box-shadow:0 0 30px #f9a825cc,0 0 60px #f9a8254d}50%{transform:translateY(-24px) scale(1.08);box-shadow:0 0 25px #f9a825e6}75%{transform:translateY(-200px) scale(.6) rotateY(15deg);opacity:.8;box-shadow:0 0 15px #f9a82580}to{transform:translateY(-300px) scale(.3) rotateY(30deg);opacity:0;box-shadow:none}}.die-merge-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;z-index:1001;pointer-events:none;animation:dieMergeEffect 1s ease-out forwards}@keyframes dieMergeEffect{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.effect-flash{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:1002;pointer-events:none;animation:effectFlash 1.5s ease-out forwards}@keyframes effectFlash{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.8)}25%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.05)}75%{opacity:1;transform:translate(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}}.card-type-effect{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;z-index:999}.card-type-effect.combat{background:radial-gradient(circle,rgba(239,83,80,.3) 0%,transparent 70%);animation:combatEffect .8s ease-out}.card-type-effect.action{background:radial-gradient(circle,rgba(66,165,245,.3) 0%,transparent 70%);animation:actionEffect .8s ease-out}.card-type-effect.location{background:radial-gradient(circle,rgba(76,175,80,.3) 0%,transparent 70%);animation:locationEffect .8s ease-out}@keyframes combatEffect{0%{opacity:0;transform:scale(.8);background:radial-gradient(circle,rgba(239,83,80,0) 0%,transparent 70%)}50%{opacity:1;transform:scale(1.1);background:radial-gradient(circle,#ef535099,#f003 70%)}to{opacity:0;transform:scale(1)}}@keyframes actionEffect{0%{opacity:0;transform:scale(1) rotate(0)}25%{opacity:.8;transform:scale(1.05) rotate(2deg)}50%{opacity:1;transform:scale(1.1) rotate(-2deg)}75%{opacity:.8;transform:scale(1.05) rotate(1deg)}to{opacity:0;transform:scale(1) rotate(0)}}@keyframes locationEffect{0%{opacity:0;transform:scale(.9);filter:brightness(1)}30%{opacity:.8;transform:scale(1.02);filter:brightness(1.3)}60%{opacity:1;transform:scale(1.05);filter:brightness(1.5)}to{opacity:0;transform:scale(1);filter:brightness(1)}}.hand-card.card-reorganizing{animation:cardReorganize .4s ease-out forwards}.hand-card.sliding-left{animation:slideLeft .4s ease-out forwards}.hand-card.sliding-right{animation:slideRight .4s ease-out forwards}@keyframes cardReorganize{0%{transform:translate(0) scale(1)}50%{transform:translate(-5px) scale(.98)}to{transform:translate(0) scale(1)}}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(100%)}}.hand-card.card-entering{animation:cardEnter .6s ease-out forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(50px) scale(.8) rotateX(45deg)}50%{opacity:.7;transform:translateY(10px) scale(.95) rotateX(15deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.hand-card.card-discarding{animation:cardDiscard .8s ease-in forwards;pointer-events:none;z-index:999}@keyframes cardDiscard{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}50%{opacity:.7;transform:translateY(30px) scale(.95) rotate(-5deg)}to{opacity:0;transform:translateY(100px) scale(.7) rotate(-15deg)}}.discard-indicator{position:absolute;top:-20px;right:10px;background:#ff4500e6;color:#fff;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:700;z-index:1003;pointer-events:none;animation:discardIndicator 1.2s ease-out forwards}@keyframes discardIndicator{0%{opacity:0;transform:scale(.5) translateY(0)}30%{opacity:1;transform:scale(1.2) translateY(-5px)}60%{opacity:1;transform:scale(1) translateY(-8px)}to{opacity:0;transform:scale(.8) translateY(-15px)}}.game-screen.skip-animations .hand-card.card-playing{animation:none;opacity:0;transform:scale(0)}.game-screen.skip-animations .hand-card.card-entering{animation:none}.game-screen.skip-animations .hand-card.card-discarding{animation:none;opacity:0}.game-screen.skip-animations .hand-card.sliding-left,.game-screen.skip-animations .hand-card.sliding-right{animation:none}.game-screen.skip-animations .die-merge-overlay,.game-screen.skip-animations .effect-flash,.game-screen.skip-animations .card-type-effect,.game-screen.skip-animations .discard-indicator{animation:none;opacity:0}.hand-size-indicator{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;color:var(--text-dim)}.hand-size-count{font-weight:600;color:var(--text-primary)}.hand-size-warning{color:#ff6b35;font-weight:600;animation:handWarning 2s ease-in-out infinite}.hand-empty-hint{color:var(--accent);font-style:italic;animation:handEmptyPulse 3s ease-in-out infinite}@keyframes handWarning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes handEmptyPulse{0%,to{opacity:.7}50%{opacity:1}}.hand-card.combat{border-left:4px solid var(--red)}.hand-card.action{border-left:4px solid var(--blue)}.hand-card.location{border-left:4px solid var(--green)}.hand-card.item{border-left:4px solid #455a64}.hand-card.panic{border-left:4px solid #6a1b9a}.hc-art{width:100%;aspect-ratio:5/3;overflow:hidden;border-radius:6px;margin-bottom:4px}.hc-art img{width:100%;height:100%;object-fit:cover;display:block;max-width:100%;max-height:100%;aspect-ratio:1}.hc-art.loading{background:linear-gradient(-90deg,#444,#555,#444);background-size:400% 400%;animation:pulse-loading 1.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center;color:#888;font-size:.75rem}.hc-art.loading:before{content:"🖼️";font-size:1.2rem;opacity:.5}@keyframes pulse-loading{0%,to{background-position:0% 0%}50%{background-position:-400% 0%}}.zombie-art{width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px;margin-bottom:6px}.zombie-art img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1}.zombie-art.loading{background:linear-gradient(-90deg,#444,#555,#444);background-size:400% 400%;animation:pulse-loading 1.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center;color:#888;font-size:.75rem}.zombie-art.loading:before{content:"🧟";font-size:1.5rem;opacity:.5}.draft-card-art{width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;margin-bottom:8px}.draft-card-art img{width:100%;height:100%;object-fit:cover;display:block}.hc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;position:relative;z-index:2}.hc-name{font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-type{font-size:.9rem;flex-shrink:0;display:none}.hc-die-req{font-size:.8rem;margin-bottom:6px;color:var(--text-dim)}.die-requirement{display:flex;align-items:center;gap:6px}.die-color-dot{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid #333}.die-color-dot.white{background:var(--die-white)}.die-color-dot.green{background:var(--die-green)}.die-color-dot.blue{background:var(--die-blue)}.die-color-dot.red{background:var(--die-red)}.die-color-dot.gold{background:var(--die-gold)}.die-color-dot.any{background:linear-gradient(45deg,var(--die-white),var(--die-green),var(--die-blue),var(--die-red))}.die-restriction{color:var(--text);font-weight:600}.dual-die-req{display:flex;align-items:center;gap:4px;margin-top:2px}.dual-die-icon{font-size:1rem}.hand-card.dimmed{opacity:.4;filter:grayscale(60%)}.hc-effect{font-size:.78rem;line-height:1.25;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:3;position:relative;z-index:2;-webkit-box-orient:vertical;overflow:hidden}.effect-text .kw{color:#e8dcc8;font-weight:700;cursor:help;border-bottom:1px dotted rgba(232,220,200,.4)}.effect-text .die-icon{font-size:.9em;vertical-align:middle}.hc-footer{display:flex;gap:8px;align-items:center;font-size:.75rem;flex-wrap:wrap}.hc-threat{color:var(--accent);font-weight:700}.hc-cost{color:var(--text-dim)}.hc-flavor{font-size:.75rem;color:#555;font-style:italic;margin-top:6px;border-top:1px solid #222;padding-top:4px}.panic-zone{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9000;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;animation:panicPulse 2s infinite}.panic-zone>*{max-width:500px;width:100%}.panic-zone h3{text-align:center}.panic-resolve-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card));border:2px solid var(--danger);border-radius:12px;padding:24px;box-shadow:0 0 40px #6a1b9a80}@keyframes panicPulse{0%,to{box-shadow:0 0 20px #6a1b9a4d}50%{box-shadow:0 0 40px #6a1b9a80}}.hand-card.type-panic{background:linear-gradient(135deg,#3d2f00,#2d1f00);border:2px solid #ff9800;border-image:linear-gradient(45deg,#ff9800,#ffb74d,#ffa726) 1;box-shadow:0 0 15px #ff980066;animation:panicCardPulse 2s ease-in-out infinite;transform:rotate(-1deg);position:relative;overflow:visible}.hand-card.type-panic:hover{transform:rotate(0) translateY(-8px);border-color:#ffb74d;box-shadow:0 8px 25px #ff980099;animation:none}.hand-card.type-panic:before{content:"⚠️";position:absolute;top:-8px;right:-8px;font-size:1.2rem;background:#ff9800;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff980099;z-index:5;animation:panicIconPulse 1.5s ease-in-out infinite}.hand-card.type-panic:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid transparent;border-radius:inherit;background:linear-gradient(45deg,transparent,rgba(255,152,0,.3),transparent,rgba(255,152,0,.3)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.hand-card.type-panic .hc-header,.hand-card.type-panic .hc-effect,.hand-card.type-panic .hc-footer{position:relative}.hand-card.type-panic .hc-header:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff9800,transparent);background-size:8px 2px;background-repeat:repeat-x}.hand-card.type-panic .hc-name{color:#ffb74d;text-shadow:0 0 8px rgba(255,152,0,.8);font-weight:700}.hand-card.type-panic .hc-effect{color:#ffe0b3;background:#ff98001a;border-radius:4px;padding:4px 6px;border:1px solid rgba(255,152,0,.3)}@keyframes panicCardPulse{0%,to{box-shadow:0 0 15px #ff980066;filter:brightness(1)}50%{box-shadow:0 0 25px #ff9800b3;filter:brightness(1.1)}}@keyframes panicIconPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff980099}50%{transform:scale(1.1);box-shadow:0 2px 12px #ff9800e6}}.panic-zone h3{background:linear-gradient(90deg,#ff9800,#ffb74d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.4rem;font-weight:700;margin-bottom:16px;text-align:center;text-shadow:0 0 20px rgba(255,152,0,.5)}.panic-zone h3:before{content:"😰 ";-webkit-text-fill-color:#ff9800;text-shadow:0 0 15px rgba(255,152,0,.8);animation:panicHeaderPulse 2s ease-in-out infinite}@keyframes panicHeaderPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.panic-resolve-card{background:#ff98001a;border:2px solid rgba(255,152,0,.3);border-radius:12px;padding:20px;position:relative;overflow:hidden}.panic-resolve-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,152,0,.2),transparent);animation:panicCardSweep 3s ease-in-out infinite;pointer-events:none}@keyframes panicCardSweep{0%{left:-100%}50%{left:100%}to{left:-100%}}.panic-card-desc{font-size:1rem;font-weight:500;color:#ffe0b3;background:#0000004d;border-radius:8px;padding:12px;margin-bottom:16px;border-left:4px solid #ff9800}.panic-dice-section:before{content:"⏱️ URGENT";position:absolute;top:-10px;right:20px;background:#f44336;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:1px;animation:urgencyBlink 1s ease-in-out infinite alternate;box-shadow:0 2px 8px #f4433699}@keyframes urgencyBlink{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.panic-dice-section{position:relative;background:#0003;border-radius:8px;padding:16px;margin:16px 0;border:1px solid rgba(255,152,0,.3)}.panic-dice-label{font-size:1rem;font-weight:600;color:#4fc3f7;margin-bottom:12px;display:flex;align-items:center;gap:8px}.panic-dice-label:after{content:"Requires ⚪";background:#ffffffe6;color:#333;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:700;margin-left:auto;border:1px solid rgba(255,255,255,.3)}.btn-quiet{background:linear-gradient(135deg,#1b5e20,#2e7d32);border:2px solid #4caf50;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-quiet:hover:not(:disabled){background:linear-gradient(135deg,#2e7d32,#43a047);border-color:#66bb6a;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-quiet:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-quiet:hover:before{left:100%}.btn-quiet:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-loud{background:linear-gradient(135deg,#b71c1c,#c62828);border:2px solid #f44336;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-loud:hover{background:linear-gradient(135deg,#c62828,#d32f2f);border-color:#f57c00;transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.btn-loud:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-loud:hover:before{left:100%}.panic-resolution-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;border-radius:12px;font-size:1.4rem;font-weight:700;text-align:center;z-index:300;animation:feedbackPopIn 2s ease-out forwards;box-shadow:0 8px 32px #00000080}.panic-resolution-feedback.quiet{background:linear-gradient(135deg,#4caf50f2,#689f38f2);color:#fff;border:2px solid #4caf50}.panic-resolution-feedback.loud{background:linear-gradient(135deg,#f44336f2,#c62828f2);color:#fff;border:2px solid #f44336}@keyframes feedbackPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.panic-btn-quiet,.panic-btn-loud{min-height:80px;padding:16px;display:flex;align-items:center;justify-content:flex-start;text-align:left;border-radius:12px;transition:all .3s ease;border:2px solid;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.panic-btn-quiet{border-color:#2196f3;background-color:#2196f326;color:#1976d2}.panic-btn-quiet:hover:not(:disabled){background-color:#2196f340;border-color:#1976d2;transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.panic-btn-loud{border-color:#f44336;background-color:#f4433626;color:#c62828}.panic-btn-loud:hover{background-color:#f4433640;border-color:#c62828;transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.panic-btn-content{display:flex;align-items:center;gap:16px;width:100%}.panic-btn-icon{font-size:2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1a}.panic-btn-text{flex:1}.panic-btn-title{font-weight:700;font-size:1.1rem;margin-bottom:4px}.panic-btn-subtitle{font-size:.9rem;opacity:.8;font-weight:400}.panic-btn-quiet:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.panic-zone h3{margin-bottom:12px}.panic-cards{display:flex;flex-direction:column;gap:12px}.panic-resolve-card{background:#0000004d;border-radius:8px;padding:16px}.panic-card-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}.panic-card-desc{font-size:.85rem;color:var(--text-dim);margin-bottom:12px}.panic-choices{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-quiet{background:#1b5e20;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.btn-quiet:hover{background:#2e7d32}.btn-loud{background:#b71c1c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.btn-loud:hover{background:#c62828}.or-divider{color:var(--text-dim);font-style:italic;font-size:.85rem}.or-divider-line{text-align:center;color:var(--text-dim);font-style:italic;margin:16px 0;position:relative}.or-divider-line:before,.or-divider-line:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#444}.or-divider-line:before{left:0}.or-divider-line:after{right:0}.panic-dice-section{margin:12px 0}.panic-dice-label{font-size:.9rem;margin-bottom:10px}.panic-dice-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.die.invalid{opacity:.25;cursor:not-allowed;border-style:dashed}.panic-no-dice{color:var(--accent);font-size:.85rem;margin-top:8px}.panic-queue{margin-top:12px;font-size:.85rem;color:var(--text-dim);display:flex;align-items:center;gap:8px}.panic-queue-label{font-weight:600}.panic-queue-item{background:#6a1b9a4d;padding:2px 10px;border-radius:6px;font-size:.8rem}.btn-quiet:disabled,.btn-loud:disabled{opacity:.4;cursor:not-allowed}.quiet-night-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;margin-bottom:12px;background:linear-gradient(135deg,#0a0a1a,#1a1a3a);border:2px solid #4a6cf7;border-radius:12px;animation:quietFadeIn 2s ease-out;position:relative;overflow:hidden;min-height:200px}.quiet-night-splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.5),transparent);background-size:200px 100px;animation:starsFloat 20s linear infinite;opacity:.6;pointer-events:none}.quiet-night-splash:after{content:"🌙";position:absolute;top:20px;right:30px;font-size:2rem;animation:moonGlow 4s ease-in-out infinite;text-shadow:0 0 20px rgba(255,255,255,.6)}.quiet-night-icon{font-size:4rem;margin-bottom:16px;animation:quietPulse 3s ease-in-out infinite;z-index:1}.quiet-night-text{font-size:1.8rem;font-weight:700;color:#e3f2fd;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;z-index:1;text-shadow:0 0 10px rgba(227,242,253,.5)}.quiet-night-sub{font-size:1rem;color:#90caf9;font-style:italic;z-index:1;text-shadow:0 0 5px rgba(144,202,249,.3)}@keyframes quietFadeIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes quietPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes starsFloat{0%{transform:translate(0) translateY(0)}to{transform:translate(-200px) translateY(-20px)}}@keyframes moonGlow{0%,to{opacity:.7;text-shadow:0 0 20px rgba(255,255,255,.6)}50%{opacity:1;text-shadow:0 0 30px rgba(255,255,255,.9),0 0 50px rgba(200,200,255,.4)}}.night-zone{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border:2px solid var(--accent);border-radius:12px;padding:20px;margin-bottom:12px;position:relative;filter:hue-rotate(-20deg) brightness(.9)}.game-screen[data-phase=night] .zombie-card:not(.dead){animation:zombieBreathing 3s ease-in-out infinite}@keyframes zombieBreathing{0%,to{transform:scale(1) translateY(0);filter:brightness(1)}50%{transform:scale(1.02) translateY(-2px);filter:brightness(1.1)}}.damage-number{position:absolute;font-size:1.2rem;font-weight:700;color:#f44;text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none;animation:damageFloat 2s ease-out forwards;z-index:100}.damage-number.critical{font-size:1.8rem;color:gold;text-shadow:3px 3px 6px rgba(255,215,0,.8);animation:criticalFloat 2s ease-out forwards}.damage-number.overkill{color:#f66;text-shadow:2px 2px 8px rgba(255,102,102,.9)}.damage-number.heal{color:#4f4;text-shadow:2px 2px 4px rgba(68,255,68,.8)}.damage-number.block{color:#48f;text-shadow:2px 2px 4px rgba(68,136,255,.8)}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes criticalFloat{0%{opacity:1;transform:translateY(0) scale(1) rotate(-5deg)}20%{transform:translateY(-15px) scale(1.5) rotate(5deg)}40%{transform:translateY(-25px) scale(1.3) rotate(-2deg)}to{opacity:0;transform:translateY(-80px) scale(.9) rotate(0)}}.zombie-card.dying{animation:zombieDestroyed 1s ease-in-out forwards}@keyframes zombieDestroyed{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}25%{transform:scale(1.1) rotate(5deg);filter:brightness(1.5) saturate(0)}50%{transform:scale(1.05) rotate(-3deg);filter:brightness(.8) blur(2px)}to{transform:scale(.8) rotate(10deg);opacity:.3;filter:brightness(.3) blur(4px) grayscale(1)}}.hp-damage-flash{animation:hpFlash .6s ease-out}@keyframes hpFlash{0%,to{background-color:var(--hp-color)}50%{background-color:#f44}}.screen-shake{animation:screenShake .5s ease-in-out}@keyframes screenShake{0%,to{transform:translate(0)}25%{transform:translate(-8px) translateY(4px)}50%{transform:translate(8px) translateY(-4px)}75%{transform:translate(-4px) translateY(2px)}}.game-screen[data-phase=night]:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.game-screen[data-phase=night]:before{content:"";position:fixed;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(32,32,64,.6) 0%,rgba(32,32,64,.3) 50%,transparent 100%);pointer-events:none;z-index:1;animation:mistFloat 8s ease-in-out infinite}@keyframes mistFloat{0%,to{transform:translate(0);opacity:.6}33%{transform:translate(-10px);opacity:.8}66%{transform:translate(10px);opacity:.4}}.night-zone,.day-zone,.phase-indicator,.stats-grid,.hand-section{position:relative;z-index:10}.night-zone h3{margin-bottom:12px}.night-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #4a148c}.night-header h3{margin:0;font-size:1.2rem;color:#e1bee7}.night-stats{display:flex;gap:16px;align-items:center;margin-top:6px;font-size:.9rem}.zombie-count{color:#ff6d00;font-weight:600}.incoming-damage{color:var(--accent);font-weight:600;padding:2px 8px;border-radius:4px;background:#c6282833;border:1px solid rgba(198,40,40,.4)}.damage-amount{font-weight:800;font-size:1rem}.night-tips{background:linear-gradient(135deg,#ffc10726,#ff980026);border:1px solid rgba(255,193,7,.4);border-radius:8px;padding:12px;margin:12px 0;position:relative;animation:tipsFadeIn .4s ease-out}.night-tips-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#ffc107;font-size:.95rem}.tips-icon{font-size:1.2rem}.dismiss-tips{margin-left:auto;background:transparent;border:none;color:#ffc107;font-size:1.2rem;cursor:pointer;padding:0 4px;opacity:.7;transition:opacity .2s}.dismiss-tips:hover{opacity:1}.night-tips-content p{margin:4px 0;font-size:.85rem;color:#e8eaed;line-height:1.4}.night-tips-content strong{color:#ffc107}@keyframes tipsFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.threat-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.threat-confirmation-modal{background:linear-gradient(135deg,#2d1b1b,#3d2424);border:2px solid #ff6b6b;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 40px #ff6b6b4d;animation:slideInUp .3s ease-out}.confirmation-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.warning-icon{font-size:2rem;color:var(--accent-hover)}.confirmation-header h3{margin:0;color:var(--accent-hover);font-size:1.3rem}.confirmation-content{margin-bottom:20px;color:#e8eaed;line-height:1.5}.confirmation-content p{margin:8px 0}.confirmation-content strong{color:#ff8a8a}.confirmation-actions{display:flex;gap:12px;margin-bottom:16px}.confirmation-actions button{flex:1;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.confirmation-actions .btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #dc2626;color:#fff}.confirmation-actions .btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px)}.confirmation-actions .btn-secondary{background:#374151;border:1px solid #4b5563;color:#d1d5db}.confirmation-actions .btn-secondary:hover{background:#4b5563}.confirmation-footer{border-top:1px solid #404040;padding-top:12px}.disable-checkbox{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#9ca3af;cursor:pointer}.disable-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-hover)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-screen.threat-moderate{transition:box-shadow .8s ease,filter .8s ease}.game-screen.threat-moderate .game-main,.game-screen.threat-moderate .game-sidebar,.game-screen.threat-moderate .game-header,.game-screen.threat-moderate .game-hand-dock{box-shadow:inset 0 0 0 1px #8b000026;transition:box-shadow .8s ease}.game-screen.threat-high{transition:box-shadow .8s ease,filter .8s ease}.game-screen.threat-high .game-main,.game-screen.threat-high .game-sidebar,.game-screen.threat-high .game-header,.game-screen.threat-high .game-hand-dock{box-shadow:inset 0 0 0 2px #8b00004d;animation:threatBorderPulse 3s ease-in-out infinite}.game-screen.threat-high:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#8b00000d;pointer-events:none;z-index:1;transition:opacity .8s ease}.game-screen.threat-critical{transition:box-shadow .8s ease,filter .8s ease}.game-screen.threat-critical:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(139,0,0,.15) 100%);pointer-events:none;z-index:1;transition:opacity .8s ease}.game-screen.threat-critical:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 3px #dc262666,inset 0 0 20px #dc262633;pointer-events:none;z-index:2;animation:threatCriticalPulse 2s ease-in-out infinite}@keyframes threatBorderPulse{0%,to{box-shadow:inset 0 0 0 2px #8b00004d}50%{box-shadow:inset 0 0 0 2px #8b000099}}@keyframes threatCriticalPulse{0%,to{box-shadow:inset 0 0 0 3px #dc262666,inset 0 0 20px #dc262633}50%{box-shadow:inset 0 0 0 3px #dc2626cc,inset 0 0 30px #dc262666}}@keyframes threatPulse{0%,to{filter:sepia(15%) saturate(150%) hue-rotate(330deg) brightness(90%)}50%{filter:sepia(20%) saturate(170%) hue-rotate(320deg) brightness(85%)}}@keyframes borderPulse{0%,to{border-image:linear-gradient(45deg,#dc2626,#7f1d1d,#dc2626) 1;opacity:.6}50%{border-image:linear-gradient(45deg,#ef4444,#dc2626,#ef4444) 1;opacity:1}}.night-complete-summary{background:linear-gradient(135deg,#0d4a2e,#1a5e3e);border:2px solid #22c55e;border-radius:12px;padding:20px;margin:12px 0;text-align:center;animation:nightCompleteGlow 2s ease-in-out infinite}@keyframes nightCompleteGlow{0%,to{box-shadow:0 0 20px #22c55e4d}50%{box-shadow:0 0 30px #22c55e80}}.night-complete-header h4{font-size:1.3rem;color:#22c55e;margin:0 0 12px;font-weight:700}.night-summary-stats{display:flex;justify-content:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.summary-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#e5e7eb}.stat-icon{font-size:1.1rem}.stat-text{font-weight:600}.night-events{display:flex;flex-direction:column;gap:12px}.night-event-card{background:#0006;border:1px solid #e65100;border-radius:8px;padding:16px}.zombie-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}.zombie-card{background:#00000080;border:2px solid #e65100;border-radius:10px;padding:14px;cursor:pointer;transition:all .2s}.zombie-card:hover:not(.dead):not(.non-combat){border-color:#ff6d00;box-shadow:0 0 15px #e651004d}.zombie-card.targeted{border-color:var(--accent)!important;box-shadow:0 0 20px #c6282866}.zombie-card.dead{opacity:.4;border-color:#333;cursor:default}.zombie-card.non-combat{border-color:#4a148c}.zombie-name{font-size:1.1rem;font-weight:700;color:#ff6d00;margin-bottom:6px}.zombie-stats{display:flex;gap:16px;align-items:center;margin-bottom:8px;background:#0000004d;padding:8px;border-radius:6px}.zombie-hp-section{display:flex;flex-direction:column;gap:4px;flex:1}.zombie-hp-label{font-weight:600;font-size:.9rem;color:#e53935;text-shadow:0 0 5px rgba(229,57,53,.5)}.zombie-hp{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem}.zombie-attack-power{display:flex;flex-direction:column;align-items:center;gap:2px;background:#c6282833;border:1px solid rgba(198,40,40,.4);border-radius:6px;padding:6px 8px;min-width:60px}.attack-value{font-size:1.2rem;font-weight:700;color:#c62828;text-shadow:0 0 5px rgba(198,40,40,.8)}.attack-label{font-size:.7rem;color:#ff6d00;font-weight:600;letter-spacing:.5px}.zombie-abilities{margin-top:8px;background:#ff6d001a;border:1px solid rgba(255,109,0,.2);border-radius:4px;padding:6px 8px}.zombie-ability{font-size:.82rem;color:#ffcc80;line-height:1.3;margin-bottom:2px}.zombie-ability:last-child{margin-bottom:0}.zombie-hp-bar{width:100%;height:8px;background:#222;border-radius:4px;overflow:visible;position:relative;border:1px solid rgba(229,57,53,.3);box-shadow:inset 0 1px 3px #00000080}.zombie-hp-bar.targeted{border-color:#c62828;box-shadow:0 0 12px #c6282899,inset 0 1px 3px #00000080;animation:hp-bar-pulse 1s ease-in-out infinite}@keyframes hp-bar-pulse{0%,to{box-shadow:0 0 12px #c6282899,inset 0 1px 3px #00000080}50%{box-shadow:0 0 20px #c62828cc,inset 0 1px 3px #00000080}}.zombie-hp-fill{height:100%;background:linear-gradient(90deg,#c62828,#e53935,#ff5722);border-radius:3px;transition:width .3s ease;display:block;position:relative;box-shadow:0 0 8px #e5393580}.zombie-hp-ghost{position:absolute;top:0;left:0;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.3),rgba(255,255,255,.3) 2px,transparent 2px,transparent 4px);border-radius:3px;animation:damagePreviewPulse 1s infinite;pointer-events:none}.damage-preview{position:absolute;top:-20px;right:-10px;background:#ffffffe6;color:var(--accent);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #c62828;animation:damageFloat 1s infinite;pointer-events:none}@keyframes damagePreviewPulse{0%,to{opacity:.6}50%{opacity:.9}}@keyframes damageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.zombie-dmg{font-size:.85rem;color:var(--accent);font-weight:600}.zombie-desc{font-size:.82rem;color:#bbb;margin-bottom:4px}.zombie-flavor{font-size:.78rem;color:#555;font-style:italic}.zombie-target-hint{font-size:.75rem;color:#ff6d00;margin-top:6px}.zombie-portrait{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;text-align:center}.zombie-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.zombie-emoji{font-size:3rem;line-height:1;text-shadow:0 0 10px rgba(255,109,0,.5);animation:zombieFloat 3s ease-in-out infinite}.zombie-type-indicator{font-size:1.5rem;background:#ff6d0033;border:1px solid rgba(255,109,0,.4);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;text-shadow:0 0 5px rgba(255,109,0,.8)}.zombie-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.zombie-name{font-size:1.1rem!important;font-weight:700!important;color:#ff6d00!important;margin:0!important;text-align:center;text-transform:uppercase;letter-spacing:.5px}.zombie-death{font-size:2rem;margin-top:4px;animation:deathPulse 1.5s ease-in-out infinite}@keyframes zombieFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes deathPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.die-mod-btns{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);display:flex;gap:2px}.die-mod{width:16px;height:16px;font-size:10px;padding:0;border:1px solid #555;border-radius:3px;background:#2a2a3a;color:#fff;cursor:pointer;line-height:1}.die-mod:hover{background:#3a3a5a}.die-special{position:absolute;top:-2px;right:-2px;font-size:8px}.die-temp{position:absolute;top:-2px;left:-2px;font-size:8px}.recruiting-panel{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:10px;margin:8px 0}.recruiting-panel h3{margin:0 0 8px;font-size:.9em}.recruit-card{background:#0000004d;border-radius:6px;padding:8px;margin-bottom:6px}.recruit-name{font-weight:700;margin-bottom:4px}.recruit-slots{display:flex;gap:6px;margin-bottom:6px}.recruit-slot{border:2px dashed #666;border-radius:6px;padding:4px 8px;min-width:40px;text-align:center}.recruit-slot.filled{border-color:#22c55e;border-style:solid;background:#22c55e1a}.slot-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#93c5fd;padding:2px 6px;border-radius:4px;cursor:pointer;font-size:.85em}.slot-btn:hover{background:#3b82f666}.recruit-slots-section{display:flex;align-items:center;gap:6px;margin-bottom:4px}.recruit-slots-section.gold{opacity:.7}.recruit-slots-section.gold .recruit-slot{border-color:#b8860b}.slots-label{font-size:.8em;color:#9ca3af;min-width:50px}.recruit-slot.gold{border-color:#b8860b}.recruit-slot.gold.filled{border-color:var(--die-gold);background:#ffd7001a}.recruit-slot.locked{opacity:.4}.slot-locked{font-size:.8em;color:var(--text-dim)}.slot-btn.gold{background:#b8860b33;border-color:#b8860b66;color:var(--die-gold)}.slot-btn.gold:hover{background:#b8860b66}.recruit-card.base-done{border-color:#22c55e}.recruiting-header{text-align:center;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#8b45131a,#b8860b1a);border:1px solid rgba(184,134,11,.3);border-radius:8px}.recruiting-header h3{color:var(--gold);margin-bottom:4px;font-size:1.2rem}.recruiting-subtext{color:#9ca3af;font-size:.9rem;margin:0}.recruit-header{margin-bottom:8px}.recruit-name{font-size:1.1rem;font-weight:700;color:var(--gold);margin-bottom:4px}.recruit-status{font-size:.85rem}.status-permanent{color:var(--gold)}.status-ready{color:#22c55e}.status-recruiting{color:#9ca3af}.recruit-ability-preview{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;margin-bottom:12px;font-size:.85rem}.recruit-ability-preview>div{margin-bottom:4px}.recruit-ability-preview>div:last-child{margin-bottom:0}.ability-heal{color:#4ade80}.ability-stats{color:#60a5fa}.ability-dice{color:#a78bfa}.recruit-upkeep{color:#fbbf24}.recruit-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.decline-note{font-size:.8rem;color:#9ca3af;text-align:center;font-style:italic}.btn-accept-survivor{width:100%;padding:10px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#4ade80;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95em;transition:all .2s}.btn-accept-survivor:hover{background:#22c55e66}.survivors-panel{padding:8px 12px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:8px;margin-bottom:12px}.survivors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.survivors-title{font-size:1rem;font-weight:600;color:#22c55e}.survivors-count{font-size:.85rem;color:#9ca3af}.survivor-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.survivor-card{background:var(--bg-card);border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease;border-color:transparent}.survivor-card:hover{border-color:#f9a82580;box-shadow:0 4px 8px #0003}.survivor-card.expanded{border-color:var(--gold);background:#f9a8250d}.survivor-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.survivor-name{font-weight:600;color:#22c55e}.survivor-stats{font-size:.9rem}.survivor-ability{color:#9ca3af;font-size:.8rem;margin-bottom:6px;min-height:1.2rem}.survivor-upkeep{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#fbbf24}.upkeep-icon{opacity:.8}.upkeep-text{color:#d1d5db}.survivor-name-section{flex:1;display:flex;flex-direction:column;gap:4px}.survivor-status-indicators{display:flex;gap:4px}.status-indicator{font-size:.8rem;padding:2px 4px;border-radius:4px;background:#0000001a}.status-indicator.status-success{color:#4caf50;background:#4caf501a}.status-indicator.status-warning{color:#ff9800;background:#ff98001a}.status-indicator.status-danger{color:#f44336;background:#f443361a}.expand-indicator{color:var(--text-dim);font-size:.8rem;transition:transform .2s ease}.survivor-card.expanded .expand-indicator{transform:rotate(90deg)}.survivor-summary{margin-bottom:8px}.survivor-ability-brief{font-size:.85rem;color:var(--text-dim);margin-bottom:4px}.survivor-details{padding-top:12px;border-top:1px solid rgba(255,255,255,.1);animation:expandDetails .3s ease-out}.abilities-section h4,.backstory-section h4,.stats-section h4{font-size:.9rem;color:var(--gold);margin-bottom:6px}.abilities-list{list-style:none;padding:0;margin:0 0 12px}.ability-item{font-size:.8rem;color:var(--text-dim);margin-bottom:2px;padding-left:16px;position:relative}.ability-item:before{content:"•";color:var(--gold);position:absolute;left:0}.survivor-backstory{font-size:.8rem;color:var(--text-dim);font-style:italic;margin-bottom:12px}.stat-details{display:flex;flex-wrap:wrap;gap:8px}.stat-item{font-size:.8rem;background:#0003;padding:2px 6px;border-radius:4px}@keyframes expandDetails{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:300px;transform:translateY(0)}}.recruiting-help{background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:6px;padding:8px 12px;font-size:.85rem;color:#64b5f6;margin-top:8px}.survivors-panel.compact{background:#0006;border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:8px;margin-bottom:8px}.survivors-compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem}.night-reminder{color:#fbbf24;font-size:.8rem}.survivors-compact-list{display:flex;flex-wrap:wrap;gap:8px}.survivor-compact{background:var(--bg-card);border:1px solid rgba(34,197,94,.3);border-radius:4px;padding:6px 8px;font-size:.8rem;position:relative;transition:all .2s}.survivor-compact.activatable{border-color:#fbbf24;background:#fbbf241a;cursor:pointer}.survivor-compact.activatable:hover{background:#fbbf2433}.compact-name{font-weight:600;color:#22c55e;margin-bottom:2px}.compact-stats{font-size:.75rem;color:#9ca3af}.activation-hint{position:absolute;top:-8px;right:-8px;background:#fbbf24;color:#1f2937;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.kill-tracker{font-size:.85em;color:#ef4444}.kill-next{font-size:.8em;color:#9ca3af}.zombie-loot-info{display:flex;gap:10px;font-size:.75em;color:#9ca3af;margin-top:4px;padding:3px 6px;background:#ffffff0d;border-radius:4px}.zombie-loot-info span{cursor:help}.zombie-dead-label{font-size:.8rem;color:var(--die-green);font-weight:700;margin-top:6px}.zombie-card.wounded-zombie{border-color:#d32f2f!important;box-shadow:0 0 15px #d32f2f66}.wounded-badge{font-size:.75rem;background:#d32f2fcc;color:#fff;padding:2px 6px;border-radius:4px}.zombie-card.threat-low{border-color:#666;background:#0006}.zombie-card.threat-mid{border-color:#ff9800!important;background:#ff98001a!important;box-shadow:0 0 15px #ff980033}.zombie-card.threat-high{border-color:#f44336!important;background:#f443361a!important;box-shadow:0 0 20px #f443364d;animation:high-threat-pulse 3s ease-in-out infinite}@keyframes high-threat-pulse{0%,to{box-shadow:0 0 20px #f443364d;transform:scale(1)}50%{box-shadow:0 0 30px #f4433680;transform:scale(1.02)}}.zombie-card.threat-boss,.zombie-card.boss-zombie{border:2px solid #9c27b0!important;background:linear-gradient(135deg,#2a0a2e,#1a0620)!important;box-shadow:0 0 25px #9c27b066;animation:boss-ominous-glow 2.5s ease-in-out infinite;transform:scale(1.05)}@keyframes boss-ominous-glow{0%,to{box-shadow:0 0 25px #9c27b066;filter:brightness(1)}50%{box-shadow:0 0 40px #9c27b0b3;filter:brightness(1.1)}}.boss-zombie .zombie-name{color:#e91e63!important;font-weight:700;text-shadow:0 0 10px rgba(233,30,99,.8)}.boss-zombie .boss-crown{position:absolute;top:-10px;right:-5px;font-size:1.2rem;animation:crown-shimmer 2s ease-in-out infinite}@keyframes crown-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 5px gold)}}.boss-badge{background:linear-gradient(135deg,#9c27b0,#e91e63);color:#fff;padding:2px 8px}.zombie-card.targeted{border-color:#c62828!important;box-shadow:0 0 25px #c6282899!important;transform:scale(1.05);z-index:10;position:relative}.zombie-row .zombie-card:not(.targeted){opacity:.7;transition:opacity .3s ease}.targeting-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.crosshair{font-size:3rem;color:#c62828;text-shadow:0 0 10px rgba(198,40,40,.8);animation:crosshair-pulse 1s ease-in-out infinite;position:absolute}@keyframes crosshair-pulse{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(90deg);opacity:1}}.target-badge{position:absolute;top:10px;right:10px;background:#c62828;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #0000004d}.death-effect{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;z-index:3}.slash-effect{font-size:4rem;color:#c62828;text-shadow:0 0 20px rgba(198,40,40,1);animation:slash-appear .5s ease-out;position:absolute}@keyframes slash-appear{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(45deg);opacity:.8}}.xp-reward{font-size:1.2rem;font-weight:600;color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.8);animation:xp-float 1s ease-out .3s forwards;opacity:0;margin-top:60px}@keyframes xp-float{0%{transform:translateY(0);opacity:0}50%{opacity:1}to{transform:translateY(-40px);opacity:0}}.zombie-card.boss-zombie .slash-effect{font-size:5rem;animation:boss-explosion 1s ease-out}@keyframes boss-explosion{0%{transform:scale(0);opacity:0;filter:hue-rotate(0deg)}25%{transform:scale(1.5);opacity:1;filter:hue-rotate(180deg)}50%{transform:scale(1.8);opacity:.9;filter:hue-rotate(360deg)}to{transform:scale(2);opacity:0;filter:hue-rotate(720deg)}}.night-hand{margin-top:12px;padding-top:12px;border-top:1px solid #333}.night-hand h4{font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.night-hand-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.hand-card.non-combat{opacity:.4;cursor:not-allowed}.attack-prompt{margin-top:12px;padding:16px;background:#c628281f;border:1px solid var(--accent);border-radius:10px;font-size:.9rem}.attack-target{font-size:1rem;margin-bottom:12px}.attack-option{padding:12px;background:#0003;border-radius:8px;margin-bottom:10px}.attack-option-label{margin-bottom:8px;font-size:.9rem}.attack-formula{color:var(--text-dim);font-size:.8rem}.attack-warning{color:var(--accent);font-weight:600}.die-dmg-preview{position:absolute;bottom:-2px;font-size:.6rem;color:var(--accent);font-weight:700}.die{position:relative}.attack-hint{color:var(--gold);font-size:.85rem;margin:8px 0}.event-name{font-size:1.1rem;font-weight:700;color:#ff6d00;margin-bottom:4px}.event-desc{font-size:.85rem;margin-bottom:6px}.event-flavor{font-size:.8rem;color:var(--text-dim);font-style:italic;margin-bottom:10px}.phase-actions{display:flex;gap:10px;align-items:center;padding:16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border);margin-bottom:12px}.btn-large{padding:14px 32px;font-size:1.1rem}.explore-button-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.explore-risk-display{background:#f9a8251a;border:1px solid rgba(249,168,37,.3);border-radius:8px;padding:8px 12px;font-size:.85rem;min-width:220px}.explore-risk-title{font-weight:600;color:var(--gold);margin-bottom:4px}.explore-risk-details{display:flex;flex-direction:column;gap:2px}.explore-reward{color:var(--text)}.threat-warning{color:var(--text-dim);font-size:.8rem}.high-threat-warning{color:var(--accent);font-weight:600;animation:pulseWarning 1s ease-in-out infinite}@keyframes pulseWarning{0%,to{opacity:1}50%{opacity:.7}}.game-log{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;transition:all .3s ease}.game-log.collapsed{max-height:180px}.game-log.expanded{max-height:400px}.game-log-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.game-log-header:hover{background:#ffffff0d}.game-log h3{font-size:.9rem;color:var(--text-dim);margin:0;display:flex;align-items:center;gap:8px}.log-count{color:var(--accent);font-size:.8rem;opacity:.8}.log-toggle{background:none;border:none;color:var(--text-dim);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.log-toggle:hover{background:#ffffff1a;color:var(--text)}.log-entries{padding:8px 16px 12px;overflow-y:auto;max-height:calc(100% - 60px)}.log-entry{font-size:.8rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-start;gap:10px;transition:all .2s ease}.log-entry:last-child{border-bottom:none}.log-entry:hover{background:#ffffff08;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:4px}.log-icon{font-size:.9rem;flex-shrink:0;width:16px;text-align:center;margin-top:1px}.log-content{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.log-message{color:var(--white-die);flex:1;line-height:1.3;white-space:normal;word-wrap:break-word}.log-timestamp{color:var(--text-dim);font-size:.7rem;opacity:.6;flex-shrink:0;min-width:60px;text-align:right;font-family:Courier New,monospace}.log-phase .log-message{color:#fbbf24;font-weight:500}.log-dawn .log-message{color:#fcd34d}.log-night .log-message{color:#a78bfa}.log-card .log-message{color:#60a5fa}.log-card-blue .log-message{color:#3b82f6}.log-card-red .log-message{color:#ef4444}.log-card-green .log-message{color:#10b981}.log-card-white .log-message{color:#f3f4f6}.log-combat .log-message{color:#f59e0b}.log-kill .log-message{color:#dc2626;font-weight:500}.log-damage .log-message{color:#f87171}.log-explore .log-message{color:#34d399}.log-loot .log-message{color:#10b981}.log-threat .log-message{color:#f97316}.log-threat-up .log-message{color:#ea580c}.log-threat-down .log-message{color:#84cc16}.log-health .log-message{color:#f87171}.log-heal .log-message{color:#22c55e}.log-progression .log-message{color:#a855f7;font-weight:500}.log-level-up .log-message{color:#c084fc;font-weight:600}.log-die-earned .log-message{color:#fbbf24;font-weight:500}.log-craft .log-message{color:#f59e0b}.log-resource .log-message{color:#84cc16}.log-food .log-message{color:#10b981}.log-hunger .log-message{color:#f87171}.log-event .log-message{color:#a855f7}.log-night-event .log-message{color:#8b5cf6;font-style:italic}.log-victory .log-message{color:#22c55e;font-weight:600;text-shadow:0 0 4px rgba(34,197,94,.4)}.log-defeat .log-message{color:#dc2626;font-weight:600;text-shadow:0 0 4px rgba(220,38,38,.4)}.log-info .log-message{color:#94a3b8}.log-more{text-align:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);margin-top:8px}.log-show-more{background:#ffffff0d;border:1px solid var(--border);color:var(--text-dim);padding:4px 12px;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .2s ease}.log-show-more:hover{background:#ffffff1a;color:var(--text)}.log-footer{text-align:center;padding:8px 16px;border-top:1px solid rgba(255,255,255,.05)}.log-footer small{color:var(--text-dim);font-size:.7rem;opacity:.6}.log-entry:first-child{color:var(--text)}.game-over{text-align:center;padding:60px 20px}.game-over h2{font-size:3rem;margin-bottom:12px}.game-over p{font-size:1.2rem;color:var(--text-dim);margin-bottom:20px}.game-over-stats{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.game-over-stats div{font-size:1rem}.game-over-stats strong{color:var(--accent);font-size:1.3rem}.game-log-final{max-width:500px;margin:0 auto 20px;text-align:left;background:var(--bg-card);padding:16px;border-radius:8px}.equipment-zone{margin-bottom:12px}.equipment-zone h3{font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.equipment-slots{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.equip-slot{display:flex;flex-direction:column;padding:6px 12px;background:var(--bg-card);border:1px dashed #333;border-radius:6px;min-width:90px;font-size:.8rem}.equip-slot.filled{border-style:solid;border-color:#555;background:linear-gradient(135deg,#1a1a1a,#1a1a2e)}.equip-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equip-item{font-weight:600;font-size:.85rem;color:var(--text)}.equip-slot:not(.filled) .equip-item{color:#444}.equip-accessories{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.equip-accessories .equip-label{font-size:.7rem;color:var(--text-dim)}.accessory-tag{background:#2a2a3e;color:#aab;padding:3px 10px;border-radius:10px;font-size:.78rem;cursor:help}.equipment-zone.enhanced{margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#1a1a1acc,#1a1a2ecc);border-radius:12px;border:1px solid #333}.equipment-zone.enhanced h3{font-size:1rem;color:var(--text);margin-bottom:12px;font-weight:600}.active-effects-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;flex-wrap:wrap}.active-effects-label{font-size:.8rem;color:var(--text-dim);font-weight:600;min-width:max-content}.active-effects-list{display:flex;gap:12px;flex-wrap:wrap}.active-effect{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff1a;border-radius:6px;font-size:.8rem;cursor:help;transition:background .2s ease}.active-effect:hover{background:#ffffff26}.effect-icon{font-size:.9rem}.effect-text{color:var(--text);font-weight:500}.equipment-loadout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px}.game-sidebar .equipment-loadout,.game-zones-left .equipment-loadout{grid-template-columns:1fr!important;gap:4px;margin-bottom:8px}.game-sidebar .equipment-slot,.game-zones-left .equipment-slot{flex-direction:row!important;align-items:center!important;padding:4px 8px!important;min-height:0!important;overflow:visible!important}.game-sidebar .slot-icon,.game-zones-left .slot-icon{font-size:1rem;margin-bottom:0;margin-right:6px}.game-sidebar .slot-content,.game-zones-left .slot-content{font-size:11px;text-align:left}.game-sidebar .slot-label,.game-zones-left .slot-label{font-size:11px!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;text-transform:uppercase}.game-sidebar .item-name,.game-zones-left .item-name{font-size:10px!important;white-space:normal!important;overflow:visible!important;word-break:break-word}.game-sidebar .item-effect{display:none}.game-sidebar .equip-text{font-size:8px;padding:2px 4px;border:none;background:none}.equipment-slot{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-card);border:2px dashed #444;border-radius:12px;min-height:120px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.equipment-slot.empty{border-style:dashed;border-color:#444}.equipment-slot.equipped{border-style:solid;border-color:#666;background:linear-gradient(135deg,#1a1a1ae6,#1a1a2ee6)}.equipment-slot:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.equipment-slot.rarity-uncommon{border-color:#4fc3f7;box-shadow:0 0 8px #4fc3f733}.equipment-slot.rarity-rare{border-color:gold;box-shadow:0 0 12px #ffd7004d;animation:rare-shimmer 3s ease-in-out infinite}.equipment-slot.rarity-legendary{border-color:#ff9800;box-shadow:0 0 16px #ff980066;animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 0 16px #ff980066}50%{box-shadow:0 0 24px #ff980099}}.slot-icon{font-size:2rem;margin-bottom:8px;opacity:.8}.slot-content{text-align:center;width:100%}.slot-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0;margin-bottom:6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.equipped-item{display:flex;flex-direction:column;gap:4px}.item-name{font-size:.85rem;font-weight:600;color:var(--text);line-height:1.2}.item-effect{font-size:.75rem;color:var(--text-dim);line-height:1.3}.item-durability{font-size:.7rem;color:#ffa726;font-weight:500;margin-top:4px}.empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666}.equip-text{font-size:.8rem;color:#888;font-style:italic;padding:8px 12px;border:1px dashed #555;border-radius:6px;background:#ffffff0d}.additional-equipment{margin-top:12px}.additional-equipment h4{font-size:.85rem;color:var(--text-dim);margin-bottom:8px}.additional-slots{display:flex;gap:8px;flex-wrap:wrap}.additional-item{padding:6px 10px;background:#ffffff1a;border-radius:6px;font-size:.75rem;color:var(--text)}.equipment-comparison-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.equipment-comparison-modal{background:var(--bg-card);border:2px solid #666;border-radius:16px;padding:24px;max-width:600px;width:90%;box-shadow:0 8px 32px #00000080}.equipment-comparison-modal h3{text-align:center;margin-bottom:20px;font-size:1.1rem;color:var(--text)}.equipment-comparison-content{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:20px}.equipment-comparison-item{background:#ffffff0d;border-radius:12px;padding:16px;text-align:center}.equipment-comparison-item h4{margin-bottom:12px;font-size:.9rem;color:var(--text)}.equipment-comparison-item.current{border:2px solid #666}.equipment-comparison-item.new{border:2px solid #4caf50;box-shadow:0 0 12px #4caf5033}.equipment-details p{margin:8px 0;font-size:.85rem;line-height:1.4}.empty-slot{color:#888;font-style:italic}.equipment-comparison-arrow{font-size:1.5rem;color:#4caf50;font-weight:700}.stat-comparison{background:#ffffff0d;border-radius:8px;padding:12px;margin-bottom:16px}.stat-comparison h5{margin-bottom:8px;font-size:.85rem;color:var(--text-dim)}.stat-diff{font-size:.8rem;color:var(--text)}.equipment-comparison-buttons{display:flex;gap:12px;justify-content:center}.btn-equip,.btn-keep{padding:12px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-equip{background:#4caf50;color:#fff}.btn-equip:hover{background:#45a049;transform:translateY(-1px)}.btn-keep{background:#666;color:#fff}.btn-keep:hover{background:#777;transform:translateY(-1px)}.storage-zone{margin-bottom:12px;border:2px solid transparent;border-radius:8px;padding:8px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.storage-zone.storage-full{border:2px solid var(--accent);border-radius:8px;padding:8px;background:#c628281a}.storage-zone h3{font-size:.9rem;color:var(--text-dim);margin-bottom:8px;display:flex;align-items:center;gap:8px}.storage-full-badge{background:var(--accent);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.storage-equip{font-size:.75rem;color:var(--text-dim);font-weight:400;margin-left:8px}.storage-slots{display:flex;gap:10px;flex-wrap:wrap}.storage-slot{min-width:120px;padding:10px 14px;border:2px dashed #444;border-radius:8px;background:var(--bg-card);transition:all .2s}.storage-slot.filled{border-style:solid;border-color:var(--gold);background:linear-gradient(135deg,#1a1a1a,#1a1a0a);cursor:pointer}.storage-slot.filled:hover{border-color:#ffd54f;box-shadow:0 0 10px #f9a82533}.storage-card-name{font-weight:700;font-size:.9rem}.storage-card-type{font-size:.75rem;color:var(--text-dim)}.storage-hint{font-size:.7rem;color:var(--gold);margin-top:4px}.storage-empty{color:#444;font-size:.8rem}.storage-zone.storage-drag-over{border-color:var(--gold);background:#f9a8251a;box-shadow:0 0 12px #f9a82533}.storage-zone.storage-drag-over .storage-slot.empty{border-color:var(--gold);border-style:solid;background:#f9a82526}.storage-drag-hint{font-size:.65rem;color:#555;margin-top:4px;text-align:center}.trap-status{margin-bottom:12px;border:2px solid transparent;border-radius:8px;padding:8px;background:#8b45131a;border-color:#8b45134d}.trap-status h3{font-size:.9rem;color:var(--text-dim);margin-bottom:8px;display:flex;align-items:center;gap:8px}.trap-list{display:flex;flex-direction:column;gap:4px}.trap-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#8b451326;border-radius:4px;font-size:.85rem}.trap-name{color:var(--text);font-weight:500}.trap-damage{color:var(--accent);font-weight:700}.card-actions{position:absolute;top:-28px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;gap:4px;opacity:0;transition:opacity .15s;z-index:1010;pointer-events:none;white-space:nowrap}.hand-card:hover .card-actions{opacity:1;pointer-events:auto}.store-btn,.discard-btn{background:#000000d9;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-size:.7rem;color:var(--text);padding:4px 8px;border-radius:4px;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 8px #00000080}.store-btn .icon,.discard-btn .icon{width:14px;height:14px}.store-btn:hover{background:#f9a82566;border-color:var(--gold);color:var(--gold)}.discard-btn:hover{background:#c6282866;border-color:var(--red);color:var(--red)}.store-btn.night{margin-top:6px;background:#f9a82526;border:1px solid rgba(249,168,37,.3);border-radius:6px;padding:4px 10px;font-size:.8rem;color:var(--gold);opacity:1}.store-btn.night:hover{background:#f9a8254d}.game-menu{max-width:900px;box-sizing:border-box;margin:0 auto;padding:20px}.game-grid-layout.menu-mode{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;overflow-y:auto}.game-grid-layout.menu-mode .game-main{width:100%;max-width:100%!important;padding:20px;box-sizing:border-box;flex:1;min-height:0}.game-grid-layout.menu-mode .game-header{width:100%}.game-grid-layout.menu-mode .game-hand-dock{display:none}.user-info{color:var(--text-dim);font-size:.9rem;margin-bottom:20px}.saved-games{margin-bottom:24px}.saved-games h3{font-size:1rem;margin-bottom:10px}.saved-list{display:flex;flex-direction:column;gap:8px}.saved-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-card);border:1px solid #333;border-radius:8px;transition:border-color .2s}.saved-card:not(.finished){border-left:3px solid var(--gold)}.saved-card.finished{opacity:.6}.saved-scenario{font-weight:700;font-size:.95rem;text-transform:capitalize}.saved-details{font-size:.8rem;color:var(--text-dim)}.saved-time{font-size:.7rem;color:#555}.saved-result{font-size:.8rem;font-weight:600}.saved-actions{display:flex;gap:6px}.btn-sm{padding:4px 12px;font-size:.8rem}.btn-danger{background:#c6282833;color:var(--die-red);border:1px solid rgba(198,40,40,.3);cursor:pointer;border-radius:6px}.btn-danger:hover{background:#c6282866}.save-slots{margin-bottom:24px}.save-slots h3{font-size:1rem;margin-bottom:12px;display:flex;align-items:center;gap:8px}.save-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.save-slot{background:var(--bg-card);border:1px solid #333;border-radius:8px;overflow:hidden;transition:border-color .2s,background .2s}.save-slot.filled{border-left:3px solid var(--gold)}.save-slot.empty{border-left:3px solid #444;opacity:.5;min-height:auto}.save-slot-empty{min-height:auto;padding:12px;opacity:.5}.save-slot-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-bottom:1px solid #333}.save-slot-number{font-size:.8rem;color:var(--text-dim);font-weight:600}.scenario-icon{font-size:1.2rem}.save-slot-info{padding:12px}.scenario-name{font-weight:600;font-size:.9rem;margin-bottom:4px}.save-details{font-size:.8rem;color:var(--text-dim);margin-bottom:6px}.save-stats{display:flex;gap:12px;margin-bottom:8px}.hp-stat,.threat-stat{font-size:.8rem;font-weight:500}.save-time{font-size:.7rem;color:#666;margin-bottom:8px}.save-slot-actions{display:flex;gap:6px;padding:0 12px 12px}.empty-slot-content{padding:20px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{font-size:1.5rem;opacity:.5}.empty-text{font-size:.8rem;color:var(--text-dim);font-style:italic}.save-slots-full{padding:16px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;margin-bottom:16px}.save-slots-full p{margin:0;color:#ffab40;font-weight:500}.finished-games{margin-bottom:16px;border:1px solid #333;border-radius:8px;overflow:hidden}.finished-games summary{padding:12px 16px;background:#ffffff0d;cursor:pointer;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}.finished-games summary:hover{background:#ffffff14}.finished-list{padding:0}.finished-card{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #333;opacity:.7}.finished-card:last-child{border-bottom:none}.finished-info{flex:1}.finished-scenario{font-size:.85rem;font-weight:600;text-transform:capitalize}.finished-details{font-size:.75rem;color:var(--text-dim)}.finished-time{font-size:.7rem;color:#666}.new-game-section{margin-top:8px}.new-game-section h3{font-size:1rem;margin-bottom:10px}.explore-picker{background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:10px;padding:12px;margin-bottom:8px}.explore-label{font-size:.9rem;margin-bottom:8px;color:#90caf9}.explore-actions{display:flex;gap:8px;margin-top:10px}.draft-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.draft-modal{background:var(--bg);border:2px solid var(--gold);border-radius:16px;padding:24px;max-width:780px;width:95%;position:relative;animation:modalSlideIn .4s ease-out}.draft-modal.location-discovery{border-color:#4fc3f7;box-shadow:0 0 30px #4fc3f74d}.draft-modal.loot-discovery{border-color:#66bb6a;box-shadow:0 0 30px #66bb6a4d}.draft-modal.forbidden-discovery{border-color:#ab47bc;box-shadow:0 0 30px #ab47bc4d}.draft-modal.exploration-discovery{border-color:var(--gold);box-shadow:0 0 30px #f9a8254d}.draft-header{text-align:center;margin-bottom:24px;opacity:0;transform:translateY(-20px);transition:all .5s ease-out}.draft-header.revealed{opacity:1;transform:translateY(0)}.draft-header-emoji{font-size:3rem;display:block;margin-bottom:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:pulseGlow 2s ease-in-out infinite}.draft-header-title{font-size:1.8rem;font-weight:700;color:var(--gold);margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.draft-header-subtitle{font-size:1rem;color:var(--text-dim);margin:0}.draft-remaining-counter{font-size:.85rem;color:var(--accent);margin-top:4px;font-weight:600}.draft-choices{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.draft-card{flex:0 1 220px;min-width:180px;max-width:260px;height:320px;background:transparent;border:none;border-radius:12px;cursor:pointer;perspective:1000px;position:relative}.draft-card.face-down .card-front{transform:rotateY(-180deg)}.draft-card.revealed .card-back{transform:rotateY(180deg)}.draft-card.revealed .card-front{transform:rotateY(0)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;transition:transform .8s ease-in-out;display:flex;flex-direction:column;padding:16px}.card-back{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #555;justify-content:center;align-items:center;transform:rotateY(0)}.card-back-pattern{font-size:4rem;color:#666;text-shadow:0 0 20px rgba(255,255,255,.1);animation:cardBackPulse 2s ease-in-out infinite}.card-back-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;background:linear-gradient(45deg,transparent,rgba(249,168,37,.2),transparent);animation:cardBackSweep 3s ease-in-out infinite;pointer-events:none}.card-front{background:var(--bg-card);border:2px solid #444;transform:rotateY(-180deg);animation:cardReveal .8s ease-out forwards}.draft-card.revealed:hover .card-front{border-color:var(--gold);transform:translateY(-4px) rotateY(0);box-shadow:0 8px 20px #f9a82533}.draft-card.rare-card.revealed .card-front{border-color:var(--die-gold);animation:cardReveal .8s ease-out forwards,rareCardGlow 2s ease-in-out infinite}.draft-card.location-card.revealed .card-front{border-color:#4fc3f7;background:linear-gradient(135deg,var(--bg-card),rgba(79,195,247,.05))}.draft-card.no-dice{opacity:.7}.draft-card-type{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.draft-card-name{font-size:1.15rem;font-weight:700;margin-bottom:6px}.draft-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.draft-card-emoji{font-size:1.6rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.draft-die-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid #555;border-radius:6px;padding:4px 10px;margin-bottom:8px;font-size:.8rem}.draft-die-badge.no-die{color:var(--text-dim);border-color:#333}.draft-die-badge .die-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.draft-die-badge .die-color-dot.white{background:var(--die-white)}.draft-die-badge .die-color-dot.green{background:var(--die-green)}.draft-die-badge .die-color-dot.blue{background:var(--die-blue)}.draft-die-badge .die-color-dot.red{background:var(--die-red)}.draft-die-badge .die-color-dot.gold{background:var(--die-gold)}.draft-die-badge .die-color-dot.any{background:linear-gradient(135deg,var(--die-red),var(--die-blue),var(--die-green))}.draft-die-emoji{font-size:.9rem}.draft-die-restriction{font-size:.85rem;letter-spacing:.5px}.draft-die-badge.req-min{border-color:var(--die-green)}.draft-die-badge.req-min .draft-die-restriction{color:var(--die-green)}.draft-die-badge.req-odd{border-color:#ab47bc}.draft-die-badge.req-odd .draft-die-restriction{color:#ab47bc}.draft-die-badge.req-even{border-color:#26a69a}.draft-die-badge.req-even .draft-die-restriction{color:#26a69a}.draft-die-badge.req-max{border-color:var(--die-red)}.draft-die-badge.req-max .draft-die-restriction{color:var(--die-red)}.draft-die-badge.req-doubles{border-color:var(--die-gold)}.draft-die-badge.req-doubles .draft-die-restriction{color:var(--die-gold)}.draft-dice-slots{margin:8px 0;display:flex;align-items:center}.draft-card-threat{font-size:.75rem;color:var(--die-red);margin-top:4px}.rarity-tag{font-size:.65rem;padding:1px 5px;border-radius:3px;text-transform:uppercase;font-weight:600}.rarity-tag.rarity-uncommon{background:#4fc3f726;color:#4fc3f7}.rarity-tag.rarity-rare{background:#ffd70026;color:var(--die-gold)}.draft-card-die{font-size:.8rem;color:var(--text-dim);margin-bottom:8px}.draft-card-effect{font-size:.85rem;color:var(--text);margin-bottom:6px;line-height:1.4}.draft-card-flavor{font-size:.75rem;color:var(--text-dim);font-style:italic;margin-bottom:6px}.draft-card-slot{font-size:.75rem;color:var(--gold)}.draft-card-cost{font-size:.75rem;color:#c66;margin-top:4px}.draft-no-dice-warn{font-size:.75rem;color:var(--accent);margin-top:6px;font-weight:600}.draft-card-action{margin-top:auto;padding-top:8px}.take-btn{width:100%;background:var(--gold);color:#1a1a1a;border:none;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.85rem;transition:all .2s}.take-btn:hover{background:#f5b942;transform:translateY(-1px)}.location-build-btn{background:#4fc3f7;color:#1a1a1a;border:none;padding:6px 12px;border-radius:6px;font-weight:600;font-size:.85rem;width:100%;transition:all .2s}.location-build-btn:hover{background:#29b6f6;transform:translateY(-1px)}.draft-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #333}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}50%{filter:drop-shadow(0 4px 12px rgba(249,168,37,.6))}}@keyframes cardBackPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes cardBackSweep{0%{transform:translate(-100%) skew(-15deg);opacity:0}50%{opacity:1}to{transform:translate(100%) skew(-15deg);opacity:0}}@keyframes cardReveal{0%{opacity:0;transform:rotateY(-180deg) scale(.8)}60%{transform:rotateY(-180deg) scale(1.1)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes rareCardGlow{0%,to{box-shadow:0 0 20px #f9a8254d,inset 0 0 20px #f9a8251a}50%{box-shadow:0 0 30px #f9a82599,inset 0 0 30px #f9a82533}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.draft-resources{border-color:var(--die-green);background:linear-gradient(135deg,#1a2a1a,#1a1a1a)}.draft-resources:hover{border-color:#66bb6a;box-shadow:0 8px 20px #4caf5033}.rarity-uncommon{color:var(--die-green)}.rarity-rare{color:#2196f3}.rarity-legendary{color:#ff9800}.resource-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300}.resource-picker{background:var(--bg-card);border:2px solid var(--accent);border-radius:14px;padding:28px;text-align:center;min-width:320px}.resource-picker h3{margin-bottom:16px;font-size:1.1rem}.resource-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.resource-option{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font-size:1rem;transition:all .2s}.resource-option:hover{border-color:var(--accent);background:#2a2020}.resource-option-icon{font-size:1.3rem}.resource-option-current{color:var(--text-dim);font-size:.85rem;margin-left:auto}.hand-hint{font-size:.75rem;color:var(--text-dim);font-weight:400;font-style:italic}.roster-picker{background:linear-gradient(135deg,#1a1a0a,#2a2a1a);border:2px solid var(--gold);border-radius:12px;padding:24px;margin-bottom:20px}.roster-picker h3{color:var(--gold);margin-bottom:8px}.roster-hint{color:var(--text-dim);font-size:.85rem;margin-bottom:16px}.roster-selection-info{display:flex;justify-content:center;gap:8px;margin-bottom:16px;font-size:.9rem;color:var(--text-dim)}.selected-count{color:var(--gold);font-weight:600}.roster-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:20px}.roster-character-card{background:var(--bg-card);border:2px solid #333;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s;position:relative;min-height:160px}.roster-character-card:hover:not(.locked){border-color:var(--gold);transform:translateY(-2px)}.roster-character-card.selected{border-color:#22c55e;background:#22c55e1a}.roster-character-card.locked{opacity:.6;cursor:not-allowed}.roster-character-card.unavailable{background:var(--bg-darker);border-style:dashed}.roster-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.selection-indicator{font-size:1.2rem}.survivor-name{font-weight:700;font-size:1.1rem;color:var(--text)}.survivor-abilities{margin-bottom:12px}.ability-item{font-size:.85rem;color:#9ca3af;margin-bottom:4px;display:flex;align-items:center;gap:4px}.survivor-history{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}.runs-survived{color:#60a5fa}.food-cost{color:#fbbf24}.locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#9ca3af;font-size:.9rem;font-weight:600}.roster-actions{display:flex;gap:10px;justify-content:center}button,.button,.card-frame,.die,.slot{touch-action:manipulation}button,.button,.die,.pile-badge,.settings-btn,.deck-stats-button{min-height:44px;min-width:44px}.store-btn,.discard-btn,.nav-tabs button{min-height:40px;padding:8px 12px}.crafting-panel{background:#1e1914f2;border:2px solid #8b6914;border-radius:12px;padding:16px;margin:10px 0}.crafting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crafting-header h3{margin:0;color:#d4a537}.craft-die-select{background:#0000004d;padding:8px 12px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.craft-die-label{font-size:.85rem;color:var(--text-dim)}.dice-row.compact{gap:6px}.die.small{width:36px;height:36px;font-size:.8rem}.recipe-categories{display:flex;flex-direction:column;gap:14px}.recipe-category h4{margin:0 0 6px;color:var(--white-die);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.recipe-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;transition:border-color .2s}.recipe-card.craftable{border-color:var(--die-green);cursor:pointer}.recipe-card.craftable:hover{border-color:#81c784;background:#4caf501a}.recipe-card.undiscovered{opacity:.6;border-color:#666;background:#3232324d}.recipe-card.undiscovered .recipe-name{color:#888;font-style:italic}.recipe-card.undiscovered .recipe-desc{color:#777;font-style:italic}.recipe-card.locked{opacity:.6}.recipe-name{font-weight:700;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.recipe-tier{font-size:.7rem;padding:1px 6px;border-radius:4px;font-weight:600}.recipe-tier.tier-1{background:#555;color:#ddd}.recipe-tier.tier-2{background:#2e5c2e;color:#8f8}.recipe-tier.tier-3{background:#5c2e5c;color:#f8f}.recipe-desc{font-size:.8rem;color:var(--text-dim);margin-bottom:6px}.recipe-cost{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.recipe-res{font-size:.8rem;padding:1px 6px;border-radius:4px;background:#0000004d}.recipe-res.ok{color:#81c784}.recipe-res.short{color:#e57373}.recipe-die-req{font-size:.8rem;padding:1px 6px;border-radius:4px;background:#0000004d}.recipe-die-req.ok{color:#81c784}.recipe-die-req.short{color:#e57373}.recipe-workshop{font-size:.75rem;color:#d4a537;font-style:italic}.recipe-result{font-size:.8rem;color:#64b5f6;margin-bottom:4px}.recipe-category.available h4{color:#81c784;border-bottom-color:#81c784}.recipe-category.unavailable h4{color:#ffb74d;border-bottom-color:#ffb74d}.recipe-category.unknown h4{color:#90a4ae;border-bottom-color:#90a4ae}.category-count{font-weight:400;opacity:.7}.recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.recipe-card.available{background:#4caf501a;border-color:#4caf50}.recipe-card.need-die{background:#ffc1071a;border-color:#ffc107}.recipe-effect{font-size:.8rem;color:#81c784;margin-bottom:8px;font-style:italic}.missing{color:#e57373;font-weight:700}.discovery-hint{font-size:.8rem;color:var(--text-secondary);font-style:italic;text-align:center;padding:8px}.btn-active{background:#d4a537!important;color:#1a1a1a!important;border-color:#d4a537!important}.damage-flash{animation:damageFlash .6s ease-out}@keyframes damageFlash{0%{box-shadow:inset 0 0 #ff323200}20%{box-shadow:inset 0 0 80px 20px #ff32324d}to{box-shadow:inset 0 0 #ff323200}}.heal-flash{animation:healFlash .6s ease-out}@keyframes healFlash{0%{box-shadow:inset 0 0 #32ff6400}20%{box-shadow:inset 0 0 80px 20px #32ff6433}to{box-shadow:inset 0 0 #32ff6400}}.threat-pulse{animation:threatPulse .8s ease-out}@keyframes threatPulse{0%{transform:scale(1);color:inherit}30%{transform:scale(1.5);color:#f44;text-shadow:0 0 10px rgba(255,68,68,.6)}to{transform:scale(1);color:inherit;text-shadow:none}}.toast-container{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:380px}.game-toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:#1a1a2e;border:1px solid #333;box-shadow:0 4px 20px #00000080;font-size:.85rem;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-msg{flex:1;line-height:1.3}.toast-damage{border-left:3px solid #ff4444;background:#ff32321a}.toast-starving{border-left:3px solid #ff6600;background:#ff64001a}.toast-heal{border-left:3px solid #44ff88;background:#32ff641a}.toast-food{border-left:3px solid #ffaa33;background:#ffaa3214}.toast-loss{border-left:3px solid #ff8844;background:#ff88441a}.toast-gain{border-left:3px solid #44aaff;background:#44aaff14}.toast-threat{border-left:3px solid #ffcc00;background:#ffc80014}.toast-threat-down{border-left:3px solid #66cc66;background:#64c86414}.toast-kill{border-left:3px solid #ff6600;background:#ff64001a}.toast-attack{border-left:3px solid #ff8844;background:#ff884414}.toast-craft{border-left:3px solid #aa88ff;background:#aa88ff14}.toast-location{border-left:3px solid #44cc88;background:#44c88814}.toast-die{border-left:3px solid #ffdd44;background:#ffdc441a}.toast-event{border-left:3px solid #cc44ff;background:#c844ff1a}.toast-victory{border-left:3px solid #ffd700;background:#ffd70026}.toast-defeat{border-left:3px solid #ff0000;background:#ff000026}.toast-fade-in{animation:toastSlideIn .3s ease-out}.toast-fade-out{animation:toastFadeOut .5s ease-out forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px) scale(.95)}}.combo-toast{position:fixed;top:120px;left:50%;transform:translate(-50%) translateY(-20px);background:linear-gradient(135deg,gold,#ffed4a);color:#1a1a1a;padding:12px 20px;border-radius:12px;box-shadow:0 8px 32px #ffd70066;z-index:1000;display:flex;align-items:center;gap:12px;opacity:0;transition:all .3s ease-out;font-weight:600;border:2px solid rgba(255,215,0,.6)}.combo-toast.show{opacity:1;transform:translate(-50%) translateY(0);animation:comboSparkle 2s ease-out}.combo-toast.fade-out{opacity:0;transform:translate(-50%) translateY(-30px) scale(.95);transition:all .5s ease-in}.combo-icon{font-size:1.5rem;animation:comboPulse .6s ease-out}.combo-title{font-size:1rem;font-weight:700;margin-bottom:2px}.combo-desc{font-size:.8rem;opacity:.8}@keyframes comboSparkle{0%{box-shadow:0 8px 32px #ffd70066}20%{box-shadow:0 8px 32px #ffd700cc,0 0 #ffd70099}40%{box-shadow:0 8px 32px #ffd70099,0 0 0 8px #ffd7001a}to{box-shadow:0 8px 32px #ffd70066}}@keyframes comboPulse{0%{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(1.1)}to{transform:scale(1)}}.explore-button-wrapper{position:relative;display:inline-block}.exploration-tutorial-hint{position:absolute;top:-60px;left:50%;transform:translate(-50%);z-index:100;animation:tutorialFadeIn .5s ease-out}.exploration-tutorial-hint.disabled .tutorial-bubble{background:#ff6464f2;border-color:#f66}.tutorial-bubble{background:#64c864f2;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #0000004d;border:2px solid #66cc66;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #66cc66}.exploration-tutorial-hint.disabled .tutorial-arrow{border-top-color:#f66}.btn.explore-enabled{animation:exploreReady 2s ease-in-out infinite}@keyframes exploreReady{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 2px 8px #64c86466}}@keyframes tutorialFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.empty-survivors-state{text-align:center;padding:20px;color:var(--text-dim)}.empty-survivors-state .empty-icon{font-size:2rem;margin-bottom:8px;opacity:.6}.empty-survivors-state .empty-message{font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.empty-survivors-state .empty-hint{font-size:.8rem;opacity:.7}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026;transition:all .2s ease}.btn:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.hand-card:hover:not(.unplayable):not(.animating){transform:translateY(-4px);box-shadow:0 6px 20px #0003;transition:all .2s ease}.equipment-slot:hover{border-color:var(--accent);transform:translateY(-2px);transition:all .2s ease}.die:hover:not(.used){transform:scale(1.05) translateY(-2px);box-shadow:0 4px 12px #0003;transition:all .2s ease}.game-screen[data-phase]{transition:filter 2s ease-out,background 1.5s ease-out}.phase-indicator{transition:all .8s ease-out}.resource-delta{position:fixed;font-weight:800;font-size:1rem;pointer-events:none;z-index:300;text-shadow:0 1px 4px rgba(0,0,0,.6);animation:deltaFloat 1.8s ease-out forwards}.delta-positive{color:#4f8}.delta-negative{color:#f44}@keyframes deltaFloat{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-30px) scale(1.1)}to{opacity:0;transform:translateY(-50px) scale(.8)}}.draft-browse{max-width:90vw;max-height:85vh}.draft-choices-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;max-height:60vh;overflow-y:auto;padding:8px}.draft-choices-grid .draft-card{font-size:.78rem}.draft-choices-grid .draft-card-art img{max-height:100px}.draft-picked-summary{padding:8px 12px;margin-bottom:10px;background:#44ff881a;border:1px solid rgba(68,255,136,.3);border-radius:8px;font-size:.85rem;color:#4f8}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.tutorial-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ff6600;border-radius:12px;padding:1.5rem 2rem;max-width:420px;box-shadow:0 0 30px #ff66004d}.tutorial-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tutorial-header h3{color:#f60;font-size:1.1rem}.tutorial-icon{font-size:1.3rem}.tutorial-card p{color:var(--white-die);line-height:1.6;font-size:.9rem}.tutorial-actions{display:flex;justify-content:space-between;margin-top:1rem}.tutorial-btn-next{background:#f60;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600}.tutorial-btn-skip{background:none;color:var(--text-dim);border:1px solid #333;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.tutorial-highlight{animation:tutorialPulse 2s ease-in-out infinite}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 2px #ff660080,0 0 20px #f603}50%{box-shadow:0 0 0 4px #f60c,0 0 30px #f606}}.tutorial-arrow-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;pointer-events:none}.tutorial-arrow.animated-arrow{text-align:center;color:#f60;font-weight:700;animation:tutorialBounce 1.5s ease-in-out infinite}.arrow-text{display:block;font-size:1rem;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,102,0,.5)}.arrow-pointer{font-size:2rem;animation:tutorialArrowPulse 1s ease-in-out infinite}@keyframes tutorialBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes tutorialArrowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.die:focus-visible,.hand-card:focus-visible,.hand-card button:focus-visible,.night-card:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid #ff6600;outline-offset:2px;box-shadow:0 0 0 4px #ff66004d}[role=button],.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}[role=button]:hover,.clickable:hover{opacity:.9}.skip-navigation{position:absolute;top:-40px;left:8px;background:#1a1a2e;color:#f60;padding:8px;text-decoration:none;border-radius:4px;z-index:2000;transition:top .3s}.skip-navigation:focus{top:8px}.mute-btn{position:fixed;top:10px;right:10px;background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:8px 12px;font-size:1.2rem;cursor:pointer;z-index:100;transition:border-color .2s}.mute-btn:hover{border-color:#f60}.end-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .5s;overflow-y:auto;padding:20px}.end-screen{background:#111;border:2px solid #444;border-radius:16px;padding:2rem;max-width:700px;width:90%;text-align:center;margin:auto;max-height:90vh;overflow-y:auto}.end-screen.victory{border-color:var(--die-gold);box-shadow:0 0 40px #ffd7004d;animation:victoryGlow 2s ease-in-out infinite alternate}.end-screen.defeat{border-color:var(--die-red);box-shadow:0 0 40px #ef53504d;animation:defeatPulse 3s ease-in-out infinite}@keyframes victoryGlow{0%{box-shadow:0 0 40px #ffd70033}to{box-shadow:0 0 60px #ffd70066}}@keyframes defeatPulse{0%,to{box-shadow:0 0 40px #ef535033}50%{box-shadow:0 0 50px #ef535066}}.victory-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:199}.confetti{position:absolute;width:10px;height:10px;background:var(--die-gold);animation:confettiFall 3s linear infinite}.confetti:nth-child(1){left:20%;animation-delay:0s;background:var(--die-gold)}.confetti:nth-child(2){left:40%;animation-delay:.5s;background:var(--die-blue)}.confetti:nth-child(3){left:60%;animation-delay:1s;background:var(--die-red)}.confetti:nth-child(4){left:80%;animation-delay:1.5s;background:var(--die-green)}.confetti:nth-child(5){left:10%;animation-delay:2s;background:var(--die-white)}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.end-screen-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.victory-title{color:var(--die-gold);animation:victoryPulse 2s ease-in-out infinite}.defeat-title{color:var(--die-red);animation:defeatShake .5s ease-in-out}@keyframes victoryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes defeatShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.end-subtitle{font-size:1.2rem;color:var(--text-dim);font-weight:400;margin-bottom:.5rem}.end-scenario{color:var(--text-dim);font-size:.9rem;margin-bottom:1.5rem}.defeat-flavor{font-style:italic;color:var(--die-red);margin-top:.5rem;font-size:.9rem}.achievements-unlocked{margin:1.5rem 0;padding:1rem;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:8px}.achievements-unlocked h3{color:var(--die-gold);margin-bottom:1rem;font-size:1.1rem}.achievements-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.achievement-item{display:flex;align-items:center;gap:.5rem;background:#ffd7001a;padding:.5rem .75rem;border-radius:16px;border:1px solid rgba(255,215,0,.2);font-size:.85rem;animation:achievementPop .5s ease-out}@keyframes achievementPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.run-statistics{margin:1.5rem 0;text-align:left}.run-statistics h3{text-align:center;margin-bottom:1rem;color:var(--text);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.stat-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);padding:.75rem;border-radius:8px;border:1px solid var(--border)}.stat-icon{font-size:1.2rem;min-width:24px;text-align:center}.stat-content{flex:1;display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:var(--text-dim);margin-bottom:.2rem}.stat-value{font-weight:600;color:var(--text);font-size:.9rem}.zombie-breakdown{margin:1rem 0}.btn-toggle-zombies{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-toggle-zombies:hover{background:var(--bg-card);color:var(--text)}.zombie-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.75rem}.zombie-stat{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);padding:.5rem;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.zombie-emoji{font-size:1rem}.zombie-name{flex:1;color:var(--text-dim)}.zombie-count{font-weight:600;color:var(--text)}.key-moments{margin:1.5rem 0}.key-moments h3{margin-bottom:1rem;color:var(--text);font-size:1.1rem}.moments-list{display:flex;flex-direction:column;gap:.5rem}.moment-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);padding:.75rem;border-radius:8px;border:1px solid var(--border);text-align:left}.moment-icon{font-size:1.1rem;min-width:24px;text-align:center}.moment-text{flex:1;font-size:.9rem;color:var(--text)}.end-highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.5rem 0}.highlight-badge{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;padding:.5rem .75rem;border-radius:16px;font-size:.8rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:badgeGlow 2s ease-in-out infinite alternate}@keyframes badgeGlow{0%{box-shadow:0 2px 8px #42a5f54d}to{box-shadow:0 4px 16px #42a5f580}}.run-details{margin:1rem 0}.btn-toggle-details{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;width:100%}.btn-toggle-details:hover{background:var(--bg-card);color:var(--text)}.action-summary{margin-top:.75rem;background:var(--bg-card);border-radius:8px;padding:.75rem;border:1px solid var(--border)}.action-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.action-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:6px;font-size:.85rem}.action-stat span:first-child{color:var(--text-dim)}.action-stat span:last-child{font-weight:600;color:var(--text)}.end-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:2rem}.end-actions button{padding:.75rem 1rem;border-radius:8px;border:2px solid var(--border);background:var(--bg-card);color:var(--text);font-weight:600;cursor:pointer;transition:all .3s;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-play-again{border-color:var(--die-green)!important;color:var(--die-green)!important}.btn-play-again:hover{background:var(--die-green)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-new-game{border-color:var(--die-blue)!important;color:var(--die-blue)!important}.btn-new-game:hover{background:var(--die-blue)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #42a5f54d}.btn-share-run{border-color:var(--die-gold)!important;color:var(--die-gold)!important}.btn-share-run:hover{background:var(--die-gold)!important;color:#000!important;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.btn-leaderboard{border-color:var(--accent)!important;color:var(--accent)!important}.btn-leaderboard:hover{background:var(--accent)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #42a5f54d}.end-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:1.5rem}.stat-box{background:#1a1a2e;border:1px solid #2a2a2a;border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center}.stat-box.stat-highlight{border-color:var(--die-gold);box-shadow:0 0 8px #ffd70026}.stat-icon{font-size:1.2rem;margin-bottom:2px}.stat-value{font-size:1.4rem;font-weight:700;color:#fff}.stat-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase}.end-highlights{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:1.5rem}.highlight-badge{background:#ffd7001a;border:1px solid #ffd700;border-radius:20px;padding:4px 12px;font-size:.8rem;color:var(--die-gold)}.btn-play-again{background:#f60;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.btn-play-again:hover{transform:scale(1.05)}.key-moments{margin:20px 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.key-moments h3{margin:0 0 12px;font-size:1rem;color:var(--accent);text-align:center}.moments-list{display:flex;flex-direction:column;gap:8px}.moment-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#ffffff08;border-radius:4px;font-size:.9rem}.moment-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.moment-text{color:var(--white-die)}.run-details{margin:20px 0}.btn-toggle-details{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;width:100%;text-align:left;transition:all .2s ease}.btn-toggle-details:hover{background:#ffffff26;border-color:#ffffff4d}.action-summary{margin-top:12px;padding:16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px}.action-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px 16px;max-height:200px;overflow-y:auto}.action-stat{display:contents}.action-stat span:first-child{color:var(--white-die);font-size:.9rem}.action-stat span:last-child{color:var(--accent);font-weight:600;text-align:right;font-size:.9rem}.combat-action-btn{background:linear-gradient(135deg,#4a148c,#6a1b9a);color:#fff;border:1px solid #7b1fa2;border-radius:6px;padding:8px 12px;margin:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-block;min-width:120px}.combat-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#6a1b9a,#8e24aa);transform:translateY(-1px);box-shadow:0 4px 12px #4a148c66}.combat-action-btn:disabled,.combat-action-btn.used,.combat-action-btn.invalid{background:#333;color:var(--text-dim);border-color:#555;cursor:not-allowed;opacity:.6}.punch-btn{background:linear-gradient(135deg,#d32f2f,#f44336);border-color:var(--red)}.punch-btn:hover:not(:disabled){background:linear-gradient(135deg,#f44336,#ff5722)}.card-attack-btn{background:linear-gradient(135deg,#1976d2,#2196f3);border-color:#2196f3}.card-attack-btn:hover:not(:disabled){background:linear-gradient(135deg,#2196f3,#03a9f4)}.collection-section{margin:20px 0;text-align:center}.btn-collection{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border-color:#8e24aa;color:#fff;font-size:1rem;padding:12px 24px;border-radius:8px;border:2px solid;cursor:pointer;transition:all .2s ease;font-weight:600}.btn-collection:hover:not(:disabled){background:linear-gradient(135deg,#8e24aa,#ab47bc);border-color:#ab47bc;transform:translateY(-2px);box-shadow:0 6px 16px #8e24aa4d}.collection-screen{padding:20px;max-width:1200px;margin:0 auto}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #333}.collection-header h2{margin:0;color:#fff}.collection-stats{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.stat-card{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:8px;padding:12px 16px;text-align:center;min-width:80px;transition:all .2s ease}.stat-card:hover{border-color:var(--text-dim);transform:translateY(-2px)}.stat-card.rarity-uncommon{border-color:#4fc3f7;box-shadow:0 0 6px #4fc3f733}.stat-card.rarity-rare{border-color:var(--die-gold);box-shadow:0 0 8px #ffd7004d}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-label{display:block;font-size:.8rem;color:var(--white-die);text-transform:uppercase;letter-spacing:1px}.collection-filters{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap;padding:15px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:8px;border:2px solid #333}.search-input{flex:1;min-width:200px;padding:8px 12px;background:#1a1a1a;border:2px solid #444;border-radius:4px;color:#fff;font-size:.9rem}.search-input:focus{border-color:var(--accent);outline:none}.search-input::placeholder{color:var(--text-dim)}.filter-select{padding:8px 12px;background:#1a1a1a;border:2px solid #444;border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer}.filter-select:focus{border-color:var(--accent);outline:none}.filter-select option{background:#1a1a1a;color:#fff}.results-count{font-size:.85rem;color:var(--text-dim);margin-left:auto}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:40px}.collection-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #444;border-radius:8px;padding:10px;transition:all .2s ease;position:relative;aspect-ratio:2.5 / 3.5;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;font-size:.8rem}.collection-card .collection-card-image{height:45%;overflow:hidden;border-radius:4px;margin-bottom:6px;flex-shrink:0}.collection-card .collection-card-image img{width:100%;height:100%;object-fit:cover}.collection-card .card-name{font-size:.85rem;margin-bottom:4px;line-height:1.2}.collection-card .card-effect-text{font-size:.7rem;color:var(--text-dim);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1}.collection-card:hover{transform:translateY(-3px);border-color:var(--text-dim)}.collection-card.rarity-uncommon{border-color:#4fc3f7;box-shadow:0 0 8px #4fc3f74d}.collection-card.rarity-rare{border-color:var(--die-gold);box-shadow:0 0 12px #ffd70066;animation:rare-shimmer 2s ease-in-out infinite}.card-header{margin-bottom:12px}.card-name{display:block;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-type{font-size:.8rem;color:var(--text-dim);text-transform:capitalize}.card-dice,.card-threat,.card-resources{font-size:.85rem;color:#bbb;margin-bottom:8px}.card-effect{font-size:.9rem;color:#ddd;margin-bottom:10px;line-height:1.4}.card-flavor{font-size:.8rem;color:var(--text-dim);margin-bottom:8px;line-height:1.3}.card-starter{font-size:.75rem;color:#ffab40;font-weight:700}.no-results{text-align:center;padding:60px 20px;color:var(--text-dim)}.no-results h3{color:#fff;margin-bottom:10px}.loading,.error{text-align:center;padding:60px 20px;font-size:1.1rem}.loading{color:var(--text-dim)}.error{color:var(--red)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d1b2e);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-screen.enhanced{background:radial-gradient(ellipse at center,#2d1b2e,#1a1a1a,#0f0f0f)}.loading-fog{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.03) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.04) 0%,transparent 60%);animation:fogDrift 20s ease-in-out infinite;pointer-events:none}@keyframes fogDrift{0%,to{transform:translate(0) rotate(0);opacity:.6}25%{transform:translate(-5%,-2%) rotate(1deg);opacity:.8}50%{transform:translate(2%,3%) rotate(-1deg);opacity:.4}75%{transform:translate(3%,-1%) rotate(.5deg);opacity:.7}}.loading-content{text-align:center;color:var(--text);position:relative;z-index:2;max-width:600px;padding:2rem}.loading-title{font-size:4rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 0 20px rgba(212,165,116,.5);animation:titleFadeIn 2s ease-out}.title-dead{color:var(--die-red);margin-right:1rem}.title-quiet{color:#d4a574}.loading-subtitle{font-size:1.2rem;color:#888;margin-bottom:3rem;animation:titleFadeIn 2s ease-out .5s both;font-style:italic}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-progress-container{margin:2rem 0;animation:titleFadeIn 2s ease-out 1s both}.loading-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#d4a574,#f4d03f,#d4a574);background-size:200% 100%;animation:progressShimmer 2s ease-in-out infinite;transition:width .3s ease;border-radius:2px}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-percentage{font-size:.9rem;color:#d4a574;font-weight:600}.loading-tip{font-size:1rem;color:#bbb;margin:2rem 0;padding:1rem;background:#0000004d;border-radius:8px;border-left:3px solid #d4a574;animation:titleFadeIn 2s ease-out 1.5s both}.loading-message{font-size:1.1rem;color:#d4a574;margin:1rem 0;font-weight:600}.loading-skull{font-size:4rem;margin-bottom:2rem;animation:pulse 1.5s ease-in-out infinite}.loading-text{font-size:1.5rem;margin-bottom:2rem;font-weight:600;color:#d4a574}.loading-dots{display:flex;gap:.5rem;justify-content:center}.loading-dots span{width:8px;height:8px;background:#d4a574;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.new-game-splash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d1b2e,#0f0f0f);display:flex;align-items:center;justify-content:center;z-index:9998;animation:splashFadeIn .5s ease-out}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}.splash-content{text-align:center;color:var(--text);max-width:800px;padding:2rem}.splash-scenario{animation:scenarioSlideIn .8s ease-out}@keyframes scenarioSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scenario-title{font-size:3rem;font-weight:900;margin-bottom:2rem;color:#d4a574;text-shadow:0 0 20px rgba(212,165,116,.3);letter-spacing:2px}.flavor-text{font-size:1.8rem;color:#bbb;margin-bottom:2rem;font-style:italic;min-height:2.5rem;line-height:1.4}.scenario-message{font-size:1.2rem;color:#888;margin-bottom:1rem;min-height:1.5rem}.cursor{animation:cursorBlink 1s infinite;color:#d4a574}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.splash-day{animation:dayDramatic 1.5s ease-out}@keyframes dayDramatic{0%{opacity:0;transform:scale(.5);filter:brightness(.5)}50%{opacity:1;transform:scale(1.1);filter:brightness(1.3)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.day-text{font-size:6rem;font-weight:900;color:#d4a574;text-shadow:0 0 20px rgba(212,165,116,.5),0 0 40px rgba(212,165,116,.3),0 0 60px rgba(212,165,116,.2);letter-spacing:4px}.phase-transition-splash{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9997;pointer-events:none;animation:phaseSlashIn .4s ease-out,phaseSlashOut .3s ease-in 1.1s both}.phase-transition-splash.no-animation{animation:none;display:none}@keyframes phaseSlashIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes phaseSlashOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.phase-content{text-align:center;padding:2rem;background:#000c;border-radius:12px;border:2px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phase-emoji{font-size:3rem;margin-bottom:1rem;display:block}.phase-text{font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:1px}.phase-transition-splash.dawn .phase-content{border-color:#ff9800;background:linear-gradient(135deg,#ff980026,#ffc1071a,#1e1400d9)}.phase-transition-splash.dawn .phase-text{color:#ffb74d;text-shadow:0 0 15px rgba(255,183,77,.6),0 0 25px rgba(255,152,0,.3)}.phase-transition-splash.day .phase-content{border-color:#fdd835;background:linear-gradient(135deg,#fdd83533,#ffffff0d,#000000bf)}.phase-transition-splash.day .phase-text{color:#fff176;text-shadow:0 0 20px rgba(255,241,118,.8),0 0 35px rgba(253,216,53,.4)}.phase-transition-splash.dusk .phase-content{border-color:#ff7043;background:linear-gradient(135deg,#ff70431a,#000c)}.phase-transition-splash.dusk .phase-text{color:#ff7043;text-shadow:0 0 10px rgba(255,112,67,.3)}.phase-transition-splash.night .phase-content{border-color:#f44336;background:linear-gradient(135deg,#f4433626,#280000f2);animation:nightPhaseShake .6s ease-in-out}.phase-transition-splash.night .phase-text{color:#ff6b47;text-shadow:0 0 15px rgba(255,107,71,.8),0 0 30px rgba(244,67,54,.4)}@keyframes nightPhaseShake{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.no-animations *{animation:none!important;transition:none!important}.game-screen.compact-mode{--compact-scale: .85}.game-screen.compact-mode .hand-card{width:calc(160px * var(--compact-scale));font-size:.9rem;padding:8px}.game-screen.compact-mode .hand-card .card-name{font-size:.85rem;margin-bottom:4px}.game-screen.compact-mode .hand-card .card-image{height:calc(80px * var(--compact-scale))}.game-screen.compact-mode .hand-card .card-cost,.game-screen.compact-mode .hand-card .card-threat{font-size:.8rem}.game-screen.compact-mode .die{width:calc(48px * var(--compact-scale));height:calc(48px * var(--compact-scale));font-size:1rem}.game-screen.compact-mode .dice-pool{gap:8px;padding:12px}.game-screen.compact-mode .game-top-bar{padding:8px 12px;font-size:.9rem}.game-screen.compact-mode .topbar-resources-container{padding:4px 0}.game-screen.compact-mode .enhanced-topbar-resources{gap:6px;padding:4px 0;border:none;background:none}.game-screen.compact-mode .enhanced-topbar-res{padding:3px 6px;font-size:.65rem;border-radius:8px}.game-screen.compact-mode .enhanced-hp-bar{width:60px;height:6px}.game-screen.compact-mode .enhanced-day-counter{gap:4px}.game-screen.compact-mode .day-badge-enhanced{padding:2px 6px;font-size:.65rem}.game-screen.compact-mode .topbar-resources{gap:8px;padding:6px 0}.game-screen.compact-mode .topbar-res{padding:4px 6px;font-size:.85rem}.game-screen.compact-mode .game-main{padding:12px}.game-screen.compact-mode .play-zones{gap:16px;margin:16px 0}.game-screen.compact-mode .location-slot{padding:10px;margin:4px}.game-screen.compact-mode .storage-zone,.game-screen.compact-mode .discard-zone{padding:12px}.game-screen.compact-mode .tutorial-highlight{animation:none!important;box-shadow:none!important}.game-screen.compact-mode .die-hint,.game-screen.compact-mode .tutorial-card,.game-screen.compact-mode .settings-hint.beginner{display:none}.game-screen.compact-mode .phase-badge{padding:4px 8px;font-size:.8rem}.game-screen.compact-mode .phase-help-text{font-size:.75rem}.game-screen.compact-mode .game-log-panel{width:280px}.game-screen.compact-mode .log-entry{padding:4px 8px;font-size:.85rem;line-height:1.3}.game-screen.compact-mode .game-hand-dock{padding:10px 12px;gap:8px}.game-screen.compact-mode .game-sidebar{width:260px}.game-screen.compact-mode .pile-badge{padding:6px 8px;font-size:.85rem}.game-screen.compact-mode .survivors-panel,.game-screen.compact-mode .equipment-panel{padding:12px;margin-bottom:16px}.game-screen.compact-mode .phase-badge{animation-duration:.3s!important}.game-screen.compact-mode .card-new,.game-screen.compact-mode .card-playing,.game-screen.compact-mode .card-discarding{animation-duration:.2s!important}.game-screen.compact-mode .die-rolling{animation-duration:.3s!important}.game-screen.compact-mode .zombie-card{padding:12px;margin:8px 0}.game-screen.compact-mode .zombie-emoji{font-size:2.5rem}.game-screen.compact-mode .night-event-card{padding:12px;margin:8px 0}.game-screen.compact-mode .draft-modal,.game-screen.compact-mode .settings-modal{padding:16px}.game-screen.compact-mode .threat-confirmation-modal{padding:16px;max-width:320px}.topbar-deck-info,.topbar-discard-info{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:.8rem;font-weight:600;color:var(--white-die);min-width:60px}.topbar-deck-info:hover,.topbar-discard-info:hover{background:#ffffff26}.deck-count{color:var(--die-green)}.discard-count{color:#ff9800}.threat-display.enhanced-threat{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-weight:700;border:2px solid transparent;transition:all .3s ease}.threat-val-enhanced{font-size:1.2rem;font-weight:800}.current-threat{text-shadow:0 0 8px currentColor}.threat-label{font-size:.85rem;font-weight:500;opacity:.9}.threat-display.threat-low-level{background:#4caf5033;border-color:#4caf5080;color:#66bb6a!important}.threat-display.threat-medium-level{background:#ffc10733;border-color:#ffc10780;color:#ffb74d!important}.threat-display.threat-high-level{background:#ff980033;border-color:#ff980080;color:#ff8a65!important;animation:threatPulseMedium 3s ease-in-out infinite}.threat-display.threat-critical-level{background:#f443364d;border-color:#f44336b3;color:#ff5252!important;animation:threatPulseCritical 2s ease-in-out infinite}@keyframes threatPulseMedium{0%,to{box-shadow:0 0 10px #ff98004d}50%{box-shadow:0 0 20px #ff980080;transform:scale(1.02)}}@keyframes threatPulseCritical{0%,to{box-shadow:0 0 15px #f4433680}50%{box-shadow:0 0 25px #f44336cc;transform:scale(1.05)}}.threat-meter-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.threat-meter{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#0000004d;border:2px solid transparent;transition:all .3s ease;position:relative;min-width:120px}.threat-meter-icon{display:flex;align-items:center;color:currentColor}.threat-meter-bar{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:80px}.threat-meter-track{position:relative;width:80px;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.threat-meter-fill{height:100%;background:#66bb6a;transition:width .5s ease,background-color .3s ease;border-radius:6px}.threat-meter-fill-preview{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;transition:width .3s ease,background-color .3s ease;border-radius:6px;opacity:.7}.threat-meter-value{font-size:1.1rem;font-weight:800;color:currentColor;text-shadow:0 0 8px currentColor;min-width:35px;text-align:center}.threat-meter-label{font-size:.75rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px;min-width:50px;white-space:nowrap}.threat-meter.threat-level-clear{border-color:#4caf5080;background:#4caf501a;color:#66bb6a}.threat-meter.threat-level-low{border-color:#ffb74d80;background:#ffb74d1a;color:#ffb74d}.threat-meter.threat-level-moderate{border-color:#ff8a6580;background:#ff8a651a;color:#ff8a65}.threat-meter.threat-level-high{border-color:#ff525299;background:#ff525226;color:#ff5252}.threat-meter.threat-level-critical{border-color:#9c27b0b3;background:#9c27b033;color:#9c27b0}.threat-meter.threat-pulse-active.threat-level-high{animation:threatMeterPulseHigh 2.5s ease-in-out infinite}.threat-meter.threat-pulse-active.threat-level-critical{animation:threatMeterPulseCritical 2s ease-in-out infinite}@keyframes threatMeterPulseHigh{0%,to{box-shadow:0 0 12px #ff525266;transform:scale(1)}50%{box-shadow:0 0 20px #ff525299;transform:scale(1.02)}}@keyframes threatMeterPulseCritical{0%,to{box-shadow:0 0 15px #9c27b080;transform:scale(1)}50%{box-shadow:0 0 25px #9c27b0cc;transform:scale(1.04)}}.threat-night-preview{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;font-size:.85rem;text-align:center;max-width:200px}.night-preview-label{font-weight:600;color:#e0e0e0;margin-bottom:2px}.night-preview-message{font-size:.8rem;color:#b0b0b0;font-style:italic}.threat-change-indicator{position:absolute;top:-30px;right:10px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.9rem;font-weight:700;z-index:10;pointer-events:none;animation:threatChangeSlide 1.5s ease-out forwards}.threat-change-indicator.threat-increase{border:1px solid #ff5252;color:#ff5252}.threat-change-indicator.threat-decrease{border:1px solid #66bb6a;color:#66bb6a}@keyframes threatChangeSlide{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}80%{opacity:1;transform:translateY(-5px) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.9)}}.threat-summary-section{flex-direction:column;align-items:flex-start!important;gap:8px}.threat-summary-details{width:100%;display:flex;flex-direction:column;gap:6px}.threat-change-main{display:flex;align-items:center;gap:4px}.threat-change-main .threat-increase{color:#ff5252}.threat-change-main .threat-decrease{color:#66bb6a}.threat-change-breakdown{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px;font-size:.85rem}.threat-change-label{font-weight:600;color:#e0e0e0;margin-bottom:4px;font-size:.8rem}.threat-change-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.threat-change-item.positive .threat-change-amount{color:#ff7043;font-weight:600}.threat-change-item.negative .threat-change-amount{color:#66bb6a;font-weight:600}.threat-change-source{color:#b0b0b0;font-size:.85rem}.threat-change-amount{font-weight:600;font-size:.9rem}.game-screen.compact-mode .threat-meter{padding:4px 8px}.game-screen.compact-mode .threat-meter-value{font-size:.95rem}.game-screen.compact-mode .threat-meter-label{font-size:.7rem}.game-screen.compact-mode .threat-night-preview{font-size:.75rem;padding:3px 6px}.game-screen.compact-mode .topbar-deck-info,.game-screen.compact-mode .topbar-discard-info{padding:3px 6px;font-size:.75rem;min-width:50px}.game-screen.compact-mode .slot-label{font-size:.65rem;letter-spacing:.3px;line-height:1}.game-screen.compact-mode .threat-display.enhanced-threat{padding:4px 8px}.game-screen.compact-mode .threat-val-enhanced{font-size:1rem}.settings-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;color:var(--text);display:flex;align-items:center;justify-content:center}.settings-btn:hover{background-color:#ffffff1a}.settings-btn:active{transform:scale(.95)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.settings-modal{background:linear-gradient(135deg,#2a2a1a,#1a1a0a);border:2px solid var(--accent);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease;box-shadow:0 10px 30px #00000080}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(212,165,116,.2)}.settings-header h2{margin:0;color:var(--accent);font-size:1.5rem;display:flex;align-items:center;gap:8px}.settings-close{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.settings-close:hover{background-color:#ffffff1a}.settings-content{padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 16px;color:var(--accent);font-size:1.2rem;border-bottom:1px solid rgba(212,165,116,.2);padding-bottom:8px;display:flex;align-items:center;gap:8px}.settings-row{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.settings-label{color:var(--text);font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer}.settings-label input[type=checkbox],.settings-label input[type=radio]{margin:0}.settings-slider{width:100%;height:8px;border-radius:4px;background:#fff3;outline:none;transition:background .2s}.settings-slider:disabled{opacity:.5;cursor:not-allowed}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .2s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-input{background:#ffffff1a;border:1px solid rgba(212,165,116,.3);border-radius:4px;padding:8px 12px;color:var(--text);font-size:1rem;width:100%}.settings-input:focus{outline:none;border-color:var(--accent);background:#ffffff26}.settings-button{background:linear-gradient(135deg,var(--accent),#cc8844);border:none;color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;margin-right:8px}.settings-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4a5744d}.settings-button:active{transform:translateY(0)}.settings-hint{color:#fff9;font-size:.85rem;margin-top:4px}.settings-category{margin-bottom:32px;border:1px solid rgba(212,165,116,.2);border-radius:8px;overflow:hidden}.category-header{background:#d4a5741a;padding:12px 16px;border-bottom:1px solid rgba(212,165,116,.2)}.category-header h3{margin:0;color:var(--accent);font-size:1.1rem;display:flex;align-items:center;gap:8px;border:none;padding:0}.settings-category .settings-section{padding:16px;margin-bottom:0}.settings-category .settings-section h3{display:none}.theme-section h4{color:var(--accent);margin:16px 0 12px;font-size:1rem}.current-theme-preview{background:#ffffff0d;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:.9rem}.current-theme-name{color:var(--accent);font-weight:600}.danger-section{border-color:#f443364d}.danger-section .category-header{background:#f443361a;border-color:#f4433633}.danger-section .category-header h3{color:#f44336}.danger-button{background:linear-gradient(135deg,#f44336,#d32f2f)!important}.danger-button:hover{box-shadow:0 4px 12px #f443364d!important}.leaderboard{max-width:1200px;margin:0 auto;padding:20px;animation:fadeIn .3s ease}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.leaderboard-header h2{color:var(--accent);font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(212,165,116,.3)}.leaderboard-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap;background:#0003;border-radius:8px;padding:4px}.tab-btn{background:transparent;border:none;color:var(--text);padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;flex:1;min-width:120px;text-align:center}.tab-btn:hover{background:#ffffff1a}.tab-btn.active{background:linear-gradient(135deg,var(--accent),#cc8844);color:#fff;font-weight:600;box-shadow:0 2px 8px #d4a5744d}.leaderboard-description{margin-bottom:20px;text-align:center}.leaderboard-description p{margin:8px 0;color:#fffc;font-size:.95rem}.scoring-info{margin-top:8px}.score-formula{font-family:Monaco,Consolas,monospace;font-size:.85rem;color:var(--accent);background:#0000004d;padding:8px 12px;border-radius:4px;display:inline-block}.leaderboard-table-container{background:#0000004d;border-radius:12px;padding:20px;overflow-x:auto;box-shadow:0 4px 20px #0000004d}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:800px}.leaderboard-table th,.leaderboard-table td{padding:14px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-table th{color:var(--accent);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;background:#0003}.leaderboard-row{transition:all .2s ease}.leaderboard-row:hover{background:#ffffff0d;transform:translate(2px)}.leaderboard-row.gold-medal{background:linear-gradient(90deg,#ffd70026,#ffd7000d);border-left:4px solid #ffd700}.leaderboard-row.silver-medal{background:linear-gradient(90deg,#c0c0c026,#c0c0c00d);border-left:4px solid #c0c0c0}.leaderboard-row.bronze-medal{background:linear-gradient(90deg,#cd7f3226,#cd7f320d);border-left:4px solid #cd7f32}.leaderboard-row.current-user{background:linear-gradient(90deg,#42a5f533,#42a5f514);border-right:4px solid var(--accent);box-shadow:0 2px 8px #42a5f533}.rank-cell{width:80px;text-align:center;font-weight:600}.rank-display{display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.rank-medal{font-size:1.2rem}.crown-icon{font-size:.9rem;position:absolute;top:-8px;right:-8px}.player-cell{width:150px}.player-info{display:flex;align-items:center;gap:8px}.player-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.scenario-cell{width:140px}.scenario-name{font-weight:500;color:#ffffffe6}.difficulty-cell{width:120px}.difficulty-badge{font-size:.85rem;padding:4px 8px;border-radius:4px;background:#ffffff1a;white-space:nowrap}.score-cell{width:120px}.score-display{display:flex;align-items:center;gap:6px;cursor:help}.score-value{font-weight:600;color:var(--accent);font-size:1rem}.score-icon{font-size:.8rem;opacity:.6}.time-cell{width:100px}.time-value{font-weight:600;font-family:Monaco,Consolas,monospace;color:#4caf50}.days-cell,.kills-cell{width:80px;text-align:center}.stat-value{font-weight:500}.loading-message,.no-runs-message{text-align:center;padding:40px;color:#ffffffb3;font-style:italic}.error-message{text-align:center;padding:40px;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px}.leaderboard-filters{display:none}.date-cell{width:100px;color:#ffffffb3;font-size:.85rem}.loading-message,.error-message,.no-runs-message{text-align:center;padding:40px 20px;color:#ffffffb3;font-size:1.1rem}.error-message{color:var(--accent-hover)}.no-runs-message{background:#ffffff0d;border-radius:8px;margin-top:20px}.daily-challenge-section{margin-bottom:24px}.daily-challenge-card{background:linear-gradient(135deg,#1a1a3a,#2a2a4a);border:2px solid #4a4a6a;border-radius:12px;padding:20px;margin-top:12px;transition:all .3s ease}.daily-challenge-card:hover{border-color:#6a6a8a;transform:translateY(-2px);box-shadow:0 8px 24px #4a4a6a4d}.daily-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.daily-icon{font-size:2.5rem;padding:12px;background:#d4a5741a;border-radius:50%;border:2px solid rgba(212,165,116,.3)}.daily-info h4{margin:0 0 4px;color:#d4a574;font-size:1.3rem;font-weight:700}.daily-info p{margin:0;color:#fffc;font-size:.95rem}.daily-details{margin-bottom:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.daily-scenario{color:#fff;font-size:1rem;margin-bottom:8px}.daily-stats{display:flex;gap:16px;color:#ffffffb3;font-size:.9rem}.daily-error{background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);color:var(--accent-hover);padding:12px;border-radius:6px;margin-bottom:16px;font-size:.95rem}.daily-actions{display:flex;gap:12px;align-items:center}.btn-daily{background:linear-gradient(135deg,#d4a574,#b8956a);border:none;color:#1a1a1a;font-weight:700;font-size:1rem;padding:12px 24px;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-daily:hover:not(:disabled){background:linear-gradient(135deg,#e6b786,#ca9e7c);transform:translateY(-1px);box-shadow:0 4px 12px #d4a57466}.btn-daily:disabled{background:#d4a5744d;color:#1a1a1a99;cursor:not-allowed;transform:none;box-shadow:none}.btn-small{font-size:.85rem;padding:8px 16px}.achievements-container{max-width:800px;margin:20px auto;padding:20px}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(212,165,116,.2)}.achievements-header h2{color:var(--gold);font-size:2rem;margin:0}.achievement-stats{display:flex;align-items:center;gap:4px;font-size:1.2rem;color:var(--text)}.unlocked-count{color:var(--gold);font-weight:700;font-size:1.5rem}.total-count{color:var(--text-dim)}.divider{color:var(--text-dim);margin:0 2px}.label{font-size:.9rem;color:var(--text-dim);margin-left:8px}.achievement-category{margin-bottom:32px}.category-title{color:var(--gold);font-size:1.5rem;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(212,165,116,.3);text-transform:uppercase;letter-spacing:1px;font-weight:600}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.achievement-card{background:#1a1a1acc;border:2px solid rgba(212,165,116,.2);border-radius:8px;padding:16px;transition:all .3s ease;display:flex;gap:12px;align-items:flex-start}.achievement-card.unlocked{border-color:#d4a57499;background:#d4a5741a;box-shadow:0 2px 8px #d4a57433}.achievement-card.unlocked:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.achievement-card.locked{border-color:#6464644d;background:#3232324d}.achievement-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:50%;border:2px solid rgba(212,165,116,.3)}.achievement-card.unlocked .achievement-icon{border-color:#d4a574cc;background:#d4a5741a}.achievement-name{color:var(--text);font-size:1.1rem;margin:0 0 4px;font-weight:600}.achievement-card.unlocked .achievement-name{color:var(--gold)}.achievement-desc{color:var(--text-dim);font-size:.9rem;margin:0 0 8px;line-height:1.4}.achievement-card.unlocked .achievement-desc{color:var(--white-die)}.unlock-date{font-size:.75rem;color:#777;font-style:italic}.achievement-card.unlocked .unlock-date{color:var(--text-dim)}.loading-state,.error-state,.anonymous-state,.no-achievements{text-align:center;padding:40px 20px;color:var(--text-dim)}.loading-state .spinner{font-size:3rem;margin-bottom:16px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state h3,.anonymous-state h3,.no-achievements h3{color:var(--gold);margin-bottom:16px}.retry-btn{background:#d4a574cc;border:none;color:#1a1a1a;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;margin-top:16px;transition:background .3s ease}.retry-btn:hover{background:#d4a574}.anonymous-state p,.no-achievements p{line-height:1.6;margin-bottom:8px}.card-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.card-type-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.card-cost-display{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;width:fit-content}.die-pip{font-size:1.1rem;line-height:1;flex-shrink:0}.cost-value{font-weight:600;font-size:.9rem;color:#fff}.free-badge{font-size:.8rem;font-weight:600;color:var(--die-green);text-transform:uppercase;letter-spacing:.5px}.formula-badge{font-size:.8rem;color:var(--die-gold);font-weight:500}.die-pip.die-white{color:var(--die-white);text-shadow:0 0 3px rgba(226,232,240,.6)}.die-pip.die-green{color:var(--die-green);text-shadow:0 0 3px rgba(76,175,80,.6)}.die-pip.die-blue{color:var(--die-blue);text-shadow:0 0 3px rgba(66,165,245,.6)}.die-pip.die-red{color:var(--die-red);text-shadow:0 0 3px rgba(239,83,80,.6)}.die-pip.die-gold{color:var(--die-gold);text-shadow:0 0 3px rgba(255,215,0,.6)}.die-pip.die-grey{background:linear-gradient(45deg,var(--die-red),var(--die-blue),var(--die-green),var(--die-gold));background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.card-type-badge{font-size:.75rem;color:var(--text-dim);text-transform:capitalize;opacity:.8}.card-header-top{display:flex;justify-content:flex-end;margin-bottom:2px;position:relative;z-index:10}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon.size-inline{width:16px;height:16px}.icon.size-badge{width:20px;height:20px}.icon.size-button{width:24px;height:24px}.icon.size-large{width:32px;height:32px}.app:has(.game-grid-layout)>header{display:none}.app:has(.game-grid-layout){padding:0;margin:0;max-width:none;width:100vw}body:has(.game-grid-layout){overflow:hidden}body:has(.game-grid-layout.menu-mode){overflow:auto}.app.game-active>header{display:none}.app.game-active{padding:0;margin:0;max-width:none;width:100vw}.app.game-active>main{padding:0;margin:0}.game-grid-layout{display:grid;grid-template-areas:"header" "main" "hand";grid-template-columns:100%;grid-template-rows:36px 1fr 80px;height:100vh;width:100vw;overflow:hidden;background-image:url(/assets/ui/game-bg-pattern.svg);background-size:100px 100px;background-repeat:repeat;background-color:var(--bg);color:var(--text);transition:grid-template-columns .3s ease;position:relative}.game-grid-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/ui/vignette-enhanced.svg);background-size:cover;background-position:center;opacity:.4;pointer-events:none;z-index:2}.game-grid-layout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/ui/noise-grain.png);background-size:256px 256px;opacity:.03;pointer-events:none;z-index:1;animation:grainShift .5s infinite}@keyframes grainShift{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}.game-grid-layout>*{position:relative;z-index:10}.game-header{grid-area:header;z-index:200;border-bottom:1px solid var(--border);background:var(--bg-darker)}.game-sidebar{grid-area:sidebar;background:var(--bg-card) url(/assets/ui/sidebar-bg.svg) repeat-y;background-size:200px auto;border-right:1px solid var(--border);display:none;flex-direction:column;overflow:hidden;z-index:180;font-size:11px}.sidebar-scroll{flex:1;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:4px;font-size:10px;word-wrap:break-word;overflow-wrap:break-word}.game-main{grid-area:main;overflow:hidden;padding:8px;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.main-content{width:100%;max-width:1600px;display:flex;flex-direction:column;gap:8px}.game-dice-tray{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:8px;padding:4px 8px;z-index:85;margin-bottom:8px;box-shadow:0 4px 12px #00000080;position:sticky;top:0}.game-log-panel{grid-area:gamelog;background:var(--bg-card);border-left:1px solid var(--border);display:none;flex-direction:column;overflow:hidden;z-index:170;font-size:11px}.game-log-panel .game-log{height:100%;display:flex;flex-direction:column}.game-log-panel .game-log-header{padding:8px;border-bottom:1px solid var(--border);background:var(--bg-darker)}.game-log-panel .game-log-header h3{font-size:.85rem;margin:0}.game-log-panel .log-entries{flex:1;overflow-y:auto;padding:6px}.game-log-panel .log-entry{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.75rem;line-height:1.3}.game-log-panel .log-message{color:var(--text-dim)}.game-log-panel .log-timestamp{font-size:.65rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;flex-shrink:0}.game-hand-dock{grid-area:hand;background:linear-gradient(to top,var(--bg-darker) 0%,rgba(10,10,12,.95) 80%,transparent 100%),url(/assets/ui/hand-dock-bg.svg) repeat-x bottom;background-size:auto,auto 100px;border-top:1px solid rgba(255,255,255,.1);padding:0 10px;min-height:clamp(80px,12vh,110px);max-width:100%;z-index:150;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.game-sidebar.mobile-visible{display:flex;position:fixed;top:36px;left:0;width:280px;height:calc(100vh - 36px);z-index:500;background:var(--bg-card);border-right:2px solid var(--border);box-shadow:4px 0 20px #0009;transform:translate(-100%);transition:transform .3s ease}.game-sidebar.mobile-visible{transform:translate(0)}.game-grid-layout.sidebar-open:before{content:"";position:fixed;top:36px;left:0;right:0;bottom:0;background:#00000080;z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar-stats-inline{display:flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap}.topbar-stat{display:inline-flex;align-items:center;gap:1px;font-weight:600;opacity:.9}:root{--base-font-size: clamp(12px, 1vw, 14px);--card-width: clamp(120px, 14vw, 180px);--die-size: clamp(36px, 4.5vw, 44px)}body{font-size:var(--base-font-size);background-image:url(/assets/ui/menu-bg.svg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed}body:has(.game-grid-layout){background-image:none}.game-hand-dock .hand-cards{display:flex;flex-direction:row;overflow-x:auto;overflow-y:visible;padding:10px 10px 8px;justify-content:center;align-items:flex-end;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch;min-height:180px}.game-hand-dock .hand-cards::-webkit-scrollbar{display:none}.game-hand-dock .hand-card{flex:0 0 var(--card-width);font-size:clamp(10px,1vw,13px);transform-origin:bottom center;transition:transform .35s cubic-bezier(.2,0,.2,1),box-shadow .2s ease;box-shadow:0 -2px 8px #0006;position:relative;background:var(--bg-card);border-radius:8px;transform:translateY(55%);margin-right:-25px}.game-hand-dock .hand-card:last-child{margin-right:0}.game-hand-dock .hand-card:hover,.game-hand-dock .hand-card:focus-within,.game-hand-dock .hand-card.selected{transform:translateY(0);z-index:200;box-shadow:0 -8px 25px #0009,0 0 15px #c628284d}.game-hand-dock .hand-card:active{transform:translateY(0);z-index:200}.game-hand-dock .hand-card.playable:hover{transform:translateY(0);box-shadow:0 -8px 25px #0009,0 0 15px #c628284d}.game-hand-dock .hand-card.selected{transform:translateY(0) scale(1.03);z-index:201}.game-hand-dock .hand-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,var(--bg-card),transparent);pointer-events:none;transition:opacity .3s ease;z-index:1}.game-hand-dock .hand-card:hover:after,.game-hand-dock .hand-card.selected:after{opacity:0}.game-hand-dock .hand-card>.hc-art{flex-shrink:1;min-height:0}.game-hand-dock .hand-card>.hc-effect{flex:1 1 0;min-height:0;overflow:hidden}.game-hand-dock .hand-card>.hc-footer{flex-shrink:0}.game-hand-dock .hand-card>.hc-flavor{display:none}.game-hand-dock.hand-empty{pointer-events:none}.game-hand-dock .hand-card{pointer-events:auto}.hc-type-badge{position:absolute;top:6px;right:6px;font-size:1rem;background:#000000bf;color:#ffffffe6;padding:3px 6px;border-radius:6px;line-height:1;z-index:10;box-shadow:0 2px 4px #0003;border:1px solid rgba(255,255,255,.1)}.hc-threat-badge{position:absolute;top:4px;right:4px;background:#c62828d9;color:#fff;font-size:.7rem;font-weight:700;padding:2px 5px;border-radius:4px;z-index:5;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #0006}.hc-restriction-badge{position:absolute;top:24px;right:4px;background:#c62828d9;color:#fff;font-size:.7rem;font-weight:700;padding:2px 5px;border-radius:4px;z-index:5;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #0006}.hc-restriction-badge.missing-die-red{background:#ef5350e6;border:1px solid var(--die-red)}.hc-restriction-badge.missing-die-blue{background:#42a5f5e6;border:1px solid var(--die-blue)}.hc-restriction-badge.missing-die-green{background:#4caf50e6;border:1px solid var(--die-green)}.hc-restriction-badge.missing-die-white{background:#e2e8f0e6;color:#111;border:1px solid var(--die-white)}.hc-restriction-badge.missing-die-gold{background:#ffd700e6;color:#111;border:1px solid var(--die-gold)}.hc-mandatory-badge{position:absolute;top:4px;left:4px;background:#ff0000e6;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;z-index:5;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #0006;text-transform:uppercase;letter-spacing:.5px;animation:mandatoryPulse 2s infinite}@keyframes mandatoryPulse{0%,to{background:#ff0000e6;box-shadow:0 1px 4px #0006}50%{background:red;box-shadow:0 0 8px #f009}}.hand-card.panic-card-mandatory{border:2px solid #ff0000!important;background:linear-gradient(135deg,#ff00001a,#8b00001a)!important;box-shadow:0 0 15px #f006!important;animation:panicCardPulse 3s infinite}@keyframes panicCardPulse{0%,to{border-color:red;box-shadow:0 0 15px #f006}50%{border-color:#f44;box-shadow:0 0 20px #f009}}.play-zones{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.play-zones .storage-zone,.play-zones .location-slots,.play-zones .discard-zone{flex:1 1 0;min-width:120px}.play-zones .location-slots{flex:2 1 0}.discard-zone{background:var(--bg-card);border:2px dashed rgba(255,255,255,.15);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s;cursor:default;min-height:80px}.discard-zone.discard-drag-over{border-color:var(--red);background:#c6282826;box-shadow:0 0 12px #c628284d}.discard-zone-icon{font-size:1.5rem;opacity:.5}.discard-drag-over .discard-zone-icon{opacity:1}.discard-zone-label{font-size:.8rem;font-weight:600;color:var(--text-dim)}.discard-zone-count{font-size:.7rem;color:var(--text-dim);opacity:.6}.game-hand-dock .hand-card.selected{transform:translateY(0) scale(1.05)!important;z-index:500;border-color:var(--gold);box-shadow:0 0 15px var(--gold-glow)}.game-dice-tray .dice-pool{margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,16px)}.game-dice-tray .dice-row{justify-content:center;gap:clamp(6px,1.5vw,10px)}.game-dice-tray .die{width:var(--die-size);height:var(--die-size);cursor:grab;transition:transform .15s ease,box-shadow .15s ease;font-size:clamp(14px,2vw,18px)}.game-dice-tray .die:active:not(.used){cursor:grabbing;transform:scale(.95)}.game-top-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;min-height:36px;background:#0000004d;font-size:11px;flex-wrap:wrap;gap:2px 0}.topbar-resources-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.topbar-resources-container.compact{flex-direction:row;justify-content:space-between;gap:8px}.enhanced-topbar-resources{display:flex;justify-content:center;gap:8px;padding:6px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,#ffffff05,#ffffff0d,#ffffff05)}.enhanced-topbar-resources.compact{border:none;background:none;padding:2px 0;gap:6px}.enhanced-topbar-res{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;opacity:.4;font-size:.75rem;font-weight:600;position:relative;transition:all .3s ease}.enhanced-topbar-resources.compact .enhanced-topbar-res{padding:2px 6px;font-size:.65rem;border-radius:8px;gap:2px}.enhanced-topbar-res.has{opacity:1;background:#ffffff1a;border-color:#fff3}.enhanced-topbar-res.critical-low{animation:criticalResourcePulse 2s ease-in-out infinite;border-color:#f44336;color:#f44336}@keyframes criticalResourcePulse{0%,to{background:#f443361a;box-shadow:0 0 #f4433666}50%{background:#f4433633;box-shadow:0 0 0 4px #f4433600}}.enhanced-topbar-res-amt{font-variant-numeric:tabular-nums;font-weight:700}.resource-change-indicator{position:absolute;top:-18px;right:-6px;font-size:.6rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:resourceChangeFloat 1.2s ease-out;pointer-events:none;z-index:10}.resource-change-indicator.positive{color:#4caf50}.resource-change-indicator.negative{color:#f44336}@keyframes resourceChangeFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.8)}}.deck-info-section{display:flex;gap:6px;align-items:center}.topbar-resources{width:100%;display:flex;justify-content:center;gap:8px;padding:2px 0;border-top:1px solid rgba(255,255,255,.08)}.topbar-res{display:flex;align-items:center;gap:2px;opacity:.4;font-size:11px;font-weight:600}.topbar-res.has{opacity:1}.topbar-res-amt{font-variant-numeric:tabular-nums}.enhanced-day-counter{display:flex;flex-direction:column;align-items:center;gap:4px}.enhanced-day-counter.compact{flex-direction:row;gap:6px}.day-badge-enhanced{padding:4px 12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#0000001a);border:1px solid rgba(255,255,255,.2);border-radius:16px;font-weight:700;font-size:.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:all .3s ease}.enhanced-day-counter.compact .day-badge-enhanced{padding:2px 8px;font-size:.7rem;border-radius:12px}.day-progress-bar{width:80px;height:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.day-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#ffffff1a,#ffffff0d,#0000001a),linear-gradient(90deg,currentColor,currentColor);background-blend-mode:overlay}.mobile-sidebar-toggle{display:none;background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:4px}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.hp-display{display:flex;align-items:center;gap:4px;font-weight:700}.hp-bar{width:40px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.threat-display{font-weight:700;white-space:nowrap}.game-sidebar .resources-bar.deck-piles-only{display:flex;flex-direction:column;gap:4px;background:#00000040;padding:6px;border-radius:6px}.game-sidebar .resources-bar.deck-piles-only .deck-info-group{margin-left:0;display:flex;flex-direction:column;gap:4px;width:100%}.game-sidebar .resources-bar.deck-piles-only .pile-badge{padding:3px 6px;font-size:10px;gap:3px;justify-content:center;min-width:0}.game-sidebar .resources-bar.deck-piles-only .pile-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-sidebar .location-card{padding:6px;border-radius:6px;border:1px solid var(--border);margin-bottom:4px}.game-sidebar .location-card h4{font-size:11px;margin:0 0 2px}.game-sidebar .game-log{margin-top:auto;max-height:100px;border-top:1px solid var(--border);background:#00000026}.game-sidebar .game-log .log-entries{font-size:10px;max-height:70px;padding:4px}.draft-modal,.level-up-modal,.game-over-modal{width:95%;max-width:600px;max-height:90vh;overflow-y:auto;padding:clamp(12px,3vw,24px);border-radius:12px}.level-up-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.day-view{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.night-zone{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:10px}.night-events-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;perspective:1000px}.night-card{transform:scale(1);transition:all .4s ease}.game-toast{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:3000;padding:10px 20px;border-radius:8px;box-shadow:0 4px 20px #0009;font-size:13px;max-width:90%;text-align:center;background:var(--accent);color:#fff}.game-toast.error{background:linear-gradient(135deg,#c62828,#d32f2f);color:#fff;border:1px solid rgba(255,255,255,.2);font-size:.9rem}.mute-btn{position:fixed;bottom:10px;right:10px;z-index:2000;width:36px;height:36px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px}.phase-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.phase-confirmation-modal{background:var(--bg-card);border:2px solid var(--accent);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #00000080;animation:modalSlideIn .3s ease-out}.phase-confirmation-modal .confirmation-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.phase-confirmation-modal .phase-icon{font-size:1.5rem}.phase-confirmation-modal h3{color:var(--text-primary);margin:0;font-size:1.3rem}.phase-confirmation-modal .confirmation-content{margin-bottom:20px;line-height:1.5}.phase-confirmation-modal .confirmation-content p{color:var(--text-dim);margin-bottom:8px}.phase-confirmation-modal .confirmation-actions{display:flex;gap:12px;justify-content:flex-end}.phase-confirmation-modal .btn{padding:10px 20px;min-width:100px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.enhanced-scenario-card.last-played{border:2px solid var(--gold)!important;box-shadow:0 0 15px #f9a82566;position:relative}.last-played-badge{position:absolute;top:-8px;left:-8px;background:var(--gold);color:#000;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap;z-index:10;box-shadow:0 2px 6px #0000004d}.food-upkeep-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;min-width:320px;background:linear-gradient(135deg,#2196f3f2,#1976d2f2);border:2px solid #1976d2;border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:1500;animation:foodWarningSlideIn .4s ease-out;color:#fff}.food-upkeep-warning.insufficient{background:linear-gradient(135deg,#f44336f2,#c62828f2);border-color:#c62828;animation:foodWarningSlideIn .4s ease-out,foodWarningPulse 2s ease-in-out infinite}.upkeep-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.2)}.upkeep-icon{font-size:1.5rem;margin-right:8px}.upkeep-title{flex:1;font-size:1.1rem;font-weight:700}.upkeep-dismiss{background:transparent;border:none;color:#fffc;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.upkeep-dismiss:hover{background:#ffffff1a;color:#fff}.upkeep-content{padding:16px}.upkeep-main-text{font-size:1rem;margin-bottom:12px;text-align:center}.upkeep-breakdown{font-size:.9rem;opacity:.9;font-weight:400}.upkeep-status{margin-bottom:12px}.current-food{text-align:center;font-size:.95rem;margin-bottom:8px;background:#0003;padding:6px 12px;border-radius:6px}.upkeep-sufficient{text-align:center;color:#4caf50;font-weight:600;background:#4caf5033;padding:6px 12px;border-radius:6px}.upkeep-insufficient{text-align:center}.warning-main{color:#ffcdd2;font-weight:700;font-size:1.05rem;margin-bottom:4px}.warning-consequence{background:#0000004d;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.upkeep-notice{background:#ffc10733;border:1px solid rgba(255,193,7,.4);border-radius:6px;padding:8px 12px;text-align:center;font-size:.9rem;color:#fff8e1}@keyframes foodWarningSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes foodWarningPulse{0%,to{box-shadow:0 8px 32px #00000080,0 0 #f44336b3}50%{box-shadow:0 8px 32px #00000080,0 0 0 8px #f4433600}}.upkeep-warning{color:var(--red);font-weight:700;display:flex;align-items:center;gap:4px}.upkeep-current{color:var(--text-dim);font-style:italic}.upkeep-dismiss{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;margin-left:8px;font-size:16px;transition:color .2s}.upkeep-dismiss:hover{color:#fff}.end-day-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.end-day-summary{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid #444;border-radius:12px;padding:32px;max-width:500px;min-width:400px;box-shadow:0 8px 32px #00000080}.summary-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #444}.summary-header h3{margin:0;color:var(--text);font-size:20px}.summary-content{animation:slideInFromBottom .4s ease-out}.summary-row{display:flex;align-items:center;gap:12px;padding:8px 0;color:#d0d0d0}.summary-row strong{color:#fff}.summary-row small{color:var(--text-dim);margin-left:8px}.summary-message{margin:20px 0;padding:16px;background:#ffc1071a;border:1px solid #ffc107;border-radius:6px;font-style:italic;color:#ffc107}.summary-actions{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.end-day-summary.parchment-style{background:linear-gradient(145deg,#2c1810,#3e241a);background-image:radial-gradient(circle at 20% 20%,rgba(160,120,80,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(160,120,80,.08) 0%,transparent 50%),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(160,120,80,.02) 2px,rgba(160,120,80,.02) 4px);border:2px solid #6d4c28;box-shadow:0 8px 32px #0009,inset 0 1px #a0785033,inset 0 -1px #0006}.summary-header.handwritten h3{font-family:Brush Script MT,Lucida Handwriting,Segoe Print,cursive;font-size:24px;color:#d4a574;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.summary-section{margin-bottom:20px}.section-title{font-size:16px;font-weight:700;color:#d4a574;margin:12px 0 8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.section-divider{height:1px;background:linear-gradient(to right,transparent,#6d4c28,transparent);margin:16px 0 12px}.dice-efficiency{display:flex;flex-direction:column;gap:4px;width:100%}.dice-display{display:flex;gap:2px;margin-bottom:4px}.die-used{opacity:.4;filter:grayscale(.8)}.die-unused{opacity:1;filter:none}.efficiency-tip{color:#ffa726;font-style:italic}.resource-breakdown{display:block;margin-top:4px;color:var(--text-dim)}.streak-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.streak-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.streak-badge.streak-combat{background:#f4433633;border-color:#f4433666;color:#ff8a80}.streak-badge.streak-exploration{background:#2196f333;border-color:#2196f366;color:#82b1ff}.streak-badge.streak-survival{background:#4caf5033;border-color:#4caf5066;color:#a5d6a7}.streak-icon{font-size:14px}.night-preview-section{background:#0000004d;border:1px solid #444;border-radius:8px;padding:16px;margin-top:16px;animation:slideInFromBottom .5s ease-out}.night-preview-content{margin-top:8px}.special-event{background:#ff98001a;border-left:3px solid #ff9800;padding-left:8px;margin:4px 0}.special-event.danger-text{background:#f443361a;border-left-color:var(--red)}.warning-text{color:#ff9800}.danger-text{color:var(--red)}.preparation-tips{margin-top:12px;padding:12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px}.preparation-tips h5{margin:0 0 8px;color:#a5d6a7;font-size:14px}.tip-item{color:#e8f5e8;font-size:13px;margin:4px 0;line-height:1.4}.threat-flavor{color:#d4a574;font-style:italic;text-align:center}.night-button{background:linear-gradient(135deg,#1a237e,#3949ab);border:1px solid #5c6bc0;box-shadow:0 4px 12px #1a237e4d;transition:all .2s ease}.night-button:hover:not(:disabled){background:linear-gradient(135deg,#283593,#5c6bc0);box-shadow:0 6px 16px #1a237e66;transform:translateY(-1px)}.threat-tooltip-container{position:relative;display:inline-block}.threat-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:8px;min-width:280px;background:#000000f2;border:2px solid;border-radius:8px;padding:12px 16px;z-index:1500;animation:fadeInScale .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.threat-tooltip.threat-tutorial{border-color:var(--die-green);background:#4caf501a}.threat-tooltip.threat-minimal{border-color:#2196f3;background:#2196f31a}.threat-tooltip.threat-low{border-color:#ff9800;background:#ff98001a}.threat-tooltip.threat-moderate{border-color:#ff5722;background:#ff57221a}.threat-tooltip.threat-dangerous{border-color:var(--red);background:#f443361a}.threat-tooltip.threat-critical{border-color:#9c27b0;background:#9c27b01a}.threat-tooltip.threat-nightmare{border-color:#b71c1c;background:#b71c1c33;box-shadow:0 0 20px #b71c1c4d}.threat-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#fff;font-weight:700}.threat-tooltip-body{color:#d0d0d0;font-size:13px;line-height:1.4}.threat-tooltip-body p{margin:0 0 8px}.threat-tooltip-row{display:flex;align-items:center;gap:6px;margin:6px 0}.threat-tooltip-warning{display:flex;align-items:center;gap:6px;margin:4px 0;color:var(--red);font-weight:500}@keyframes slideInFromTop{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.keyboard-shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.keyboard-shortcuts-modal{background:linear-gradient(135deg,#1a1a1f,#151518);border:2px solid #333;border-radius:12px;padding:0;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #000000b3;animation:fadeInScale .3s ease}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(90deg,#2a2a35,#242428);border-bottom:1px solid #333}.shortcuts-header h2{margin:0;color:#fff;font-size:24px;font-weight:700}.shortcuts-content{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.shortcuts-section h3{margin:0 0 16px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #333}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{display:flex;align-items:center;gap:12px;color:#d0d0d0;font-size:14px}.shortcut-item kbd{background:linear-gradient(135deg,#3a3a3f,#2a2a30);border:1px solid #555;border-radius:6px;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#fff;min-width:24px;text-align:center;box-shadow:0 2px #444,inset 0 1px #ffffff1a}.shortcut-item span{flex:1}.shortcuts-tips{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:16px;margin-top:20px}.tip-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;color:var(--text);font-size:13px;line-height:1.4}.tip-item:last-child{margin-bottom:0}.tip-icon{font-size:14px;margin-top:1px}.shortcuts-footer{padding:16px 24px;background:#1a1a1f;border-top:1px solid #333;text-align:center;color:var(--text-dim);font-size:13px}.shortcuts-footer kbd{background:#333;border:1px solid #555;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;color:#fff}.keyboard-shortcuts-btn{background:transparent;border:1px solid #444;border-radius:6px;padding:6px 8px;cursor:pointer;color:var(--white-die);font-size:14px;transition:all .2s ease;margin-right:8px}.keyboard-shortcuts-btn:hover{background:#ffffff0d;border-color:var(--text-dim);color:#fff}.keyboard-shortcuts-btn:active{transform:translateY(1px)}.keyboard-hint{position:fixed;bottom:20px;right:20px;background:#000000b3;border:1px solid #444;border-radius:6px;padding:6px 10px;color:var(--white-die);font-size:12px;z-index:1000;pointer-events:none;animation:fadeIn .5s ease}.keyboard-hint kbd{background:#333;border:1px solid #555;border-radius:3px;padding:1px 4px;font-family:Courier New,monospace;font-size:11px;color:#fff}.deck-statistics-modal{max-width:900px;width:95vw;max-height:90vh;background:var(--bg);border:2px solid var(--accent);border-radius:12px}.deck-stats-tabs{display:flex;border-bottom:1px solid #444}.deck-stats-tabs button{flex:1;padding:12px 20px;background:transparent;color:var(--text);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;font-weight:500}.deck-stats-tabs button:hover{background:#ffffff0d}.deck-stats-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);background:#c628281a}.deck-stats-content{padding:20px;max-height:70vh;overflow-y:auto}.overview-tab{display:flex;flex-direction:column;gap:24px}.deck-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.deck-summary-card{background:#ffffff08;border:1px solid #444;border-radius:8px;padding:20px;text-align:center;transition:border-color .2s}.deck-summary-card:hover{border-color:var(--accent)}.deck-summary-card h4{color:var(--accent);font-size:.9rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.deck-summary-card .big-number{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:4px}.deck-summary-card .subtitle{color:var(--text-dim);font-size:.85rem}.zones-tab{display:flex;flex-direction:column;gap:24px}.zones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.zone-stats{background:#ffffff08;border:1px solid #444;border-radius:8px;padding:20px}.zone-stats h4{color:var(--accent);margin-bottom:16px;font-size:1.1rem;border-bottom:1px solid #444;padding-bottom:8px}.zone-stats h5{color:var(--text);margin-bottom:12px;font-size:.95rem;margin-top:16px}.zone-stats h5:first-child{margin-top:0}.empty-zone{color:var(--text-dim);font-style:italic;text-align:center;padding:20px}.stats-section{margin-bottom:20px}.percentage-bar-container{margin-bottom:8px}.percentage-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.85rem}.percentage-bar-label{color:var(--text)}.percentage-bar-value{color:var(--text-dim);font-weight:600}.percentage-bar-track{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden}.percentage-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.card-list-section{margin-top:16px}.card-list-header{width:100%;background:#ffffff0d;border:1px solid #444;border-radius:6px;color:var(--text);padding:10px 16px;text-align:left;cursor:pointer;transition:all .2s}.card-list-header:hover{background:#ffffff14;border-color:#555}.card-list{margin-top:8px;max-height:200px;overflow-y:auto;border:1px solid #333;border-radius:6px;background:#0003}.card-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #333;transition:background .2s}.card-list-item:last-child{border-bottom:none}.card-list-item:hover{background:#ffffff0d}.card-list-item.type-combat{border-left:3px solid #d32f2f}.card-list-item.type-action{border-left:3px solid #1976d2}.card-list-item.type-location{border-left:3px solid #388e3c}.card-list-item.type-panic{border-left:3px solid #f57f17}.card-list-item.type-item{border-left:3px solid #7b1fa2}.card-list-item.type-event{border-left:3px solid #ff5722}.card-list-item.type-survivor{border-left:3px solid #795548}.card-name{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text)}.card-list-thumb{width:20px;height:20px;border-radius:3px;object-fit:cover}.card-count{color:var(--accent);font-weight:600;font-size:.85rem}.probabilities-tab{display:flex;flex-direction:column;gap:20px}.probability-header h4{color:var(--accent);margin-bottom:8px}.probability-header p{color:var(--text-dim);margin-bottom:12px}.shuffle-warning{background:#ffc1071a;border:1px solid #ffc107;border-radius:6px;padding:12px 16px;color:#ffc107;font-weight:500;margin-bottom:16px}.no-drawable-cards{text-align:center;padding:40px 20px;color:var(--text-dim)}.no-drawable-cards h4{color:var(--accent);margin-bottom:12px}.profile-container{max-width:1000px;margin:0 auto;padding:20px}.profile-header{text-align:center;margin-bottom:30px}.profile-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.profile-title h2{color:#fff;font-size:2rem;margin:0}.player-name{color:var(--text-dim);font-size:1.1rem;margin:0}.player-name strong{color:var(--accent)}.profile-overview,.profile-achievements,.profile-bests,.profile-scenarios,.profile-difficulty,.profile-recent{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:12px;padding:24px;margin-bottom:30px}.profile-overview h3,.profile-bests h3,.profile-scenarios h3,.profile-recent h3{color:#fff;font-size:1.3rem;margin:0 0 20px;display:flex;align-items:center;gap:8px}.achievement-progress-bar{margin-bottom:20px}.progress-track{width:100%;height:12px;background:var(--bg-secondary);border-radius:6px;border:1px solid #444;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffa726);transition:width .5s ease}.progress-text{text-align:center;color:var(--accent);font-size:.9rem;font-weight:600}.recent-achievements{display:flex;flex-direction:column;gap:12px}.achievement-badge{background:linear-gradient(135deg,#333,#3a3a3a);border:1px solid #555;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px}.achievement-icon{font-size:1.5rem;flex-shrink:0}.achievement-info{flex:1}.achievement-name{color:var(--accent);font-weight:600;font-size:.9rem;margin-bottom:2px}.achievement-desc{color:var(--text-secondary);font-size:.8rem}.achievement-date{color:var(--text-secondary);font-size:.75rem;text-align:right}.no-achievements,.achievement-loading{text-align:center;color:var(--text-secondary);font-style:italic;padding:20px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.profile-container .stat-card{background:linear-gradient(135deg,#2a2a2a,#333);border:2px solid #555;border-radius:8px;padding:20px;text-align:center;transition:all .2s ease;display:flex;align-items:center;gap:16px}.profile-container .stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.profile-container .stat-card.win-rate{border-color:var(--accent);box-shadow:0 0 10px #d4a57433}.stat-icon{flex-shrink:0}.stat-content{flex:1;text-align:left}.profile-container .stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 4px;line-height:1}.profile-container .stat-label{font-size:.9rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin:0}.stat-detail{font-size:.8rem;color:var(--accent);margin-top:2px}.best-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.best-stat{background:linear-gradient(135deg,#333,#3a3a3a);border:1px solid #555;border-radius:6px;padding:16px;display:flex;align-items:center;gap:12px}.best-icon{flex-shrink:0}.best-label{color:var(--text-dim);font-size:.9rem;flex:1}.best-value{color:var(--accent);font-weight:700;font-size:1rem}.scenario-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.profile-scenarios .scenario-card{background:linear-gradient(135deg,#2a2a2a,#333);border:2px solid #555;border-radius:8px;padding:20px;transition:all .2s ease}.profile-scenarios .scenario-card:hover{border-color:var(--accent);transform:translateY(-2px)}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scenario-header h4{color:#fff;font-size:1.1rem;margin:0}.play-count{background:#d4a57433;color:var(--accent);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.scenario-stats{display:flex;flex-direction:column;gap:8px}.scenario-stat{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dim)}.recent-runs-table{overflow-x:auto}.recent-runs-table table{width:100%;border-collapse:collapse;font-size:.9rem}.recent-runs-table th,.recent-runs-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #444}.recent-runs-table th{color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;background:#d4a5741a}.recent-runs-table td{color:var(--text-dim)}.recent-runs-table tr:hover{background:#ffffff0d}.recent-runs-table tr.victory{border-left:3px solid #4caf50}.recent-runs-table tr.defeat{border-left:3px solid var(--die-red)}.recent-runs-table .result{font-weight:500}.recent-runs-table tr.victory .result{color:#4caf50}.recent-runs-table tr.defeat .result{color:var(--die-red)}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.difficulty-stat-card{background:linear-gradient(135deg,#2a2a2a,#333);border:2px solid #555;border-radius:8px;padding:16px;transition:all .2s ease}.difficulty-stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.difficulty-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.difficulty-icon{font-size:1.2rem}.difficulty-name{color:#fff;font-weight:600;font-size:.9rem}.difficulty-stats{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.stat-row:first-child{color:var(--text-secondary)}.stat-row:nth-child(2){color:var(--text-secondary)}.win-rate-row{font-weight:600}.difficulty-progress-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.difficulty-progress{height:100%;border-radius:3px;transition:width .3s ease}.recent-runs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.recent-run-card{background:linear-gradient(135deg,#2a2a2a,#333);border:2px solid #555;border-radius:8px;padding:16px;transition:all .2s ease}.recent-run-card:hover{transform:translateY(-2px)}.recent-run-card.victory{border-left:4px solid #4caf50}.recent-run-card.defeat{border-left:4px solid var(--die-red)}.run-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.run-scenario{display:flex;align-items:center;gap:6px}.scenario-icon{font-size:1rem}.scenario-name{color:#fff;font-weight:500;font-size:.9rem}.run-difficulty{font-size:1rem}.run-result{margin-bottom:12px}.victory-badge{color:#4caf50;font-size:.8rem;font-weight:500}.defeat-badge{color:var(--die-red);font-size:.8rem;font-weight:500}.run-stats{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.8rem}.stat-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.run-date{color:var(--text-secondary);font-size:.75rem;text-align:right}.profile-container .loading,.profile-container .error,.profile-container .no-data{text-align:center;padding:40px 20px;color:var(--text-dim);font-style:italic}.profile-container .error{color:var(--die-red)}.profile-container .no-data{background:#ffffff0d;border-radius:8px;margin:16px 0}.difficulty-selector{margin-bottom:24px;padding:20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.difficulty-selector h4{margin:0 0 16px;color:var(--text-primary);font-size:1.1rem}.difficulty-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.difficulty-btn{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit}.difficulty-btn:hover{border-color:var(--accent-color);background:var(--bg-hover)}.difficulty-btn.selected{border-color:var(--accent-color);background:var(--accent-color);color:var(--bg-primary)}.difficulty-btn.easy.selected{background:#4caf50;border-color:#4caf50}.difficulty-btn.normal.selected{background:#64748b;border-color:#64748b}.difficulty-btn.hard.selected{background:#ff7043;border-color:#ff7043}.difficulty-btn.hardcore.selected{background:#f44336;border-color:#f44336}.diff-icon{font-size:1.5rem;margin-bottom:4px}.diff-name{font-weight:700;font-size:.9rem}.diff-badge{position:absolute;top:-6px;right:-6px;background:var(--accent-color);color:var(--bg-primary);font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700}.diff-badge.recommended{background:gold;color:#1a1a1a}.difficulty-description{padding:12px;background:var(--bg-tertiary);border-radius:4px;border-left:4px solid var(--accent-color);font-size:.9rem;line-height:1.4}.easy-desc{color:#4caf50}.normal-desc{color:var(--text-dim)}.hard-desc{color:#ff7043}.hardcore-desc{color:#f44336}.card-tooltip{z-index:1000;pointer-events:none;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}.card-tooltip-content{background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;padding:16px;min-width:280px;max-width:350px;font-size:.85rem;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(10px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tooltip-card-emoji{font-size:2rem;flex-shrink:0}.tooltip-card-info{flex:1}.tooltip-card-name{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:2px}.tooltip-card-type{font-size:.8rem;color:var(--text-dim);display:flex;align-items:center;gap:4px}.tooltip-rarity{font-weight:600;text-transform:capitalize}.tooltip-rarity.rarity-common{color:#9e9e9e}.tooltip-rarity.rarity-uncommon{color:#4caf50}.tooltip-rarity.rarity-rare{color:#2196f3}.tooltip-rarity.rarity-epic{color:#9c27b0}.tooltip-rarity.rarity-legendary{color:#ff9800}.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-label{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:6px}.tooltip-die-req{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tooltip-die-status{font-size:.8rem;padding:4px 8px;border-radius:4px;font-weight:600}.tooltip-die-status.compatible{background:#4caf5033;color:#81c784}.tooltip-die-status.incompatible{background:#f4433633;color:#e57373}.tooltip-die-status.none{background:#9e9e9e33;color:#bdbdbd}.tooltip-resources{display:flex;flex-direction:column;gap:4px}.tooltip-resource{font-size:.8rem;padding:2px 6px;border-radius:4px}.tooltip-resource.available{background:#4caf5033;color:#81c784}.tooltip-resource.missing{background:#f4433633;color:#e57373}.tooltip-threat{font-size:.9rem;font-weight:600;color:#ff7043}.tooltip-effect{line-height:1.4;color:var(--text)}.tooltip-keywords{display:flex;flex-direction:column;gap:6px}.tooltip-keyword{font-size:.8rem;line-height:1.3}.keyword-name{font-weight:600;color:var(--accent);text-transform:capitalize}.keyword-definition{color:var(--text-dim)}.tooltip-flavor{font-style:italic;color:var(--text-dim);font-size:.8rem;line-height:1.3;border-top:1px solid var(--border);padding-top:8px}.hand-zone{position:relative}.hand-cards::-webkit-scrollbar{height:6px}.hand-cards::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.hand-cards::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.hand-cards::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.hand-zone:before,.hand-zone:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:20px;height:40px;background:linear-gradient(90deg,var(--bg-primary),transparent);pointer-events:none;z-index:10;opacity:0;transition:opacity .3s ease}.hand-zone:before{left:0;background:linear-gradient(90deg,var(--bg-primary),transparent)}.hand-zone:after{right:0;background:linear-gradient(270deg,var(--bg-primary),transparent)}.hand-zone.scrollable:before,.hand-zone.scrollable:after{opacity:1}.hand-card{min-width:160px;max-width:180px;flex-shrink:0}.hc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.hc-name{font-weight:700;font-size:.85rem;line-height:1.2;flex:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyboard-hint{background:#fff3;color:var(--text-dim);font-size:.7rem;padding:2px 4px;border-radius:3px;font-weight:600;min-width:16px;text-align:center;flex-shrink:0}.hc-effect{font-size:.75rem;line-height:1.25;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-dim);min-height:2.5em}.hand-card.die-compatible{border-color:var(--accent)!important;box-shadow:0 0 12px #f606}.hand-card.die-incompatible{opacity:.5;filter:saturate(.3)}.hand-card.die-compatible .hc-die-req{background:#ff66001a;border-radius:4px;padding:4px;margin:-2px}.hc-die-req{margin-bottom:6px;padding:4px;border-radius:4px;transition:background-color .2s ease}.hc-die-req.dice-compatible{background:#4caf5026;border:1px solid rgba(76,175,80,.3)}.hc-die-req.dice-incompatible{background:#f443361a;border:1px solid rgba(244,67,54,.2)}.die-requirement{display:flex;align-items:center;gap:4px;font-size:.75rem}.die-color-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.die-restriction{font-weight:600;white-space:nowrap}.dual-die-req{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dual-die-icon{font-weight:700;color:var(--text-dim);font-size:.8rem}.dual-constraint{font-size:.7rem;color:var(--text-dim);font-style:italic}.compatible-dice-hint{font-size:.7rem;color:#4caf50;font-weight:600;margin-top:2px;animation:compatiblePulse 2s infinite}@keyframes compatiblePulse{0%,to{opacity:.7}50%{opacity:1}}.help-tooltip-container{position:relative;display:inline-block;z-index:1000}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid #666;background:#ffffff1a;color:#888;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-left:4px}.help-tooltip-trigger:hover{background:#fff3;color:#aaa;border-color:#999;transform:scale(1.1)}.help-tooltip-popup{position:absolute;z-index:1001;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:0;min-width:200px;max-width:280px;box-shadow:0 4px 20px #0000004d;animation:tooltipFadeIn .2s ease}.help-tooltip-popup.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.help-tooltip-popup.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.help-tooltip-popup.left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.help-tooltip-popup.right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.help-tooltip-content{padding:12px 16px}.help-tooltip-title{font-weight:600;color:var(--text-primary);margin-bottom:6px;font-size:.9rem}.help-tooltip-text{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.help-tooltip-close{position:absolute;top:4px;right:6px;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.help-tooltip-close:hover{color:var(--text-secondary)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.first-turn-highlight{animation:firstTurnPulse 2s infinite;box-shadow:0 0 #4caf5066}@keyframes firstTurnPulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.first-turn-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;pointer-events:none;display:flex;align-items:center;justify-content:center}.first-turn-guide-prompt{pointer-events:all;background:var(--bg-secondary);border:2px solid #4caf50;border-radius:12px;padding:20px;max-width:400px;min-width:300px;box-shadow:0 8px 32px #0006;animation:guideSlideIn .5s ease}.first-turn-guide-prompt.center{margin:auto}.first-turn-guide-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.guide-icon{font-size:1.5rem}.first-turn-guide-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.first-turn-guide-prompt p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 16px}.first-turn-guide-actions{display:flex;justify-content:center}@keyframes guideSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dice-pool-header{display:flex;align-items:center;margin-bottom:8px;justify-content:center}.dice-pool-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.explore-button-container{display:flex;align-items:center;gap:4px}.quick-start{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:16px;margin-bottom:20px}.quick-start h3{margin-top:0;color:#4caf50}.quick-list{margin:0;padding:0;list-style:none}.quick-list li{padding:4px 0;display:flex;align-items:flex-start;gap:8px}.quick-list li strong{color:var(--text-primary)}@keyframes pulse-glow{0%{box-shadow:0 0 5px #d4a574b3}50%{box-shadow:0 0 20px #d4a574,0 0 30px #d4a574cc}to{box-shadow:0 0 5px #d4a574b3}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container.compact{top:10px;right:10px;gap:8px}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:14px;font-weight:500;min-width:250px;max-width:400px;pointer-events:auto;cursor:pointer;box-shadow:0 4px 12px #0000004d;position:relative}.toast.compact{padding:8px 12px;font-size:13px;min-width:200px;gap:8px}.toast-success{border-color:#4caf50;background:#4caf5026}.toast-warning{border-color:#ff9800;background:#ff980026}.toast-danger{border-color:#f44336;background:#f4433626}.toast-info{border-color:#2196f3;background:#2196f326}.toast-icon{font-size:18px;flex-shrink:0}.toast.compact .toast-icon{font-size:16px}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:#ffffffb3;font-size:18px;font-weight:700;cursor:pointer;padding:0;margin-left:8px;line-height:1;transition:color .2s ease}.toast-close:hover{color:#fff}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.turn-summary-feed{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:16px 0;overflow:hidden;transition:all .3s ease}.turn-summary-feed.compact{margin:12px 0;border-radius:6px}.feed-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.turn-summary-feed.compact .feed-header{padding:8px 12px}.feed-header:hover{background:#d4a5741a}.feed-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.turn-summary-feed.compact .feed-header h4{font-size:13px;gap:6px}.event-count{color:var(--text-secondary);font-weight:400;font-size:.9em}.feed-toggle{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:4px;transition:color .2s ease}.feed-toggle:hover{color:var(--text-primary)}.feed-content{max-height:300px;overflow-y:auto}.turn-summary-feed.compact .feed-content{max-height:200px}.event-list{padding:8px 0}.event-item{display:flex;align-items:center;gap:10px;padding:6px 16px;transition:background .2s ease;border-left:3px solid transparent}.turn-summary-feed.compact .event-item{padding:4px 12px;gap:8px}.event-item:hover{background:#ffffff0d}.event-item.event-card{border-left-color:var(--accent-color)}.event-item.event-explore{border-left-color:#ff9800}.event-item.event-combat{border-left-color:#f44336}.event-item.event-craft{border-left-color:#4caf50}.event-item.event-resource{border-left-color:#2196f3}.event-item.event-progression{border-left-color:#9c27b0}.event-item.event-threat{border-left-color:#ff5722}.event-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center}.turn-summary-feed.compact .event-icon{font-size:13px;width:18px}.event-text{font-size:13px;color:var(--text-primary);line-height:1.3}.turn-summary-feed.compact .event-text{font-size:12px}.no-events{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 16px;color:var(--text-secondary);font-style:italic}.turn-summary-feed.compact .no-events{padding:16px 12px}.no-events-icon{font-size:16px}.no-events-text{font-size:13px}.turn-summary-feed.compact .no-events-text{font-size:12px}.game-board .turn-summary-feed{position:fixed;bottom:20px;left:20px;width:300px;z-index:100}.game-board.compact .turn-summary-feed{width:250px;bottom:15px;left:15px}.combat-log{background:linear-gradient(135deg,#500a0af2,#280a0af2);border:2px solid #cc4444;border-radius:8px;margin:12px 0;box-shadow:0 4px 12px #cc44444d}.combat-log-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#c443;border-bottom:1px solid #cc4444;cursor:pointer;-webkit-user-select:none;user-select:none}.combat-log-header h3{margin:0;font-size:1rem;color:#f66;display:flex;align-items:center;gap:6px}.log-count{color:#faa;font-weight:400;font-size:.85rem}.log-toggle{background:none;border:none;color:#c44;font-size:1.2rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.log-toggle:hover{background:#cc44444d}.combat-entries{max-height:250px;overflow-y:auto;padding:8px}.combat-log.collapsed .combat-entries{max-height:120px}.combat-entry{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;margin-bottom:4px;border-radius:6px;font-size:.9rem;border-left:3px solid transparent;transition:background-color .2s,border-color .2s}.combat-entry:hover{background:#ffffff0d}.combat-icon{font-size:1rem;line-height:1;flex-shrink:0;margin-top:2px}.combat-content{flex:1;min-width:0}.combat-message{font-weight:500;margin-bottom:2px}.combat-details{font-size:.8rem;opacity:.8}.combat-player{border-left-color:#4a4;background:#44aa441a}.combat-player .combat-message{color:#6c6}.combat-enemy{border-left-color:#c44;background:#cc44441a}.combat-enemy .combat-message{color:#f66}.combat-kill{border-left-color:#c84;background:#cc88441a}.combat-kill .combat-message{color:#fa6}.combat-block{border-left-color:#48c;background:#4488cc1a}.combat-block .combat-message{color:#6af}.combat-heal{border-left-color:#4c4;background:#44cc441a}.combat-heal .combat-message{color:#6f6}.combat-entry.critical{border-left-color:gold;box-shadow:0 0 8px #ffd7004d}.combat-entry.overkill .combat-message:after{content:" 💥"}.combat-more{text-align:center;padding:8px}.combat-show-more{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.combat-show-more:hover{background:#fff3}.combat-footer{text-align:center;padding:4px 8px;border-top:1px solid rgba(204,68,68,.3);opacity:.7}.kill-feed{position:fixed;top:120px;right:20px;z-index:200;pointer-events:none}.kill-counter{background:linear-gradient(135deg,#280a0af2,#500a0af2);border:2px solid #cc4444;border-radius:8px;padding:8px 12px;text-align:center;margin-bottom:12px;box-shadow:0 4px 12px #c446;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kill-count{display:block;font-size:1.4rem;font-weight:700;color:#f66;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.kill-label{font-size:.8rem;color:#faa;text-transform:uppercase;letter-spacing:1px}.multi-kill-notification{background:linear-gradient(45deg,#f60,#f80);border:2px solid #ffaa44;border-radius:8px;padding:8px 16px;margin-bottom:12px;text-align:center;animation:multiKillPulse 2s ease-out forwards;box-shadow:0 4px 16px #f609}.multi-kill-text{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:1px}@keyframes multiKillPulse{0%{transform:scale(.8);opacity:0}20%{transform:scale(1.2);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.kill-feed-items{display:flex;flex-direction:column;gap:6px}.kill-feed-item{background:linear-gradient(135deg,#280a0ae6,#500a0ae6);border:1px solid #cc4444;border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:8px;animation:killFeedSlide 3s ease-out forwards;box-shadow:0 2px 8px #cc44444d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kill-feed-item.boss-kill{border-color:gold;box-shadow:0 2px 12px #ffd70066;background:linear-gradient(135deg,#503c0ae6,#645014e6)}@keyframes killFeedSlide{0%{transform:translate(100%);opacity:0}15%{transform:translate(0);opacity:1}85%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.kill-zombie-emoji{font-size:1.2rem;line-height:1}.kill-zombie-name{font-size:.9rem;font-weight:500;color:#f66;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.boss-indicator{font-size:1rem;margin-left:auto}.combat-summary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.combat-summary-modal{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #cc4444;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #c446}.combat-summary-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#c443;border-bottom:1px solid #cc4444}.combat-summary-header h2{margin:0;color:#f66;display:flex;align-items:center;gap:8px}.close-btn{background:none;border:none;font-size:1.5rem;color:#c44;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.close-btn:hover{background:#cc44444d}.combat-summary-content{padding:20px}.quiet-night{text-align:center;padding:20px}.quiet-icon{font-size:3rem;margin-bottom:16px}.quiet-night h3{color:#8c8;margin-bottom:8px}.combat-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.combat-stat{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.4rem;font-weight:700;color:#fff}.stat-label{font-size:.8rem;color:#ccc}.mvp-section,.multikill-section,.cards-used-section,.efficiency-section{margin-bottom:20px}.mvp-section h3,.multikill-section h3,.cards-used-section h3,.efficiency-section h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#fff}.mvp-card{background:#ffd7001a;border:1px solid #ffd700;border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center}.mvp-name{font-weight:500;color:gold}.mvp-damage{font-size:1.1rem;font-weight:700;color:#fff}.multikill-list{display:flex;gap:8px;flex-wrap:wrap}.multikill-badge{background:linear-gradient(45deg,#f60,#f80);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cards-used-list{display:flex;gap:6px;flex-wrap:wrap}.card-used-badge{background:#48c3;border:1px solid #4488cc;color:#6af;padding:4px 8px;border-radius:4px;font-size:.85rem}.efficiency-bar{position:relative;background:#ffffff1a;border-radius:8px;height:20px;overflow:hidden;margin-bottom:8px}.efficiency-fill{background:linear-gradient(90deg,#f44,#4a4);height:100%;transition:width .8s ease-out;border-radius:8px}.efficiency-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.efficiency-label{text-align:center;margin:0;color:#ccc;font-size:.9rem}.combat-summary-footer{padding:16px 20px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;box-sizing:border-box}.deck-viewer-modal,.discard-browser-modal{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;max-width:800px;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;display:flex;align-items:center;gap:8px}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-content{padding:20px;overflow-y:auto;flex:1}.deck-summary,.discard-summary{display:flex;gap:20px;margin-bottom:20px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.panic-warning{background:#f57f1733;border:1px solid #f57f17;border-radius:6px;padding:12px;color:#ffc107;margin-bottom:16px;text-align:center;font-weight:700}.stats-section{margin-bottom:24px}.stats-section h4{margin:0 0 12px;color:var(--text-primary);font-size:1rem;border-bottom:1px solid var(--border-color);padding-bottom:8px}.type-bar,.color-bar{margin-bottom:8px}.type-bar-label,.color-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.9rem}.type-name,.color-name{color:var(--text-primary)}.type-count,.color-count{color:var(--text-secondary);font-weight:700}.type-bar-track,.color-bar-track{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.type-bar-fill,.color-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.toggle-list-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s;width:100%;margin-bottom:16px}.toggle-list-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:8px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.card-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-card);border-radius:4px;border:1px solid var(--border-color);font-size:.9rem}.card-list-item.type-combat{border-left:4px solid #d32f2f}.card-list-item.type-action{border-left:4px solid #1976d2}.card-list-item.type-item{border-left:4px solid #7b1fa2}.card-list-item.type-panic{border-left:4px solid #f57f17}.card-list-item.type-location{border-left:4px solid #388e3c}.card-list-item.type-event{border-left:4px solid #ff5722}.card-list-item.type-survivor{border-left:4px solid #795548}.card-name{color:var(--text-primary);display:flex;align-items:center;gap:8px}.card-list-thumb{width:20px;height:20px;border-radius:2px}.card-count{color:var(--text-secondary);font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.card-thumbnail{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:80px}.card-thumbnail:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}.card-thumbnail-header{display:flex;justify-content:space-between;align-items:center;width:100%}.card-emoji{font-size:1.2rem}.card-cost{background:var(--accent);color:var(--bg-primary);padding:2px 6px;border-radius:12px;font-size:.8rem;font-weight:700}.card-thumbnail-name{color:var(--text-primary);font-size:.8rem;text-align:center;font-weight:500;line-height:1.2}.card-die-req{margin-top:auto}.tooltip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.empty-deck,.empty-discard{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.draw-pile-section{margin-bottom:12px}.draw-pile-indicator{display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:0 auto;max-width:300px}.pile-section{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.pile-section:hover{background:var(--bg-hover);border-color:var(--accent)}.pile-section.low-warning{border-color:#f57f17;background:#f57f171a}.pile-icon{position:relative;display:flex;align-items:center}.warning-indicator{position:absolute;top:-4px;right:-4px;font-size:.7rem}.pile-info{display:flex;flex-direction:column;align-items:center;gap:2px}.pile-label{font-size:.8rem;color:var(--text-secondary)}.pile-count{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.pile-count.warning{color:#f57f17}.low-deck-warning{display:flex;align-items:center;gap:4px;color:#f57f17;font-size:.8rem;background:#f57f171a;padding:4px 8px;border-radius:4px;margin-left:auto}.empty-deck-notice{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-left:auto}.no-cards-warning{display:flex;align-items:center;gap:4px;color:#f44336;font-size:.8rem;background:#f443361a;padding:4px 8px;border-radius:4px;margin-left:auto}.topbar-deck-info.clickable,.topbar-discard-info.clickable{background:none;border:1px solid transparent;border-radius:4px;padding:4px 8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.topbar-deck-info.clickable:hover,.topbar-discard-info.clickable:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px)}.enhanced-character-stats-panel{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#1a1a2e,#2a2a3e);border:2px solid #444;border-radius:8px;padding:12px;min-width:300px;max-width:350px;box-shadow:0 4px 12px #0000004d}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-display-item{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px;transition:all .2s ease;cursor:help}.stat-display-item:hover{background:#ffffff1f;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.stat-header{display:flex;align-items:center;gap:4px;margin-bottom:4px}.stat-icon{font-size:1.2rem}.stat-name{font-size:.8rem;font-weight:600;color:var(--text-primary);flex:1}.stat-level-number{font-size:1rem;font-weight:700;color:var(--accent)}.stat-pips{display:flex;gap:2px}.stat-pip{font-size:.6rem;color:var(--accent);transition:all .2s ease}.stat-display-item.stat-grit .stat-icon{color:var(--die-white)}.stat-display-item.stat-awareness .stat-icon{color:var(--die-green)}.stat-display-item.stat-ingenuity .stat-icon{color:var(--die-blue)}.stat-display-item.stat-strength .stat-icon{color:var(--die-red)}.stat-display-item.stat-grit:hover{border-color:var(--die-white)}.stat-display-item.stat-awareness:hover{border-color:var(--die-green)}.stat-display-item.stat-ingenuity:hover{border-color:var(--die-blue)}.stat-display-item.stat-strength:hover{border-color:var(--die-red)}.empty-hand-message{display:flex;justify-content:center;align-items:center;min-height:120px;width:100%;padding:2rem}.empty-hand-content{text-align:center;color:var(--text-secondary);opacity:.8}.empty-hand-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6}.empty-hand-text{font-size:1rem;font-weight:500;margin-bottom:.25rem;color:var(--text-primary)}.empty-hand-hint{font-size:.8rem;color:var(--text-secondary);opacity:.7}.stat-pip.empty{color:#ffffff4d}.stat-pip.filled{color:var(--accent);text-shadow:0 0 4px var(--accent)}.xp-progress-section{display:flex;flex-direction:column;gap:4px;padding:8px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.xp-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600}.xp-label{color:var(--text-primary)}.xp-numbers{color:var(--accent);font-weight:700}.xp-progress-bar{position:relative;width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;transition:all .3s ease}.xp-progress-bar.close-to-levelup{animation:xpBarPulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--accent)}@keyframes xpBarPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent)}50%{opacity:.8;box-shadow:0 0 16px var(--accent)}}.xp-progress-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--accent),#81c784);transition:width .5s ease-out}.xp-gain-float{position:absolute;top:-20px;right:0;font-size:.7rem;font-weight:700;color:#4caf50;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:xpGainFloat 2s ease-out forwards;pointer-events:none;z-index:10}@keyframes xpGainFloat{0%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-25px) scale(.8)}}.next-milestone{font-size:.7rem;color:var(--text-dim);text-align:center;font-style:italic}.contextual-reminder{background:linear-gradient(135deg,#d4a5741a,#d4a5740d);border:1px solid rgba(212,165,116,.3);border-radius:4px;padding:6px 8px;font-size:.75rem;font-weight:600;color:var(--accent);text-align:center;animation:contextualFadeIn .5s ease-out}@keyframes contextualFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.level-up-celebration{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;background:#0003}.level-up-splash{background:radial-gradient(circle,#ffd700e6,#ffa500b3);border:3px solid #ffd700;border-radius:16px;padding:24px 32px;text-align:center;color:#1a1a1a;box-shadow:0 8px 24px #ffd70066,inset 0 0 16px #ffffff4d;animation:levelUpSplashIn .6s cubic-bezier(.68,-.55,.265,1.55)}.level-up-title{font-size:2rem;font-weight:900;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.3)}to{text-shadow:2px 2px 8px rgba(255,255,255,.8),0 0 16px rgba(255,215,0,.8)}}.level-up-stat{font-size:1.5rem;font-weight:700;margin-bottom:4px;color:#2d2d2d}.level-up-comparison{font-size:1.2rem;font-weight:600;margin-bottom:12px;color:#444}.level-up-confetti{font-size:1.5rem;animation:confettiSpin 1s ease-in-out infinite}@keyframes levelUpSplashIn{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes confettiSpin{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.1)}}.enhanced-scenario-card{position:relative;border-radius:16px;padding:24px;margin:12px 0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.1);border:3px solid transparent;background-size:cover;background-position:center;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;overflow:visible}.enhanced-scenario-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(1px);z-index:1}.enhanced-scenario-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0000004d,#000000b3);z-index:2}.enhanced-scenario-card>*{position:relative;z-index:3}.enhanced-scenario-card.blue-hopeful{background:linear-gradient(135deg,#ffb74de6,#8b4513e6,#654321e6),radial-gradient(ellipse at 30% 20%,rgba(255,193,7,.3) 0%,transparent 50%);border-color:#ffb74d;box-shadow:0 8px 32px #ffb74d66,inset 0 1px #ffe0b2cc,inset 0 -1px #795548cc}.enhanced-scenario-card.blue-hopeful:hover{transform:translateY(-4px) scale(1.02);border-color:#ffcc02;box-shadow:0 12px 40px #ffb74d99,0 0 20px #ffc10766,inset 0 1px #ffe0b2e6,inset 0 -1px #795548e6}.enhanced-scenario-card.red-aggressive{background:linear-gradient(135deg,#f44336e6,#b71c1ce6,#880e4fe6),radial-gradient(ellipse at 70% 30%,rgba(255,87,34,.3) 0%,transparent 50%);border-color:#f44336;box-shadow:0 8px 32px #f4433666,inset 0 1px #ff8a80cc,inset 0 -1px #880e4fcc}.enhanced-scenario-card.red-aggressive:hover{transform:translateY(-4px) scale(1.02);border-color:#ff5722;box-shadow:0 12px 40px #f4433699,0 0 20px #ff572266,inset 0 1px #ff8a80e6,inset 0 -1px #880e4fe6}.enhanced-scenario-card.green-scavenger{background:linear-gradient(135deg,#2196f3e6,#0d47a1e6,#1a237ee6),radial-gradient(ellipse at 20% 80%,rgba(3,169,244,.3) 0%,transparent 50%);border-color:#2196f3;box-shadow:0 8px 32px #2196f366,inset 0 1px #90caf9cc,inset 0 -1px #1a237ecc}.enhanced-scenario-card.green-scavenger:hover{transform:translateY(-4px) scale(1.02);border-color:#03a9f4;box-shadow:0 12px 40px #2196f399,0 0 20px #03a9f466,inset 0 1px #90caf9e6,inset 0 -1px #1a237ee6}.scenario-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.scenario-main-info{display:flex;align-items:center;gap:16px}.scenario-thematic-icon{font-size:3rem;text-shadow:0 2px 8px rgba(0,0,0,.8);filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.scenario-title-section h3{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);margin:0}.scenario-difficulty-indicator{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.scenario-flavor-text{font-size:1rem;line-height:1.4;color:#ffffffe6;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.8);margin-bottom:20px;padding:12px;background:#0000004d;border-radius:8px;border-left:4px solid rgba(255,255,255,.4)}.scenario-objectives{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.win-condition,.starting-condition{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0006;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.objective-label{font-weight:600;color:#fffc;min-width:120px}.objective-value{color:#fff;font-weight:500}.scenario-player-stats{background:#00000080;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.2)}.stats-header{font-weight:600;color:#ffffffe6;margin-bottom:8px;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-item{text-align:center}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stat-label{display:block;font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.scenario-not-attempted{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#0000004d;border-radius:8px;border:2px dashed rgba(255,255,255,.3)}.not-attempted-icon{font-size:2rem;opacity:.6}.not-attempted-text{color:#ffffffb3;font-style:italic}@keyframes recommendedPulse{0%,to{box-shadow:0 2px 8px #ff6f0066;transform:scale(1)}50%{box-shadow:0 4px 12px #ff6f0099;transform:scale(1.05)}}.campaign-section{margin:1.5rem 0}.campaign-card{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.campaign-header{display:flex;align-items:center;margin-bottom:1rem}.campaign-icon{font-size:2rem;margin-right:1rem}.campaign-info h4{margin:0 0 .5rem;color:var(--accent)}.campaign-info p{margin:0;color:var(--text-dim);font-size:.9rem}.campaign-progress{margin:1.5rem 0}.scenario-progress{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.scenario-step{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;border:2px solid var(--border-subtle);min-width:100px;position:relative}.scenario-step.completed{background:var(--success-bg);border-color:var(--success);color:var(--success)}.scenario-step.current{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);animation:currentScenarioPulse 2s ease-in-out infinite}.scenario-step.upcoming{background:var(--bg-darker);border-color:var(--border);color:var(--text-dim)}.scenario-icon{font-size:1.5rem;margin-bottom:.5rem}.scenario-name{font-size:.8rem;font-weight:600;text-align:center}.checkmark{position:absolute;top:-8px;right:-8px;background:var(--success);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}.progress-arrow{color:var(--text-dim);font-size:1.5rem;flex-shrink:0}.campaign-carryover{background:var(--bg-darker);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1rem 0}.campaign-carryover h4{margin:0 0 .5rem;color:var(--accent);font-size:.9rem}.carryover-items{display:flex;flex-wrap:wrap;gap:.5rem}.carryover-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;color:var(--text-dim)}.campaign-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-campaign{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-campaign:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn-campaign:disabled{opacity:.6;cursor:not-allowed;transform:none}.no-campaign .campaign-intro{text-align:center;margin-bottom:1.5rem}.campaign-features{list-style:none;padding:0;margin:1rem 0}.campaign-features li{padding:.5rem 0;color:var(--text-dim);font-size:.9rem}.campaign-scenarios-preview{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.scenario-preview{display:flex;flex-direction:column;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-darker)}.preview-icon{font-size:1.5rem;margin-bottom:.25rem}.preview-name{font-size:.8rem;color:var(--text-dim);text-align:center}.preview-arrow{color:var(--text-dim);font-size:1.2rem}.campaign-completed{text-align:center;color:var(--success);font-weight:600;padding:1rem;background:var(--success-bg);border:1px solid var(--success);border-radius:6px}@keyframes currentScenarioPulse{0%,to{box-shadow:0 2px 8px rgba(var(--accent-rgb),.3);transform:scale(1)}50%{box-shadow:0 4px 16px rgba(var(--accent-rgb),.5);transform:scale(1.02)}}.deck-picker{background:linear-gradient(135deg,#1a1a0a,#2a2a1a);border:2px solid var(--accent);border-radius:12px;padding:24px;margin-bottom:20px}.deck-picker h3{color:var(--accent);margin-bottom:8px}.deck-picker-hint{color:var(--text-dim);font-size:.85rem;margin-bottom:16px}.deck-picker-info{display:flex;align-items:center;gap:12px;margin-bottom:20px}.selected-count{color:var(--accent);font-weight:600}.no-cards-message{color:var(--text-dim);font-style:italic}.deck-picker-content,.card-color-group{margin-bottom:20px}.color-group-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;color:var(--text-bright);font-weight:600}.die-indicator{font-size:1.1rem}.die-indicator.white{filter:brightness(1.2)}.die-indicator.green,.die-indicator.blue,.die-indicator.red{filter:brightness(1.1)}.die-indicator.gold{filter:brightness(1.3)}.die-indicator.none{opacity:.7}.color-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.deck-pick-card{background:var(--bg-card);border:2px solid #333;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;position:relative}.deck-pick-card:hover:not(.disabled){border-color:var(--accent);background:var(--bg-card-hover)}.deck-pick-card.picked{border-color:var(--accent);background:var(--bg-card-selected)}.deck-pick-card.disabled{opacity:.5;cursor:not-allowed}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.card-name{font-weight:600;color:var(--text-bright);font-size:.9rem}.card-type{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.card-discovery{font-size:.75rem;color:var(--text-dim);font-style:italic}.pick-checkmark{position:absolute;top:8px;right:8px;color:var(--accent);font-weight:700;font-size:1.2rem}.deck-picker-actions{display:flex;gap:12px;justify-content:center}.scenario-pool-info{font-size:.7rem;color:#999;margin-top:4px;padding:2px 0}.scenario-pool-info .die-count{margin-right:4px}.scenario-pool-info .pool-theme{font-style:italic;color:#777}@media(max-width:600px){.menu-header{margin-bottom:6px;padding:4px 0}.menu-header h2{font-size:1.1rem;margin-bottom:2px}.menu-header .subtitle{display:none}.menu-section{padding:8px;margin-bottom:6px}.menu-section .section-title{font-size:.7rem;margin-bottom:6px}.discovery-card{gap:8px;padding:4px 0}.discovery-icon{font-size:1rem!important}.discovery-count{font-size:.9rem!important}.discovery-bar{height:4px!important}.save-slots{margin-bottom:8px}.save-slots h3{font-size:.75rem;margin-bottom:6px}.save-slots-grid{grid-template-columns:1fr!important;gap:4px}.save-slot{padding:4px 8px!important;min-height:unset!important}.save-slot-header{padding:2px 6px!important;font-size:.75rem}.save-slot-body{padding:2px 6px!important;font-size:.7rem}.save-slot-actions{padding:2px 4px!important}.save-slot-btn{padding:2px 6px!important;font-size:.65rem!important}}@media(prefers-reduced-motion:reduce){.weather-overlay:before,.weather-overlay:after{animation:none!important}}@media(hover:hover){.game-dice-tray .die:hover:not(.used){transform:scale(1.1) translateY(-3px);box-shadow:0 4px 8px #0006}.game-hand-dock .hand-card:hover{transform:translateY(0) scale(1.02) rotate(0)!important;z-index:1000!important;box-shadow:0 8px 25px #000000b3,0 0 12px var(--gold-glow)}}@media(hover:none){.game-hand-dock .hand-card:active{transform:translateY(0) scale(1.02)!important;z-index:1000!important}}@media(min-width:1440px){.game-grid-layout{grid-template-columns:240px 1fr 260px}}@media(min-width:1200px){.enhanced-scenario-list{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.game-grid-layout{grid-template-columns:220px 1fr 180px;grid-template-rows:40px 1fr minmax(90px,140px)}.game-sidebar{font-size:12px}.main-content{gap:12px}.save-slots-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px){.mute-btn{bottom:20px;right:20px}.night-card{transform:scale(1.1)}.hp-bar{width:80px;height:8px}.topbar-resources{gap:12px}.topbar-res{font-size:12px}.game-top-bar{padding:6px 16px;font-size:13px}.game-hand-dock .hand-card{margin-left:-25px;transition:margin .3s cubic-bezier(.2,0,.2,1),transform .35s cubic-bezier(.2,0,.2,1)}.game-hand-dock .hand-card:first-child{margin-left:0}.game-hand-dock .hand-card:nth-child(1){transform:translateY(40%) rotate(-2deg)}.game-hand-dock .hand-card:nth-child(2){transform:translateY(42%) rotate(-1deg)}.game-hand-dock .hand-card:nth-child(3){transform:translateY(44%) rotate(0)}.game-hand-dock .hand-card:nth-child(4){transform:translateY(42%) rotate(1deg)}.game-hand-dock .hand-card:nth-child(5){transform:translateY(40%) rotate(2deg)}.game-hand-dock:hover .hand-card{margin-left:10px;margin-right:10px;transform:translateY(35%) rotate(0)}.game-hand-dock:hover .hand-card:first-child{margin-left:0}.game-hand-dock .hand-cards{justify-content:safe center;overflow-x:auto;gap:0}.game-grid-layout{grid-template-areas:"header header header" "sidebar main gamelog" "sidebar hand gamelog";grid-template-columns:200px 1fr 160px;grid-template-rows:36px 1fr minmax(80px,120px)}.game-sidebar{display:flex;position:static;width:auto;height:auto;transform:none;box-shadow:none}.game-main{padding:12px}.sidebar-scroll{padding:8px;gap:10px}.hand-card{transform:none}.die{--die-size: 70px;width:var(--die-size);height:var(--die-size);font-size:1.8rem}.game-log-panel{display:flex}.enhanced-scenario-list{grid-template-columns:repeat(2,1fr);gap:20px}.save-slots-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.game-board .turn-summary-feed{display:none}.slots-row{grid-template-columns:repeat(2,1fr);gap:8px}.dice-row{justify-content:center;flex-wrap:wrap}.location-card{font-size:.9rem}.storage-slots,.equipment-slots{justify-content:center;flex-wrap:wrap}}@media(max-width:1023px){.game-hand-dock .hand-card{margin-right:-40px}}@media(max-width:768px){.color-cards-grid{grid-template-columns:1fr;gap:8px}.deck-picker-actions{flex-direction:column}.deck-picker-actions .btn{width:100%}.enhanced-character-stats-panel{min-width:280px;max-width:100%;padding:10px}.stats-grid{grid-template-columns:1fr;gap:8px}.level-up-splash{max-width:90vw;padding:20px 24px}.level-up-title{font-size:1.5rem}.level-up-stat{font-size:1.2rem}.level-up-comparison{font-size:1rem}.deck-viewer-modal,.discard-browser-modal{max-width:100vw;max-height:100vh;border-radius:0;margin:0}.modal-header{border-radius:0}.deck-summary,.discard-summary{flex-direction:column;gap:12px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.draw-pile-indicator{max-width:100%;margin:0}.kill-feed{top:80px;right:10px}.combat-stats-grid{grid-template-columns:1fr}.combat-summary-modal{width:95%;margin:20px}@keyframes toastSlideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{bottom:20px;top:auto;right:20px;left:20px;flex-direction:column-reverse}.toast-container.compact{bottom:10px;right:10px;left:10px}.card-tooltip-content{min-width:260px;max-width:300px;padding:12px;font-size:.8rem}.tooltip-card-emoji{font-size:1.5rem}.tooltip-card-name{font-size:.9rem}.hand-card{min-width:140px;max-width:160px}.hc-name{font-size:.8rem}.profile-container{padding:16px}.stat-cards{grid-template-columns:1fr}.profile-container .stat-card{padding:16px}.profile-container .stat-number{font-size:2rem}.best-stats,.scenario-cards{grid-template-columns:1fr}.difficulty-grid{grid-template-columns:repeat(2,1fr)}.recent-runs-grid{grid-template-columns:1fr}.recent-runs-table{font-size:.8rem}.recent-runs-table th,.recent-runs-table td{padding:8px 12px}.deck-statistics-modal{width:98vw;max-height:95vh}.deck-overview-grid,.zones-grid{grid-template-columns:1fr}.deck-stats-content{padding:16px;max-height:75vh}.deck-stats-tabs button{padding:10px 16px;font-size:.9rem}.keyboard-shortcuts-modal{margin:10px;max-height:95vh}.shortcuts-grid{grid-template-columns:1fr;gap:20px}.shortcuts-content{padding:16px}.shortcuts-header{padding:16px 20px}.shortcuts-header h2{font-size:20px}.keyboard-hint{display:none}.leaderboard{padding:15px}.leaderboard-header h2{font-size:1.5rem}.leaderboard-tabs{flex-direction:column;gap:2px}.tab-btn{min-width:auto;padding:12px;font-size:.9rem}.score-formula{font-size:.75rem;padding:6px 8px}.leaderboard-table-container{padding:10px;overflow-x:auto}.leaderboard-table{min-width:600px}.leaderboard-table th,.leaderboard-table td{padding:10px 6px;font-size:.8rem}.rank-cell{width:60px}.player-cell{width:100px}.player-name{max-width:80px}.scenario-cell{width:100px}.difficulty-cell,.score-cell,.time-cell{width:80px}.days-cell,.kills-cell{width:50px}.date-cell{width:80px}.you-badge{font-size:.6rem;padding:1px 4px}.crown-icon{font-size:.7rem;top:-6px;right:-6px}.threat-meter{padding:6px 10px;gap:6px}.threat-meter-bar{min-width:60px;gap:6px}.threat-meter-track{width:60px;height:10px}.threat-meter-value{font-size:1rem;min-width:30px}.threat-meter-label{font-size:.65rem;min-width:35px}.threat-night-preview{padding:4px 8px;font-size:.8rem;max-width:180px}.night-preview-message{font-size:.75rem}.threat-change-indicator{font-size:.8rem;padding:3px 6px;top:-25px}.end-screen{padding:1.5rem;margin:10px;max-width:none}.end-screen-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.zombie-types{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.end-actions{grid-template-columns:1fr 1fr;gap:.5rem}.action-breakdown{grid-template-columns:1fr}.achievements-list{flex-direction:column;align-items:center}.slots-row{grid-template-columns:1fr;gap:10px}.hand-cards{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:15px 10px 8px}.hand-cards::-webkit-scrollbar{height:4px}.hand-cards::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.hand-cards::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.hand-card{width:150px;min-width:120px;margin:0 -12px}.night-hand-cards{display:flex!important;overflow-x:auto;gap:8px;padding:8px 4px;-webkit-overflow-scrolling:touch}.night-hand-cards .hand-card{flex:0 0 auto;min-width:180px;max-width:200px}.dice-row{justify-content:center;flex-wrap:wrap;gap:10px}.dice-pool .die{width:64px;height:64px;font-size:1.3rem}.game-top-bar{flex-direction:column;gap:8px;padding:12px}.status-left,.status-right{justify-content:center;flex-wrap:wrap;gap:8px}.resources-bar{gap:6px;flex-wrap:wrap;justify-content:center;padding:8px 12px}.resource{font-size:.8rem}.resource-name{display:none}.phase-badge{padding:4px 8px;font-size:.8rem}.phase-help-text{font-size:.65rem}.phase-actions{flex-wrap:wrap;gap:8px;justify-content:center}.panic-choices{flex-direction:column;align-items:center}.card-frame{min-height:200px;font-size:.9em}.scenario-list{grid-template-columns:1fr}.draft-choices{flex-direction:column;align-items:center;max-height:60vh;overflow-y:auto}.draft-card{min-width:300px;max-width:350px}.settings-overlay{padding:10px}.settings-modal,.deck-statistics-modal{width:95%;max-width:none;max-height:90vh}.deck-stats-content{max-height:60vh}.zombie-row{grid-template-columns:1fr;gap:8px}.zombie-card{max-width:100%}.welcome-tutorial-modal{width:95%;max-width:600px;max-height:90vh}.survivor-cards-grid{grid-template-columns:1fr;gap:8px}.roster-cards-grid{grid-template-columns:1fr;gap:12px}.roster-character-card{min-height:auto;padding:12px}.recruit-actions{gap:6px}.survivors-header{flex-direction:column;align-items:flex-start;gap:4px}.equipment-loadout{grid-template-columns:1fr;gap:8px}.slot-label{font-size:.8rem;letter-spacing:.3px;white-space:normal;text-align:center;line-height:1.1}.equipment-slot{min-height:100px;padding:12px}.slot-icon{font-size:1.5rem}.equipment-comparison-content{grid-template-columns:1fr;gap:12px}.equipment-comparison-arrow{transform:rotate(90deg)}.active-effects-bar{flex-direction:column;align-items:flex-start}.active-effects-label{margin-bottom:4px}.hand-zone .hand-card .hc-art,.game-hand-dock .hand-card .hc-art{display:none!important}.hand-zone .hand-card,.game-hand-dock .hand-card{padding:6px}.enhanced-scenario-list{grid-template-columns:1fr;gap:16px}.scenario-main-info{gap:12px}.scenario-thematic-icon{font-size:2rem}.scenario-name{font-size:1.2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.recommendation-grid{gap:8px}.recommendation-item{padding:10px 12px}}@media(max-width:767px){.hand-card.long-press-active{transform:scale(1.02);box-shadow:0 0 20px #ffd70099;border-color:var(--gold);animation:longPressFeedback .5s ease-out}@keyframes longPressFeedback{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1.02)}}.phase-actions .btn-primary,.btn-end-day,button:contains("End Day"),button[aria-label*="End Day"]{min-height:60px!important;font-size:1.2rem!important;padding:16px 24px!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 4px 12px #0000004d!important;background:linear-gradient(135deg,var(--accent),#e65100)!important;border:none!important;text-transform:uppercase!important;letter-spacing:1px!important}.phase-actions .btn-primary:hover,.btn-end-day:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #0006!important}.phase-indicator,.phase-badge{min-height:48px!important;min-width:120px!important;padding:12px 16px!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;background:#000c!important;border:2px solid rgba(255,255,255,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.phase-indicator:active,.phase-badge:active{transform:scale(.95)!important;background:#000000e6!important;border-color:var(--accent)!important}.die:active{transform:rotateX(5deg) rotateY(-5deg) scale(.95)!important;transition:transform .1s ease!important}.hand-card,.die,button,.clickable{-webkit-tap-highlight-color:rgba(255,215,0,.3);tap-highlight-color:rgba(255,215,0,.3)}.hand-card.die-assignment-compatible{border-width:3px!important;box-shadow:0 0 20px #4caf50cc,0 0 40px #4caf5066!important;animation:mobileDieCompatible 2s ease-in-out infinite}@keyframes mobileDieCompatible{0%,to{border-color:#4caf50cc;transform:scale(1)}50%{border-color:#4caf50;transform:scale(1.02)}}.die.selected{transform:rotateX(5deg) rotateY(-5deg) translateY(-6px) scale(1.2)!important;box-shadow:0 0 40px gold,0 0 20px #ffd700cc,0 6px 16px #00000080,inset 0 2px #fff6!important}.mobile-sidebar-toggle{display:block}.game-sidebar.mobile-visible{display:flex;position:fixed;top:36px;left:0;bottom:0;width:240px;z-index:1000;box-shadow:4px 0 15px #000c;animation:slideIn .3s ease-out}.game-hand-dock{min-height:clamp(100px,15vh,140px);padding:0 8px}.hand-card{transform:translateY(55%);transition:transform .3s ease,box-shadow .2s ease}.hand-card:hover,.hand-card:active,.hand-card:focus-within,.hand-card.selected{transform:translateY(0);z-index:200}.hand-card .hc-art{margin-bottom:2px}.hand-card .hc-name{font-size:.8rem;line-height:1.1;margin-bottom:2px}.die{--die-size: 32px;width:var(--die-size);height:var(--die-size);font-size:.9rem;min-width:var(--die-size);min-height:var(--die-size)}.dice-row{justify-content:center;flex-wrap:wrap;gap:8px}.phase-badge{padding:4px 8px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.phase-help-text{font-size:.65rem;line-height:1;max-width:100px;text-align:center}.hand-card{min-height:44px;touch-action:manipulation}.die{touch-action:manipulation}.mobile-sidebar-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text)}.mobile-sidebar-toggle:hover{background:var(--bg-hover);border-color:var(--accent)}.keyword-tooltip{position:fixed;bottom:auto;top:20px;left:20px;right:20px;width:auto;min-width:auto;max-width:none;transform:none;z-index:2000}}@media(max-width:480px){.difficulty-grid{grid-template-columns:1fr}.achievement-badge{flex-direction:column;text-align:center;gap:8px}.recent-run-card{padding:12px}.run-stats{flex-direction:column;gap:4px}.settings-category .settings-section{padding:12px}.theme-picker{grid-template-columns:1fr}.game-top-bar,.status-left,.topbar-resources{max-width:100vw;overflow-x:hidden;box-sizing:border-box}.game-top-bar{flex-wrap:wrap;padding:4px 6px;gap:4px}.status-left{flex-wrap:wrap;gap:4px;max-width:100%}.topbar-resources-container{flex-direction:column;gap:2px}.enhanced-topbar-resources{flex-wrap:wrap;gap:2px 6px;font-size:.65rem;max-width:100%;padding:3px 0}.enhanced-topbar-res{min-width:auto;padding:2px 4px;font-size:.6rem;border-radius:6px}.enhanced-hp-bar{width:60px;height:8px}.hp-text{font-size:.6rem}.day-progress-bar{width:60px;height:3px}.day-badge-enhanced{padding:2px 6px;font-size:.65rem}.deck-info-section{gap:4px}.topbar-resources{flex-wrap:wrap;gap:2px 6px;font-size:.7rem;max-width:100%}.topbar-res{min-width:auto;padding:1px 3px}.character-stats-panel,.stats-display,.kill-progress,.kill-status,.milestones{max-width:100vw;overflow:hidden;box-sizing:border-box}.character-stats-panel{padding:4px;font-size:.75rem}.hand-zone{max-width:100vw;overflow:visible;box-sizing:border-box}.game-board,.game-content,.main-area{max-width:100vw;overflow-x:hidden;box-sizing:border-box}.scenario-badge,.phase-badge,.character-stats-container,.kill-tracker,.keyboard-shortcuts-btn,.threat-meter-bar,.threat-meter-label{display:none!important}.game-top-bar{overflow:hidden}.status-left{gap:4px;overflow:hidden}.status-right{gap:4px;overflow:hidden;max-width:40%}.threat-meter-container{max-width:70px;overflow:hidden}.threat-meter{padding:1px 3px;font-size:10px;border:none;background:none}.threat-meter-value{font-size:11px;min-width:auto}.day-badge{background:var(--accent);padding:2px 6px;border-radius:4px;font-weight:700}.leaderboard-table-container{padding:5px}.leaderboard-table th,.leaderboard-table td{padding:8px 4px;font-size:.75rem}.scenario-cell,.difficulty-cell{display:none}.leaderboard-table{min-width:400px}.tutorial-overlay{padding:10px}.tutorial-card{width:calc(100vw - 20px);max-width:none;max-height:90vh;overflow-y:auto;padding:20px 16px}.end-day-overlay{padding:10px}.end-day-summary{width:calc(100vw - 20px);min-width:auto;max-height:90vh;overflow-y:auto;padding:20px 16px}.summary-actions{justify-content:center;flex-wrap:wrap;gap:8px}.threat-confirmation-modal{width:calc(100vw - 20px);min-width:auto;max-height:90vh;overflow-y:auto;padding:20px 16px}.confirmation-actions{flex-direction:column;gap:8px}.panic-dice-row{justify-content:center;flex-wrap:wrap;gap:8px}.deck-stats-tabs{flex-wrap:wrap}.deck-stats-tabs button{flex:1 1 auto;min-width:80px;padding:12px 8px;font-size:.85rem}.deck-overview-grid{grid-template-columns:1fr;gap:12px}.zones-grid{grid-template-columns:1fr;gap:16px}.recipe-list{grid-template-columns:1fr;gap:12px}.recipe-card{padding:12px;font-size:.9rem}.recipe-effect,.recipe-desc{font-size:.8rem}.recipe-cost{flex-wrap:wrap;gap:4px}.game-screen{padding:4px}.hand-cards{padding:10px 5px 5px}.hand-card{width:110px;min-width:85px;margin:0 -8px}.night-hand-cards{gap:6px;padding:6px 4px}.night-hand-cards .hand-card{flex:0 0 auto;min-width:140px;max-width:160px}.card-frame{min-height:140px;font-size:.8em;padding:6px}.hc-name{font-size:.8rem}.hc-effect{font-size:.75rem;-webkit-line-clamp:2}.hc-art{aspect-ratio:3/2}.game-top-bar{padding:6px 8px;font-size:.85em;gap:6px}.day-badge{font-size:1rem}.scenario-badge{display:none}.dice-pool .die{width:48px;height:48px;font-size:1rem}.resources-bar{gap:4px;padding:6px 8px;font-size:.75rem}.resource-name{display:none}.resource-icon{font-size:1rem}.phase-actions button{font-size:.85rem;padding:8px 12px;min-height:40px}.phase-badge{padding:3px 6px;font-size:.75rem}.phase-help-text{display:none}.game-toast{right:8px;left:8px;max-width:none;font-size:.8rem;top:60px}.settings-overlay,.draft-overlay,.level-up-modal,.welcome-tutorial-overlay{padding:0}.settings-modal,.draft-modal,.welcome-tutorial-modal,.deck-statistics-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;margin:0}.settings-content,.welcome-content{padding:16px}.draft-choices{max-height:70vh;padding:8px}.draft-card{min-width:280px;max-width:100%;font-size:.85rem}.scenario-card{padding:12px;font-size:.9rem}.scenario-header{flex-direction:column;align-items:flex-start;gap:8px}.scenario-icon{font-size:1.5rem}.slots-row{grid-template-columns:1fr;gap:8px}.location-card{min-height:70px;padding:8px}.location-card .location-emoji{font-size:1.2rem}.location-card .location-name{font-size:.85rem}.location-card .location-description{font-size:.75rem}.storage-slots{gap:6px}.storage-slot{min-width:100px;padding:8px 10px}.equipment-slots{gap:6px}.equip-slot{min-width:70px;padding:4px 8px;font-size:.75rem}.zombie-card{padding:12px;font-size:.85rem;min-height:120px;min-width:200px}.zombie-card:not(.dead):not(.non-combat){min-height:140px;cursor:pointer}.zombie-name{font-size:.9rem}.zombie-emoji{font-size:2rem}.zombie-stats{gap:12px;padding:6px}.zombie-attack-power{min-width:50px;padding:4px 6px}.attack-value{font-size:1rem}.night-zone,.panic-zone{padding:12px}.panic-choices{gap:8px}.game-over{padding:20px 16px}.game-over h2{font-size:2rem}.game-over-stats{flex-wrap:wrap;gap:15px}.end-day-summary{max-width:none;min-width:auto;margin:10px}.collection-grid{grid-template-columns:1fr;gap:12px}.collection-filters{flex-direction:column;gap:8px}.pile-badge{min-height:40px;min-width:60px;padding:8px 10px}.die-color-dot{width:18px;height:18px}.nav-tabs button{padding:10px 12px;min-width:80px;font-size:.85rem}.btn-quiet,.btn-loud,.combat-action-btn{min-height:44px;padding:10px 16px;font-size:.9rem}.character-stats-panel{padding:6px 8px;font-size:.8rem}.stats-display{flex-wrap:wrap;gap:6px}.stat-item{padding:2px 4px;font-size:.75rem}.survivor-card-header{flex-direction:column;align-items:flex-start;gap:4px}.recruit-ability-preview{padding:6px;font-size:.8rem}.recruiting-header{padding:8px}.roster-selection-info{flex-direction:column;gap:4px;text-align:center}.hand-cards{padding:10px 5px 5px;min-height:100px;overflow-x:auto;justify-content:flex-start}.hand-card{margin:0 -10px;width:120px;min-width:90px}.hand-zone{max-height:none}.scenario-card .scenario-description{-webkit-line-clamp:2}.scenario-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.scenario-select{padding:20px 0;max-height:calc(100vh - 80px)}.scenario-list{grid-template-columns:1fr;gap:12px}.scenario-card{padding:16px}}@media(max-width:375px){.hand-card{width:95px;min-width:75px;margin:0 -6px}.night-hand-cards .hand-card{width:95px;min-width:75px}.card-frame{min-height:100px;font-size:.7em}.dice-pool .die{width:42px;height:42px;font-size:.9rem}.game-top-bar{font-size:.8em;padding:4px 6px}.resources-bar{font-size:.7rem}.day-badge{font-size:.9rem}.phase-badge{padding:2px 4px;font-size:.7rem}.zombie-emoji{font-size:1.5rem}.zombie-card:not(.dead):not(.non-combat){min-height:120px;touch-action:manipulation}.targeting-overlay .crosshair{font-size:2.5rem}.target-badge{top:5px;right:5px;padding:3px 6px;font-size:.7rem}.zombie-type-indicator{width:28px;height:28px;font-size:1.2rem}.zombie-attack-power{min-width:45px;padding:3px 5px}.draft-card{min-width:260px}}@media screen and (min-width:1200px)and (max-width:1400px)and (min-height:650px)and (max-height:850px){.phase-actions{position:relative;z-index:100!important}.phase-actions button{position:relative;z-index:101!important;pointer-events:all!important}.game-dice-tray,.game-dice-tray .dice-pool{position:relative;z-index:1!important}.game-dice-tray .die{z-index:2!important;position:relative}.game-dice-tray .die.selected{z-index:3!important}.game-dice-tray .die-being-used{z-index:4!important}.game-dice-tray .die:hover:not(.used){transform:rotateX(5deg) rotateY(-5deg) translateY(-2px) scale(1.03)!important}.game-dice-tray .die.selected{transform:rotateX(5deg) rotateY(-5deg) translateY(-2px) scale(1.05)!important}button,.btn,.action-btn,.explore-btn,.craft-btn,.combat-action-btn,[role=button]{z-index:50!important;position:relative}}@media(min-width:390px)and (max-width:480px){.hand-card{min-width:85px;max-width:110px}}@media(min-width:768px)and (max-width:1439px){.game-top-bar{flex-wrap:nowrap!important;gap:4px;padding:2px 8px!important;font-size:11px;min-height:0!important;max-height:32px!important;align-items:center;overflow:hidden;width:100%;border-radius:0!important;border:none!important;margin-bottom:0!important;background:#0006!important}.game-header{padding:0!important}.game-top-bar .status-left,.game-top-bar .status-right{gap:4px;flex-wrap:nowrap!important;align-items:center}.game-top-bar .phase-help-text,.game-top-bar .scenario-badge,.game-top-bar .kill-tracker .kill-next,.game-top-bar .keyboard-shortcuts-btn,.game-top-bar .speed-run-timer,.game-top-bar .threat-night-preview,.game-top-bar .weather-banner,.game-top-bar .peeked-cards-display,.game-top-bar .topbar-resources-container,.game-top-bar .day-progress-bar{display:none!important}.game-top-bar .topbar-stats-inline{gap:3px;font-size:10px}.game-top-bar .enhanced-hp-display{max-width:75px;gap:2px}.game-top-bar .hp-bar-container{min-width:35px}.game-top-bar .enhanced-hp-bar{height:8px}.game-top-bar .threat-meter-container{max-width:90px;gap:0}.game-top-bar .threat-meter{padding:1px 4px;gap:3px;font-size:10px;border:none;background:none}.game-top-bar .threat-meter-bar{display:none}.game-top-bar .threat-meter-value{font-size:11px;min-width:auto}.game-top-bar .threat-meter-label{font-size:9px}.game-top-bar .settings-btn{width:24px;height:24px;padding:2px}.game-top-bar .kill-tracker{font-size:10px}.game-top-bar .day-badge-enhanced{font-size:11px!important}.game-top-bar .phase-badge{padding:1px 5px;font-size:10px}.game-top-bar .phase-icon{width:12px;height:12px}.game-hand-dock{min-height:70px!important;max-height:130px}.game-hand-dock .hand-cards{max-height:120px;padding:2px 6px 4px}.game-hand-dock .hand-card{transform:translateY(55%);font-size:9px}}@media(max-width:768px)and (orientation:landscape){.welcome-tutorial-modal,.settings-modal,.draft-modal{height:100vh;overflow-y:auto}.game-top-bar{flex-direction:row;padding:6px 8px}.status-left,.status-right{flex-direction:row;gap:6px}.hand-cards,.night-hand-cards{max-height:25vh}.tutorial-card,.end-day-summary,.threat-confirmation-modal{max-height:85vh}.settings-modal,.deck-statistics-modal{max-height:90vh}}.discovery-progress{background:linear-gradient(135deg,#1a1a2a,#2a1a2a);border:2px solid var(--accent-dim);border-radius:8px;padding:16px;margin-bottom:20px}.discovery-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.discovery-label{color:var(--text-bright);font-weight:600;font-size:.9rem}.discovery-stats{display:flex;align-items:center;gap:8px;margin-bottom:8px}.discovery-count{color:var(--accent);font-weight:600;font-size:.9rem}.discovery-percentage{color:var(--text-dim);font-size:.8rem}.discovery-progress-bar{width:100%;height:6px;background:var(--bg-darker);border-radius:3px;overflow:hidden}.discovery-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .3s ease}.card-effect{font-size:.75rem;color:var(--text-bright);margin:6px 0;line-height:1.3;background:#0000004d;padding:6px;border-radius:4px;border-left:3px solid var(--accent-dim)}.disabled-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border-radius:8px}@media(max-width:768px){.discovery-progress{padding:12px;margin-bottom:16px}.discovery-header,.discovery-stats{flex-direction:column;align-items:flex-start;gap:4px}.color-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-effect{font-size:.7rem;padding:4px}}.game-content-grid{display:grid;grid-template-columns:minmax(180px,250px) 1fr minmax(160px,220px);gap:12px;width:100%;height:100%;overflow:hidden}.game-zones-left,.game-zones-center,.game-zones-right{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden}.game-zones-center{min-width:0}@media(max-width:768px){.game-content-grid{grid-template-columns:1fr;grid-template-rows:auto}}.card-art-container{overflow:hidden;background:#0003;transition:opacity .3s ease}.card-art-container.loading{opacity:.5}.card-art-fallback{display:flex;align-items:center;justify-content:center;background:#282828cc;border-radius:4px}.tooltip-art{margin-right:12px;flex-shrink:0}.draft-card-art{margin-bottom:8px;border-radius:6px;overflow:hidden;box-shadow:0 4px 10px #00000080}.dice-pool-stats{display:flex;gap:8px;font-size:.75rem;color:var(--text-dim)}.dice-pool-stats .dice-available{color:var(--green)}.dice-pool-stats .dice-used{color:var(--text-dim);opacity:.7}.dice-pool-stats .rerolls-count{color:var(--gold)}.icon-text-fallback{display:inline-flex;align-items:center;justify-content:center}.dice-separator{color:var(--text-dim);opacity:.5}.location-slot.empty{border-style:solid!important;border-color:#ffffff1a!important;background:linear-gradient(145deg,#1e1e1ecc,#141414e6)!important}.location-slot .empty-slot{opacity:.5}.equipment-slot.empty{border-style:solid!important;border-color:#ffffff14!important;background:#14141499!important}.equipment-slot.equipped{border-style:solid!important;border-color:#c8aa644d!important;background:linear-gradient(135deg,#1e1e28e6,#14141ef2)!important}.game-zones-center{justify-content:space-between!important}.game-log{font-size:.8rem!important;line-height:1.5!important}.log-entry{padding:4px 0!important;border-bottom:1px solid rgba(255,255,255,.05)}.storage-zone .empty-storage{border-style:solid!important;border-color:#ffffff14!important}.hand-card{min-width:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rerolls-count{white-space:nowrap}.save-slots-grid{justify-items:center}.save-slots-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;justify-content:center!important}.enhanced-scenario-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.enhanced-scenario-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #0006!important}.no-campaign-enhanced{border-style:solid!important;border-color:#ffa50033!important;border-width:1px!important}.difficulty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.difficulty-btn.selected{box-shadow:0 0 12px #ffa5004d}.daily-challenge-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;margin-top:16px}.active-modifiers{background:var(--bg-card);border:1px solid rgba(255,165,0,.2);border-radius:12px;padding:16px;margin-top:16px}.game-menu>*+*{margin-top:16px}.game-menu{background-color:#0a0a0c;background-image:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.5) 100%);min-height:100vh}.menu-header{text-align:center;margin-bottom:8px;padding:4px 0}.menu-header h2{font-size:1.2rem;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:12px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.menu-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.section-title{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:12px;display:flex;align-items:center;gap:8px}.play-mode-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:600px){.play-mode-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.play-mode-btn{padding:10px 8px;gap:2px}.play-mode-btn .btn-icon{font-size:1.25rem}.play-mode-btn .btn-label{font-size:.8rem}.play-mode-btn .btn-desc{display:none}}@media(max-width:600px){.game-menu,.game-main{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important}.game-menu{overflow-y:visible!important;max-height:none!important}.play-mode-buttons{grid-template-columns:1fr!important;gap:8px!important;overflow-x:hidden}.play-mode-btn{padding:12px 16px!important;width:100%;justify-content:flex-start}.play-mode-btn .btn-icon{font-size:1.1rem!important}.play-mode-btn .btn-label{font-size:.75rem!important}.play-mode-btn .btn-desc{display:block!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-header{margin-bottom:6px!important;padding:4px 0!important}.menu-header h2{font-size:1.1rem!important;margin-bottom:2px!important}.menu-header .subtitle{display:none!important}.menu-section{padding:8px!important;margin-bottom:6px!important}.menu-section .section-title{font-size:.7rem!important;margin-bottom:6px!important}.saves-section{display:none!important}.discovery-card{padding:4px!important;gap:6px!important}.discovery-icon{font-size:.9rem!important}.discovery-count{font-size:.85rem!important}.discovery-bar{height:4px!important}.discovery-text{font-size:.75rem!important}}.play-mode-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:#ffffff08;border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.play-mode-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--accent);transform:translateY(-2px)}.play-mode-btn:disabled{opacity:.5;cursor:not-allowed}.play-mode-btn .btn-icon{font-size:1.5rem}.play-mode-btn .btn-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.play-mode-btn .btn-desc{font-size:.75rem;color:var(--text-dim)}.play-mode-btn.campaign:hover:not(:disabled){border-color:#4caf50}.play-mode-btn.quick-play:hover:not(:disabled){border-color:#ff9800}.play-mode-btn.continue:hover:not(:disabled){border-color:#2196f3}.play-mode-btn.load-game:hover:not(:disabled){border-color:#9c27b0}.discovery-card{display:flex;align-items:center;gap:16px}.discovery-icon{font-size:2rem}.discovery-info{flex:1}.discovery-count{font-size:1.5rem;font-weight:600}.discovery-label{font-size:.85rem;color:var(--text-dim)}.discovery-bar{flex:2;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.discovery-fill{height:100%;background:linear-gradient(90deg,var(--accent),#81c784);border-radius:4px;transition:width .3s}.discovery-percent{font-size:1rem;font-weight:600;color:var(--accent);min-width:45px;text-align:right}.daily-card{text-align:center}.daily-header{margin-bottom:12px}.daily-date{font-size:.85rem;color:var(--text-dim)}.daily-challenge-name{display:block;font-size:1.1rem;font-weight:600;margin-top:4px}.daily-info{margin-bottom:12px}.daily-scenario{font-size:1rem;margin-bottom:4px}.daily-stats{font-size:.85rem;color:var(--text-dim);display:flex;justify-content:center;gap:16px}.daily-loading{color:var(--text-dim);margin-bottom:12px}.daily-error{color:var(--die-red);font-size:.85rem;margin-bottom:12px}.daily-actions{display:flex;justify-content:center}.menu-footer{text-align:center;padding-top:24px;margin-top:24px;border-top:1px solid var(--border)}.menu-footer .version-info{position:static;display:inline-block;font-size:.75rem;color:var(--text-dim);background:transparent;padding:0;border:none;opacity:.6}.menu-footer .card-count-info{position:static;display:block;font-size:.75rem;color:var(--text-dim);background:transparent;padding:4px 0 0;border:none;opacity:.6;text-align:center}.discovery-progress{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:12px}@media(max-width:600px){.campaign-section,.enhanced-scenario-list,.saves-section,.runs-section{display:none!important}}@media(max-width:600px){.daily-section{padding:8px!important;margin-bottom:4px!important}.daily-section .section-title{font-size:.7rem!important;margin-bottom:4px!important}.daily-card{padding:6px!important}.daily-challenge-name{font-size:.8rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.daily-info{font-size:.7rem!important;gap:4px!important}.daily-play-btn{padding:4px 12px!important;font-size:.75rem!important}.daily-see-past{font-size:.7rem!important}.daily-description{display:none!important}}.campaign-card.enhanced{background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-darker) 100%);border:2px solid var(--accent);box-shadow:0 8px 24px #0000004d,0 0 0 1px var(--accent-dim)}.campaign-header.prominent{background:linear-gradient(135deg,var(--accent-bg) 0%,transparent 100%);border:1px solid var(--accent-dim);border-radius:12px;padding:20px;margin-bottom:24px}.campaign-icon-large{font-size:3rem;margin-right:20px;filter:drop-shadow(0 0 10px var(--accent));animation:campaignIconPulse 3s ease-in-out infinite}@keyframes campaignIconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px var(--accent))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px var(--accent))}}.campaign-info-enhanced{flex:1}.campaign-title{font-size:1.4rem;font-weight:700;color:var(--accent);margin:0 0 8px}.campaign-status-line{display:flex;align-items:center;gap:12px;margin-bottom:8px}.scenario-position{background:var(--accent);color:var(--bg-primary);padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.campaign-arc-indicator{color:var(--text-dim);font-size:.9rem;font-style:italic}.current-scenario-highlight{margin-top:8px}.active-scenario{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-bright) 100%);color:var(--bg-primary);padding:8px 16px;border-radius:8px;font-weight:600;display:inline-block;animation:activeScenarioPulse 2s ease-in-out infinite}@keyframes activeScenarioPulse{0%,to{box-shadow:0 0 8px var(--accent)}50%{box-shadow:0 0 16px var(--accent),0 0 24px var(--accent-bright)}}.campaign-complete-badge{background:linear-gradient(135deg,gold,#ff6b35);color:var(--bg-primary);padding:8px 16px;border-radius:8px;font-weight:600;display:inline-block;animation:victoryShine 2s ease-in-out infinite}@keyframes victoryShine{0%,to{box-shadow:0 0 8px gold}50%{box-shadow:0 0 16px gold,0 0 24px #ff6b35}}.campaign-progress-enhanced{margin:24px 0;background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;padding:20px}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.progress-title{font-size:1.1rem;font-weight:600;color:var(--accent)}.progress-stats{font-size:.9rem;color:var(--text-dim);background:var(--bg-card);padding:4px 12px;border-radius:12px;border:1px solid var(--border-subtle)}.visual-progress-bar{margin-bottom:20px}.progress-track{height:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);overflow:hidden;position:relative}.progress-fill.animated{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-bright) 50%,var(--accent) 100%);background-size:200% 100%;animation:progressFlow 3s ease-in-out infinite;transition:width 1s ease-out;position:relative}.progress-shine{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.scenario-timeline{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.scenario-node{display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:12px;min-width:100px;position:relative;border:2px solid var(--border);background:var(--bg-card);transition:all .3s ease}.scenario-node.completed{background:linear-gradient(135deg,var(--success-bg) 0%,var(--success-dim) 100%);border-color:var(--success);color:var(--success);box-shadow:0 4px 12px var(--success-bg)}.scenario-node.current{background:linear-gradient(135deg,var(--accent-bg) 0%,var(--accent-dim) 100%);border-color:var(--accent);color:var(--accent);box-shadow:0 4px 12px var(--accent-bg);animation:currentNodePulse 2s ease-in-out infinite}.scenario-node.upcoming{background:var(--bg-darker);border-color:var(--border-subtle);color:var(--text-dim);opacity:.6}@keyframes currentNodePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px var(--accent-bg)}50%{transform:scale(1.05);box-shadow:0 8px 24px var(--accent-bg)}}.node-icon-container{position:relative;margin-bottom:12px}.node-icon{font-size:2rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.completion-badge{position:absolute;top:-8px;right:-8px;background:var(--success);border:2px solid var(--bg-primary);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;animation:completionPop .5s ease-out}.active-pulse{position:absolute;top:-4px;right:-4px;left:-4px;bottom:-4px;border:2px solid var(--accent);border-radius:50%;animation:activePulse 2s ease-in-out infinite}@keyframes completionPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes activePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.node-info{text-align:center}.node-name{font-weight:600;font-size:.9rem;margin-bottom:4px}.node-status{font-size:.8rem;opacity:.8;font-weight:500}.timeline-connector{display:flex;align-items:center;margin:0 8px}.connector-line{width:40px;height:2px;background:var(--border);border-radius:1px}.timeline-connector.completed .connector-line{background:var(--success);animation:connectionFlow 1s ease-out}.connector-arrow{font-size:.8rem;color:var(--border);margin-left:4px}.timeline-connector.completed .connector-arrow{color:var(--success)}@keyframes connectionFlow{0%{width:0}to{width:40px}}.campaign-rewards-section{margin:24px 0;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-darker) 100%);border:1px solid var(--border);border-radius:12px;padding:20px}.rewards-title{font-size:1.1rem;font-weight:600;color:var(--accent);margin:0 0 16px;display:flex;align-items:center;gap:8px}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.reward-item{display:flex;align-items:center;gap:12px;background:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;transition:all .3s ease}.reward-item:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.reward-icon{font-size:1.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.reward-content{flex:1}.reward-count{font-weight:600;font-size:1rem;color:var(--text-primary);line-height:1}.reward-label{font-size:.8rem;color:var(--text-dim);margin-top:2px}.campaign-actions-enhanced{margin-top:24px;display:flex;flex-direction:column;gap:12px}.campaign-victory-state{text-align:center;background:linear-gradient(135deg,var(--success-bg) 0%,var(--accent-bg) 100%);border:2px solid var(--success);border-radius:12px;padding:24px}.victory-message{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.victory-icon{font-size:2rem;animation:victoryRotate 3s ease-in-out infinite}.victory-text{font-size:1.4rem;font-weight:700;color:var(--success)}.victory-subtitle{color:var(--text-dim);font-size:.9rem}@keyframes victoryRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.btn-campaign-continue{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-bright) 100%);border:none;color:var(--bg-primary);padding:16px 24px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 4px 12px var(--accent-bg)}.btn-campaign-continue:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-bg);background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 100%)}.continue-hint{font-size:.9rem;opacity:.9;font-weight:400}.no-campaign-enhanced{background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-darker) 100%);border:2px dashed var(--border);border-radius:16px;padding:24px;text-align:center}.campaign-intro-header{margin-bottom:24px}.intro-icon{font-size:3rem;margin-bottom:12px;filter:drop-shadow(0 0 10px var(--accent-dim));animation:introIconFloat 3s ease-in-out infinite}@keyframes introIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro-title{font-size:1.6rem;font-weight:700;color:var(--accent);margin:0 0 8px}.intro-tagline{color:var(--text-dim);font-size:1rem;font-style:italic;margin:0}.campaign-features-showcase{margin-bottom:32px}.features-description{color:var(--text-secondary);margin-bottom:20px;font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.feature-item{background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.feature-item.highlight{border-color:var(--success-dim);background:linear-gradient(135deg,var(--success-bg) 0%,var(--bg-darker) 100%)}.feature-item.warning{border-color:var(--danger-dim);background:linear-gradient(135deg,var(--danger-bg) 0%,var(--bg-darker) 100%)}.feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.feature-icon{font-size:1.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.feature-text{flex:1;text-align:left}.feature-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.feature-desc{font-size:.8rem;color:var(--text-dim);line-height:1.3}.campaign-journey-preview{margin-bottom:32px;background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;padding:20px}.journey-title{font-size:1.2rem;font-weight:600;color:var(--accent);margin-bottom:20px;text-align:center}.journey-path{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.journey-scenario{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:16px;min-width:140px;position:relative;transition:all .3s ease}.journey-scenario:hover{border-color:var(--accent-dim);transform:scale(1.05)}.journey-scenario.first{border-color:var(--success-dim)}.journey-scenario.middle{border-color:var(--accent-dim)}.journey-scenario.final{border-color:var(--danger-dim)}.journey-icon{font-size:1.8rem;text-align:center;margin-bottom:8px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.journey-info{text-align:center;margin-bottom:8px}.journey-name{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.journey-desc{font-size:.8rem;color:var(--text-dim);line-height:1.2}.journey-difficulty{text-align:center;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.journey-difficulty.easy{background:var(--success-bg);color:var(--success)}.journey-difficulty.medium{background:var(--accent-bg);color:var(--accent)}.journey-difficulty.hard{background:var(--danger-bg);color:var(--danger)}.journey-connector{display:flex;align-items:center;margin:0 8px}.journey-connector .connector-line{width:30px;height:2px;background:var(--border);border-radius:1px}.journey-connector .connector-progress{font-size:.8rem;color:var(--accent);margin-left:4px;animation:journeyFlow 2s ease-in-out infinite}@keyframes journeyFlow{0%,to{opacity:.6}50%{opacity:1;transform:translate(2px)}}.campaign-start-actions{margin-top:24px}.btn-campaign-start{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-bright) 100%);border:none;color:var(--bg-primary);padding:20px 32px;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 8px 24px var(--accent-bg);width:100%;max-width:300px;margin:0 auto}.btn-campaign-start:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 36px var(--accent-bg);background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 100%)}.btn-campaign-start:disabled{opacity:.7;cursor:not-allowed;transform:none}.start-subtitle{font-size:.9rem;font-weight:400;opacity:.9}@media(max-width:768px){.campaign-icon-large{font-size:2.5rem;margin-right:12px}.campaign-title{font-size:1.2rem}.scenario-timeline{flex-direction:column;gap:12px}.timeline-connector{transform:rotate(90deg);margin:8px 0}.rewards-grid,.features-grid{grid-template-columns:1fr}.journey-path{flex-direction:column;gap:16px}.journey-connector{transform:rotate(90deg)}}.campaign-advance-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f19f2,#19140ff2,#140f0af2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.campaign-advance-screen{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f1419);border:2px solid #4a5568;border-radius:16px;box-shadow:0 25px 50px #000c,inset 0 2px 4px #4a55681a,0 0 0 1px #4a556833;max-width:800px;width:100%;max-height:90vh;padding:30px;color:#e2e8f0;font-family:Segoe UI,system-ui,sans-serif;overflow-y:auto}.mission-complete-header{text-align:center;margin-bottom:40px;padding:30px 20px;background:linear-gradient(135deg,#48bb781a,#38a1691a);border:2px solid #48bb78;border-radius:16px;position:relative;overflow:hidden}.mission-complete-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}.scenario-icon-large{font-size:4rem;margin:20px 0;display:inline-block;filter:drop-shadow(0 0 20px rgba(255,215,0,.5));animation:pulse 2s infinite}.campaign-victory-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#ffd70033,#f59e0b33);border:3px solid #ffd700;border-radius:20px;position:relative}.victory-celebration{margin-top:20px}.celebration-icons{display:flex;justify-content:center;gap:15px;font-size:2rem;animation:bounce 1s infinite alternate}.celebration-icons span{animation-delay:calc(var(--i) * .1s)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.advance-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #2d3748}.advance-title{font-size:2.2rem;font-weight:700;margin:0 0 10px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:1px}.advance-subtitle{font-size:1.4rem;font-weight:600;margin:0 0 15px;color:#90cdf4;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.advance-flavor{font-size:1rem;margin:0;color:#cbd5e0;font-style:italic;opacity:.9}.mission-stats-section{margin-bottom:30px}.mission-stats-section h3{font-size:1.3rem;font-weight:600;margin:0 0 20px;color:gold;border-left:4px solid #ffd700;padding-left:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat-card{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card:hover{border-color:#63b3ed;transform:translateY(-2px);box-shadow:0 8px 24px #63b3ed33}.stat-icon{font-size:2rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.stat-info{flex:1}.stat-value{font-size:1.8rem;font-weight:700;color:#e2e8f0;line-height:1}.stat-label{font-size:.9rem;color:#a0aec0;margin-top:4px}.campaign-progress-section{margin-bottom:30px}.campaign-progress-section h3{font-size:1.3rem;font-weight:600;margin:0 0 20px;color:gold;border-left:4px solid #ffd700;padding-left:12px}.progress-bar-container{margin-bottom:20px;text-align:center}.progress-bar{width:100%;height:12px;background:#2d3748;border-radius:6px;overflow:hidden;margin-bottom:10px;border:1px solid #4a5568}.progress-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169,#2f855a);transition:width .8s ease-in-out;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:1.1rem;font-weight:600;color:#e2e8f0}.scenario-nodes{display:flex;justify-content:center;gap:30px;margin-top:20px;flex-wrap:wrap}.progress-node{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;border-radius:12px;min-width:120px;transition:all .3s ease;position:relative}.progress-node.completed{background:linear-gradient(135deg,#48bb7833,#38a16933);border:2px solid #48bb78;box-shadow:0 4px 12px #48bb784d}.progress-node.current{background:linear-gradient(135deg,#ffd70033,#f59e0b33);border:2px solid #ffd700;animation:pulse 2s infinite;box-shadow:0 0 20px #ffd70066}.progress-node.upcoming{background:linear-gradient(135deg,#7180961a,#4a55681a);border:2px solid #718096;opacity:.6}.node-circle{width:60px;height:60px;border-radius:50%;background:#2d3748cc;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:10px;border:2px solid currentColor}.node-label{font-weight:600;font-size:.9rem;color:#e2e8f0;margin-bottom:4px}.status-complete{color:#48bb78}.status-next{color:gold}.status-locked{color:#718096}.campaign-final-stats{margin-bottom:30px}.campaign-final-stats h3{font-size:1.3rem;font-weight:600;margin:0 0 20px;color:gold;border-left:4px solid #ffd700;padding-left:12px}.final-stats-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px}.final-stat-card{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.final-stat-card.large{background:linear-gradient(135deg,#ffd7001a,#f59e0b1a);border:2px solid #ffd700}.final-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.campaign-achievements{margin-bottom:30px}.campaign-achievements h3{font-size:1.3rem;font-weight:600;margin:0 0 20px;color:gold;border-left:4px solid #ffd700;padding-left:12px}.achievement-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.achievement-item{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.achievement-item.earned{background:linear-gradient(135deg,#48bb781a,#38a1691a);border:1px solid #48bb78;animation:achievementGlow 3s ease-in-out infinite alternate}@keyframes achievementGlow{0%{box-shadow:0 0 5px #48bb784d}to{box-shadow:0 0 20px #48bb7899}}.achievement-icon{font-size:1.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.6))}.achievement-text{font-weight:500;color:#e2e8f0}.carry-over-section{margin-bottom:30px}.carry-over-section h3{font-size:1.3rem;font-weight:600;margin:0 0 15px;color:gold;border-left:4px solid #ffd700;padding-left:12px}.carry-over-intro{color:#cbd5e0;font-style:italic;margin-bottom:20px;text-align:center;padding:15px;background:#2d37484d;border-radius:8px;border:1px solid #4a5568}.carry-over-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.carry-over-item{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #4a55681a;transition:all .3s ease;position:relative;overflow:hidden}.carry-over-item:hover{border-color:#63b3ed;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.carry-over-item.reward{background:linear-gradient(135deg,#48bb781a,#38a1690d);border:1px solid #48bb78}.carry-over-item.reward:hover{border-color:#68d391;box-shadow:0 8px 24px #48bb784d}.carry-over-item.warning{background:linear-gradient(135deg,#f565651a,#c530300d);border:1px solid #f56565}.carry-over-item.warning:hover{border-color:#fc8181;box-shadow:0 8px 24px #f565654d}.carry-over-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}.carry-over-header .carry-over-icon{font-size:1.5rem}.carry-over-header .carry-over-label{flex:1;font-weight:600;color:#e2e8f0;font-size:1.1rem}.reward-badge,.warning-badge{background:#48bb78;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;min-width:30px;text-align:center}.warning-badge{background:#f56565}.carry-over-icon{font-size:1.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.6))}.carry-over-label{font-weight:600;color:#e2e8f0;font-size:1.1rem}.carry-over-content{color:#cbd5e0}.cards-preview,.survivors-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.carried-card-chip,.survivor-chip{background:#63b3ed33;border:1px solid rgba(99,179,237,.4);border-radius:6px;padding:8px 12px;font-size:.9rem;font-weight:500;color:#90cdf4}.reward-description{font-size:.8rem;color:#a0aec0;font-style:italic;padding:8px 12px;background:#48bb781a;border-radius:6px;border:1px solid rgba(72,187,120,.2)}.carried-resources{display:flex;flex-direction:column;gap:10px}.resource-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#48bb781a;border:1px solid rgba(72,187,120,.3);border-radius:6px}.resource-icon{font-size:1.2rem}.resource-amount{font-weight:600;color:#e2e8f0;min-width:30px}.resource-name{color:#cbd5e0;font-size:.9rem}.threat-warning{text-align:center}.threat-increase{font-size:1.1rem;font-weight:600;color:#fc8181;margin-bottom:8px}.warning-description{font-size:.9rem;color:#fbb6ce;font-style:italic}.carry-over-empty{text-align:center;padding:20px;color:#718096}.empty-icon{font-size:2rem;margin-bottom:8px;opacity:.5}.empty-text{font-style:italic;font-size:.9rem}.carried-card-name,.carried-survivor{background:#63b3ed1a;border:1px solid rgba(99,179,237,.3);border-radius:6px;padding:6px 10px;font-size:.9rem;font-weight:500}.carried-card-more{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:6px 10px;font-size:.9rem;font-weight:500;color:gold;font-style:italic}.carried-resources{display:flex;flex-direction:column;gap:8px}.resource-line{background:#48bb781a;border:1px solid rgba(72,187,120,.3);border-radius:6px;padding:8px 12px;font-weight:500}.carry-over-empty{color:#718096;font-style:italic;text-align:center;padding:15px;opacity:.7}.next-scenario-section{margin-bottom:30px}.next-scenario-section h3{font-size:1.3rem;font-weight:600;margin:0 0 20px;color:gold;border-left:4px solid #ffd700;padding-left:12px}.scenario-preview{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000004d}.scenario-preview.enhanced{background:linear-gradient(135deg,#63b3ed1a,#4299e10d);border:2px solid #4299e1;position:relative;overflow:hidden}.scenario-preview.enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:previewShine 3s infinite}@keyframes previewShine{0%{left:-100%}to{left:100%}}.scenario-icon-large{font-size:3rem;margin-right:20px;filter:drop-shadow(0 0 15px rgba(66,153,225,.5))}.threat-modifier{color:#fc8181!important;font-weight:600}.scenario-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.scenario-icon{font-size:2.5rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.scenario-info{flex:1}.scenario-name{font-size:1.4rem;font-weight:600;margin:0 0 8px;color:#90cdf4}.scenario-description{margin:0;color:#cbd5e0;line-height:1.5;font-size:1rem}.scenario-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding-top:15px;border-top:1px solid #4a5568}.scenario-difficulty,.scenario-modifier{display:flex;align-items:center;gap:8px}.detail-label{font-weight:600;color:#a0aec0}.detail-value{font-weight:500;color:#e2e8f0}.difficulty-easy{color:#68d391}.difficulty-medium{color:#fbd38d}.difficulty-hard{color:#fc8181}.campaign-map-section{margin-bottom:30px}.btn-view-map{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #63b3ed;border-radius:8px;color:#e2e8f0;padding:12px 20px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:20px;text-align:center}.btn-view-map:hover{background:linear-gradient(135deg,#63b3ed,#4a5568);transform:translateY(-1px);box-shadow:0 4px 12px #63b3ed4d}.campaign-map{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000004d}.campaign-map h4{font-size:1.2rem;font-weight:600;margin:0 0 20px;color:gold;text-align:center}.scenario-track{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.scenario-node{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;border-radius:12px;min-width:120px;transition:all .2s ease}.scenario-node.completed{background:linear-gradient(135deg,#48bb7833,#38a16933);border:2px solid #48bb78}.scenario-node.current{background:linear-gradient(135deg,#ffd70033,#f59e0b33);border:2px solid #ffd700;animation:pulse 2s infinite}.scenario-node.upcoming{background:linear-gradient(135deg,#7180961a,#4a55681a);border:2px solid #718096;opacity:.6}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.node-icon{font-size:2rem;margin-bottom:8px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.6))}.node-info{display:flex;flex-direction:column;gap:4px}.node-name{font-weight:600;font-size:.9rem;color:#e2e8f0}.node-status{font-size:.8rem;font-weight:500}.checkmark{color:#48bb78}.current-marker{color:gold}.upcoming-marker{color:#718096}.scenario-arrow{font-size:1.5rem;font-weight:700;transition:all .2s ease}.scenario-arrow.completed-arrow{color:#48bb78}.scenario-arrow.upcoming-arrow{color:#718096}.advance-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-advance-campaign,.btn-campaign-complete,.btn-back-to-menu{padding:15px 25px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000004d}.btn-advance-campaign{background:linear-gradient(135deg,#f56565,#c53030);color:#fff;border:1px solid #e53e3e}.btn-advance-campaign:hover:not(:disabled){background:linear-gradient(135deg,#e53e3e,#9b2c2c);transform:translateY(-2px);box-shadow:0 8px 24px #e53e3e66}.btn-advance-campaign:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-campaign-complete{background:linear-gradient(135deg,gold,#d69e2e);color:#1a202c;border:1px solid #ffd700}.btn-campaign-complete:hover{background:linear-gradient(135deg,#f6e05e,#b7791f);transform:translateY(-2px);box-shadow:0 8px 24px #ffd70066}.btn-back-to-menu{background:linear-gradient(135deg,#4a5568,#2d3748);color:#e2e8f0;border:1px solid #63b3ed}.btn-back-to-menu:hover{background:linear-gradient(135deg,#63b3ed,#4a5568);transform:translateY(-2px);box-shadow:0 8px 24px #63b3ed4d}@media(max-width:768px){.campaign-advance-screen{margin:10px;padding:20px;max-height:95vh}.advance-title{font-size:1.8rem}.advance-subtitle{font-size:1.2rem}.carry-over-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.final-stats-grid{grid-template-columns:1fr}.scenario-nodes{flex-direction:column;gap:15px}.achievement-list{grid-template-columns:1fr}.advance-actions{flex-direction:column}.btn-advance-campaign,.btn-campaign-complete,.btn-back-to-menu{width:100%;justify-content:center}}@media(max-width:480px){.scenario-track{gap:10px}.scenario-node{min-width:100px;padding:10px}.node-icon{font-size:1.5rem}}