#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;justify-content:center;align-items:center;z-index:99999;transition:opacity .5s ease,visibility .5s ease}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{text-align:center;padding:2rem}.loading-icon{font-size:4rem;margin-bottom:1.5rem;animation:loading-bounce 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes loading-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.loading-text{font-size:1.25rem;color:#e8e8e8;margin-bottom:1.5rem;font-weight:500;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loading-progress-bar{width:280px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:0 auto 1rem;box-shadow:inset 0 2px 4px #0000004d}.loading-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#e94560,#ff6b6b,#feca57);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #e9456080}.loading-progress-fill.animating{animation:loading-progress 2s ease-in-out infinite}@keyframes loading-progress{0%{width:0%;opacity:1}50%{width:70%;opacity:1}to{width:100%;opacity:.5}}.loading-hint{font-size:.875rem;color:#888;opacity:.8}#game-container.hidden{opacity:0}#game-container{transition:opacity .5s ease}@media(max-width:768px){.loading-icon{font-size:3rem}.loading-text{font-size:1rem}.loading-progress-bar{width:240px}.loading-hint{font-size:.75rem}}:root{--color-bg: #1a1a2e;--color-bg-light: #16213e;--color-bg-card: #0f3460;--color-primary: #e94560;--color-secondary: #533483;--color-accent: #16c79a;--color-text: #eee;--color-text-muted: #aaa;--color-border: #2d3748;--color-hp: #e53e3e;--color-hp-low: #ff0000;--color-mp: #4299e1;--color-shield: #ecc94b;--color-buff: #48bb78;--color-debuff: #ed8936;--log-system: #a0aec0;--log-player: #63b3ed;--log-enemy: #fc8181;--log-damage: #f6ad55;--log-heal: #68d391;--log-buff: #b794f6;--log-reward: #f6e05e;--log-mechanic: #4fd1c5;--log-info: #cbd5e0;--color-easy: #48bb78;--color-medium: #ed8936;--color-hard: #e53e3e;--header-height: 50px;--panel-padding: 15px;--border-radius: 8px;--gap: 15px;--font-main: "Segoe UI", "Microsoft YaHei", sans-serif;--font-mono: "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}button{font-family:inherit;cursor:pointer;border:none;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-pulse{animation:pulse 1s infinite}.animate-shake{animation:shake .3s ease}.animate-bounce{animation:bounce .5s ease}.animate-glow{animation:glow 1.5s ease-in-out infinite}.hidden{display:none!important}.invisible{visibility:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.gap-1{gap:5px}.gap-2{gap:10px}.gap-3{gap:15px}.gap-4{gap:20px}.m-0{margin:0}.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:15px}.p-0{padding:0}.p-1{padding:5px}.p-2{padding:10px}.p-3{padding:15px}.w-full{width:100%}.h-full{height:100%}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.rounded{border-radius:var(--border-radius)}.rounded-full{border-radius:9999px}.disabled{opacity:.5;pointer-events:none}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}#game-container{max-width:1200px;margin:0 auto;padding:var(--gap);min-height:100vh;min-height:100dvh;overflow-x:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-light);padding:10px var(--panel-padding);border-radius:var(--border-radius);margin-bottom:var(--gap);flex-wrap:wrap;gap:10px}.header-info{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.header-info span{font-size:14px;color:var(--color-text-muted)}.header-info span strong{color:var(--color-text);font-size:16px}#wave-info{color:var(--color-primary);font-weight:700}.codex-toggle-btn{background:var(--color-bg-card);color:var(--color-text);padding:5px 12px;border-radius:var(--border-radius);font-size:12px;border:1px solid var(--color-border);transition:all .2s}.codex-toggle-btn:hover{background:var(--color-secondary)}#game-interface{display:grid;grid-template-columns:280px 1fr 280px;grid-template-rows:auto 1fr auto;gap:var(--gap);min-height:calc(100vh - 100px);min-height:calc(100dvh - 100px)}#player-panel{background:var(--color-bg-light);border-radius:var(--border-radius);padding:var(--panel-padding);grid-row:span 2}#battle-log{background:var(--color-bg-light);border-radius:var(--border-radius);padding:var(--panel-padding);height:300px;overflow-y:auto;grid-column:2}#enemies-panel{grid-row:span 2;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 150px)}#skill-bar{grid-column:2}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.icon-emoji{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.icon-fontawesome{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";font-weight:900}.icon-material{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr}.icon-xs{font-size:12px}.icon-sm{font-size:16px}.icon-md{font-size:20px}.icon-lg{font-size:24px}.icon-xl{font-size:32px}@media(max-width:1024px){#game-interface{grid-template-columns:240px 1fr 240px}.character-grid{grid-template-columns:repeat(2,1fr)}.enemy-pool-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:900px){#game-interface{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto}#player-panel{grid-row:1;grid-column:1}#enemies-panel{grid-row:1 / 3;grid-column:2;max-height:400px;display:flex;flex-direction:column}#battle-log{grid-row:2;grid-column:1;height:200px}#skill-bar{grid-row:3;grid-column:span 2}}@media(max-width:768px){:root{--panel-padding: 8px;--gap: 8px}#game-container{padding:8px;padding-top:env(safe-area-inset-top,8px);padding-bottom:env(safe-area-inset-bottom,8px);padding-left:env(safe-area-inset-left,8px);padding-right:env(safe-area-inset-right,8px);overflow-x:hidden}#game-interface{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto;gap:8px}#player-panel,#enemies-panel,#battle-log,#skill-bar{grid-column:1;grid-row:auto;width:100%;max-width:100%}#player-panel{order:1;grid-row:span 1}#battle-log{order:2;height:150px}#enemies-panel{order:3;grid-row:span 1;max-height:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}#skill-bar{order:4}.game-header{flex-direction:column;gap:10px}.header-info{justify-content:center}.character-grid{grid-template-columns:1fr}#character-select h1{font-size:1.8rem}.modal{margin:10px;max-height:90vh;max-height:90dvh}.enemy-pool-list,.enemy-codex-grid{grid-template-columns:repeat(2,1fr)}.codex-content{padding:20px}}@media(max-width:480px){.skill-list{grid-template-columns:repeat(4,1fr);gap:6px}.skill-slot{width:50px;height:50px;font-size:1.5rem}.skill-btn{padding:8px;font-size:12px}.enemy-card{padding:6px;grid-template-columns:32px 1fr}.log-entry{font-size:12px;padding:4px 8px}#enemies-panel{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--border-radius);font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent;background:var(--color-bg-card);color:var(--color-text)}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#ff6b6b;box-shadow:0 4px 12px #e9456066}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-accent{background:var(--color-accent);color:#fff}.btn-outline{background:transparent;border-color:var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);background:#e945601a}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c66}.skill-btn{display:flex;align-items:flex-start;gap:10px;padding:10px 15px;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:14px;transition:all .2s;width:100%;text-align:left;min-height:60px}.skill-btn:hover{border-color:var(--color-primary);background:#e945601a}.skill-btn:disabled{opacity:.5;cursor:not-allowed}.skill-btn .skill-emoji{font-size:1.6rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative}.skill-btn .skill-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.skill-btn .skill-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.skill-btn .skill-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-btn .skill-cost{color:var(--color-mp);font-weight:700;font-size:12px;flex-shrink:0}.skill-btn .skill-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skill-btn.temporary-skill{border:2px dashed #f59e0b;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.skill-btn .temp-badge{position:absolute;top:-4px;right:-4px;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;padding:2px 4px;border-radius:4px;box-shadow:0 2px 4px #0000004d}.settings-btn{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;color:#a0aec0;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;margin-left:8px;box-shadow:0 2px 4px #0003}.settings-btn:hover{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border-color:var(--color-primary);box-shadow:0 0 12px #e9456066;transform:translateY(-1px)}.codex-toggle-btn{background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;color:#a0aec0;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0003}.codex-toggle-btn:hover{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border-color:var(--color-accent);box-shadow:0 0 12px #16c79a66;transform:translateY(-1px)}.codex-close-btn{background:linear-gradient(135deg,var(--color-primary) 0%,#c53030 100%);color:#fff;padding:12px 30px;border-radius:var(--border-radius);border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #e945604d}.codex-close-btn:hover{background:linear-gradient(135deg,#ff6b6b,#e53e3e);box-shadow:0 6px 12px #e9456066;transform:translateY(-2px)}.codex-back-btn{background:linear-gradient(135deg,#4a5568,#2d3748);color:#e2e8f0;padding:8px 16px;border-radius:var(--border-radius);border:1px solid #718096;transition:all .2s;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.codex-back-btn:hover{background:linear-gradient(135deg,#718096,#4a5568);border-color:#a0aec0;box-shadow:0 0 8px #71809666;transform:translateY(-1px)}.filter-btn{background:linear-gradient(135deg,#2d3748,#1a202c);color:#a0aec0;padding:6px 15px;border-radius:var(--border-radius);border:1px solid #4a5568;font-size:12px;cursor:pointer;transition:all .2s}.filter-btn:hover{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096;color:#e2e8f0}.filter-btn.active{background:linear-gradient(135deg,var(--color-secondary) 0%,#4c51bf 100%);border-color:#667eea;color:#fff;box-shadow:0 0 10px #667eea66}.defend-btn{background:linear-gradient(135deg,#2d5a3d,#1a3d2e);border-color:#4ade80}.defend-btn:hover{background:linear-gradient(135deg,#3d7a4d,#2d5a3d);border-color:#86efac;box-shadow:0 0 12px #4ade8066}.cancel-btn{background:linear-gradient(135deg,#5a2d2d,#3d1a1a);border-color:#f87171}.cancel-btn:hover{background:linear-gradient(135deg,#7a3d3d,#5a2d2d);border-color:#fca5a5;box-shadow:0 0 12px #f8717166}.panel{background:var(--color-bg-light);border-radius:var(--border-radius);padding:var(--panel-padding)}.panel-title{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--color-text);display:flex;align-items:center;gap:8px}#player-panel .stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}#player-panel .stat-label{color:var(--color-text-muted);font-size:14px;min-width:60px}#player-panel .stat-value{font-weight:700;font-size:16px}.action-status{width:100%;padding:10px 15px;margin-bottom:12px;border-radius:var(--border-radius);font-size:14px;text-align:center;font-weight:500}.action-status.normal{background:#16c79a26;color:var(--color-accent);border:1px solid rgba(22,199,154,.3)}.action-status.aiming{background:#e9456026;color:var(--color-primary);border:1px solid rgba(233,69,96,.4);animation:pulse-aiming 1s infinite}@keyframes pulse-aiming{0%,to{opacity:1;box-shadow:0 0 5px #e9456033}50%{opacity:.8;box-shadow:0 0 15px #e9456066}}.action-status.enemy-turn{background:var(--color-bg-card);color:var(--color-text-muted)}.player-resources{margin-top:15px;padding-top:15px;border-top:1px solid var(--color-border)}.player-resources .section-title{font-size:14px;color:var(--color-text-muted);margin-bottom:10px;display:flex;align-items:center;gap:5px}.resource-item{background:var(--color-bg);border-radius:var(--border-radius);padding:12px;margin-bottom:8px}.resource-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.resource-icon{font-size:18px}.resource-name{font-weight:700;color:var(--color-text);flex:1}.resource-value{font-size:14px;color:var(--color-text-muted);font-weight:500}.resource-value.can-draw{color:gold;font-weight:700;animation:pulse-gold 1.5s infinite}@keyframes pulse-gold{0%,to{opacity:1;text-shadow:0 0 5px rgba(255,215,0,.5)}50%{opacity:.8;text-shadow:0 0 15px rgba(255,215,0,.8)}}.resource-bar{height:8px;background:var(--color-bg-light);border-radius:4px;overflow:hidden;margin-bottom:8px}.resource-fill{height:100%;background:linear-gradient(90deg,#9b59b6,#e74c3c);border-radius:4px;transition:width .3s ease}.resource-info{display:flex;justify-content:space-between;font-size:12px}.resource-bonus{color:#e74c3c;font-weight:500}.resource-threshold{color:var(--color-text-muted)}.resource-threshold.ready{color:#2ecc71;font-weight:700}.draw-btn{width:100%;margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,#f1c40f,#f39c12);border:none;border-radius:var(--border-radius);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.draw-btn:hover{background:linear-gradient(135deg,#f39c12,#e67e22);transform:translateY(-2px);box-shadow:0 4px 12px #f39c1266}.draw-btn:active{transform:translateY(0)}.draw-btn:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;transform:none;box-shadow:none}.player-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:0 4px 15px 12px;border-bottom:1px solid var(--color-border)}.player-emoji{font-size:2.5rem;line-height:1;flex-shrink:0}.player-name{font-size:1.2rem;font-weight:700}.stat-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stat-icon{font-size:1.2rem;min-width:24px;text-align:center;flex-shrink:0;line-height:1}.bar-container{flex:1;background:var(--color-bg-card);overflow:hidden;position:relative;isolation:isolate}.bar-fill{height:100%;transition:width .3s ease,background-color .3s ease}.hp-bar .bar-container{height:24px;border-radius:12px;box-shadow:0 0 8px #e945604d}.hp-bar .bar-fill{border-radius:12px}.hp-fill{background:linear-gradient(90deg,var(--color-hp),#ff6b6b)}.hp-fill.low{background:linear-gradient(90deg,var(--color-hp-low),#ff3333);animation:pulse 1s infinite}.mp-bar .bar-container{height:14px;border-radius:7px}.mp-bar .bar-fill{border-radius:7px}.mp-fill{background:linear-gradient(90deg,var(--color-mp),#63b3ed)}.mp-bar.dread-bar .bar-container{box-shadow:0 0 8px #8b5cf64d}.mp-bar.dread-bar .mp-fill{background:linear-gradient(90deg,#7c3aed,#a855f7)}.mp-bar.dread-bar .stat-icon{filter:drop-shadow(0 0 4px rgba(139,92,246,.6))}.stat-text{font-size:12px;color:var(--color-text-muted);min-width:60px;text-align:right;font-family:var(--font-mono)}.player-attributes{display:flex;justify-content:space-around;margin:15px 0;padding:10px;background:var(--color-bg-card);border-radius:var(--border-radius)}.attr{display:flex;align-items:center;gap:5px;font-size:14px}.section-title{font-size:12px;color:var(--color-text-muted);margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid var(--color-border)}.player-passives{margin-top:15px;padding:10px;background:var(--color-bg-card);border-radius:var(--border-radius)}.passives-list{display:flex;flex-direction:column;gap:5px}.passive-item{display:flex;flex-direction:column;padding:6px 8px;background:var(--color-bg-light);border-radius:4px;border-left:3px solid var(--color-accent)}.passive-name{font-size:12px;font-weight:700;color:var(--color-text)}.passive-desc{font-size:10px;color:var(--color-text-muted);margin-top:2px;line-height:1.3}.empty-text{font-size:11px;color:var(--color-text-muted);font-style:italic}.player-mechanics-status{margin-top:15px;padding:10px;background:var(--color-bg-card);border-radius:var(--border-radius)}.mechanics-list{display:flex;flex-direction:column;gap:10px}.mechanic-status-item{padding:8px;background:var(--color-bg-light);border-radius:4px;border:1px solid var(--color-border)}.mechanic-header{display:flex;align-items:center;gap:6px;margin-bottom:5px}.mechanic-icon{font-size:14px}.mechanic-name{font-size:12px;font-weight:700;color:var(--color-text);flex:1}.mechanic-value{font-size:12px;color:var(--color-accent);font-weight:700;font-family:var(--font-mono)}.mechanic-progress-bar{height:6px;background:var(--color-bg);border-radius:3px;overflow:hidden;margin-bottom:5px}.mechanic-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#68d391);border-radius:3px;transition:width .3s ease}.mechanic-detail{font-size:10px;color:var(--color-text-muted)}.player-buffs{margin-top:15px;padding:12px;background:var(--color-bg-card);border-radius:var(--border-radius)}.buffs-list{display:flex;flex-direction:column;gap:12px;min-height:70px;padding:4px}.buff-group{display:flex;flex-direction:column;gap:8px}.buff-group-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;width:fit-content}.buff-group-label:before{content:"";width:6px;height:6px;border-radius:50%}.buff-group.buff-group--positive .buff-group-label{color:#4a9eff;background:#4a9eff26}.buff-group.buff-group--positive .buff-group-label:before{background:#4a9eff;box-shadow:0 0 6px #4a9eff}.buff-group.buff-group--negative .buff-group-label{color:#ff4a6a;background:#ff4a6a26}.buff-group.buff-group--negative .buff-group-label:before{background:#ff4a6a;box-shadow:0 0 6px #ff4a6a}.buff-group.buff-group--special .buff-group-label{color:#ffb84a;background:#ffb84a26}.buff-group.buff-group--special .buff-group-label:before{background:#ffb84a;box-shadow:0 0 6px #ffb84a}.buff-group-items{display:flex;flex-wrap:wrap;gap:14px;padding-left:4px}.buffs-list:empty:before{content:"无状态效果";color:#5a6b88;font-size:12px;padding:20px;width:100%;text-align:center}.buff-item{position:relative;width:56px;display:flex;flex-direction:column;align-items:center;padding-bottom:4px}.buff-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;background:#0006;border:2px solid;position:relative;transition:all .2s ease}.buff-item.buff--positive .buff-icon{border-color:#4a9eff;box-shadow:0 0 12px #4a9eff40,inset 0 1px #ffffff1a}.buff-item.buff--negative .buff-icon{border-color:#ff4a6a;box-shadow:0 0 12px #ff4a6a40,inset 0 1px #ffffff1a}.buff-item.buff--special .buff-icon{border-color:#ffb84a;box-shadow:0 0 12px #ffb84a40,inset 0 1px #ffffff1a}.buff-stack{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;padding:0 5px;background:linear-gradient(180deg,#ff7a45,#ff5722);border-radius:11px;font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 6px #0006,0 0 0 2px #141e32cc;font-family:var(--font-mono);z-index:2}.buff-stack[data-stack="1"]{opacity:.6;transform:scale(.85)}.buff-duration{margin-top:6px;font-size:11px;color:#a0b0c8;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:3px}.buff-duration:before{content:"◷";font-size:9px;opacity:.7}.buff-item.expiring .buff-icon{animation:buff-pulse 1.2s ease-in-out infinite}.buff-item.expiring .buff-duration{color:#ff6b6b;font-weight:700}@keyframes buff-pulse{0%,to{opacity:1;box-shadow:0 0 10px currentColor}50%{opacity:.6;box-shadow:0 0 25px currentColor}}.buff-item[data-buff-type=FEAR] .buff-stack{background:linear-gradient(180deg,#a855f7,#7c3aed);box-shadow:0 2px 6px #7c3aed80,0 0 0 2px #7c3aed4d}.buff-item[data-buff-type=FEAR] .buff-stack[data-stack="6"],.buff-item[data-buff-type=FEAR] .buff-stack[data-stack="7"],.buff-item[data-buff-type=FEAR] .buff-stack[data-stack="8"],.buff-item[data-buff-type=FEAR] .buff-stack[data-buff-stack="9"],.buff-item[data-buff-type=FEAR] .buff-stack[data-stack="10"]{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 2px 6px #dc262680,0 0 0 2px #dc26264d;animation:terror-high-stack 1s infinite}@keyframes terror-high-stack{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.buff-item:hover .buff-icon{transform:scale(1.1);filter:brightness(1.2)}@media(max-width:768px){.player-buffs{padding:10px}.buff-group-label{font-size:10px;padding:3px 6px}.buff-group-items{gap:12px}.buff-item{width:50px}.buff-icon{width:46px;height:46px;font-size:24px;border-radius:10px}.buff-stack{min-width:20px;height:20px;font-size:12px;right:-5px;bottom:-5px}.buff-duration{font-size:10px}.enemy-card{padding:8px;gap:6px;grid-template-columns:36px 1fr}.enemy-avatar .icon-svg,.enemy-avatar .enemy-icon-svg{width:32px;height:32px}.enemy-emoji{font-size:1.5rem}.enemy-name{font-size:12px}.enemy-hp-bar{height:6px;border-radius:3px}.enemy-hp-text{font-size:10px}.enemy-attrs{font-size:10px;gap:6px}.enemy-buffs{gap:4px}.enemy-buffs .buff-item{width:36px}.enemy-buffs .buff-icon{width:32px;height:32px;font-size:18px;border-radius:8px}.enemy-buffs .buff-stack{min-width:16px;height:16px;font-size:10px;right:-4px;bottom:-4px}}@media(max-width:375px){.buff-item{width:44px}.buff-icon{width:40px;height:40px;font-size:22px}.buff-stack{min-width:18px;height:18px;font-size:11px}.buff-duration{font-size:9px}.enemy-card{padding:6px;gap:4px;grid-template-columns:28px 1fr}.enemy-avatar .icon-svg,.enemy-avatar .enemy-icon-svg{width:24px;height:24px}.enemy-emoji{font-size:1.2rem}.enemy-name{font-size:11px}.enemy-attrs{font-size:9px;gap:4px}.enemy-buffs .buff-item{width:28px}.enemy-buffs .buff-icon{width:24px;height:24px;font-size:14px;border-radius:6px}}.enemy-card{background:var(--color-bg-light);border-radius:var(--border-radius);padding:12px;display:grid;grid-template-columns:50px 1fr;gap:10px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.enemy-card:hover{background:var(--color-bg-card);border-color:var(--color-secondary)}.enemy-card.aimable{border-color:var(--color-accent);box-shadow:0 0 10px #16c79a4d;animation:pulse-border 1.5s infinite;cursor:crosshair}.enemy-card.aim-hover,.enemy-card.aimable:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 5px 20px #16c79a80;border-color:var(--color-accent);background:#16c79a1a}@keyframes pulse-border{0%,to{border-color:var(--color-border);box-shadow:0 0 5px #16c79a33}50%{border-color:var(--color-accent);box-shadow:0 0 15px #16c79a66}}.attack-cursor{position:absolute;bottom:-5px;right:-5px;font-size:1rem;opacity:0;transition:opacity .2s}.enemy-card:hover .attack-cursor{opacity:1}.enemy-card.selected{border-color:var(--color-primary);box-shadow:0 0 15px #e9456066}.enemy-card.dead{animation:deathFade .5s ease forwards}@keyframes deathFade{to{opacity:0;transform:scale(.8)}}.enemy-avatar{position:relative;display:flex;align-items:center;justify-content:center}.enemy-emoji{font-size:2rem}.icon-svg,.icon-svg img{display:inline-block;vertical-align:middle;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s ease,filter .2s ease}.enemy-avatar .icon-svg,.enemy-avatar .enemy-icon-svg{width:40px;height:40px}.enemy-avatar .icon-svg img,.enemy-avatar .enemy-icon-svg img{width:100%;height:100%}.enemy-card:hover .icon-svg,.enemy-card:hover .enemy-icon-svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.enemy-emoji{font-size:2rem;transition:transform .2s ease}.enemy-card:hover .enemy-emoji{transform:scale(1.1)}.select-indicator{position:absolute;bottom:-5px;right:-5px;font-size:.8rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.enemy-info{display:flex;flex-direction:column;gap:5px}.enemy-name{font-weight:700;font-size:14px}.enemy-hp-bar{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.enemy-hp-bar .hp-fill{background:var(--color-hp)}.enemy-hp-text{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.enemy-buffs{grid-column:span 2;display:flex;flex-wrap:wrap;gap:6px}.enemy-attrs{grid-column:span 2;display:flex;gap:10px;font-size:11px;color:var(--color-text-muted)}.log-entries{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.log-entry{padding:5px 10px;border-radius:4px;font-size:14px;line-height:1.4;border-left:3px solid transparent;animation:fadeIn .3s ease}.log-entry.system{color:var(--log-system);font-style:italic;border-left-color:var(--log-system)}.log-entry.player{color:var(--log-player);border-left-color:var(--log-player)}.log-entry.enemy{color:var(--log-enemy);border-left-color:var(--log-enemy)}.log-entry.damage{color:var(--log-damage);border-left-color:var(--log-damage)}.log-entry.heal{color:var(--log-heal);border-left-color:var(--log-heal)}.log-entry.buff{color:var(--log-buff);border-left-color:var(--log-buff)}.log-entry.reward{color:var(--log-reward);border-left-color:var(--log-reward);font-weight:700}.log-entry.mechanic{color:var(--log-mechanic);border-left-color:var(--log-mechanic)}.log-entry.info{color:var(--log-info)}.skill-list{display:flex;flex-wrap:wrap;gap:10px}.skill-slot{position:relative;width:60px;height:60px;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:all .2s}.skill-slot:hover{border-color:var(--color-primary);transform:scale(1.05)}.skill-slot.empty{opacity:.3;cursor:default}.skill-slot .cooldown{position:absolute;bottom:2px;right:2px;font-size:10px;background:#000000b3;padding:1px 4px;border-radius:3px;color:#fff}.skill-cost{display:inline-flex;align-items:center;gap:2px;font-size:11px;padding:1px 5px;border-radius:10px;margin-left:5px;font-weight:500}.skill-cost:not(.dread-cost):not(.cooldown):not(.cooldown-active){background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.skill-cost.dread-cost{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.skill-cost.dread-cost.insufficient{background:#ef444433;color:#fca5a5;border-color:#ef444480;animation:pulse-red 1s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}.skill-cost.cooldown{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3);font-size:10px}.skill-cost.cooldown-active{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.5);font-weight:600;animation:pulse-orange 1s ease-in-out infinite}@keyframes pulse-orange{0%,to{opacity:1}50%{opacity:.7}}.skill-btn.nightmare-lord-skill{background:linear-gradient(135deg,#1a1a2ecc,#16213ecc);border-color:#8b5cf666}.skill-btn.nightmare-lord-skill:hover{border-color:#a855f7;box-shadow:0 0 15px #8b5cf64d}@media(max-width:768px){.skill-cost{font-size:10px;padding:1px 4px;margin-left:3px}.skill-cost.cooldown{font-size:9px}.skill-cost.dread-cost.insufficient,.skill-cost.cooldown-active{animation:none}.skill-slot{width:50px;height:50px;font-size:1.5rem}.skill-slot .cooldown{font-size:9px;padding:1px 3px}}@media(max-width:375px){.skill-slot{width:45px;height:45px;font-size:1.3rem}}.modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal.hidden{display:none}.modal-content{background:var(--color-bg-card);border-radius:var(--border-radius);padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.game-over-title{font-size:2rem;text-align:center;margin-bottom:20px}.game-over-title.victory{color:#2ecc71}.game-over-title.defeat{color:#e74c3c}.game-over-message{text-align:center;margin-bottom:30px;color:var(--color-text-muted)}.modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.modal-btn{padding:12px 30px;border-radius:var(--border-radius);border:none;font-size:16px;cursor:pointer;transition:all .2s}.modal-btn.primary{background:var(--color-primary);color:#fff}.modal-btn.primary:hover{background:#ff6b6b}.modal-btn.secondary{background:var(--color-secondary);color:#fff}.modal-btn.secondary:hover{background:#5a67d8}.modal-btn.danger{background:#e74c3c;color:#fff}.modal-btn.danger:hover{background:#c0392b}.event-emoji{font-size:4rem;text-align:center;margin-bottom:20px}.event-title{text-align:center;margin-bottom:15px}.event-description{text-align:center;color:var(--color-text-muted);margin-bottom:30px;line-height:1.6}.skill-replace-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.new-skill-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:5px 15px;border-radius:20px;font-size:12px;margin-bottom:15px}.new-skill-info{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.new-skill-emoji{font-size:3rem}.new-skill-name{margin:0}.new-skill-rarity{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;background:var(--color-bg)}.new-skill-rarity.common{color:#9e9e9e}.new-skill-rarity.rare{color:#4fc3f7}.new-skill-rarity.epic{color:#ba68c8}.new-skill-desc{color:var(--color-text-muted);margin:0}.skill-replace-divider{text-align:center;color:var(--color-text-muted);margin-bottom:20px;position:relative}.skill-replace-divider:before,.skill-replace-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--color-border)}.skill-replace-divider:before{left:0}.skill-replace-divider:after{right:0}.current-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:30px}.skill-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:15px;cursor:pointer;transition:all .2s;text-align:center}.skill-card:hover{border-color:var(--color-primary);background:#e945601a}.skill-card .skill-emoji{font-size:24px;margin-bottom:5px}.skill-card .skill-name{font-size:12px;text-align:center;color:var(--color-text);margin-bottom:3px}.skill-card .skill-level{font-size:10px;color:var(--color-text-muted)}.settings-title{text-align:center;margin-bottom:30px}.settings-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--color-border)}.settings-section:last-of-type{border-bottom:none}.settings-section h3{margin-bottom:15px;color:var(--color-text)}.settings-desc{color:var(--color-text-muted);margin-bottom:15px}.modal-overlay{position:fixed;inset:0;background:#000c;z-index:999}.modal-overlay.hidden{display:none}.developer-section{background:#4fbdba1a;border:1px solid rgba(79,189,186,.3);border-radius:var(--border-radius);padding:20px;margin-top:10px}.developer-section h3{color:#4fbdba}.skill-select-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.skill-select-title{margin:0 0 10px;font-size:1.5rem}.skill-select-subtitle{color:var(--color-text-muted);margin:0}.skill-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:30px}.skill-select-grid .skill-card{display:flex;flex-direction:column;align-items:center;padding:20px}.skill-select-grid .skill-card .skill-emoji{font-size:32px;margin-bottom:10px}.skill-select-grid .skill-card .skill-name{font-size:14px;font-weight:500;margin-bottom:5px}.skill-select-grid .skill-card .skill-cost{font-size:12px;color:var(--color-primary)}.enemy-codex-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto}.enemy-codex-modal.hidden{display:none}.codex-content{background:var(--color-bg-light);border-radius:var(--border-radius);padding:30px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid var(--color-border)}.codex-title{font-size:1.8rem;margin-bottom:10px;text-align:center;color:var(--color-accent)}.codex-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:20px}.codex-difficulty{text-align:center;margin:15px 0;color:var(--color-text-muted)}.enemy-pool-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:20px}.enemy-preview-card{position:relative;padding:16px;background:#141e32e6;border-radius:12px;border:2px solid transparent;text-align:center;transition:all .2s ease;overflow:hidden;--difficulty-color: #4ade80;--category-bg: rgba(74, 222, 128, .15)}.enemy-preview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--difficulty-color);border-radius:12px 12px 0 0}.enemy-preview-card[data-difficulty=easy]{--difficulty-color: #4ade80;border-color:#4ade804d}.enemy-preview-card[data-difficulty=medium]{--difficulty-color: #fbbf24;border-color:#fbbf244d}.enemy-preview-card[data-difficulty=hard]{--difficulty-color: #f87171;border-color:#f871714d}.enemy-preview-card[data-difficulty=boss]{--difficulty-color: #a78bfa;border-color:#a78bfa80;box-shadow:0 0 16px #a78bfa33}.enemy-preview-card[data-difficulty=boss]:after{content:"👑";position:absolute;top:8px;right:8px;font-size:16px;filter:drop-shadow(0 0 6px rgba(167,139,250,.8));animation:boss-crown-float 3s ease-in-out infinite}@keyframes boss-crown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.enemy-preview-card:hover{transform:translateY(-3px);border-color:var(--difficulty-color);box-shadow:0 8px 24px #0000004d}.enemy-category-tag{position:absolute;top:10px;left:10px;padding:2px 8px;font-size:10px;font-weight:600;border-radius:4px;background:var(--category-bg);color:var(--difficulty-color);text-transform:uppercase;letter-spacing:.5px}.preview-diff-badge{display:inline-block;padding:2px 10px;background:#0006;border-radius:12px;font-size:12px;font-weight:600;color:var(--difficulty-color);margin-bottom:8px}.enemy-preview-card[data-difficulty=boss] .preview-diff-badge{background:linear-gradient(135deg,#a78bfa4d,#8b5cf680);border:1px solid rgba(167,139,250,.6);box-shadow:0 0 10px #a78bfa66;padding:3px 12px;font-weight:700;text-shadow:0 0 8px rgba(167,139,250,.8);animation:boss-pulse 2s ease-in-out infinite}@keyframes boss-pulse{0%,to{box-shadow:0 0 10px #a78bfa66}50%{box-shadow:0 0 16px #a78bfab3}}.preview-icon,.preview-emoji{font-size:3rem;margin:8px 0 12px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.preview-icon .icon-svg,.preview-icon img{width:48px;height:48px;object-fit:contain;display:inline-block;vertical-align:middle}.preview-name{font-weight:600;font-size:15px;color:var(--color-text);margin-bottom:4px}.preview-inherited{position:absolute;top:10px;right:10px;padding:2px 6px;background:#6496ff33;border-radius:4px;font-size:10px;color:#6a9eff}.preview-stats{display:flex;justify-content:center;gap:12px;font-size:12px;color:var(--color-text-muted);margin-top:8px}.preview-stats span{display:flex;align-items:center;gap:3px}.preview-ability{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:2px 8px;font-size:10px;color:#ff6b6b;background:#ff6b6b26;border-radius:4px;opacity:0;transition:opacity .2s;white-space:nowrap}.enemy-preview-card:hover .preview-ability{opacity:1}.enemy-preview-card.filtered-out{display:none}.enemy-preview-card.filtered-in{animation:card-pop .3s ease}@keyframes card-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.enemy-codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px}.enemy-codex-card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:15px;text-align:center;cursor:pointer;border:2px solid var(--color-border);transition:all .2s}.enemy-codex-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.codex-card-icon,.codex-card-emoji{font-size:2.5rem;margin-bottom:8px;display:flex;align-items:center;justify-content:center;min-height:48px}.codex-card-icon .icon-svg,.codex-card-icon img{width:40px;height:40px;object-fit:contain}.codex-card-name{font-weight:700;font-size:14px;margin-bottom:5px}.codex-card-difficulty{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:3px;display:inline-block;margin-bottom:5px}.codex-card-difficulty.easy{background:var(--color-easy);color:#fff}.codex-card-difficulty.medium{background:var(--color-medium);color:#fff}.codex-card-difficulty.hard{background:var(--color-hard);color:#fff}.codex-card-difficulty.boss{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 0 8px #a78bfa99;font-weight:700;letter-spacing:1px}.enemy-codex-card[data-difficulty=boss]{border-color:#a78bfa99;box-shadow:0 0 12px #a78bfa26;position:relative}.enemy-codex-card[data-difficulty=boss]:hover{border-color:#a78bfa;box-shadow:0 4px 20px #a78bfa66}.enemy-codex-card[data-difficulty=boss]:before{content:"👑";position:absolute;top:8px;right:8px;font-size:14px;filter:drop-shadow(0 0 4px rgba(167,139,250,.8))}.codex-card-desc{font-size:11px;color:var(--color-text-muted);line-height:1.3}.codex-filters{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:6px 15px;background:var(--color-bg-card);color:var(--color-text);border-radius:var(--border-radius);font-size:12px;border:1px solid var(--color-border);transition:all .2s}.filter-btn[data-filter=boss]{background:linear-gradient(135deg,#a78bfa33,#8b5cf64d);border-color:#a78bfa80;color:#a78bfa}.filter-btn[data-filter=boss]:hover,.filter-btn[data-filter=boss].active{background:linear-gradient(135deg,#a78bfa66,#8b5cf680);border-color:#a78bfa;box-shadow:0 0 12px #a78bfa66}.filter-btn:hover,.filter-btn.active{background:var(--color-secondary);border-color:var(--color-primary)}.enemy-detail .detail-header{text-align:center;margin-bottom:20px}.detail-icon,.detail-emoji{font-size:4rem;display:block;margin-bottom:10px;display:flex;align-items:center;justify-content:center;min-height:64px}.detail-icon .icon-svg,.detail-icon img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.detail-name{font-size:1.5rem;margin-bottom:10px}.detail-difficulty{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;text-transform:uppercase}.detail-stats{background:var(--color-bg);border-radius:var(--border-radius);padding:15px;margin-bottom:20px}.enemy-detail .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.enemy-detail .stat-row:last-child{border-bottom:none}.enemy-detail .stat-label{color:var(--color-text-muted)}.enemy-detail .stat-value{font-weight:700;font-family:var(--font-mono)}.enemy-detail .stat-value.hp{color:var(--color-hp)}.enemy-detail .stat-value.spd{color:#ecc94b}.enemy-detail .stat-value.def{color:var(--color-shield)}.enemy-detail .stat-value.atk{color:#fc8181}.detail-abilities{background:var(--color-bg);border-radius:var(--border-radius);padding:15px;margin-bottom:20px}.detail-abilities h4{margin-bottom:10px;color:var(--color-accent)}.detail-abilities p{color:var(--color-text-muted);font-size:14px;line-height:1.5}#boss-casting-panel{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:200;min-width:300px;max-width:90vw}#boss-casting-panel.hidden{display:none}.casting-alert{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:16px 20px;box-shadow:0 4px 20px #00000080;animation:cast-alert-in .3s ease-out}.casting-alert.interruptible{border:3px solid #e74c3c;box-shadow:0 0 20px #e74c3c66;animation:cast-alert-in .3s ease-out,cast-pulse 1.5s infinite}.casting-alert.uninterruptible{border:2px solid #7f8c8d}@keyframes cast-alert-in{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cast-pulse{0%,to{box-shadow:0 0 20px #e74c3c66}50%{box-shadow:0 0 30px #e74c3cb3}}.casting-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cast-emoji{font-size:28px}.cast-title{color:#ecf0f1;font-size:16px;font-weight:700}.interrupt-badge{background:#e74c3c;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;margin-left:8px;animation:badge-blink 1s infinite}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.6}}.cast-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.cast-progress-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#f39c12);border-radius:4px;transition:width .3s ease}.casting-alert.uninterruptible .cast-progress-fill{background:linear-gradient(90deg,#7f8c8d,#95a5a6)}.cast-turns{color:#bdc3c7;font-size:13px;text-align:center}#scene-item-panel{position:fixed;bottom:140px;left:50%;transform:translate(-50%);z-index:150;min-width:320px;max-width:90vw}#scene-item-panel.hidden{display:none}#scene-item-panel .scene-items-title{text-align:center;color:#f39c12;font-weight:700;font-size:14px;margin-bottom:10px;text-shadow:0 0 8px rgba(243,156,18,.6);letter-spacing:1px}#scene-item-panel .scene-items-grid{display:flex;gap:12px;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:14px;border-radius:12px;border:2px solid #f39c12;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff1a}#scene-item-panel .scene-item-btn{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#2c3e50 linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #f39c12;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease;min-width:85px;font-family:inherit;font-size:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#scene-item-panel .scene-item-btn:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 6px 15px #f39c1266;background:#34495e linear-gradient(135deg,#34495e,#3d566e);border-color:#f39c12}#scene-item-panel .scene-item-btn:active:not(.disabled){transform:translateY(-1px)}#scene-item-panel .scene-item-btn.disabled{opacity:.4;cursor:not-allowed;border-color:#7f8c8d;background:#1a1a2e linear-gradient(135deg,#1a1a2e,#16213e)}#scene-item-panel .scene-item-btn .item-emoji{font-size:28px;margin-bottom:4px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}#scene-item-panel .scene-item-btn .item-name{font-size:13px;font-weight:700;margin-bottom:2px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}#scene-item-panel .scene-item-btn .item-count{font-size:12px;color:#f39c12;margin-bottom:4px;font-weight:700}#scene-item-panel .scene-item-btn .item-desc{font-size:10px;color:#bdc3c7;text-align:center;line-height:1.2}#scene-item-panel .scene-item-btn .item-category{font-size:9px;padding:1px 5px;border-radius:3px;margin-bottom:3px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#scene-item-panel .scene-item-btn .item-category.category-consumable{background:#2ecc7140;color:#2ecc71;border:1px solid rgba(46,204,113,.4)}#scene-item-panel .scene-item-btn .item-category.category-material{background:#3498db40;color:#3498db;border:1px solid rgba(52,152,219,.4)}#scene-item-panel .scene-item-btn .item-category.category-special{background:#9b59b640;color:#9b59b6;border:1px solid rgba(155,89,182,.4)}.enemy-casting{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;margin:4px 0}.enemy-casting.casting-interruptible{background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff;border:1px solid #f39c12;animation:mini-cast-pulse 1s infinite}.enemy-casting.casting-normal{background:#34495ecc;color:#ecf0f1}@keyframes mini-cast-pulse{0%,to{opacity:1}50%{opacity:.7}}.enemy-scene-items{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.enemy-scene-items .scene-item-tag{background:#f39c1233;border:1px solid rgba(243,156,18,.5);padding:2px 6px;border-radius:4px;font-size:11px;color:#f39c12}@media(max-width:768px){#boss-casting-panel{top:60px;left:10px;right:10px;transform:none;min-width:auto;z-index:100}.casting-alert{padding:12px 14px;border-radius:10px}.casting-alert.interruptible{border-width:2px;box-shadow:0 0 15px #e74c3c80;animation:cast-alert-in .3s ease-out,cast-pulse-mobile 1s infinite}@keyframes cast-pulse-mobile{0%,to{box-shadow:0 0 10px #e74c3c66;transform:scale(1)}50%{box-shadow:0 0 20px #e74c3cb3;transform:scale(1.01)}}.cast-title{font-size:13px}.interrupt-badge{font-size:10px;padding:2px 6px}.cast-progress{height:8px;margin-top:8px}.cast-hint{font-size:11px;margin-top:6px}.enemy-casting{padding:3px 8px;font-size:11px;gap:4px}.enemy-casting.casting-interruptible{animation:mini-cast-pulse-mobile .8s infinite}@keyframes mini-cast-pulse-mobile{0%,to{box-shadow:0 0 5px #e74c3c80}50%{box-shadow:0 0 12px #e74c3ce6}}#scene-item-panel{bottom:130px;left:10px;right:10px;transform:none;min-width:auto;max-width:none;padding:10px}#scene-item-panel .scene-items-title{font-size:12px;margin-bottom:8px}.scene-items-grid{display:flex;flex-wrap:nowrap;gap:8px;padding:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}.scene-items-grid::-webkit-scrollbar{display:none}.scene-item-btn{min-width:65px;max-width:80px;padding:8px 6px;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.scene-item-btn .item-emoji{font-size:20px;margin-bottom:2px}.scene-item-btn .item-name{font-size:11px}.scene-item-btn .item-desc{font-size:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:24px}.scene-item-btn .item-category{font-size:8px;padding:1px 4px}.scene-item-btn:active:not(.disabled){transform:scale(.95);background:linear-gradient(135deg,#f39c12,#e67e22)}}.mobile-info-btn{display:none;align-items:center;justify-content:center;padding:6px 12px;background:linear-gradient(145deg,#3a3a4a,#2a2a3a);border:1px solid #4a4a5a;border-radius:8px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s;gap:4px}.mobile-info-btn:active{transform:scale(.95);background:#4a4a5a}.mobile-info-btn .icon{font-size:14px}.mobile-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px}.mobile-modal-overlay.active{opacity:1;visibility:visible}.mobile-modal{background:linear-gradient(145deg,#2a2a3a,#1a1a2a);border-radius:16px;width:100%;max-width:400px;max-height:80vh;max-height:80dvh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:scale(.9);opacity:0;transition:all .3s ease;overflow-y:auto;border:2px solid #4a4a5a;-webkit-overflow-scrolling:touch}.mobile-modal-overlay.active .mobile-modal{transform:scale(1);opacity:1}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #3a3a4a}.mobile-modal-title{font-size:16px;font-weight:700;color:#fff}.mobile-modal-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.mobile-modal-close:active{background:#3a3a4a;color:#fff}.mobile-detail-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:8px;margin-bottom:8px}.mobile-detail-item .icon{font-size:20px;width:30px;text-align:center}.mobile-detail-item .content{flex:1}.mobile-detail-item .name{font-size:14px;color:#fff;font-weight:500}.mobile-detail-item .desc{font-size:12px;color:#888;margin-top:2px}.mobile-detail-item.buff-positive{border-left:3px solid #4ade80}.mobile-detail-item.buff-negative{border-left:3px solid #ff6b6b;background:#ff6b6b0d}.mobile-detail-item.buff-special{border-left:3px solid #fbbf24;background:#fbbf240d}.mobile-info-bar{display:none;gap:8px;flex-wrap:wrap;margin-top:8px}.mobile-quick-actions{display:none}.mobile-info-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff1a;border-radius:12px;font-size:11px;color:#aaa}.mobile-info-tag .count{color:#fff;font-weight:700}.mobile-resource-detail{padding:10px}.resource-value-large{font-size:32px;font-weight:700;text-align:center;color:#888;margin-bottom:10px}.resource-value-large.can-draw{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.3)}.resource-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.resource-info-grid .info-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:#ffffff0d;border-radius:8px}.resource-info-grid .info-label{font-size:12px;color:#888;margin-bottom:4px}.resource-info-grid .info-value{font-size:16px;font-weight:700;color:#fff}.mobile-draw-btn{width:100%;padding:14px 20px;background:linear-gradient(145deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4ade804d}.mobile-draw-btn:active{transform:scale(.98);box-shadow:0 2px 8px #4ade8033}.mobile-draw-btn:disabled{background:linear-gradient(145deg,#666,#555);cursor:not-allowed;box-shadow:none}.draw-hint{padding:12px;background:#ffffff0d;border-radius:8px;color:#888;font-size:14px}.mobile-resource-detail .resource-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.mobile-resource-detail .resource-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .3s ease}.skill-preview-trigger{display:none}@media(max-width:768px){.skill-preview-trigger{display:block;position:absolute;top:2px;right:2px;width:24px;height:24px;padding:0;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:12px;cursor:pointer;z-index:10;transition:all .2s}.skill-preview-trigger:active{background:#fff3;transform:scale(.9)}}.mobile-skill-preview{padding:10px}.skill-preview-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #3a3a4a}.skill-preview-emoji{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px}.skill-preview-title{flex:1}.skill-preview-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.skill-preview-cost{font-size:14px;color:#888}.skill-preview-cost.affordable{color:#4ade80}.skill-preview-cost.unaffordable{color:#ff6b6b}.skill-preview-desc{font-size:14px;color:#ccc;line-height:1.6;margin-bottom:15px}.skill-preview-effects{margin-bottom:15px}.skill-preview-effects .section-title{font-size:12px;color:#888;text-transform:uppercase;margin-bottom:8px}.skill-preview-effects .effect-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.skill-preview-effects .effect-icon{font-size:14px}.skill-preview-effects .effect-text{font-size:13px;color:#aaa}.skill-preview-cooldown{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff0d;border-radius:8px;color:#888;font-size:13px}.skill-preview-cooldown .cooldown-icon{font-size:16px}.mobile-skills-list{padding:10px 0}.skill-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:10px;margin-bottom:8px}.skill-list-item .skill-emoji{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px}.skill-list-item .skill-info{flex:1}.skill-list-item .skill-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.skill-list-item .skill-brief{font-size:12px;color:#888}.skill-list-item .skill-meta{display:flex;align-items:center;gap:8px}.skill-list-item .skill-cost{font-size:12px;color:#4ade80;background:#4ade801a;padding:4px 8px;border-radius:4px}.skill-list-item .skill-cost.unaffordable{color:#ff6b6b;background:#ff6b6b1a}.skill-list-item .skill-detail-btn{width:32px;height:32px;padding:0;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:all .2s;pointer-events:auto;z-index:10;position:relative}.skill-list-item.disabled .skill-detail-btn{opacity:.8}.skill-list-item .skill-detail-btn:active{background:#fff3;transform:scale(.9)}.skill-view-toggle{display:none;align-items:center;justify-content:center;padding:8px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:12px;cursor:pointer;margin-bottom:10px}.skill-view-toggle:active{background:#fff3}@media(max-width:768px){.mobile-info-btn{display:inline-flex}.mobile-info-bar{display:flex}.player-passives,.player-mechanics-status,.player-buffs,.player-equipment,.player-resources{display:none!important}#player-panel{padding:12px}.player-header{margin-bottom:8px}.player-header .player-emoji{font-size:24px}.player-header .player-name{font-size:16px}.player-stats{gap:6px;margin-bottom:8px}.stat-bar{height:20px}.stat-icon{font-size:12px;width:20px}.stat-text{font-size:11px;min-width:50px}.player-attributes{gap:8px;margin-bottom:8px}.player-attributes .attr{font-size:12px;padding:4px 8px}.enemy-card{padding:10px;margin-bottom:8px}.enemy-emoji{font-size:28px}.enemy-name{font-size:14px}.enemy-hp-bar{height:6px}.enemy-buffs{gap:3px}.enemy-buff-icon{width:18px;height:18px;font-size:12px}.skill-btn{padding:8px;font-size:12px}.skill-btn .skill-emoji{font-size:16px}#battle-log{height:180px}.log-entry{font-size:12px;padding:4px 8px}.mobile-quick-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.skill-view-toggle{display:flex}}@media(max-width:480px){#player-panel{padding:10px}.player-header .player-emoji{font-size:20px}.player-header .player-name{font-size:14px}.mobile-info-btn{padding:5px 10px;font-size:11px}.enemy-card{padding:8px}.enemy-emoji{font-size:24px}.skill-preview-header{gap:10px}.skill-preview-emoji{font-size:32px;width:50px;height:50px}.skill-preview-name{font-size:16px}}.event-notification-badge{position:fixed;top:80px;right:20px;z-index:100;display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 4px 15px #667eea66;cursor:pointer;transition:all .3s ease;animation:event-pulse 2s infinite}.event-notification-badge:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea80}.event-notification-badge.hidden{display:none}.event-notification-icon{font-size:20px}.event-notification-count{background:#ff4757;color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}@keyframes event-pulse{0%,to{box-shadow:0 4px 15px #667eea66}50%{box-shadow:0 4px 25px #667eeab3}}#event-modal .modal-content{max-width:450px;padding:30px}#event-modal .event-emoji{font-size:56px;margin-bottom:15px;text-align:center}#event-modal .event-title{font-size:24px;font-weight:700;margin-bottom:12px;text-align:center}#event-modal .event-description{font-size:16px;color:#666;margin-bottom:25px;text-align:center;line-height:1.5}#event-modal .modal-buttons{display:flex;flex-direction:column;gap:10px;width:100%}#event-modal .modal-btn{width:100%;padding:14px 20px;font-size:16px;border-radius:8px;transition:all .2s ease;position:relative}#event-modal .modal-btn:hover:not(:disabled){transform:translateY(-2px)}#event-modal .modal-btn:disabled,#event-modal .modal-btn.disabled{opacity:.4;cursor:not-allowed;background:#ccc!important;color:#666!important;position:relative}#event-modal .modal-btn.disabled:before{content:"🔒";margin-right:6px}#event-modal .modal-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}#event-modal .modal-btn.secondary{background:#f0f0f0;color:#666;border:1px solid #ddd}#event-modal .modal-btn.secondary:hover:not(:disabled){background:#e0e0e0}#event-modal .modal-btn[title]:not([title=""]):after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:#000c;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:5px}#event-modal .modal-btn[title]:not([title=""]):hover:after{opacity:1}.event-entry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s;position:relative}.event-entry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.event-entry-btn i{font-size:16px}.event-badge{background:#ff4757;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;animation:badge-pulse 2s infinite}.event-badge.hidden{display:none}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}#event-queue-modal .modal-content{max-width:500px;max-height:80vh;overflow-y:auto}.event-queue-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee}.event-queue-header h2{color:#667eea;margin-bottom:5px}.event-queue-header p{color:#888;font-size:14px}.event-queue-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.event-queue-item{background:#f8f9fa;border-radius:10px;padding:15px;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:15px}.event-queue-item:hover{border-color:#667eea;transform:translate(5px)}.event-queue-item .icon{font-size:36px;flex-shrink:0}.event-queue-item .info{flex:1}.event-queue-item .name{font-weight:700;color:#333;margin-bottom:4px}.event-queue-item .desc{font-size:13px;color:#666;line-height:1.4}.event-queue-item .meta{font-size:12px;color:#999;margin-top:5px}.event-queue-item .action{color:#667eea;font-size:20px}.event-queue-empty{text-align:center;padding:40px;color:#888}.event-queue-empty .icon{font-size:48px;margin-bottom:15px;opacity:.5}@media(max-width:768px){.event-notification-badge{top:70px;right:10px;padding:8px 12px}.event-notification-icon{font-size:18px}#event-modal .modal-content{max-width:90vw;padding:20px}#event-modal .event-emoji{font-size:48px}#event-modal .event-title{font-size:20px}#event-modal .event-description{font-size:14px}#event-modal .modal-btn{padding:12px 16px;font-size:14px}}.event-type-positive .event-title{color:#48bb78!important}.event-type-negative .event-title{color:#e53e3e!important}.event-type-neutral .event-title{color:#4299e1!important}.event-type-mixed .event-title{color:#ed8936!important}#character-select{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:20px}#character-select h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#character-select .subtitle{color:var(--color-text-muted);margin-bottom:30px}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:800px}.character-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:25px;text-align:center;cursor:pointer;transition:all .3s ease}.character-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 10px 30px #e945604d}.character-emoji{font-size:4rem;margin-bottom:15px;display:block}.character-name{font-size:1.5rem;margin-bottom:10px;color:var(--color-text)}.character-description{color:var(--color-text-muted);font-size:14px;line-height:1.5}.select-hint{margin-top:30px;color:var(--color-text-muted);font-size:14px}.character-card.nightmare-lord{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:#8b5cf6;position:relative;overflow:hidden}.character-card.nightmare-lord:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation:nightmare-pulse 3s ease-in-out infinite}@keyframes nightmare-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.character-card.nightmare-lord:hover{border-color:#a855f7;box-shadow:0 10px 40px #8b5cf666}.character-card.nightmare-lord .character-emoji{filter:drop-shadow(0 0 10px rgba(139,92,246,.6));animation:emoji-float 2s ease-in-out infinite}@keyframes emoji-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.character-card.nightmare-lord .character-name{color:#d8b4fe;text-shadow:0 0 10px rgba(139,92,246,.5)}.character-card.nightmare-lord .character-description{color:#c4b5fd}.dread-indicator{display:inline-flex;align-items:center;gap:4px;background:#8b5cf633;border:1px solid #8b5cf6;border-radius:12px;padding:2px 8px;font-size:12px;color:#d8b4fe;margin-top:8px}@media(max-width:768px){#character-select{min-height:auto;padding:60px 15px 15px}#character-select h1{font-size:1.8rem;text-align:center}#character-select .subtitle{font-size:14px;text-align:center;padding:0 10px}.character-grid{grid-template-columns:1fr;gap:15px;max-width:100%;padding:0 10px}.character-card{padding:20px;display:flex;align-items:center;text-align:left;gap:15px}.character-emoji{font-size:3rem;margin-bottom:0;flex-shrink:0}.character-info{flex:1}.character-name{font-size:1.2rem;margin-bottom:5px}.character-description{font-size:13px}.character-card.nightmare-lord .character-emoji{animation:none}.select-hint{font-size:12px;text-align:center;padding:0 20px}}@media(max-width:375px){.character-card{padding:15px}.character-emoji{font-size:2.5rem}.character-name{font-size:1.1rem}}