@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Noto+Serif+SC:wght@400;600;700;900&display=swap";:root{--bg-deep: #0a0807;--bg-mid: #141110;--bg-surface: #1c1816;--border-dark: #2a201c;--border-light: #3d2d24;--gold: #c9a227;--gold-bright: #f0d25e;--gold-dim: #8b6f1e;--blood: #8b1a1a;--blood-bright: #d62828;--blood-dim: #5c0f0f;--mana: #1a5276;--mana-bright: #2e86c1;--poison: #27ae60;--poison-bright: #2ecc71;--power: #7d3c98;--power-bright: #a569bd;--text-main: #e8dcc8;--text-dim: #8a7e6a;--text-muted: #5a5246;--font-display: "Cinzel", "Noto Serif SC", serif;--font-body: "Noto Serif SC", "Cinzel", serif;--card-w: 150px;--card-h: 210px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);color:var(--text-main)}body{background:var(--bg-deep);position:relative}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);z-index:1000}.loading-spinner{width:60px;height:60px;border:3px solid var(--border-dark);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.floor-transition{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#000000d9,#00000080);z-index:2000;pointer-events:none;animation:floorFlash .8s ease-out forwards}.floor-transition span{font-family:Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:6px;color:var(--gold-bright);text-shadow:0 0 20px var(--gold),0 0 40px var(--blood-bright);animation:floorText .8s ease-out forwards}@keyframes floorFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes floorText{0%{transform:scale(.5) translateY(20px);opacity:0;letter-spacing:20px}40%{transform:scale(1.1) translateY(0);opacity:1;letter-spacing:6px}to{transform:scale(1) translateY(0);opacity:0;letter-spacing:6px}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 400px at 20% 10%,rgba(139,26,26,.15),transparent 70%),radial-gradient(ellipse 500px 350px at 80% 90%,rgba(201,162,39,.08),transparent 70%),radial-gradient(ellipse 800px 500px at 50% 50%,rgba(0,0,0,.5),transparent 80%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(201,162,39,.03) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(139,26,26,.03) 1px,transparent 1px);background-size:120px 120px,160px 160px;pointer-events:none;z-index:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:120px 120px;opacity:.4;pointer-events:none;z-index:1;mix-blend-mode:overlay}.app{width:100vw;height:100vh;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}@keyframes floatUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #c9a22700}50%{box-shadow:0 0 20px 4px #c9a2274d}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes damageFlash{0%{filter:brightness(1)}20%{filter:brightness(2) hue-rotate(-30deg)}to{filter:brightness(1)}}@keyframes drawCard{0%{transform:translateY(-100px) scale(.6) rotate(-10deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes playCard{0%{transform:scale(1)}40%{transform:scale(1.2) translateY(-20px)}to{transform:scale(1)}}@keyframes enemyHit{0%,to{transform:translate(0);filter:brightness(1)}30%{transform:translate(-8px);filter:brightness(1.8) hue-rotate(-40deg)}60%{transform:translate(8px);filter:brightness(1.5)}}@keyframes cardEnter{0%{transform:translateY(80px) scale(.8);opacity:0;filter:blur(4px)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}@keyframes titleFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes barFill{0%{width:0}}@keyframes particleDrift{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(-30px) translate(10px);opacity:.3}90%{opacity:0}to{transform:translateY(-60px) translate(-5px);opacity:0}}.app{width:100vw;height:100vh;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:14px}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 1600px 1100px at 50% 15%,rgba(214,40,40,.18),transparent 65%),radial-gradient(ellipse 1200px 800px at 25% 75%,rgba(165,105,189,.12),transparent 65%),radial-gradient(ellipse 1000px 700px at 75% 80%,rgba(201,162,39,.1),transparent 65%),radial-gradient(ellipse 800px 500px at 50% 90%,rgba(139,26,26,.15),transparent 70%),radial-gradient(ellipse 600px 400px at 15% 30%,rgba(125,60,152,.08),transparent 70%),linear-gradient(180deg,#140a0866,#0a050599,#05030380);mix-blend-mode:screen;animation:breathe 9s ease-in-out infinite alternate}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 80% 60% at center,transparent 25%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.9) 100%),radial-gradient(ellipse 100% 100% at center,transparent 50%,rgba(0,0,0,.6) 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.38 0 0 0 0 0.2 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:auto,auto,260px 260px;opacity:.55;mix-blend-mode:overlay}@keyframes breathe{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}h1,.h1,.title-logo,.map-title,.result-title,.victory-screen h1,.game-over-screen h1,.reward-panel-title,.upgrade-name{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:2px;-webkit-text-stroke:.4px rgba(0,0,0,.8);text-rendering:optimizeLegibility}h2,.h2,.event-title,.shop-title,.turn-text{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:1px;-webkit-text-stroke:.3px rgba(0,0,0,.7);text-rendering:optimizeLegibility}p,.event-description,.event-flavor,.card-desc,.upgrade-desc,.tooltip-body{font-family:var(--font-body);font-weight:400;font-size:13px;-webkit-text-stroke:.2px rgba(0,0,0,.5)}.event-choice-cost,.info-chip,.card-name,.node-label,.turn-chip,.resource-chip,.reward-panel-title,.deck-panel-title,.stat-label,.card-rarity-label{font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:1.5px;-webkit-text-stroke:.2px rgba(0,0,0,.6);text-transform:uppercase}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-spire{background:radial-gradient(ellipse 900px 1300px at 50% -10%,rgba(214,40,40,.1),transparent 65%),radial-gradient(ellipse 700px 1000px at 20% 80%,rgba(125,60,152,.07),transparent 70%),radial-gradient(ellipse 500px 800px at 80% 90%,rgba(201,162,39,.06),transparent 70%),linear-gradient(180deg,#080606,#100a08,#0c0806 60%,#060505)}.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.bg-particles:before,.bg-particles:after,.bg-particles>*{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 6px var(--gold),0 0 12px #c9a22780;animation:particleDrift 10s linear infinite}.bg-particles:before{left:15%;top:100%;width:2px;height:2px;animation-delay:0s;animation-duration:9s}.bg-particles:after{left:85%;top:100%;width:3px;height:3px;animation-delay:3s;animation-duration:12s;background:var(--blood-bright);box-shadow:0 0 6px var(--blood),0 0 14px #d6282899}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 6px var(--gold),0 0 14px #c9a22766;animation:particleDrift 11s linear infinite}.particle.p1{left:8%;top:100%;animation-delay:0s;animation-duration:9s;width:2px;height:2px}.particle.p2{left:14%;top:100%;animation-delay:2s;animation-duration:11s;width:1px;height:1px;background:var(--blood-bright);box-shadow:0 0 6px var(--blood),0 0 14px #d6282880}.particle.p3{left:22%;top:100%;animation-delay:1s;animation-duration:13s;width:3px;height:3px;background:var(--power-bright);box-shadow:0 0 6px var(--power),0 0 14px #a569bd80}.particle.p4{left:28%;top:100%;animation-delay:4s;animation-duration:8s;width:1px;height:1px}.particle.p5{left:35%;top:100%;animation-delay:3s;animation-duration:12s;background:var(--blood-bright);box-shadow:0 0 6px var(--blood),0 0 14px #d6282880}.particle.p6{left:42%;top:100%;animation-delay:6s;animation-duration:10s;width:3px;height:3px}.particle.p7{left:50%;top:100%;animation-delay:2s;animation-duration:14s;width:1px;height:1px;background:var(--power-bright);box-shadow:0 0 6px var(--power),0 0 14px #a569bd80}.particle.p8{left:58%;top:100%;animation-delay:5s;animation-duration:9s;background:var(--blood-bright);box-shadow:0 0 6px var(--blood),0 0 14px #d6282880}.particle.p9{left:65%;top:100%;animation-delay:0s;animation-duration:11s;width:2px;height:2px}.particle.p10{left:72%;top:100%;animation-delay:7s;animation-duration:13s;width:3px;height:3px;background:var(--power-bright);box-shadow:0 0 6px var(--power),0 0 14px #a569bd80}.particle.p11{left:78%;top:100%;animation-delay:1s;animation-duration:8s;width:1px;height:1px}.particle.p12{left:84%;top:100%;animation-delay:4s;animation-duration:15s;width:2px;height:2px;background:var(--blood-bright);box-shadow:0 0 6px var(--blood),0 0 14px #d6282880}.particle.p13{left:91%;top:100%;animation-delay:3s;animation-duration:10s;width:3px;height:3px}.particle.p14{left:96%;top:100%;animation-delay:8s;animation-duration:12s;width:1px;height:1px;background:var(--power-bright);box-shadow:0 0 6px var(--power),0 0 14px #a569bd80}@keyframes particleDrift{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:.8}50%{transform:translateY(-50vh) translate(20px);opacity:.5}90%{opacity:0}to{transform:translateY(-100vh) translate(-10px);opacity:0}}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;animation:titleFade 1.5s ease-out;padding:20px}.title-spire-art{width:140px;height:140px;margin-bottom:4px;filter:drop-shadow(0 4px 18px rgba(240,210,94,.6)) drop-shadow(0 0 32px rgba(214,40,40,.45)) drop-shadow(0 0 60px rgba(201,162,39,.2));animation:spireGlow 3.5s ease-in-out infinite}@keyframes spireGlow{0%,to{filter:drop-shadow(0 4px 16px rgba(201,162,39,.4)) drop-shadow(0 0 24px rgba(214,40,40,.3))}50%{filter:drop-shadow(0 4px 22px rgba(240,210,94,.6)) drop-shadow(0 0 36px rgba(214,40,40,.5))}}.title-logo{font-family:var(--font-display);font-weight:900;font-size:32px;color:#f0d25e;text-shadow:0 0 1px rgba(0,0,0,1),0 0 8px rgba(240,210,94,.8),0 0 18px rgba(201,162,39,.5),0 0 30px rgba(214,40,40,.3),0 2px 4px rgba(0,0,0,1),0 4px 8px rgba(0,0,0,.85);-webkit-text-stroke:.6px rgba(0,0,0,.8);letter-spacing:6px;line-height:1}.title-subtitle{font-family:var(--font-display);font-weight:400;font-size:13px;color:var(--text-dim);letter-spacing:8px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.title-btn{font-family:var(--font-display);font-weight:900;font-size:18px;color:#1a0808;background:linear-gradient(180deg,#fff8c8,#f5e08a 12%,#f0d25e 32%,#c9a227,#8b6f1e 92%,#5c4218);border:1px solid #f5e08a;border-top:1px solid #fff5c8;border-bottom:3px solid #2a1c10;border-right:3px solid #2a1c10;border-radius:4px;padding:18px 72px;cursor:pointer;transition:all .2s;letter-spacing:5px;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(255,255,255,.4),0 -1px 1px rgba(0,0,0,.4),0 0 2px rgba(0,0,0,.5);-webkit-text-stroke:.5px rgba(0,0,0,.5);box-shadow:0 10px 24px #000000d9,0 4px #000000b3,0 0 0 1px #2a1c10,0 0 36px #f0d25e80,inset 0 2px #ffffffb3,inset 0 -3px 5px #0006,inset 0 0 0 1px #0003;text-transform:uppercase}.title-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.title-btn:hover:before{left:100%}.title-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #000c,0 0 36px #f0d25eb3,inset 0 1px #fff9,inset 0 -2px #0000004d;background:linear-gradient(180deg,#fff5c4,#faf0a0 30%,#d4a530 70%,#a07d1c)}.title-btn:active{transform:translateY(2px);box-shadow:0 3px 6px #000000b3,inset 0 -2px #0006}.event-screen{display:flex;align-items:center;justify-content:center;animation:titleFade .6s ease-out}.event-frame{max-width:600px;padding:40px 44px;background:linear-gradient(145deg,#2a1c16,#181210 60%,#0e0a08),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='ef'><feTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0 0.18 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23ef)'/></svg>");background-blend-mode:overlay;border:2px solid #8b6f1e;border-top:2px solid #c9a227;border-radius:14px;box-shadow:0 18px 52px #000000f2,0 5px #0009,0 0 70px #c9a22740,0 0 0 1px #1a0a08 inset,0 0 0 3px #2a1c18 inset,0 0 0 4px #c9a22766 inset,inset 0 2px #ffffff0d,inset 0 -3px 6px #00000080;text-align:center;position:relative}.event-frame:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;height:45px;background:linear-gradient(180deg,rgba(240,210,94,.12),transparent);border-radius:12px 12px 0 0;pointer-events:none}.event-title{font-family:var(--font-display);font-weight:900;font-size:22px;color:#f0d25e;text-shadow:0 0 2px rgba(0,0,0,1),0 0 12px rgba(240,210,94,.7),0 0 24px rgba(201,162,39,.4),0 2px 4px rgba(0,0,0,.95),0 4px 8px rgba(0,0,0,.75);-webkit-text-stroke:.5px rgba(0,0,0,.85);letter-spacing:3px;margin-bottom:16px}.event-flavor{font-family:var(--font-display);font-size:13px;color:var(--text-dim);margin-bottom:12px}.event-description{font-size:14px;color:var(--text-main);line-height:1.7;margin-bottom:24px}.event-choices{display:flex;flex-direction:column;gap:10px}.event-choice-btn{font-family:var(--font-body);font-size:14px;color:var(--text-main);background:linear-gradient(135deg,#281c14f2,#100a08d9),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='ec'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.18 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23ec)'/></svg>");background-blend-mode:normal,overlay;border:1px solid #3a2820;border-left:3px solid #8b6f1e;border-top:1px solid #8b6f1e;border-bottom:2px solid #1a0e08;border-right:2px solid #1a0e08;border-radius:4px;padding:14px 20px;cursor:pointer;transition:all .2s;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:inset 0 1px #c9a22733,inset 0 -2px 4px #0009,0 3px 6px #0009,0 0 0 1px #1a0e08}.event-choice-btn:hover{border-color:#f0d25e;border-left-color:#f0d25e;border-top-color:#f5e08a;background:linear-gradient(135deg,#c9a22726,#0003),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='ec'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.18 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23ec)'/></svg>");background-blend-mode:normal,overlay;box-shadow:0 0 16px #c9a22766,inset 0 1px #ffffff14,inset 0 -2px 4px #0009;transform:translateY(-2px)}.event-choice-btn:active{animation:choicePress .3s ease-out;transform:translateY(0) scale(.97)}@keyframes choicePress{0%{filter:brightness(1)}30%{filter:brightness(2);box-shadow:0 0 20px #f0d25ecc}to{filter:brightness(1)}}.event-choice-text{font-weight:600}.event-choice-cost{font-family:var(--font-display);font-size:11px;color:var(--gold-dim);flex-shrink:0}.event-frame:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.combat-screen{width:100%;height:100%;display:flex;flex-direction:column;padding:20px 40px;position:relative;overflow:hidden;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='60'><defs><pattern id='brick' patternUnits='userSpaceOnUse' width='60' height='30'><rect width='60' height='30' fill='%23180c08'/><rect x='1' y='1' width='28' height='13' fill='%23241410' rx='1'/><rect x='31' y='1' width='28' height='13' fill='%231c0e08' rx='1'/><rect x='1' y='16' width='28' height='13' fill='%231c0e08' rx='1'/><rect x='31' y='16' width='28' height='13' fill='%23241410' rx='1'/></pattern></defs><rect width='100%' height='100%' fill='url(%23brick)'/><rect width='100%' height='100%' fill='%23000' opacity='0.55'/></svg>"),linear-gradient(180deg,#1a0c08,#120808,#0c0404 60%,#080404)}.combat-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 1100px 700px at 50% 30%,transparent 30%,rgba(0,0,0,.5) 85%,rgba(0,0,0,.85) 100%);pointer-events:none;z-index:0}.combat-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 900px 600px at 50% 25%,rgba(139,26,26,.22),transparent 65%),radial-gradient(ellipse 600px 400px at 25% 85%,rgba(125,60,152,.12),transparent 70%),radial-gradient(ellipse 600px 400px at 75% 85%,rgba(201,162,39,.09),transparent 70%),radial-gradient(ellipse 500px 300px at 50% 100%,rgba(214,40,40,.08),transparent 80%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.3),transparent 70%);pointer-events:none}.combat-screen>*{position:relative;z-index:1}.combat-top{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;gap:20px}.player-section{width:220px;padding:10px 12px;background:linear-gradient(145deg,#1e140eeb,#0c0806c7),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='ps'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.32 0 0 0 0 0.18 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23ps)'/></svg>");background-blend-mode:normal,overlay;border:1px solid #5c4218;border-top:1px solid #8b6f1e;border-bottom:2px solid #2a1c10;border-left:1px solid #3a2820;border-right:2px solid #2a1c10;border-radius:8px;box-shadow:inset 0 1px #f0d25e26,inset 0 -2px 4px #00000080,inset 0 0 12px #00000080,0 0 0 1px #1a0a08,0 4px 12px #000000b3}.player-portrait{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ff9090,#f07070 18%,#d62828 40%,#8b1a1a 70%,#3d0a0a 95%);border:2px solid #f0d25e;border-bottom:3px solid #8b6f1e;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.95);box-shadow:0 0 28px #f0d25ed9,0 0 8px #fff6 inset,0 6px 14px #000000d9,0 0 0 1px #2a1c10 inset,0 0 0 4px #c9a22780 inset,inset 0 -3px 6px #00000080}.player-hp-container,.enemy-hp-container{position:relative;background:linear-gradient(180deg,#000000e6,#000000a6);border:1px solid #5c4218;border-top:1px solid #8b6f1e;border-bottom:1px solid #2a1c10;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 8px #f0d25e26}.player-hp-container{width:180px;height:22px;margin-bottom:6px}.enemy-hp-container{width:200px;height:22px;margin-bottom:6px}.player-hp-bar,.enemy-hp-bar{height:100%;transition:width .6s cubic-bezier(.25,.46,.45,.94);animation:barFill .8s ease-out;position:relative}.player-hp-bar{background:linear-gradient(180deg,#fff6,#fff0 50%),linear-gradient(180deg,#6ede95,#2ecc71,#1a8040 60%,#0e4a22 85%,#062a14);position:relative;box-shadow:inset 0 1px #fff6,inset 0 -2px 3px #00000080}.player-hp-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent)}.enemy-hp-bar{background:linear-gradient(180deg,#fff6,#fff0 50%),linear-gradient(180deg,#f05a5a,#d62828,#8b1a1a 60%,#5c0f0f 85%,#2a0505);position:relative;box-shadow:inset 0 1px #fff6,inset 0 -2px 3px #00000080}.enemy-hp-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent)}.player-hp-text,.enemy-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.6)}.player-stats-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim);margin-bottom:4px;text-shadow:0 1px 1px rgba(0,0,0,.85);-webkit-text-stroke:.15px rgba(0,0,0,.5)}.player-block{display:flex;align-items:center;gap:4px;color:var(--mana-bright);font-weight:700;font-size:13px;text-shadow:0 0 6px rgba(93,174,222,.5),0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.7)}.player-powers{display:flex;gap:4px;margin-top:6px}.power-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:linear-gradient(180deg,#231812f2,#0c0806e6);border:1px solid #3a2820;border-top:1px solid #6e5512;border-bottom:2px solid #1a0e08;text-shadow:0 1px 1px rgba(0,0,0,.95),0 0 4px currentColor;-webkit-text-stroke:.2px rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 3px #0000008c,0 2px 4px #0009}.power-badge.strength{color:var(--blood-bright);border-color:var(--blood-dim)}.power-badge.dexterity{color:var(--mana-bright);border-color:var(--mana)}.power-badge.intimidation{color:var(--power-bright);border-color:var(--power)}.power-badge.vulnerable{color:var(--poison-bright);border-color:var(--poison)}.power-badge.weak{color:var(--gold-bright);border-color:var(--gold-dim)}.power-badge.poison{color:var(--poison-bright);border-color:var(--poison)}.enemy-section{display:flex;flex-direction:column;align-items:center;width:240px;transition:transform .1s;padding:10px 12px;background:linear-gradient(145deg,#230c0aeb,#0f0505c7),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='es'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.2 0 0 0 0 0.12 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23es)'/></svg>");background-blend-mode:normal,overlay;border:1px solid #601818;border-top:1px solid #a01818;border-bottom:2px solid #2a0505;border-left:1px solid #3a0e0e;border-right:2px solid #2a0505;border-radius:8px;box-shadow:inset 0 1px #ff503c26,inset 0 -2px 4px #00000080,inset 0 0 12px #00000080,0 0 0 1px #1a0a08,0 4px 12px #000000b3}.enemy-art{width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.enemy-art svg{width:100%;height:100%}.enemy-name{font-family:var(--font-display);font-weight:700;font-size:17px;color:#f0e6d4;margin-bottom:6px;text-shadow:0 0 2px rgba(0,0,0,1),0 0 8px rgba(214,40,40,.3),0 1px 2px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.7);-webkit-text-stroke:.35px rgba(0,0,0,.85);letter-spacing:2px}.enemy-info-row{display:flex;justify-content:center;gap:20px;font-size:12px;color:var(--text-dim);margin-bottom:8px;text-shadow:0 1px 1px rgba(0,0,0,.85);-webkit-text-stroke:.15px rgba(0,0,0,.5)}.enemy-block-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:linear-gradient(180deg,#14324699,#08141eb3);border:1px solid #2e86c1;border-top:1px solid #5dade2;border-bottom:2px solid #061420;border-right:2px solid #061420;border-radius:4px;font-size:12px;font-weight:700;color:var(--mana-bright);text-shadow:0 1px 1px rgba(0,0,0,.85),0 0 4px rgba(93,174,222,.5);-webkit-text-stroke:.2px rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 3px #00000073,0 2px 4px #0009,0 0 10px #2e86c166}.enemy-powers{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:200px}.attack-preview{width:200px;margin:10px 0;padding:10px;background:linear-gradient(180deg,#140c08f2,#0a0604cc),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='ap'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.15 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23ap)'/></svg>");background-blend-mode:normal,overlay;border:1px solid #5c4218;border-top:1px solid #8b6f1e;border-bottom:2px solid #2a1c10;border-right:2px solid #2a1c10;border-radius:8px;font-size:11px;color:var(--text-dim);line-height:1.5;text-align:center;box-shadow:inset 0 2px 5px #000000b3,inset 0 1px #c9a22726,0 3px 8px #0009,0 0 0 1px #1a0a08}.attack-preview-label{font-family:var(--font-display);font-size:10px;color:#8b6f1e;text-transform:uppercase;letter-spacing:3px;margin-bottom:5px;text-shadow:0 1px 1px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.combat-info-bar{display:flex;justify-content:center;align-items:center;gap:32px;padding:14px;margin:8px 0;background:linear-gradient(180deg,#1c100cf2,#0c0806e6,#140c08f2);border-top:1px solid #8b6f1e;border-bottom:1px solid #2a1c10;border-left:1px solid #5c4218;border-right:1px solid #5c4218;border-radius:4px;box-shadow:inset 0 3px 6px #000000b3,inset 0 1px #f0d25e33,0 0 0 1px #8b6f1e59,0 0 0 2px #00000080,0 -1px #ffffff05,0 2px #000000b3,0 4px 12px #00000080}.info-chip{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:14px;font-weight:700;color:#f0e6d4;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.85),0 0 10px currentColor;-webkit-text-stroke:.3px rgba(0,0,0,.85)}.energy-chip{color:#f0d25e;text-shadow:0 0 8px rgba(240,210,94,.7),0 0 16px rgba(201,162,39,.4),0 1px 2px rgba(0,0,0,1)}.turn-chip{color:var(--text-main);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.6)}.deck-chip{color:var(--text-dim);text-shadow:0 1px 1px rgba(0,0,0,.95)}.resource-chip{color:#f0d25e;font-weight:700;text-shadow:0 0 8px rgba(240,210,94,.6),0 1px 2px rgba(0,0,0,.95)}.hand-area{display:flex;justify-content:center;align-items:flex-end;gap:0;padding:24px 0 12px;min-height:260px;perspective:900px;position:relative}.card-wrapper.card-fan{margin-left:-15px;transition:transform .2s ease,margin .2s ease;position:relative}.card-wrapper.card-fan:nth-child(1){transform:translate(0) rotate(-8deg) scale(.95);z-index:1}.card-wrapper.card-fan:nth-child(2){transform:translateY(-6px) rotate(-5deg) scale(.97);z-index:2}.card-wrapper.card-fan:nth-child(3){transform:translateY(-12px) rotate(-2deg) scale(.99);z-index:3}.card-wrapper.card-fan:nth-child(4){transform:translateY(-15px) rotate(0) scale(1.02);z-index:4}.card-wrapper.card-fan:nth-child(5){transform:translateY(-12px) rotate(2deg) scale(.99);z-index:5}.card-wrapper.card-fan:nth-child(6){transform:translateY(-6px) rotate(5deg) scale(.97);z-index:6}.card-wrapper.card-fan:nth-child(7){transform:translate(0) rotate(8deg) scale(.95);z-index:7}.card-wrapper.card-fan:nth-child(n+8){transform:rotate(calc((var(--hand-index) - var(--hand-total) * .4) * 4deg)) scale(.95);z-index:8}.card-wrapper.card-fan:hover{z-index:20!important;margin-bottom:12px}.card-wrapper.card-fan:has(.card.unplayable){opacity:.65;filter:brightness(.7)}.card-wrapper.card-fan:has(.card.unplayable):hover{opacity:.85;filter:brightness(.9)}.shield-overlay,.player-shield-overlay{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(93,173,226,.35) 0%,rgba(46,134,193,.12) 55%,transparent 100%);border:2px solid rgba(93,173,226,.55);animation:shieldPulse 2s ease-in-out infinite;pointer-events:none;transition:opacity .3s,transform .3s;z-index:0}.shield-overlay.strong,.player-shield-overlay.strong{background:radial-gradient(ellipse at center,rgba(93,173,226,.55) 0%,rgba(46,134,193,.22) 60%,transparent 100%);border-color:#5dade2d9;box-shadow:0 0 24px #5dade280,inset 0 0 16px #5dade24d}@keyframes shieldPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.shield-overlay.blocking,.player-shield-overlay.blocking{animation:shieldBlocking .6s ease-out}@keyframes shieldBlocking{0%{opacity:1;transform:scale(1.2);border-color:#5dade2;box-shadow:0 0 28px #5dade2e6}to{opacity:.6;transform:scale(1);border-color:#5dade280;box-shadow:0 0 12px #5dade266}}.player-sprite-wrap{position:relative;display:inline-block}.player-shield-overlay{left:-18px;top:-18px;width:156px;height:186px}.enemy-shield-overlay{position:absolute;top:-22px;left:50%;margin-left:-72px;width:140px;height:140px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(93,173,226,.35) 0%,rgba(46,134,193,.12) 55%,transparent 100%);border:2px solid rgba(93,173,226,.55);animation:shieldPulse 2s ease-in-out infinite;pointer-events:none;z-index:0}.enemy-shield-overlay.strong{background:radial-gradient(ellipse at center,rgba(93,173,226,.55) 0%,rgba(46,134,193,.22) 60%,transparent 100%);border-color:#5dade2d9;box-shadow:0 0 24px #5dade280}.shield-bar{height:6px;background:linear-gradient(90deg,#2e86c1,#5dade2,#2e86c1);border-radius:3px;margin-top:4px;box-shadow:0 0 6px #5dade299,inset 0 1px #ffffff4d;transition:width .4s ease;position:relative;overflow:hidden}.shield-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 50%,rgba(0,0,0,.2))}.deck-pile,.discard-pile-wrap{position:absolute;right:24px;width:70px;display:flex;flex-direction:column;align-items:center;z-index:5}.deck-pile{top:110px}.discard-pile-wrap{top:280px}.draw-pile,.discard-pile{position:relative;width:60px;height:78px;border-radius:5px;margin-bottom:6px;transition:transform .3s ease}.draw-pile{background:linear-gradient(135deg,#2a201c,#1c1410);border:2px solid #c9a227;box-shadow:0 2px 8px #0009,inset 0 0 8px #c9a22740}.draw-pile:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:repeating-linear-gradient(45deg,#3d2d24 0,#3d2d24 4px,#2a201c 4px,#2a201c 8px);border-radius:3px}.draw-pile:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:radial-gradient(circle,#c9a227,#8b6f1e);border-radius:50%;border:2px solid #f0d25e;box-shadow:0 0 8px #f0d25e99}.draw-pile-count,.discard-pile-count{font-family:Cinzel,var(--font-display),serif;font-size:14px;font-weight:700;margin-top:-2px;text-shadow:0 1px 2px rgba(0,0,0,.9)}.draw-pile-count{color:#f0d25e}.discard-pile-count{color:#d4b5b5}.draw-pile-label,.discard-pile-label{font-family:Cinzel,var(--font-display),serif;font-size:9px;letter-spacing:1.5px;margin-top:-2px}.draw-pile-label{color:#8b6f1e}.discard-pile-label{color:var(--text-muted)}.discard-pile{background:linear-gradient(135deg,#3d2d24,#2a201c);border:2px solid #5c4a1e;box-shadow:0 2px 8px #0009,inset 0 0 8px #5c4a1e40}.discard-pile:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:repeating-linear-gradient(135deg,#2a201c 0,#2a201c 3px,#3d2d24 3px,#3d2d24 6px);border-radius:3px;opacity:.5}@keyframes impactRipple{0%{transform:scale(.2);opacity:1;border-width:4px}to{transform:scale(2.5);opacity:0;border-width:1px}}.impact-ripple{position:absolute;width:80px;height:80px;border-radius:50%;border:4px solid rgba(240,90,90,.85);pointer-events:none;animation:impactRipple .6s ease-out forwards;z-index:60;filter:drop-shadow(0 0 8px rgba(240,90,90,.6))}.impact-ripple.skill{border-color:#5dade2d9;filter:drop-shadow(0 0 8px rgba(93,173,226,.6))}.impact-ripple.power{border-color:#a569bdd9;filter:drop-shadow(0 0 8px rgba(165,105,189,.6))}@keyframes energyFillIn{0%{transform:scale(0);opacity:0;filter:brightness(.4)}50%{opacity:1;filter:brightness(1.5)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.energy-pip.energy-fill-anim{animation:energyFillIn .3s ease-out backwards;animation-delay:calc(var(--pip-idx) * .1s)}.card{width:var(--card-w);height:var(--card-h);border-radius:8px;position:relative;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(140deg,#5a4438 0%,#3a2620 20%,#2214120 50%,#1a0e0c 80%,#0e0606 100%),linear-gradient(160deg,#8b1a1a40,#0000 40%),linear-gradient(200deg,#c9a22726,#0000 50%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='cn'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.42 0 0 0 0 0.22 0 0 0 0.12 0'/></filter><rect width='100%' height='100%' filter='url(%23cn)'/></svg>");background-blend-mode:overlay,screen,overlay,normal;border:2px solid #8b6f1e;box-shadow:0 14px 36px #000000f2,0 6px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #0a0404 inset,0 0 0 4px #5c4218 inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #c9a22773 inset,0 1px #ffe6a033 inset,0 -2px #0000008c inset,0 -3px 6px #0000004d inset;animation:cardEnter .25s ease-out both}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,transparent 28%,transparent 55%,rgba(0,0,0,.45) 100%),radial-gradient(ellipse 100% 65% at 50% -5%,rgba(255,255,255,.18),transparent 55%),radial-gradient(ellipse 100% 65% at 50% 105%,rgba(0,0,0,.4),transparent 55%);z-index:1}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent 28%,rgba(255,210,140,.22) 42%,rgba(240,210,94,.12) 48%,rgba(255,210,140,.22) 54%,transparent 68%);opacity:.8;z-index:1}.card:hover{transform:translateY(-24px) scale(1.06);box-shadow:0 28px 56px #000000f2,0 10px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #0a0404 inset,0 0 0 4px #8b6f1e inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #f0d25ed9 inset,0 0 36px #f0d25e99,0 1px #ffe6a059 inset,0 -2px #0000008c inset;z-index:10}.card.unplayable{opacity:.78;cursor:not-allowed;filter:grayscale(.25) brightness(1);outline:1px dashed rgba(255,100,100,.5)}.card.unplayable:hover{transform:translateY(0) scale(1);box-shadow:0 8px 18px #000c}.card-type-attack{border-color:#a01818;box-shadow:0 14px 36px #000000f2,0 6px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #1a0606 inset,0 0 0 4px #601010 inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #d62828a6 inset,0 1px #ffb4b426 inset,0 -2px #000000a6 inset,0 0 24px #d6282880}.card-type-attack:hover{box-shadow:0 28px 56px #000000f2,0 10px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #1a0606 inset,0 0 0 4px #c01818 inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #ff503cf2 inset,0 0 44px #ff503cbf}.card-type-skill{border-color:#1a5c8a;box-shadow:0 14px 36px #000000f2,0 6px #0009,0 0 0 1px #0a0a1a inset,0 0 0 3px #061018 inset,0 0 0 4px #1a5276 inset,0 0 0 5px #0a0a1a inset,0 0 0 6px #2e86c1a6 inset,0 1px #b4dcff26 inset,0 -2px #000000a6 inset,0 0 24px #2e86c173}.card-type-skill:hover{box-shadow:0 28px 56px #000000f2,0 10px #0009,0 0 0 1px #0a0a1a inset,0 0 0 3px #061018 inset,0 0 0 4px #2e86c1 inset,0 0 0 5px #0a0a1a inset,0 0 0 6px #5daedef2 inset,0 0 44px #5daedebf}.card-type-power{border-color:#7d3c98;box-shadow:0 14px 36px #000000f2,0 6px #0009,0 0 0 1px #0a081a inset,0 0 0 3px #100820 inset,0 0 0 4px #4a2358 inset,0 0 0 5px #0a081a inset,0 0 0 6px #a569bda6 inset,0 1px #dcb4ff26 inset,0 -2px #000000a6 inset,0 0 24px #a569bd80}.card-type-power:hover{box-shadow:0 28px 56px #000000f2,0 10px #0009,0 0 0 1px #0a081a inset,0 0 0 3px #100820 inset,0 0 0 4px #a569bd inset,0 0 0 5px #0a081a inset,0 0 0 6px #d9a3e8f2 inset,0 0 44px #d9a3e8bf}.card-rarity-uncommon{box-shadow:0 14px 36px #000000f2,0 6px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #0a0e14 inset,0 0 0 4px #1a4428 inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #2ecc71b3 inset,0 1px #b4ffc81f inset,0 -2px #000000a6 inset,0 0 30px #2ecc7180}.card-rarity-rare{box-shadow:0 14px 36px #000000f2,0 6px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #081018 inset,0 0 0 4px #1a3454 inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #3498dbbf inset,0 0 0 8px #3498db40 inset,0 1px #b4e6ff1f inset,0 -2px #000000a6 inset,0 0 36px #3498db99}.card-rarity-boss{box-shadow:0 14px 36px #000000f2,0 6px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #140408 inset,0 0 0 4px #4a1840 inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #a569bdbf inset,0 0 0 8px #f0d25e66 inset,0 0 0 10px #a569bd26 inset,0 1px #e6c8ff26 inset,0 -2px #000000a6 inset,0 0 42px #a569bdb3,0 0 64px #f0d25e59}.card-top{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 8px 0}.card-cost{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff5c8,#f5e08a 12%,#f0d25e 28%,#c9a227 48%,#8b6f1e 70%,#4a3820 95%);color:var(--bg-deep);font-family:var(--font-display);font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #000000b3,0 0 0 1px #2a1c10,0 0 0 2px #f0d25e80,inset 0 2px #fffc,inset 0 -3px 5px #00000080,inset 0 -1px 2px #0000004d,0 0 14px #f0d25ea6;text-shadow:0 1px 1px rgba(0,0,0,.6),0 -1px 1px rgba(255,255,255,.3)}.card-cost.zero{background:radial-gradient(circle at 30% 25%,#6a6050,#3a3226 40%,#221c18 75%,#0e0a08 95%);color:var(--text-main);box-shadow:0 4px 8px #000000b3,0 0 0 1px #0e0a08,inset 0 2px #786e5a4d,inset 0 -3px 5px #0009}.card-type-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:18px;text-shadow:0 0 8px rgba(240,210,94,.5),0 0 14px rgba(201,162,39,.3),0 2px 4px rgba(0,0,0,.95)}.card-art{width:100%;height:72px;margin:4px 0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 90% 80% at 50% 50%,#3c141099,#140a08cc,#08040480),linear-gradient(135deg,rgba(240,210,94,.08) 0%,transparent 40%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='at'><feTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.18 0 0 0 0 0.12 0 0 0 0 0.08 0 0 0 0.3 0'/></filter><rect width='100%' height='100%' filter='url(%23at)'/></svg>");background-blend-mode:screen,overlay,normal;border-top:1px solid #5c4218;border-bottom:1px solid #1a0e08;border-top-color:#8b6f1e;box-shadow:inset 0 3px 6px #000000b3,inset 0 -2px 4px #f0d25e26,inset 0 0 0 1px #8b6f1e4d,inset 0 0 0 2px #0006,0 1px #ffe6a01a}.card-art svg{width:56px;height:56px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.card-body{padding:4px 10px;text-align:center}.card-name{font-family:var(--font-display);font-weight:800;font-size:12px;color:#f5e6c8;margin-bottom:4px;letter-spacing:1px;text-shadow:0 0 1px rgba(0,0,0,1),0 0 3px rgba(240,210,94,.6),0 0 6px rgba(201,162,39,.4),0 1px 2px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.85);-webkit-text-stroke:.35px rgba(0,0,0,.8)}.card-desc{font-size:10px;line-height:1.5;color:#d8c8a8;text-shadow:0 1px 1px rgba(0,0,0,.85);-webkit-text-stroke:.15px rgba(0,0,0,.5)}.card-desc .damage{color:var(--blood-bright);font-weight:700;text-shadow:0 0 6px rgba(255,80,60,.5),0 1px 1px rgba(0,0,0,.95)}.card-desc .block{color:var(--mana-bright);font-weight:700;text-shadow:0 0 6px rgba(93,174,222,.5),0 1px 1px rgba(0,0,0,.95)}.card-desc .heal{color:var(--poison-bright);font-weight:700;text-shadow:0 0 6px rgba(46,204,113,.5),0 1px 1px rgba(0,0,0,.95)}.card-desc .power{color:var(--power-bright);font-weight:700;text-shadow:0 0 6px rgba(217,163,232,.5),0 1px 1px rgba(0,0,0,.95)}.card-desc .energy{color:var(--gold-bright);font-weight:700;text-shadow:0 0 6px rgba(240,210,94,.5),0 1px 1px rgba(0,0,0,.95)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 6px;border-top:1px solid #8b6f1e;border-top:1px solid #5c4218;box-shadow:inset 0 1px 2px #00000080}.card-rarity-label{font-family:var(--font-display);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 4px currentColor,0 1px 1px rgba(0,0,0,.95)}.card-rarity-common{color:var(--text-dim)}.card-rarity-uncommon{color:var(--poison-bright)}.card-rarity-rare{color:var(--mana-bright)}.card-rarity-boss{color:var(--power-bright)}.card-suit{font-size:10px;color:var(--text-muted);text-shadow:0 1px 1px rgba(0,0,0,.95)}.end-turn-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:900;font-size:16px;color:#fff8d8;background:linear-gradient(180deg,#d64040,#b02828 15%,#8b1a1a,#600e0e 85%,#3a0808);border:1px solid #d64040;border-top:1px solid #f05050;border-bottom:3px solid #2a0505;border-left:1px solid #c03030;border-right:3px solid #2a0505;border-radius:5px;padding:14px 52px;cursor:pointer;transition:all .2s;letter-spacing:4px;text-transform:uppercase;margin:10px auto 0;text-shadow:0 0 1px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.85),0 -1px 1px rgba(255,200,200,.2);-webkit-text-stroke:.4px rgba(0,0,0,.7);box-shadow:0 8px 18px #000000d9,0 3px #000000b3,0 0 0 1px #2a0505,0 0 28px #d6282873,inset 0 2px #ffc8c840,inset 0 -3px 5px #0000008c,inset 0 0 0 1px #00000059}.end-turn-btn:hover{background:linear-gradient(180deg,#e05050,#c03030 15%,#a02020,#7d1515 85%,#500c0c);transform:translateY(-3px);box-shadow:0 12px 24px #000000d9,0 5px #000000b3,0 0 0 1px #2a0505,0 0 38px #ff3c28d9,inset 0 2px #ffc8c859,inset 0 -3px 5px #0000008c}.end-turn-btn:active{transform:translateY(2px);box-shadow:0 3px 6px #000000b3,0 0 0 1px #2a0505,inset 0 -2px 5px #0009,inset 0 2px 3px #ffc8c826}.end-turn-btn:hover{background:linear-gradient(180deg,#d64040,#b03030 50%,#902020 90%,#7d1515);box-shadow:0 7px 20px #000c,0 0 28px #d62828b3,inset 0 1px #ffc8c840,inset 0 -2px #0006;transform:translateY(-2px)}.end-turn-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #000000b3,inset 0 -2px #0006}.end-turn-wrap{display:flex;justify-content:center;margin:10px 0}.end-turn-row{display:flex;gap:12px;align-items:center}.skip-turn-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--text-main);background:linear-gradient(180deg,#241810eb,#0c0804d9);border:1px solid var(--border-light);border-top:1px solid #5c4a1e;border-bottom:2px solid #1a0e08;border-right:2px solid #1a0e08;border-radius:5px;padding:12px 28px;cursor:pointer;transition:all .2s;letter-spacing:3px;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #00000080,0 3px 8px #0009,0 0 0 1px #1a0e08}.skip-turn-btn:hover{border-color:var(--gold-dim);color:var(--gold-bright);box-shadow:0 5px 14px #0009,0 0 16px #c9a2274d;transform:translateY(-2px)}.skip-turn-btn:active{transform:translateY(1px)}.skip-turn-btn.skip-turn-flash{animation:skipTurnFlash .3s ease-out}@keyframes skipTurnFlash{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(.92);filter:brightness(1.6)}to{transform:scale(1);filter:brightness(1)}}.combat-log{width:380px;max-height:110px;overflow-y:auto;background:linear-gradient(180deg,#0c0806f7,#140c08e0),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='cl'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.15 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23cl)'/></svg>");background-blend-mode:normal,overlay;border:1px solid #8b6f1e;border-top:2px solid #c9a227;border-bottom:2px solid #2a1c10;border-right:2px solid #2a1c10;border-radius:6px;padding:10px 14px;margin:8px auto 0;font-size:14px;line-height:1.4;color:#d4b5b5;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:inset 0 3px 8px #000000d9,inset 0 1px #c9a22740,inset 0 -2px 4px #0009,0 4px 10px #000000b3,0 0 0 1px #1a0a08}.combat-log::-webkit-scrollbar{width:6px}.combat-log::-webkit-scrollbar-track{background:#0006;border-radius:3px;border:1px solid #2a1c10}.combat-log::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a227,#8b6f1e);border-radius:3px;box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #2a1c10}.log-entry{padding:2px 0;animation:floatUp .2s ease-out;text-shadow:0 1px 2px rgba(0,0,0,.8)}.log-player{color:#a8e6cf}.log-enemy{color:#f05a5a}.log-system{color:#888}.log-entry.log-damage{color:#f05a5a;font-weight:700}.log-entry.log-heal{color:#a8e6cf;font-weight:700}.log-entry.log-block{color:#5dade2}.log-entry.log-info{color:#888;font-style:italic}.log-entry.log-power{color:#d9a3e8;font-weight:700}.map-screen{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;animation:titleFade .8s ease-out}.map-title{font-family:var(--font-display);font-weight:900;font-size:28px;color:#f0d25e;text-shadow:0 0 2px rgba(0,0,0,1),0 0 12px rgba(240,210,94,.7),0 0 24px rgba(201,162,39,.4),0 3px 6px rgba(0,0,0,.95),0 6px 12px rgba(0,0,0,.7);-webkit-text-stroke:.5px rgba(0,0,0,.85);letter-spacing:4px}.map-subtitle{font-family:var(--font-display);font-weight:400;font-size:13px;color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.map-subtitle .floor-num{color:#f0d25e;font-weight:700;text-shadow:0 0 8px rgba(240,210,94,.5),0 0 16px rgba(201,162,39,.3),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:.3px rgba(0,0,0,.7)}.map-progress{display:flex;gap:6px;align-items:center;margin:10px 0}.progress-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a2c24,#140c08 70%,#060404);border:1px solid #2a1c10;box-shadow:inset 0 2px 3px #000000e6,inset 0 -1px 1px #ffffff0d,0 1px #000000b3,0 0 0 1px #0a0404}.progress-dot.completed{background:radial-gradient(circle at 30% 25%,#fff5c8,#f5e08a 20%,#f0d25e 42%,#c9a227 65%,#8b6f1e 90%,#4a3820);box-shadow:0 0 14px #f0d25ee6,0 0 28px #c9a22780,0 0 0 1px #2a1c10,inset 0 2px #ffffffb3,inset 0 -2px 3px #0006}.progress-dot.current{background:radial-gradient(circle at 30% 25%,#f88,#f05a5a 28%,#d62828 55%,#8b1a1a 80%,#5c0f0f);box-shadow:0 0 16px #d62828,0 0 32px #8b1a1a8c,0 0 0 1px #2a0505,inset 0 2px #ffffff8c,inset 0 -2px 3px #0006;animation:currentPulse 2s ease-in-out infinite}@keyframes currentPulse{0%,to{box-shadow:0 0 14px #d62828b3,0 0 28px #8b1a1a4d,inset 0 1px #ffffff80}50%{box-shadow:0 0 20px #f05050,0 0 40px #d6282899,inset 0 1px #ffffff80}}.progress-dot.boss{border-color:#d62828;box-shadow:0 0 8px #d6282899,inset 0 1px #ffffff4d}.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:24px;max-width:600px}.map-node{width:160px;height:160px;border:2px solid #8b6f1e;border-radius:12px;background:linear-gradient(145deg,#382822 0%,#1e14120 50%,#0e0808 100%),linear-gradient(160deg,rgba(139,26,26,.15) 0%,transparent 40%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='mn'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0 0.18 0 0 0 0.1 0'/></filter><rect width='100%' height='100%' filter='url(%23mn)'/></svg>");background-blend-mode:overlay,screen,normal;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .25s;box-shadow:0 12px 32px #000000e6,0 5px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #0a0404 inset,0 0 0 4px #5c4218 inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #c9a22773 inset,inset 0 2px #ffe6a026,inset 0 -3px 5px #00000080;position:relative;overflow:hidden}.map-node:before{content:"";position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,rgba(201,162,39,.06),transparent);pointer-events:none}.map-node:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 18px 44px #000000f2,0 7px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #0a0404 inset,0 0 0 4px #8b6f1e inset,0 0 0 5px #1a0a08 inset,0 0 0 6px #f0d25ed9 inset,inset 0 2px #ffe6a04d,inset 0 -3px 5px #00000080,0 0 36px #f0d25e99;border-color:#f0d25e}.map-node:active{animation:nodeSelectFlash .35s ease-out;transform:translateY(-4px) scale(1.02)}@keyframes nodeSelectFlash{0%{box-shadow:0 0 #f0d25e00;filter:brightness(1)}30%{box-shadow:0 0 24px 4px #f0d25ecc;filter:brightness(1.8)}to{box-shadow:0 8px 20px #00000080;filter:brightness(1)}}.node-combat{border-color:#c02020}.node-combat:hover{box-shadow:0 16px 36px #000000d9,0 0 32px #d6282873}.node-elite{border-color:var(--gold-bright)}.node-elite:hover{box-shadow:0 16px 36px #000000d9,0 0 34px #f0d25e80}.node-boss{border-color:var(--power-bright)}.node-boss:hover{box-shadow:0 16px 36px #000000d9,0 0 34px #a569bd8c}.node-rest{border-color:var(--poison-bright)}.node-rest:hover{box-shadow:0 16px 36px #000000d9,0 0 28px #2ecc7166}.node-shop{border-color:var(--gold-bright)}.node-shop:hover{box-shadow:0 16px 36px #000000d9,0 0 32px #f0d25e80}.node-event{border-color:var(--mana-bright)}.node-event:hover{box-shadow:0 16px 36px #000000d9,0 0 28px #2e86c166}.node-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(240,210,94,.3))}.node-label{font-family:var(--font-display);font-weight:600;font-size:12px;color:#f0e6d4;letter-spacing:1px;text-shadow:0 0 1px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.node-floor{font-family:var(--font-display);font-size:10px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.result-screen{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;animation:titleFade .8s ease-out}.result-title{font-family:var(--font-display);font-weight:900;font-size:42px;letter-spacing:5px}.result-title.victory{color:#f0d25e;text-shadow:0 0 2px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1),0 0 12px rgba(240,210,94,1),0 0 28px rgba(201,162,39,.6),0 0 50px rgba(214,40,40,.3),0 3px 6px rgba(0,0,0,1),0 6px 12px rgba(0,0,0,.85);-webkit-text-stroke:.6px rgba(0,0,0,.9)}.result-title.defeat{color:#d62828;text-shadow:0 0 2px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1),0 0 12px rgba(214,40,40,1),0 0 28px rgba(139,26,26,.6),0 0 50px rgba(80,10,10,.3),0 3px 6px rgba(0,0,0,1),0 6px 12px rgba(0,0,0,.85);-webkit-text-stroke:.6px rgba(0,0,0,.9)}.result-subtitle{font-family:var(--font-display);font-size:13px;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.result-stats{display:flex;gap:30px;padding:16px 30px;background:linear-gradient(145deg,#140c08f2,#080404cc),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='rs'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.15 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23rs)'/></svg>");background-blend-mode:normal,overlay;border:1px solid #5c4218;border-top:1px solid #8b6f1e;border-bottom:2px solid #2a1c10;border-right:2px solid #2a1c10;border-radius:6px;box-shadow:inset 0 2px 5px #000000b3,inset 0 1px #c9a22733,0 4px 12px #000000a6,0 0 0 1px #1a0a08}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-family:var(--font-display);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;-webkit-text-stroke:.2px rgba(0,0,0,.6)}.stat-value{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--gold-bright);text-shadow:0 0 8px rgba(240,210,94,.5),0 0 16px rgba(201,162,39,.3),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:.3px rgba(0,0,0,.7)}.reward-section{display:flex;flex-direction:column;gap:12px;padding:20px;background:linear-gradient(145deg,#140c08f2,#080404cc),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='rw'><feTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.15 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23rw)'/></svg>");background-blend-mode:normal,overlay;border:1px solid #5c4218;border-top:1px solid #8b6f1e;border-bottom:2px solid #2a1c10;border-right:2px solid #2a1c10;border-radius:8px;max-width:400px;width:100%;box-shadow:inset 0 2px 5px #000000b3,inset 0 1px #c9a22733,0 6px 14px #000000a6,0 0 0 1px #1a0a08}.reward-section-title{font-family:var(--font-display);font-size:12px;color:var(--gold-dim);text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:8px}.reward-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reward-btn{font-family:var(--font-display);font-weight:700;font-size:14px;padding:12px 28px;border-radius:4px;cursor:pointer;transition:all .2s;letter-spacing:1px;border:1px solid;text-transform:uppercase}.reward-btn-accept{background:linear-gradient(180deg,#faf0a0,#f0d25e 28%,#c9a227 62%,#8b6f1e 92%,#5c4218);color:var(--bg-deep);border-color:#f5d76e;border-top:1px solid #fff5c8;border-bottom:2px solid #2a1c10;border-right:2px solid #2a1c10;box-shadow:0 4px 10px #000000b3,0 0 14px #f0d25e66,0 0 0 1px #2a1c10,inset 0 2px #fff9,inset 0 -2px 3px #0000004d}.reward-btn-accept:hover{background:linear-gradient(180deg,#fff5c8,#faf0a0 28%,#f0d25e,#c9a227 88%,#8b6f1e);box-shadow:0 6px 16px #000000b3,0 0 22px #f0d25ea6,0 0 0 1px #2a1c10,inset 0 2px #ffffffb3,inset 0 -2px 3px #0000004d;transform:translateY(-3px)}.reward-btn-skip{background:#0006;color:var(--text-dim);border-color:var(--border-light)}.reward-btn-skip:hover{color:var(--text-main);border-color:var(--text-dim);transform:translateY(-1px)}.reward-relic-btn{background:linear-gradient(180deg,#d0a0e8,#a569bd,#7d3c98 80%,#5a2872);color:#fff;border-color:#c084d4;border-top:1px solid #d9a3e8;border-bottom:2px solid #2a0a40;border-right:2px solid #2a0a40;box-shadow:0 4px 10px #000000b3,0 0 14px #a569bd66,0 0 0 1px #2a0a40,inset 0 2px #ffffff59,inset 0 -2px 3px #0006}.reward-relic-btn:hover{box-shadow:0 6px 14px #000000b3,0 0 22px #a569bd99,0 0 0 1px #2a0a40,inset 0 2px #fff6,inset 0 -2px 3px #0006;transform:translateY(-3px)}.continue-btn{font-family:var(--font-display);font-weight:900;font-size:18px;color:#1a0808;background:linear-gradient(180deg,#fff8c8,#f5e08a 12%,#f0d25e 32%,#c9a227,#8b6f1e 92%,#5c4218);border:1px solid #f5e08a;border-top:1px solid #fff5c8;border-bottom:3px solid #2a1c10;border-right:3px solid #2a1c10;border-radius:4px;padding:16px 56px;cursor:pointer;transition:all .2s;letter-spacing:4px;text-transform:uppercase;margin-top:18px;text-shadow:0 1px 2px rgba(255,255,255,.4),0 -1px 1px rgba(0,0,0,.4),0 0 2px rgba(0,0,0,.5);-webkit-text-stroke:.5px rgba(0,0,0,.5);box-shadow:0 10px 20px #000000d9,0 4px #000000b3,0 0 0 1px #2a1c10,0 0 30px #f0d25e80,inset 0 2px #ffffffa6,inset 0 -3px 5px #0006,inset 0 0 0 1px #0003}.continue-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #000000d9,0 6px #000000b3,0 0 0 1px #2a1c10,0 0 40px #f0d25eb3,inset 0 2px #ffffffbf,inset 0 -3px 5px #0006}.victory-screen,.game-over-screen{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px;animation:titleFade 1s ease-out;position:relative;overflow:hidden}.victory-screen h1{font-family:var(--font-display);font-weight:900;font-size:48px;color:#f0d25e;text-shadow:0 0 2px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1),0 0 15px rgba(240,210,94,1),0 0 36px rgba(201,162,39,.6),0 0 60px rgba(214,40,40,.35),0 4px 8px rgba(0,0,0,1),0 8px 16px rgba(0,0,0,.85);-webkit-text-stroke:.7px rgba(0,0,0,.9);letter-spacing:5px}.victory-screen p,.game-over-screen p{position:relative;z-index:2;font-family:var(--font-display);font-size:17px;color:var(--text-dim);letter-spacing:3px;text-shadow:0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.victory-screen button,.game-over-screen button,.victory-screen>div{position:relative;z-index:2}.game-over-screen h1{font-family:var(--font-display);font-weight:900;font-size:48px;color:#d62828;text-shadow:0 0 2px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1),0 0 15px rgba(214,40,40,1),0 0 36px rgba(139,26,26,.6),0 0 60px rgba(80,10,10,.35),0 4px 8px rgba(0,0,0,1),0 8px 16px rgba(0,0,0,.85);-webkit-text-stroke:.7px rgba(0,0,0,.9);letter-spacing:5px}.restart-btn{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-main);background:linear-gradient(180deg,#241810f2,#0c0804d9);border:1px solid var(--border-light);border-top:1px solid #5c4218;border-bottom:2px solid #1a0e08;border-right:2px solid #1a0e08;border-radius:4px;padding:14px 50px;cursor:pointer;transition:all .2s;letter-spacing:3px;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 3px #00000080,0 3px 8px #000000a6,0 0 0 1px #1a0e08}.restart-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 16px #f0d25e66;transform:translateY(-2px)}.reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:titleFade .3s ease-out}.reward-overlay .reward-panel{animation:panelSlideIn .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes panelSlideIn{0%{opacity:0;transform:scale(.7) translateY(20px)}60%{opacity:1;transform:scale(1.03) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.upgrade-overlay .upgrade-panel{animation:panelSlideIn .4s cubic-bezier(.34,1.56,.64,1) both}.reward-panel{display:flex;flex-direction:column;gap:16px;padding:30px 40px;background:linear-gradient(145deg,#2a1c16,#140c08),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='rp'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0 0.2 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23rp)'/></svg>");background-blend-mode:overlay;border:2px solid #c9a227;border-top:2px solid #f0d25e;border-bottom:3px solid #2a1c10;border-radius:12px;box-shadow:0 0 70px #c9a22773,0 0 120px #d6282833,0 5px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #2a1c18 inset,0 0 0 4px #f0d25e80 inset,inset 0 2px #ffffff0d,inset 0 -3px 6px #00000080;max-width:400px;width:90%}.reward-panel-title{font-family:var(--font-display);font-weight:900;font-size:20px;color:#f0d25e;text-align:center;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 2px rgba(0,0,0,1),0 0 10px rgba(240,210,94,.6),0 0 20px rgba(201,162,39,.35),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:.4px rgba(0,0,0,.85)}.reward-panel-divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);margin:4px 0}.damage-number{position:absolute;font-family:var(--font-display);font-weight:900;font-size:30px;color:#f05a5a;text-shadow:0 0 12px rgba(214,40,40,1),0 2px 4px rgba(0,0,0,.9);pointer-events:none;animation:damagePop 1s ease-out forwards;z-index:50}@keyframes damagePop{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(-10px) scale(1.2);opacity:1}40%{transform:translateY(-20px) scale(1);opacity:1}to{transform:translateY(-50px) scale(.8);opacity:0}}.damage-number.heal{color:var(--poison-bright);text-shadow:0 0 10px rgba(46,204,113,.9),0 2px 4px rgba(0,0,0,.8)}.damage-number.block{color:var(--mana-bright);text-shadow:0 0 10px rgba(46,134,193,.9),0 2px 4px rgba(0,0,0,.8)}.damage-float{position:absolute;font-family:var(--font-display);font-weight:900;font-size:32px;pointer-events:none;animation:floatUp 1.2s ease-out forwards;z-index:50;text-shadow:0 0 14px rgba(214,40,40,1),0 2px 6px rgba(0,0,0,.9)}.damage-float.heal{color:var(--poison-bright);text-shadow:0 0 14px rgba(46,204,113,1),0 2px 6px rgba(0,0,0,.9)}.damage-float.block{color:var(--mana-bright);text-shadow:0 0 14px rgba(46,134,193,1),0 2px 6px rgba(0,0,0,.9)}.damage-float.crit{font-size:44px;color:var(--gold-bright);text-shadow:0 0 22px rgba(240,210,94,1),0 0 44px rgba(201,162,39,.6),0 2px 8px rgba(0,0,0,.9)}.relic-bar{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap;justify-content:center;max-width:180px}.relic-slot{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#8b7040,#4a3824 50%,#2a2018 85%,#0e0808);border:1px solid #8b6f1e;border-bottom:2px solid #2a1c10;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:default;transition:all .2s;box-shadow:inset 0 2px #fff3,inset 0 -3px 5px #000000b3,inset 0 0 0 1px #1a0a08,0 2px 5px #000000b3,0 0 8px #f0d25e33}.relic-slot:hover{border-color:var(--gold-bright);box-shadow:0 0 10px #f0d25e80}.relic-slot svg{width:16px;height:16px}.card-wrapper{position:relative}.card-wrapper .card .card-tooltip,.card .card-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a0f0f,#2d1414 50%,#1a0f0f);border:2px solid #c9a227;border-radius:8px;padding:12px 16px;width:280px;box-shadow:0 4px 16px #000c,inset 0 0 12px #c9a22726;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:100;display:flex;flex-direction:column;gap:6px}.card-wrapper:hover .card .card-tooltip,.card:not(.unplayable):hover .card-tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}.card.unplayable .card-tooltip{display:none}.card.unplayable{overflow:hidden}.card-wrapper .card:hover,.card:not(.unplayable):hover{overflow:visible}.tooltip-title{font-family:Cinzel,serif;font-weight:700;font-size:15px;color:#f0d25e;text-shadow:0 0 6px rgba(240,210,94,.5);display:flex;align-items:center;gap:8px}.tooltip-title .tooltip-type-icon{font-size:14px}.tooltip-desc{font-family:"Noto Serif SC",serif;font-size:13px;color:#d4b5b5;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tooltip-rarity{font-family:Cinzel,serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 4px currentColor,0 1px 1px rgba(0,0,0,.9)}.tooltip-rarity.rarity-common{color:var(--text-dim)}.tooltip-rarity.rarity-uncommon{color:var(--poison-bright)}.tooltip-rarity.rarity-rare{color:var(--mana-bright)}.tooltip-rarity.rarity-boss{color:var(--power-bright)}.card-tooltip.fixed-tooltip{position:fixed;z-index:200;width:280px;padding:16px;background:linear-gradient(145deg,#2a1c16,#0e0a08),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='ct'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.18 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23ct)'/></svg>");background-blend-mode:overlay;border:2px solid #8b6f1e;border-top:2px solid #c9a227;border-radius:8px;box-shadow:0 0 60px #c9a22766,0 14px 44px #000000f2,0 5px #0009,inset 0 1px #ffffff0d,inset 0 0 0 1px #c9a22740,0 0 0 1px #1a0a08;pointer-events:none;animation:floatUp .2s ease-out}.tooltip-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-dark)}.tooltip-icon{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.tooltip-title{font-family:var(--font-display);font-weight:700;font-size:14px;color:#f0e6d4;text-shadow:0 0 1px rgba(0,0,0,1),0 0 4px rgba(240,210,94,.3),0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.25px rgba(0,0,0,.7)}.tooltip-rarity{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 4px currentColor,0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.tooltip-body{font-size:12px;line-height:1.5;color:var(--text-dim);margin-bottom:8px}.tooltip-stats{display:flex;gap:12px;font-family:var(--font-display);font-size:11px}.tooltip-stat{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background:linear-gradient(180deg,#1c120eeb,#080404d9);border:1px solid #5c4218;border-top:1px solid #8b6f1e;border-bottom:2px solid #1a0e08;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 3px #00000073,0 2px 4px #00000080}.tooltip-stat.damage{color:var(--blood-bright)}.tooltip-stat.block{color:var(--mana-bright)}.tooltip-stat.heal{color:var(--poison-bright)}.tooltip-stat.power{color:var(--power-bright)}.enemy-turn-preview{display:flex;gap:4px;margin-top:6px}.attack-prediction{width:28px;height:36px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:10px;background:linear-gradient(180deg,#1c0c08f2,#080404d9);border:1px solid #5c4218;border-top:1px solid #8b6f1e;border-bottom:2px solid #1a0e08;border-right:2px solid #1a0e08;padding:2px;box-shadow:inset 0 1px #c9a22726,inset 0 -2px 3px #00000080,0 2px 5px #0009,0 0 0 1px #1a0e08}.attack-prediction.damage{border-color:var(--blood-dim);color:var(--blood-bright);background:#8b1a1a33}.attack-prediction.block{border-color:var(--mana);color:var(--mana-bright);background:#1a527633}.attack-prediction.buff{border-color:var(--power);color:var(--power-bright);background:#7d3c9833}.attack-prediction.current{border-width:2px;transform:scale(1.08);box-shadow:0 0 10px #f0d25e99,0 0 0 1px #2a1c10}.deck-btn{font-family:var(--font-display);font-weight:700;font-size:11px;color:#f0d25e;background:linear-gradient(180deg,#281c10f2,#0c0804e6);border:1px solid #5c4a1e;border-top:1px solid #8b6f1e;border-bottom:2px solid #1a0e08;border-right:2px solid #1a0e08;border-radius:4px;padding:4px 10px;cursor:pointer;transition:all .2s;letter-spacing:1px;margin-top:6px;text-shadow:0 1px 1px rgba(0,0,0,.8),0 0 6px rgba(240,210,94,.4);-webkit-text-stroke:.2px rgba(0,0,0,.6);box-shadow:inset 0 1px #c9a22733,inset 0 -2px 3px #00000080,0 2px 4px #0009,0 0 0 1px #1a0e08}.deck-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 10px #f0d25e66}.deck-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000e0;display:flex;align-items:center;justify-content:center}.deck-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:30px;max-width:600px;max-height:80vh;overflow-y:auto;background:linear-gradient(145deg,#2a1c16,#0e0a08),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='dp'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.18 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23dp)'/></svg>");background-blend-mode:overlay;border:2px solid #8b6f1e;border-top:2px solid #c9a227;border-radius:12px;box-shadow:0 0 56px #000000f2,0 5px #0009,0 0 0 1px #1a0a08 inset,0 0 0 3px #2a1c18 inset,0 0 0 4px #c9a22766 inset,inset 0 2px #ffffff0d}.deck-panel-title{grid-column:1 / -1;font-family:var(--font-display);font-weight:900;font-size:20px;color:#f0d25e;text-align:center;letter-spacing:3px;margin-bottom:10px;text-shadow:0 0 2px rgba(0,0,0,1),0 0 12px rgba(240,210,94,.6),0 0 24px rgba(201,162,39,.4),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:.4px rgba(0,0,0,.85)}.deck-panel-close{grid-column:1 / -1;display:flex;justify-content:center}.mini-card{width:80px;height:100px;border-radius:4px;background:linear-gradient(145deg,#382822,#1e1412 60%,#0e0808),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='mc'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0 0.2 0 0 0 0.1 0'/></filter><rect width='100%' height='100%' filter='url(%23mc)'/></svg>");background-blend-mode:overlay;border:1px solid #7a6048;border-top:1px solid #c9a227;border-bottom:2px solid #1a0e08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--font-display);font-size:9px;font-weight:700;color:var(--text-main);padding:4px;cursor:default;transition:all .15s;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 3px #0009,inset 0 0 0 1px #c9a22740,0 4px 8px #000000b3,0 0 0 1px #1a0a08}.mini-card:hover{border-color:var(--gold-bright);transform:scale(1.08);box-shadow:0 0 12px #f0d25e66}.mini-card .mini-cost{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5e08a,#c9a227 80%);color:var(--bg-deep);font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:900}.mini-card .mini-name{font-size:8px;text-align:center;line-height:1.1}.mini-card .mini-stats{font-size:8px;color:var(--text-dim)}.shop-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;animation:titleFade .3s ease-out}.shop-title{font-family:var(--font-display);font-weight:900;font-size:28px;color:#f0d25e;letter-spacing:5px;text-shadow:0 0 2px rgba(0,0,0,1),0 0 12px rgba(240,210,94,.7),0 0 24px rgba(201,162,39,.4),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:.5px rgba(0,0,0,.85);margin-bottom:8px}.shop-gold{font-size:18px;color:#f0d25e;margin-bottom:6px;text-shadow:0 0 8px rgba(240,210,94,.5),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:.3px rgba(0,0,0,.7)}.shop-message{font-size:13px;color:var(--text-muted);margin-bottom:16px}.shop-cards{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.shop-card{width:160px;padding:12px;background:linear-gradient(145deg,#2a1c16,#140c08,#0e0a08),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='sc'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.18 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23sc)'/></svg>");background-blend-mode:overlay;border:2px solid #8b6f1e;border-top:2px solid #c9a227;border-bottom:3px solid #2a1c10;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s;box-shadow:0 10px 22px #000000d9,0 3px #0009,inset 0 1px #ffffff0d,inset 0 0 0 1px #c9a22740,inset 0 -2px 4px #00000080,0 0 0 1px #1a0a08}.shop-card-available{cursor:pointer}.shop-card-available:hover{transform:translateY(-4px);box-shadow:0 0 20px #f0d25e66}.shop-card-unavailable{border-color:var(--blood-dim);opacity:.5;cursor:not-allowed}.shop-card-cost{font-family:var(--font-display);font-size:22px;font-weight:900;color:#f0d25e;text-shadow:0 0 8px rgba(240,210,94,.6),0 0 16px rgba(201,162,39,.3),0 2px 4px rgba(0,0,0,.95);-webkit-text-stroke:.3px rgba(0,0,0,.7)}.shop-card-rarity{font-size:8px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.shop-card-name{font-size:13px;font-weight:700;color:#f0e6d4;text-align:center;text-shadow:0 0 1px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.9);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.shop-card-stats{font-size:11px;color:var(--text-dim)}.shop-card-price{font-size:14px;font-weight:700;color:#f0d25e;margin-top:4px;text-shadow:0 0 6px rgba(240,210,94,.4),0 1px 2px rgba(0,0,0,.9);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.shop-buy-btn{padding:6px 16px;border:1px solid var(--gold);border-top:1px solid #f0d25e;border-bottom:2px solid #2a1c10;background:var(--bg-deep);color:var(--gold-bright);border-radius:4px;font-weight:700;font-size:12px;cursor:pointer;margin-top:4px;transition:all .2s;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 3px #00000080,0 2px 4px #0009}.shop-buy-btn-active:hover{background:linear-gradient(180deg,#faf0a0,#f0d25e,#c9a227);color:var(--bg-deep);box-shadow:0 4px 10px #000000b3,0 0 16px #f0d25e99,inset 0 1px #ffffff80,inset 0 -2px 3px #0000004d;transform:translateY(-1px)}.shop-buy-btn-disabled{border-color:var(--blood-dim);color:var(--blood-dim);cursor:not-allowed}.shop-skip-btn{padding:8px 24px;border:1px solid var(--text-muted);border-top:1px solid #6a6256;border-bottom:2px solid #1a1410;background:var(--bg-deep);color:var(--text-muted);border-radius:4px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px 3px #00000080,0 3px 6px #00000080}.shop-skip-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:titleFade .3s ease-out}.upgrade-panel{display:flex;flex-direction:column;gap:16px;padding:30px 40px;background:linear-gradient(145deg,#2a1c16,#0e0a08),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='up'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0 0.2 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23up)'/></svg>");background-blend-mode:overlay;border:2px solid #c9a227;border-top:2px solid #f0d25e;border-bottom:3px solid #2a1c10;border-radius:12px;box-shadow:0 0 70px #c9a22773,0 0 100px #d6282826,0 5px #0009,inset 0 2px #ffffff0d,inset 0 0 0 1px #000000b3,inset 0 0 0 3px #f0d25e66,inset 0 -3px 6px #00000080;max-width:500px;width:90%}.upgrade-card{display:flex;align-items:center;gap:16px;padding:12px;background:#0006;border:1px solid var(--border-dark);border-radius:8px;transition:all .2s}.upgrade-card:hover{border-color:var(--gold-bright);background:#c9a22714;box-shadow:0 0 14px #f0d25e4d}.upgrade-card .mini-card{width:70px;height:90px;flex-shrink:0}.upgrade-info{flex:1}.upgrade-name{font-family:var(--font-display);font-weight:700;font-size:14px;color:#f0e6d4;margin-bottom:4px;text-shadow:0 0 1px rgba(0,0,0,1),0 0 6px rgba(240,210,94,.3),0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:.3px rgba(0,0,0,.7)}.upgrade-desc{font-size:11px;color:var(--text-dim);line-height:1.4}.upgrade-btn{font-family:var(--font-display);font-weight:700;font-size:12px;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid;letter-spacing:1px;text-transform:uppercase}.upgrade-btn.upgrade-yes{background:linear-gradient(180deg,#fff5c4,#f5e08a 12%,#d4a530,#b8922a 72%,#8b6f1e 92%,#5c4218);color:var(--bg-deep);border:1px solid #f5d76e;border-top:1px solid #fff5c8;border-bottom:2px solid #2a1c10;border-right:2px solid #2a1c10;box-shadow:0 4px 10px #000000b3,0 0 0 1px #2a1c10,0 0 18px #f0d25e66,inset 0 2px #fff9,inset 0 -2px 3px #00000059;text-shadow:0 1px 1px rgba(255,255,255,.4)}.upgrade-btn.upgrade-yes:hover{box-shadow:0 3px 10px #00000080,0 0 14px #f0d25e80;transform:translateY(-1px)}.upgrade-btn.upgrade-no{background:transparent;color:var(--text-dim);border-color:var(--border-light)}.upgrade-btn.upgrade-no:hover{color:var(--text-main);border-color:var(--text-dim)}@keyframes hpShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.hp-bar.shake{animation:hpShake .2s ease-out}.screen-transition{animation:screenFade .4s ease-in-out}@keyframes screenFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.upgraded-badge{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5c8,#f5e08a,#f0d25e 50%,#c9a227 80%,#6e5512);box-shadow:0 0 12px #f0d25e,0 0 22px #c9a22799,inset 0 2px #ffffffa6,inset 0 -2px 3px #0006,0 0 0 1px #2a1c10;z-index:10;animation:pulseGlow 2s ease-in-out infinite}@keyframes enemyFlash{0%{filter:brightness(1) saturate(1)}20%{filter:brightness(2.5) saturate(1.6) hue-rotate(-30deg)}50%{filter:brightness(1.5) saturate(1.3)}to{filter:brightness(1) saturate(1)}}.enemy-section.flashing{animation:enemyFlash .3s ease-out}.energy-pips{display:flex;gap:4px;margin-left:6px}.energy-pip{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff8d8,#f0d25e 18%,#c9a227 38%,#8b6f1e 62%,#5c4218 88%,#2a1c10);box-shadow:0 0 12px #f0d25e,0 0 24px #c9a227b3,0 0 42px #f0d25e59,inset 0 2px #ffffffb3,inset 0 -3px 5px #00000080,inset 0 -1px 2px #0006,0 2px 4px #000000b3,0 0 0 1px #2a1c10}.energy-pip.empty{background:radial-gradient(circle at 35% 30%,#4a3c30,#2a2018 45%,#140808 85%,#060404);box-shadow:inset 0 2px 4px #000000f2,inset 0 -1px 2px #ffffff0d,inset 0 0 0 1px #1a0a08,0 1px #000c}.turn-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#000000a6;animation:fadeInOut 1s ease-in-out forwards;pointer-events:none}.turn-text{font-family:var(--font-display);font-weight:900;font-size:36px;color:#f0d25e;text-shadow:0 0 2px rgba(0,0,0,1),0 0 12px rgba(240,210,94,.9),0 0 28px rgba(201,162,39,.6),0 0 50px rgba(214,40,40,.3),0 4px 8px rgba(0,0,0,1),0 8px 16px rgba(0,0,0,.85);-webkit-text-stroke:.7px rgba(0,0,0,.9);letter-spacing:8px}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.combat-hint{position:absolute;top:18px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:11px;color:#f0d25e;text-shadow:0 0 1px rgba(0,0,0,1),0 0 8px rgba(240,210,94,.7),0 0 18px rgba(201,162,39,.4),0 1px 2px rgba(0,0,0,1);-webkit-text-stroke:.3px rgba(0,0,0,.8);letter-spacing:2px;text-transform:uppercase;padding:6px 14px;background:linear-gradient(180deg,#1c100cf2,#080404e6);border:1px solid #6e5512;border-top:1px solid #8b6f1e;border-bottom:2px solid #2a1c10;border-right:2px solid #2a1c10;border-radius:4px;animation:hintFade 3.2s ease-out forwards;z-index:5;pointer-events:none;box-shadow:inset 0 1px #c9a22733,inset 0 -2px 4px #00000080,0 3px 6px #000000b3,0 0 0 1px #1a0a08}.combat-hint .key-hint{display:inline-block;padding:1px 6px;margin:0 2px;background:#f0d25e26;border:1px solid var(--gold-dim);border-radius:3px;color:var(--gold-bright);font-weight:700}@keyframes hintFade{0%{opacity:0;transform:translate(-50%) translateY(-6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.hand-area{perspective:900px}.card-wrapper{position:relative;display:inline-block}.card-wrapper.card-hidden{opacity:0!important;visibility:hidden}.card-wrapper.card-flying .card-type-attack{animation:playCardAttack 1.1s ease-out forwards}@keyframes playCardAttack{0%{transform:scale(1) rotate(0);opacity:1;box-shadow:0 0 0 3px #d62828e6,0 0 30px #d62828,0 0 60px #ff503ce6;filter:brightness(1.5) saturate(1.4)}12%{transform:translateY(-60px) translate(80px) scale(1.15) rotate(100deg);opacity:1;box-shadow:0 0 35px #ff503c,0 0 70px #d62828cc;filter:brightness(1.9) saturate(1.7)}30%{transform:translateY(-160px) translate(160px) scale(1.2) rotate(240deg);opacity:1;box-shadow:0 0 40px #d62828,0 0 80px #ff503ccc;filter:brightness(1.7) saturate(1.6)}50%{transform:translateY(-280px) translate(240px) scale(1.1) rotate(400deg);opacity:1;box-shadow:0 0 35px #d62828e6,0 0 70px #ff503cb3;filter:brightness(1.5)}75%{transform:translateY(-380px) translate(300px) scale(.7) rotate(560deg);opacity:.7;filter:brightness(1.8)}to{transform:translateY(-450px) translate(340px) scale(.3) rotate(720deg);opacity:0;filter:brightness(2.5)}}.card-wrapper.card-flying .card-type-skill{animation:playCardSkill 1s ease-out forwards}@keyframes playCardSkill{0%{transform:scale(1) rotate(0);opacity:1;box-shadow:0 0 0 3px #2e86c1e6,0 0 30px #2e86c1,0 0 60px #5daedee6;filter:brightness(1.5) saturate(1.4)}20%{transform:translateY(-50px) translate(40px) scale(1.15) rotate(100deg);opacity:1;box-shadow:0 0 35px #5daede,0 0 70px #2e86c1cc;filter:brightness(1.9) saturate(1.7)}45%{transform:translateY(-150px) translate(100px) scale(1.2) rotate(240deg);opacity:1;box-shadow:0 0 40px #2e86c1,0 0 80px #5daedecc;filter:brightness(1.7) saturate(1.6)}70%{transform:translateY(-230px) translate(140px) scale(.8) rotate(420deg);opacity:1;box-shadow:0 0 35px #2e86c1e6,0 0 60px #5daedeb3;filter:brightness(1.5)}90%{transform:translateY(-280px) translate(150px) scale(.5) rotate(540deg);opacity:.5;filter:brightness(1.8)}to{transform:translateY(-300px) translate(155px) scale(.3) rotate(600deg);opacity:0;filter:brightness(2.5)}}.card-wrapper.card-flying .card-type-power{animation:playCardPower 1.1s ease-out forwards}@keyframes playCardPower{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;box-shadow:0 0 0 3px #a569bde6,0 0 30px #a569bd;filter:brightness(1.4)}15%{transform:translateY(-50px) translate(20px) scale(1.2) rotate(80deg);opacity:1;box-shadow:0 0 35px #d9a3e8,0 0 70px #a569bdcc;filter:brightness(1.8) saturate(1.5)}35%{transform:translateY(-130px) translate(60px) scale(1.25) rotate(180deg);opacity:1;box-shadow:0 0 45px #d9a3e8,0 0 90px #a569bde6;filter:brightness(2) saturate(1.7)}55%{transform:translateY(-200px) translate(100px) scale(1.3) rotate(280deg);opacity:1;box-shadow:0 0 50px #d9a3e8,0 0 100px #a569bd;filter:brightness(2.2) saturate(1.8)}80%{transform:translateY(-250px) translate(130px) scale(.8) rotate(420deg);opacity:.8;box-shadow:0 0 40px #d9a3e8e6,0 0 80px #a569bdcc;filter:brightness(1.8)}to{transform:translateY(-280px) translate(140px) scale(.3) rotate(540deg);opacity:0;filter:brightness(2.5)}}.card-wrapper.card-flying .card-type-attack:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:radial-gradient(ellipse 50px 220px at 50% 50%,#ff503ce6,#d6282880 40%,#d6282800 75%);filter:blur(3px);animation:cardTrailAttack 1.1s ease-out forwards;z-index:-1}@keyframes cardTrailAttack{0%{opacity:0;transform:translateY(0) scale(.5) rotate(0)}12%{opacity:1;transform:translateY(-60px) scale(.9) rotate(100deg)}35%{opacity:.9;transform:translateY(-180px) scale(.8) rotate(280deg)}60%{opacity:.7;transform:translateY(-320px) scale(.6) rotate(450deg)}to{opacity:0;transform:translateY(-450px) scale(.2) rotate(720deg)}}.card-wrapper.card-flying .card-type-skill:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:radial-gradient(ellipse 50px 220px at 50% 50%,#5daedee6,#2e86c180 40%,#2e86c100 75%);filter:blur(3px);animation:cardTrailSkill 1.1s ease-out forwards;z-index:-1}@keyframes cardTrailSkill{0%{opacity:0;transform:translateY(0) scale(.5) rotate(0)}15%{opacity:1;transform:translateY(-50px) scale(.9) rotate(100deg)}40%{opacity:.9;transform:translateY(-160px) scale(.8) rotate(260deg)}65%{opacity:.7;transform:translateY(-280px) scale(.6) rotate(420deg)}to{opacity:0;transform:translateY(-420px) scale(.2) rotate(600deg)}}.card-wrapper.card-flying .card-type-power:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:radial-gradient(ellipse 50px 220px at 50% 50%,#d9a3e8e6,#a569bd80 40%,#a569bd00 75%);filter:blur(3px);animation:cardTrailPower 1.1s ease-out forwards;z-index:-1}@keyframes cardTrailPower{0%{opacity:0;transform:scale(.5) rotate(0)}15%{opacity:1;transform:translateY(-50px) scale(.9) rotate(80deg)}35%{opacity:1;transform:translateY(-140px) scale(.8) rotate(200deg)}55%{opacity:.9;transform:translateY(-220px) scale(.7) rotate(320deg)}80%{opacity:.5;transform:translateY(-280px) scale(.5) rotate(480deg)}to{opacity:0;transform:translateY(-320px) scale(.2) rotate(600deg)}}.card-wrapper.card-discard{z-index:100}.card-wrapper.card-discard .card{animation:cardDiscard .4s ease-in forwards}@keyframes cardDiscard{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;box-shadow:0 4px 10px #0009,0 0 10px #c9a22780;filter:brightness(1.2)}60%{transform:translateY(40px) translate(40px) scale(.8) rotate(70deg);opacity:.7}to{transform:translateY(80px) translate(80px) scale(.3) rotate(160deg);opacity:0}}.card-wrapper.card-drawn{animation:cardDrawIn .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--draw-delay, 0s)}@keyframes cardDrawIn{0%{transform:translateY(280px) translate(-360px) scale(.3) rotate(-220deg);opacity:0;filter:brightness(.5)}50%{opacity:1;transform:translateY(30px) translate(-40px) scale(1.1) rotate(-30deg);filter:brightness(1.2)}80%{transform:translateY(-5px) translate(5px) scale(.96) rotate(5deg);filter:brightness(1.1)}to{transform:translateY(0) translate(0) scale(1) rotate(0);opacity:1;filter:brightness(1)}}.card-wrapper .card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;transform-style:preserve-3d}.card-wrapper:hover .card{transform:rotateY(10deg) translateZ(20px) translateY(-20px) scale(1.06);box-shadow:0 24px 48px #000000e6,0 0 30px #c9a22780,0 0 60px #d6282833}.card-wrapper:hover .card-type-attack{box-shadow:0 24px 48px #000000e6,0 0 32px #d62828cc,0 0 64px #ff503c66}.card-wrapper:hover .card-type-skill{box-shadow:0 24px 48px #000000e6,0 0 32px #2e86c1cc,0 0 64px #5daede66}.card-wrapper:hover .card-type-power{box-shadow:0 24px 48px #000000e6,0 0 32px #a569bdcc,0 0 64px #d9a3e866}.card-wrapper.card-flying:before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin-left:-15px;margin-top:-15px;border-radius:50%;background:radial-gradient(circle,#f0d25ee6,#f0d25e00 70%);animation:playBurst .5s ease-out forwards;z-index:0;pointer-events:none}@keyframes playBurst{0%{transform:scale(.3);opacity:1;box-shadow:0 0 #f0d25e,0 0 20px #f0d25e,0 0 40px #d6282899}50%{transform:scale(2);opacity:.8;box-shadow:0 0 0 15px #f0d25e4d,0 0 30px #f0d25ecc}to{transform:scale(4);opacity:0;box-shadow:0 0 0 30px #f0d25e00,0 0 #f0d25e00}}.card-wrapper.card-flying .card-type-attack~*,.card-wrapper.card-flying:has(.card-type-attack):before{background:radial-gradient(circle,#ff503ce6,#d6282800 70%)}.card-wrapper.card-flying .card-type-skill~*,.card-wrapper.card-flying:has(.card-type-skill):before{background:radial-gradient(circle,#5daedee6,#2e86c100 70%)}.card-wrapper.card-flying .card-type-power~*,.card-wrapper.card-flying:has(.card-type-power):before{background:radial-gradient(circle,#d9a3e8e6,#a569bd00 70%)}.card.playing{animation:playCard .4s ease-out;z-index:100}@keyframes playCard{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-120px) scale(1.3) rotate(8deg);opacity:1}to{transform:translateY(-250px) scale(.3);opacity:0}}.end-turn-btn.end-turn-flash{animation:endTurnFlash .3s ease-out}@keyframes endTurnFlash{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(.92);filter:brightness(1.8) hue-rotate(-20deg)}60%{transform:scale(1.04);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.energy-pip.energy-flash{animation:energyFlash .4s ease-out}@keyframes energyFlash{0%{filter:brightness(1);transform:scale(1)}30%{filter:brightness(2.5) saturate(1.5);transform:scale(1.4)}to{filter:brightness(1);transform:scale(1)}}@keyframes energyConsume{0%{transform:scale(1);opacity:1}30%{transform:scale(1.5);opacity:.8;box-shadow:0 0 12px 4px #f0d25ecc}to{transform:scale(.3);opacity:0}}.energy-pip.consumed{animation:energyConsume .4s ease-out forwards}.turn-indicator{position:absolute;top:0;left:0;right:0;text-align:center;padding:6px;font-family:Cinzel,serif;font-weight:700;font-size:12px;letter-spacing:2px;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.8);-webkit-text-stroke:.3px rgba(0,0,0,.7);pointer-events:none}.turn-indicator .turn-indicator-text{display:inline-flex;align-items:center;gap:6px}.turn-indicator .turn-indicator-icon{font-size:13px}.turn-indicator.player-turn{background:linear-gradient(180deg,rgba(201,162,39,.25),transparent);color:#f0d25e;border-bottom:1px solid rgba(201,162,39,.3)}.turn-indicator.enemy-turn{background:linear-gradient(180deg,rgba(214,40,40,.25),transparent);color:#f05a5a;border-bottom:1px solid rgba(214,40,40,.3)}.victory-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:1}.victory-particles span{position:absolute;width:4px;height:4px;background:#f0d25e;border-radius:50%;box-shadow:0 0 6px #f0d25e99;animation:goldParticleFall 3s linear infinite}@keyframes goldParticleFall{0%{transform:translateY(-100%) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(100%) rotate(360deg);opacity:0}}.victory-screen h1{position:relative;z-index:2;animation:victoryGlow 2s ease-in-out infinite}@keyframes victoryGlow{0%,to{text-shadow:0 0 2px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1),0 0 15px rgba(240,210,94,1),0 0 36px rgba(201,162,39,.6),0 0 60px rgba(214,40,40,.35),0 4px 8px rgba(0,0,0,1),0 8px 16px rgba(0,0,0,.85)}50%{text-shadow:0 0 4px rgba(255,255,255,.5),0 0 20px rgba(240,210,94,1),0 0 50px rgba(240,210,94,.8),0 0 90px rgba(214,40,40,.5),0 4px 8px rgba(0,0,0,1),0 8px 16px rgba(0,0,0,.85)}}.game-over-fog{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(214,40,40,.18),transparent 70%);animation:redFog 2s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes redFog{0%,to{opacity:.3}50%{opacity:.6}}.game-over-screen h1{position:relative;z-index:2;animation:defeatPulse 2s ease-in-out infinite}@keyframes defeatPulse{0%,to{text-shadow:0 0 2px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1),0 0 15px rgba(214,40,40,1),0 0 36px rgba(139,26,26,.6),0 0 60px rgba(80,10,10,.35),0 4px 8px rgba(0,0,0,1),0 8px 16px rgba(0,0,0,.85)}50%{text-shadow:0 0 8px rgba(214,40,40,.8),0 0 25px rgba(214,40,40,1),0 0 55px rgba(139,26,26,.8),0 0 90px rgba(80,10,10,.5),0 4px 8px rgba(0,0,0,1),0 8px 16px rgba(0,0,0,.85)}}@media (max-width: 768px){.app{font-size:12px;align-items:stretch}.combat-screen{padding:10px 12px;flex-direction:column;overflow-y:auto}.combat-top{flex-direction:column;align-items:center;gap:8px;padding:6px 0}.player-section,.enemy-section{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.player-portrait{width:48px;height:48px;font-size:20px;margin-bottom:0}.player-hp-container,.enemy-hp-container{width:140px;height:20px;margin-bottom:0}.combat-info-bar{gap:14px;padding:8px;flex-wrap:wrap;justify-content:center;margin:4px 0}:root{--card-w: 90px;--card-h: 130px}.hand-area{flex-direction:row;overflow-x:auto;overflow-y:hidden;min-height:160px;padding:12px 8px;gap:6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:flex-start}.hand-area::-webkit-scrollbar{height:3px}.hand-area::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.card-wrapper{flex-shrink:0;scroll-snap-align:center}.card{width:90px!important;height:130px!important;transform:rotate(0)!important}.card:hover{transform:translateY(-12px) scale(1.05)!important}.card-art{height:48px}.card-art svg{width:36px;height:36px}.card-name{font-size:9px}.card-desc{font-size:8px;line-height:1.2}.end-turn-btn{padding:10px 36px;font-size:13px;letter-spacing:3px}.skip-turn-btn{padding:10px 20px;font-size:11px;letter-spacing:2px}.combat-log{width:100%;max-height:70px;font-size:10px}.map-screen{padding:20px 12px;gap:12px}.node-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;max-width:100%}.map-node{width:100px;height:100px}.node-icon{font-size:22px}.event-frame{padding:20px 18px;max-width:95vw}.deck-panel{grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;max-width:95vw}.mini-card{width:64px;height:84px;font-size:7px}.victory-screen,.game-over-screen{padding:40px 20px}.victory-screen h1,.game-over-screen h1{font-size:32px}.result-screen{padding:24px 16px}.result-title{font-size:30px}.title-screen{gap:16px}.title-btn{padding:14px 40px;font-size:14px}}@media (max-width: 420px){:root{--card-w: 76px;--card-h: 110px}.combat-info-bar{flex-direction:column;gap:6px}.node-grid{grid-template-columns:repeat(2,1fr);gap:10px}.map-node{width:90px;height:90px}.hand-area{min-height:140px}.card{width:76px!important;height:110px!important}}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-stroke:.2px rgba(0,0,0,.5)}button:active:not(.end-turn-btn.end-turn-flash):not(.map-node){filter:brightness(1.3);box-shadow:inset 0 -2px 3px #0006,inset 0 1px 2px #ffffff1a!important}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 6px;border-top:1px solid #3a2820;border-top:1px solid #6e5512}.combat-screen.shaking{animation:screenShake .5s ease-out}.combat-screen.shaking-heavy{animation:screenShakeHeavy .6s ease-out}.combat-screen.shaking-damage{animation:screenShakeDamage .7s ease-out}@keyframes screenShake{0%,to{transform:translate(0);filter:none}10%{transform:translate(-3px,-2px)}20%{transform:translate(4px,1px)}30%{transform:translate(-2px,3px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-3px,2px)}60%{transform:translate(2px,-3px)}70%{transform:translate(-2px,2px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-1px,1px)}}@keyframes screenShakeHeavy{0%,to{transform:translate(0);filter:none}10%{transform:translate(-6px,-4px)}20%{transform:translate(8px,2px)}30%{transform:translate(-5px,6px)}40%{transform:translate(7px,-3px)}50%{transform:translate(-8px,4px)}60%{transform:translate(5px,-5px)}70%{transform:translate(-6px,3px)}80%{transform:translate(3px,-2px)}90%{transform:translate(-2px,1px)}}@keyframes screenShakeDamage{0%,to{transform:translate(0);filter:none}10%{transform:translate(-4px,-2px);filter:brightness(.95) saturate(1.2)}20%{transform:translate(5px,2px);filter:brightness(.9) saturate(1.3) drop-shadow(0 0 18px rgba(214,40,40,.5))}30%{transform:translate(-3px,4px);filter:brightness(.95) saturate(1.2)}40%{transform:translate(4px,-2px);filter:brightness(.9) saturate(1.3) drop-shadow(0 0 18px rgba(214,40,40,.5))}50%{transform:translate(-5px,3px);filter:brightness(.95) saturate(1.2)}60%{transform:translate(3px,-3px);filter:brightness(.9) saturate(1.3) drop-shadow(0 0 14px rgba(214,40,40,.4))}70%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}90%{transform:translate(-1px,1px)}}@keyframes enemyHit{0%{transform:translate(0) scale(1);filter:brightness(1) saturate(1) drop-shadow(0 0 0 transparent)}15%{transform:translate(-6px) scale(1.06);filter:brightness(2.5) saturate(1.8) hue-rotate(-40deg) drop-shadow(0 0 24px rgba(255,60,40,1))}35%{transform:translate(5px) scale(1.02);filter:brightness(1.8) saturate(1.4) drop-shadow(0 0 18px rgba(214,40,40,.8))}55%{transform:translate(-3px) scale(1.01);filter:brightness(1.4) saturate(1.2) drop-shadow(0 0 12px rgba(214,40,40,.6))}80%{transform:translate(2px) scale(1);filter:brightness(1.2) saturate(1.1) drop-shadow(0 0 6px rgba(214,40,40,.3))}to{transform:translate(0) scale(1);filter:brightness(1) saturate(1) drop-shadow(0 0 0 transparent)}}.enemy-section.dying{animation:enemyDie 1.2s ease-out forwards}@keyframes enemyDie{0%{opacity:1;transform:scale(1) rotate(0);filter:brightness(2) saturate(1.6) drop-shadow(0 0 30px rgba(240,210,94,1))}25%{opacity:.8;transform:scale(1.15) rotate(-3deg);filter:brightness(2.5) saturate(1.4) drop-shadow(0 0 40px rgba(240,210,94,.9))}50%{opacity:.5;transform:scale(.9) rotate(2deg);filter:brightness(1.8) saturate(1.2) drop-shadow(0 0 25px rgba(214,40,40,.6))}75%{opacity:.25;transform:scale(.65) rotate(-4deg);filter:brightness(1.4) drop-shadow(0 0 15px rgba(139,26,26,.5))}to{opacity:0;transform:scale(.3) rotate(5deg);filter:brightness(.5)}}.enemy-hp-bar{transition:width .3s ease,box-shadow .3s ease}.enemy-hp-bar.pulse{animation:hpBarPulse .4s ease-out}@keyframes hpBarPulse{0%{filter:brightness(1)}30%{filter:brightness(2.2) saturate(1.4);box-shadow:0 0 16px #d62828e6}to{filter:brightness(1)}}.damage-burst{position:absolute;width:80px;height:80px;border-radius:50%;pointer-events:none;z-index:60;animation:damageBurst .5s ease-out forwards;--burst-color: rgba(214, 40, 40, .9);--burst-glow: rgba(255, 60, 40, .5);background:radial-gradient(circle,var(--burst-color) 0%,transparent 70%);box-shadow:0 0 24px var(--burst-glow),0 0 48px var(--burst-glow)}@keyframes damageBurst{0%{transform:scale(.1);opacity:1}40%{transform:scale(1.4);opacity:.9}to{transform:scale(2.8);opacity:0}}.damage-burst:before,.damage-burst:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;pointer-events:none;animation:damageParticle .5s ease-out forwards}.damage-burst:before{top:30%;left:20%;background:var(--burst-color);box-shadow:0 0 10px var(--burst-glow);animation-name:damageParticleTopLeft}.damage-burst:after{top:50%;left:60%;width:10px;height:10px;background:var(--burst-glow);box-shadow:0 0 12px var(--burst-glow);animation-name:damageParticleBottomRight}@keyframes damageParticle{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes damageParticleTopLeft{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(-30px,-30px) scale(1.5);opacity:0}}@keyframes damageParticleBottomRight{0%{transform:translate(0) scale(0);opacity:1}to{transform:translate(28px,22px) scale(2);opacity:0}}.damage-burst.damage{--burst-color: rgba(255, 60, 40, .95);--burst-glow: rgba(255, 80, 60, .6)}.damage-burst.heal{--burst-color: rgba(46, 204, 113, .9);--burst-glow: rgba(110, 255, 160, .6)}.damage-burst.block{--burst-color: rgba(46, 134, 193, .9);--burst-glow: rgba(93, 174, 222, .6)}.damage-burst.crit{--burst-color: rgba(240, 210, 94, .95);--burst-glow: rgba(255, 230, 130, .7);width:110px;height:110px}.energy-pip.consumed{animation:energyPipConsume .4s ease-out forwards}@keyframes energyPipConsume{0%{transform:scale(1);filter:brightness(2.5) saturate(1.5);box-shadow:0 0 16px #f0d25e,0 0 28px #ffe682cc,inset 0 1px #fff9}50%{transform:scale(1.5);filter:brightness(3) saturate(1.6);opacity:.6;box-shadow:0 0 24px #f0d25ee6,0 0 44px #d6282880}to{transform:scale(.4);filter:brightness(.4);opacity:.4;box-shadow:inset 0 1px 2px #000c}}.energy-pip.flashing{animation:energyPipFlash .3s ease-out}@keyframes energyPipFlash{0%{filter:brightness(1);transform:scale(1)}40%{filter:brightness(2.5) saturate(1.5);transform:scale(1.3)}to{filter:brightness(1);transform:scale(1)}}.combat-bg:before{content:"";position:absolute;bottom:-10px;left:25%;width:3px;height:3px;border-radius:50%;background:#d62828b3;box-shadow:0 0 6px #d62828cc,0 0 14px #8b1a1a80;animation:bgParticleRise 5s linear infinite;z-index:0}.combat-bg:after{content:"";position:absolute;bottom:-10px;left:70%;width:4px;height:4px;border-radius:50%;background:#c9a22799;box-shadow:0 0 8px #f0d25ecc,0 0 18px #c9a22766;animation:bgParticleRise 7s linear infinite;animation-delay:1s;z-index:0}@keyframes bgParticleRise{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}10%{opacity:.9;transform:translateY(-20px) translate(5px) scale(1)}50%{transform:translateY(-60%) translate(-12px) scale(1);opacity:.5}90%{opacity:0;transform:translateY(-110%) translate(8px) scale(.4)}to{transform:translateY(-120%) translate(0) scale(.2);opacity:0}}.combat-bg .bg-ember{position:absolute;bottom:-10px;width:2px;height:2px;border-radius:50%;background:#a569bd80;box-shadow:0 0 6px #a569bdb3;animation:bgParticleRise 6s linear infinite;z-index:0}.end-turn-btn{animation:endTurnPulse 2.4s ease-in-out infinite}@keyframes endTurnPulse{0%,to{box-shadow:0 5px 12px #000000b3,0 0 20px #d6282859,inset 0 1px #ffc8c826,inset 0 -2px #0006,inset 0 0 0 1px #0000004d}50%{box-shadow:0 5px 12px #000000b3,0 0 36px #d6282899,inset 0 1px #ffc8c840,inset 0 -2px #0006,inset 0 0 0 1px #0000004d}}.end-turn-btn:hover{animation:endTurnHoverPulse .8s ease-in-out infinite;transform:translateY(-2px) scale(1.03)}@keyframes endTurnHoverPulse{0%,to{box-shadow:0 7px 20px #000c,0 0 28px #d62828b3,inset 0 1px #ffc8c840,inset 0 -2px #0006}50%{box-shadow:0 7px 20px #000c,0 0 48px #ff3c28,inset 0 1px #ffc8c866,inset 0 -2px #0006}}.end-turn-btn:active{animation:endTurnClickBurst .3s ease-out}@keyframes endTurnClickBurst{0%{transform:translateY(1px) scale(1.03);filter:brightness(1);box-shadow:0 2px 5px #000000b3,0 0 60px #ff3c28,0 0 100px #d62828b3,inset 0 -2px #0006}50%{transform:translateY(1px) scale(.95);filter:brightness(1.5) hue-rotate(-15deg);box-shadow:0 2px 5px #000000b3,0 0 40px #d62828cc,inset 0 -2px #00000080}to{transform:translateY(1px) scale(1);filter:brightness(1)}}.turn-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;display:flex;align-items:center;justify-content:center}.turn-transition-overlay:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(180deg,transparent 0%,rgba(240,210,94,.3) 20%,rgba(240,210,94,1) 50%,rgba(240,210,94,.3) 80%,transparent 100%);box-shadow:0 0 16px #f0d25ecc,0 0 32px #d6282880;animation:turnDivide 1s ease-out forwards}@keyframes turnDivide{0%{left:50%;width:3px;opacity:0}15%{opacity:1}45%{left:0;width:100%;opacity:1}80%{left:0;width:100%;opacity:.5}to{left:0;width:100%;opacity:0}}.turn-transition-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000 30%,#00000080 70%,#000000d9);animation:turnVignette 1s ease-out forwards}@keyframes turnVignette{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.combat-screen.flash-red{animation:screenFlashRed .35s ease-out}.combat-screen.flash-blue{animation:screenFlashBlue .35s ease-out}.combat-screen.flash-purple{animation:screenFlashPurple .35s ease-out}@keyframes screenFlashRed{0%{filter:brightness(1.5) saturate(1.5) drop-shadow(0 0 30px rgba(255,60,40,1))}40%{filter:brightness(1.3) saturate(1.4) drop-shadow(0 0 20px rgba(214,40,40,.8))}to{filter:brightness(1) saturate(1) drop-shadow(0 0 0 transparent)}}@keyframes screenFlashBlue{0%{filter:brightness(1.5) saturate(1.5) drop-shadow(0 0 30px rgba(93,174,222,1))}40%{filter:brightness(1.3) saturate(1.4) drop-shadow(0 0 20px rgba(46,134,193,.8))}to{filter:brightness(1) saturate(1) drop-shadow(0 0 0 transparent)}}@keyframes screenFlashPurple{0%{filter:brightness(1.5) saturate(1.5) drop-shadow(0 0 30px rgba(217,163,232,1))}40%{filter:brightness(1.3) saturate(1.4) drop-shadow(0 0 20px rgba(165,105,189,.8))}to{filter:brightness(1) saturate(1) drop-shadow(0 0 0 transparent)}}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--bx, 0),var(--by, 0)) scale(0);opacity:0}}.burst-particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;animation:particleBurst .6s ease-out forwards}.player-hp-bar,.enemy-hp-bar,.hp-bar-fill{transition:width .6s cubic-bezier(.25,.46,.45,.94)}.hp-bar-container.damaged{animation:hpDamagePulse .5s ease-out}@keyframes hpDamagePulse{0%{box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 8px #f0d25e26,0 0 #d62828cc}50%{box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 16px 6px #d62828b3,0 0 12px 4px #d6282899}to{box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 8px #f0d25e26,0 0 #d6282800}}.hp-bar-container.healing{animation:hpHealPulse .6s ease-out}@keyframes hpHealPulse{0%{box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 8px #f0d25e26,0 0 #2ecc71e6}50%{box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 20px 8px #2ecc71b3,0 0 15px 6px #2ecc71b3}to{box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 8px #f0d25e26,0 0 #2ecc7100}}.hp-bar-container.low-hp{animation:lowHpBreathe .8s ease-in-out infinite}@keyframes lowHpBreathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.3);box-shadow:inset 0 1px 3px #000000f2,inset 0 0 0 1px #f0d25e33,inset 0 -1px #ffffff14,inset 0 0 4px #0009,0 0 0 1px #1a0a08,0 1px #ffffff0a,0 2px 5px #000000b3,0 0 12px 3px #d6282880}}.hp-bar-fill.low-hp{animation:lowHpBarPulse .8s ease-in-out infinite}@keyframes lowHpBarPulse{0%,to{filter:none}50%{filter:brightness(1.25) saturate(1.2)}}.damage-float.damage{animation:floatUpDmg 1s ease-out forwards;color:var(--blood-bright);text-shadow:0 0 14px rgba(255,80,60,1),0 2px 6px rgba(0,0,0,.9)}@keyframes floatUpDmg{0%{transform:translateY(0) rotate(-3deg) scale(1.2);opacity:1}60%{transform:translateY(-40px) rotate(2deg) scale(1);opacity:1}to{transform:translateY(-60px) rotate(0) scale(.8);opacity:0}}.damage-float.heal{animation:floatUpHeal 1.2s ease-out forwards;color:var(--poison-bright);text-shadow:0 0 14px rgba(46,204,113,1),0 2px 6px rgba(0,0,0,.9)}@keyframes floatUpHeal{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-40px) scale(1.1);opacity:1}to{transform:translateY(-80px) scale(.8);opacity:0}}.damage-float.block{animation:floatUpBlock .8s ease-out forwards;color:var(--mana-bright);text-shadow:0 0 14px rgba(46,134,193,1),0 2px 6px rgba(0,0,0,.9)}@keyframes floatUpBlock{0%{transform:translateY(0) scale(1.3);opacity:1}to{transform:translateY(-30px) scale(1);opacity:0}}.damage-float.crit{animation:critFlash .3s ease-out,floatUpDmg 1s .3s ease-out forwards;font-size:44px;color:var(--gold-bright);text-shadow:0 0 22px rgba(240,210,94,1),0 0 44px rgba(201,162,39,.6),0 2px 8px rgba(0,0,0,.9)}@keyframes critFlash{0%{transform:scale(2);opacity:0;filter:blur(4px)}50%{transform:scale(1.3);opacity:1;filter:blur(0)}to{transform:scale(1);opacity:1;filter:none}}.damage-float.crit .crit-label{display:block;font-size:14px;font-family:var(--font-display);font-weight:700;color:var(--gold-bright);text-shadow:0 0 6px rgba(240,210,94,.8),0 0 12px rgba(201,162,39,.5),0 1px 2px rgba(0,0,0,.9);margin-bottom:-2px;letter-spacing:2px}@keyframes critSpark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--sx, 0),var(--sy, 0)) scale(.3);opacity:0}}.crit-spark{position:absolute;width:4px;height:4px;background:var(--gold-bright);border-radius:50%;box-shadow:0 0 6px #f0d25ecc,0 0 12px #c9a22780;animation:critSpark .6s ease-out forwards}.enemy-column{display:flex;flex-direction:column;align-items:center;position:relative}.attack-telegraph{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#d6282826,#5c0f0f4d);border:1px solid rgba(214,40,40,.4);border-radius:4px;margin-top:4px;font-size:11px;font-family:var(--font-display);color:#d4b5b5;min-width:160px;max-width:200px}.attack-telegraph.attack{background:linear-gradient(135deg,#d6282833,#5c0f0f66);border-color:#d6282880;color:#f05a5a}.attack-telegraph.defend{background:linear-gradient(135deg,#2e86c126,#0d34564d);border-color:#2e86c166;color:#5dade2}.attack-telegraph.buff{background:linear-gradient(135deg,#a569bd26,#4a235a4d);border-color:#a569bd66;color:#d9a3e8}.attack-telegraph.glow{box-shadow:0 0 12px #d6282880,inset 0 0 8px #d6282833}.attack-telegraph-icon{font-size:14px;flex-shrink:0}.attack-telegraph-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,0,0,.9);-webkit-text-stroke:.1px rgba(0,0,0,.6)}.attack-telegraph-value{font-weight:700;font-size:13px;flex-shrink:0;text-shadow:0 0 6px currentColor,0 1px 1px rgba(0,0,0,.9);-webkit-text-stroke:.2px rgba(0,0,0,.6)}.card-wrapper.card-flying.attack:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#ff6450f2,#d6282899 40%,#d6282800 70%);box-shadow:0 0 10px #ff503ce6,0 0 20px #d6282899;animation:attackParticle 1s ease-out forwards;z-index:50;pointer-events:none}.card-wrapper.card-flying.attack:before{content:"";position:absolute;top:40%;left:35%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#ff9664cc,#d6282866 60%,#d6282800);box-shadow:0 0 8px #ff6450cc;animation:attackParticle2 1s ease-out forwards;z-index:50;pointer-events:none}@keyframes attackParticle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(60px,-280px) scale(.2);opacity:0}}@keyframes attackParticle2{0%{transform:translate(0) scale(.8);opacity:1}to{transform:translate(-40px,-220px) scale(.2);opacity:0}}.card-wrapper.card-flying.skill:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;border:2px solid rgba(46,134,193,.9);box-shadow:0 0 24px #5daedeb3,inset 0 0 14px #5daede80;animation:skillRingExpand 1s ease-out forwards;z-index:50;pointer-events:none}.card-wrapper.card-flying.skill:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#5daedee6,#2e86c166 60%,#2e86c100);box-shadow:0 0 18px #2e86c1e6;animation:skillRingInner 1s ease-out forwards;z-index:50;pointer-events:none}@keyframes skillRingExpand{0%{transform:translate(-50%,-50%) scale(.5);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.8);opacity:.6}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes skillRingInner{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.card-wrapper.card-flying.power:after{content:"";position:absolute;top:50%;left:50%;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,#d9a3e8f2,#a569bd99 40%,#a569bd00 70%);box-shadow:0 0 32px #d9a3e8e6,0 0 64px #a569bd99;animation:powerBurst 1.2s ease-out forwards;z-index:50;pointer-events:none}.card-wrapper.card-flying.power:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#ffe6ffcc,#d9a3e866 60%,#a569bd00);box-shadow:0 0 18px #d9a3e8e6;animation:powerBurstInner 1.2s ease-out forwards;z-index:50;pointer-events:none}@keyframes powerBurst{0%{transform:translate(-50%,-50%) scale(.8);opacity:1;filter:brightness(1.5)}40%{transform:translate(-50%,-50%) scale(1.8);opacity:.7;filter:brightness(2)}60%{transform:translate(-50%,-50%) scale(2.2);opacity:.4;filter:brightness(1.5)}to{transform:translate(-50%,-50%) scale(3.2);opacity:0;filter:brightness(.5)}}@keyframes powerBurstInner{0%{transform:translate(-50%,-50%) scale(.5);opacity:1;filter:brightness(2)}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.player-area{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:240px}.player-sprite-container{display:inline-block;position:relative;width:180px;height:220px}.player-sprite{width:100%;height:100%;overflow:visible}.helmet-crack,.slash-effect,.victory-radiance,.shield-effect,.death-overlay{opacity:0;transition:opacity .25s ease}.player-sprite-container.idle{animation:playerIdle 2.5s ease-in-out infinite}@keyframes playerIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.player-sprite-container.attack{animation:playerAttack .7s ease-out}@keyframes playerAttack{0%{transform:translate(0) scale(1);filter:brightness(1)}20%{transform:translate(30px) scale(1.08);filter:brightness(1.8) drop-shadow(0 0 18px rgba(240,210,94,1))}50%{transform:translate(45px) scale(1.1);filter:brightness(2) drop-shadow(0 0 22px rgba(255,200,50,1))}80%{transform:translate(25px) scale(1.03);filter:brightness(1.4)}to{transform:translate(0) scale(1);filter:brightness(1)}}.player-sprite-container.attack .slash-effect{opacity:1;animation:slashFlash .65s ease-out}@keyframes slashFlash{0%{opacity:0;transform:scale(.5) translate(0)}20%{opacity:1;transform:scale(1) translate(10px)}to{opacity:0;transform:scale(1.2) translate(30px)}}.player-sprite-container.hit{animation:playerHit .6s ease-out}@keyframes playerHit{0%{transform:translate(0) scale(1);filter:brightness(1)}12%{transform:translate(-22px) scale(1.05);filter:brightness(2.8) drop-shadow(0 0 18px rgba(255,255,255,1))}28%{transform:translate(-10px) scale(.97);filter:brightness(.4) drop-shadow(0 0 16px rgba(214,40,40,1))}50%{transform:translate(8px) scale(1.02);filter:brightness(1.2)}to{transform:translate(0) scale(1);filter:brightness(1)}}.player-sprite-container.hit .helmet-crack{opacity:1;animation:crackFlash .5s ease-out}@keyframes crackFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.player-sprite-container.defend{animation:playerDefend .5s ease-out}@keyframes playerDefend{0%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(4px);filter:brightness(1.3) drop-shadow(0 0 18px rgba(93,173,226,1))}to{transform:translateY(0);filter:brightness(1)}}.player-sprite-container.defend .shield-effect{opacity:1;animation:shieldRise .5s ease-out}@keyframes shieldRise{0%{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.player-sprite-container.victory{animation:playerVictory 1s ease-out}@keyframes playerVictory{0%{transform:scale(1);filter:brightness(1)}40%{transform:translateY(-12px) scale(1.1);filter:brightness(1.7) drop-shadow(0 0 24px rgba(240,210,94,1))}80%{transform:translateY(-4px) scale(1.04);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1.3)}}.player-sprite-container.victory .victory-radiance{opacity:.7;animation:radiancePulse 1s ease-out}@keyframes radiancePulse{0%{opacity:0;transform:scale(.5)}40%{opacity:.7;transform:scale(1.2)}to{opacity:.7;transform:scale(1)}}.player-sprite-container.death{animation:playerDeath 1.2s ease-out forwards}@keyframes playerDeath{0%{transform:rotate(0) translateY(0);opacity:1;filter:brightness(1)}40%{transform:rotate(12deg) translateY(8px);opacity:.6;filter:brightness(.5)}to{transform:rotate(28deg) translateY(25px);opacity:0;filter:brightness(.2)}}.player-sprite-container.death .death-overlay{opacity:1}.player-sprite-container.low-hp{filter:brightness(.6) saturate(.4)}.enemy-section{animation-fill-mode:none}.enemy-attack-fx{opacity:0;transition:opacity .15s}.enemy-section.idle{animation:enemyIdle 2.5s ease-in-out infinite}@keyframes enemyIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.enemy-section.attack{animation:enemyAttack .6s ease-out}@keyframes enemyAttack{0%{transform:translate(0) scale(1);filter:brightness(1)}40%{transform:translate(-18px) scale(1.08);filter:brightness(1.5) drop-shadow(0 0 14px rgba(255,80,60,.8))}to{transform:translate(0) scale(1);filter:brightness(1)}}.enemy-section.attack .enemy-attack-fx{opacity:1}.enemy-section.hit{animation:enemyHit .5s ease-out}@keyframes enemyHit{0%{transform:translate(0) scale(1);filter:brightness(1)}15%{transform:translate(18px) scale(1.15);filter:brightness(2.5) drop-shadow(0 0 18px rgba(255,50,50,1))}35%{transform:translate(28px) scale(1.1);filter:brightness(3) drop-shadow(0 0 25px rgba(255,100,50,1))}60%{transform:translate(15px) scale(1.02);filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,50,50,.5))}to{transform:translate(0) scale(1);filter:brightness(1)}}.enemy-section.defend{animation:enemyDefend .5s ease-out}@keyframes enemyDefend{0%{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 18px rgba(93,173,226,1))}to{filter:brightness(1)}}.enemy-section.death{animation:enemyDie 1.2s ease-out forwards}@keyframes enemyDie{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}50%{transform:translateY(8px) scale(.85) rotate(8deg);opacity:.6}to{transform:translateY(28px) scale(.6) rotate(20deg);opacity:0}}