@font-face{font-family:OT Miniature;src:url(/fonts/OTMiniature-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OT Miniature;src:url(/fonts/OTMiniature-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/fonts/PPNeueMontreal-Book.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/fonts/PPNeueMontreal-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/fonts/PPNeueMontreal-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Neue Montreal,system-ui,sans-serif;line-height:1.5;color:#e2e8f0;background-color:#0f0f14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;background:#0f0f14;position:relative}.progressive-wrap{position:relative;overflow:hidden}.progressive-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;filter:blur(12px);transform:scale(1.05)}.progressive-full{position:relative;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .4s ease}.progressive-full.loaded{opacity:1}.hero-pick-img{aspect-ratio:3/4}.battle-avatar.progressive-wrap{width:180px;height:240px;border-radius:8px;margin-bottom:.5rem}.win-avatar.progressive-wrap{width:220px;height:300px;border-radius:12px;margin-bottom:1rem;box-shadow:0 0 40px var(--win-glow, #fff) 40}.preview-image.progressive-wrap{width:100%;aspect-ratio:3/4;border-radius:8px}.title-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1c2a3a,#0d1117 60%,#080b0f);overflow:hidden;padding:2rem}.title-content{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:-2rem}.title-subtitle{font-family:Neue Montreal,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:#8b7a5e;margin-bottom:1.2rem}.title-card-stack{position:relative;width:160px;height:232px;margin-bottom:1.5rem}.title-card{position:absolute;width:160px;height:232px;border-radius:12px;box-shadow:0 8px 32px #0009,0 0 60px #8b7a5e26;object-fit:cover;transition:transform .4s ease}.title-card-3{transform:rotate(-8deg) translate(-12px)}.title-card-2{transform:rotate(4deg) translate(8px)}.title-card-1{transform:rotate(-1deg)}.title-card-stack:hover .title-card-3{transform:rotate(-14deg) translate(-24px) translateY(-4px)}.title-card-stack:hover .title-card-2{transform:rotate(10deg) translate(20px) translateY(-4px)}.title-card-stack:hover .title-card-1{transform:rotate(0) translateY(-8px)}.title-main{font-family:OT Miniature,serif;display:flex;flex-direction:column;gap:0;line-height:1;margin-bottom:1.2rem}.title-the{font-size:1.6rem;font-weight:400;color:#8b7a5e;letter-spacing:.5em}.title-little{font-size:3.2rem;font-weight:700;color:#d4c4a0;letter-spacing:.2em;text-shadow:0 0 40px rgba(212,196,160,.15)}.title-alchemist{font-size:4.2rem;font-weight:900;background:linear-gradient(135deg,#c9a84c,#8b6914,#c9a84c,#e8d5a3);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.08em;animation:goldShimmer 4s ease infinite}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-elements{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.3rem;margin-bottom:1.5rem}.el-divider{color:#4a3f2f;font-size:1.2rem}.title-description{font-family:Neue Montreal,sans-serif;font-size:.7rem;font-weight:500;color:#5a5040;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem}.btn-start{font-family:OT Miniature,serif;font-size:1.2rem;font-weight:700;padding:.9rem 3.5rem;border:1px solid #8b6914;background:linear-gradient(180deg,#8b691426,#8b69140d);color:#c9a84c;border-radius:4px;cursor:pointer;letter-spacing:.15em;text-transform:uppercase;transition:all .3s ease}.btn-start:hover{background:linear-gradient(180deg,#c9a84c40,#8b69141a);border-color:#c9a84c;color:#e8d5a3;box-shadow:0 0 30px #c9a84c26,inset 0 0 20px #c9a84c0d}.menu-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 50%,#1c2a3a,#0d1117 60%,#080b0f);padding:2rem;position:relative}.menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;width:100%}.menu-left{display:flex;flex-direction:column;align-items:flex-start}.menu-subtitle{font-family:Neue Montreal,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:#8b7a5e;margin-bottom:1.5rem}.menu-title{font-family:OT Miniature,serif;display:flex;flex-direction:column;line-height:1;margin-bottom:1.5rem}.menu-title-the{font-size:1.6rem;font-weight:400;color:#8b7a5e;letter-spacing:.5em}.menu-title-little{font-size:3.8rem;font-weight:700;color:#d4c4a0;letter-spacing:.15em;text-shadow:0 0 40px rgba(212,196,160,.1)}.menu-title-alchemist{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#c9a84c,#8b6914,#c9a84c,#e8d5a3);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.06em;animation:goldShimmer 4s ease infinite}.menu-elements{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;margin-bottom:1.5rem}.menu-description{font-family:Neue Montreal,sans-serif;font-size:.7rem;font-weight:500;color:#5a5040;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2.5rem}.btn-rules-menu{font-family:OT Miniature,serif;font-size:1rem;font-weight:700;padding:.7rem 2.5rem;border:1px solid #5c4a2a;background:linear-gradient(180deg,#5c4a2a26,#5c4a2a0d);color:#8b7a5e;border-radius:4px;cursor:pointer;letter-spacing:.15em;text-transform:uppercase;transition:all .3s ease}.btn-rules-menu:hover{background:linear-gradient(180deg,#c9a84c33,#8b691414);border-color:#8b7a5e;color:#c9a84c;box-shadow:0 0 20px #c9a84c1a}.menu-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-card-stack{position:relative;width:320px;height:460px;cursor:pointer;margin-bottom:1.5rem}.menu-stack-card{position:absolute;width:320px;height:460px;border-radius:16px;box-shadow:0 12px 48px #000000b3,0 0 60px #8b7a5e1a;object-fit:cover;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.menu-stack-3{transform:rotate(-6deg) translate(-14px);z-index:1}.menu-stack-2{transform:rotate(4deg) translate(10px);z-index:2}.menu-stack-1{transform:rotate(-1deg);z-index:3}.menu-card-stack.hovering .menu-stack-3{transform:rotate(-18deg) translate(-55px) translateY(-10px);box-shadow:0 16px 50px #000c,0 0 60px #c9a84c33}.menu-card-stack.hovering .menu-stack-2{transform:rotate(16deg) translate(50px) translateY(-10px);box-shadow:0 16px 50px #000c,0 0 60px #c9a84c33}.menu-card-stack.hovering .menu-stack-1{transform:rotate(0) translateY(-20px) scale(1.05);box-shadow:0 20px 60px #000c,0 0 80px #c9a84c4d}.menu-play-hint{font-family:OT Miniature,serif;font-size:1.2rem;font-weight:700;color:#5a5040;letter-spacing:.2em;text-transform:uppercase;text-align:center;transition:color .3s ease}.menu-card-stack.hovering~.menu-play-hint{color:#c9a84c}.mobile-notice{display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);font-family:Neue Montreal,sans-serif;font-size:.8rem;color:#8b7a5e;background:#0d1117e6;border:1px solid #3d321e;border-radius:8px;padding:.6rem 1.2rem;white-space:nowrap;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 768px){.mobile-notice{display:block}}.rules-screen{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at center,#1c2a3a,#0d1117 60%,#080b0f);padding:2rem}.rules-scroll{max-width:700px;width:100%;display:flex;flex-direction:column}.scroll-top,.scroll-bottom{height:24px;background:linear-gradient(180deg,#5c4a2a,#3d321e);border-radius:8px 8px 0 0;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff14;position:relative}.scroll-top:after,.scroll-bottom:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:60px;height:4px;background:#8b7a5e;border-radius:2px;top:50%;margin-top:-2px}.scroll-bottom{border-radius:0 0 8px 8px}.scroll-body{background:linear-gradient(180deg,#2a2418,#221e15,#2a2418);border-left:3px solid #3d321e;border-right:3px solid #3d321e;padding:2rem 2.5rem;position:relative}.scroll-body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.btn-scroll-back{font-family:Neue Montreal,sans-serif;font-size:.8rem;color:#8b7a5e;background:none;border:none;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .2s}.btn-scroll-back:hover{color:#d4c4a0}.scroll-title{font-family:OT Miniature,serif;font-size:2rem;color:#c9a84c;text-align:center;margin-bottom:2rem}.scroll-sections{display:flex;flex-direction:column;gap:1.5rem}.scroll-section h2{font-family:OT Miniature,serif;font-size:1.15rem;color:#c9a84c;margin-bottom:.6rem;border-bottom:1px solid #3d321e;padding-bottom:.4rem}.scroll-section p{font-family:Neue Montreal,sans-serif;color:#a09080;line-height:1.6;font-size:.9rem}.scroll-steps{display:flex;flex-direction:column;gap:.7rem}.scroll-step{display:flex;align-items:flex-start;gap:.8rem}.scroll-step-num{font-family:OT Miniature,serif;font-size:.9rem;font-weight:700;color:#c9a84c;min-width:24px;text-align:center}.scroll-step div{font-family:Neue Montreal,sans-serif;color:#a09080;line-height:1.5;font-size:.9rem}.scroll-step strong{color:#d4c4a0}.scroll-element-wheel{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.9rem;color:#d4c4a0;flex-wrap:wrap}.scroll-arrow{color:#5c4a2a;font-size:1.1rem}.scroll-divider{height:1px;background:linear-gradient(90deg,transparent,#5c4a2a,transparent);margin:.5rem 0}.scroll-heroes{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.scroll-hero{background:#0f0c0866;border:1px solid #3d321e;border-radius:6px;padding:.7rem}.scroll-hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.scroll-hero strong{font-family:OT Miniature,serif;font-size:.95rem;color:#d4c4a0}.scroll-hero-vials{font-family:Neue Montreal,sans-serif;font-size:.7rem;color:#8b7a5e}.scroll-hero p{font-family:Neue Montreal,sans-serif;font-size:.75rem;color:#7a6e5e;line-height:1.4}.select-screen{min-height:100vh;padding:2rem}.select-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.select-header h2{font-family:OT Miniature,serif;font-size:1.5rem;color:#e2e8f0}.btn-back{background:transparent;border:1px solid #475569;color:#94a3b8;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-back:hover{border-color:#e2e8f0;color:#e2e8f0}.element-pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:900px;margin:3rem auto 0}.element-pick-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem;background:linear-gradient(180deg,#1a1a2e,#14141f);border:2px solid var(--ep-secondary);border-radius:16px;cursor:pointer;transition:all .3s;font-family:OT Miniature,serif}.element-pick-card:hover{border-color:var(--ep-primary);transform:translateY(-8px);box-shadow:0 12px 40px #00000080,0 0 30px var(--ep-glow, #fff) 20}.element-pick-emoji{font-size:4rem;line-height:1}.element-pick-name{font-size:1.5rem;font-weight:700;color:var(--ep-primary);letter-spacing:.1em}.hero-pick-layout{display:grid;grid-template-columns:1fr 360px;gap:2rem;max-width:1200px;margin:0 auto}.hero-pick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-content:start}.hero-pick-card{background:#1a1a2e;border:3px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s}.hero-pick-card:hover{transform:translateY(-6px);border-color:var(--el-glow)!important;box-shadow:0 12px 32px #0006}.hero-pick-card.selected{transform:translateY(-6px);box-shadow:0 0 24px var(--el-glow, #fff) 50}.hero-pick-card img,.hero-pick-card .progressive-wrap{width:100%;aspect-ratio:3/4;display:block}.hero-pick-name{padding:.6rem .5rem .2rem;text-align:center;font-weight:700;font-size:1.1rem;font-family:OT Miniature,serif}.hero-pick-vials{text-align:center;font-size:.9rem;padding-bottom:.6rem;letter-spacing:2px}.char-card{background:#1a1a2e;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .25s;position:relative}.char-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;display:block}.char-card-name{padding:.5rem;text-align:center;font-weight:600;font-size:.85rem}.char-preview{background:#1a1a2e;border-radius:12px;padding:1.5rem;position:sticky;top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-image-wrap{width:100%;border-radius:8px;overflow:hidden}.preview-image{width:100%;display:block}.char-preview h3{font-family:OT Miniature,serif;font-size:1.5rem}.preview-zodiac,.preview-vials-emoji{color:#94a3b8;font-size:1rem;letter-spacing:3px}.preview-info{width:100%;display:flex;flex-direction:column;gap:.75rem}.preview-info .label{color:#64748b;font-size:.85rem;margin-right:.5rem}.preview-vials{display:flex;align-items:center;gap:.5rem}.vial-icons{display:flex;gap:4px}.vial-icon{width:12px;height:24px;border-radius:3px 3px 6px 6px;display:inline-block}.preview-skill{font-size:.95rem;line-height:1.4}.preview-placeholder{color:#475569;padding:4rem 0;text-align:center}.btn-confirm{width:100%;padding:.9rem;border:none;border-radius:6px;color:#fff;font-size:1.1rem;font-weight:700;font-family:OT Miniature,serif;cursor:pointer;transition:all .3s;margin-top:.5rem}.btn-confirm:hover{filter:brightness(1.2);transform:scale(1.02)}.battle-screen{min-height:100vh;padding:1.5rem;display:flex;flex-direction:column}.battle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.battle-header-left{display:flex;align-items:center;gap:1rem}.round-counter{font-family:OT Miniature,serif;font-size:1.3rem;color:#94a3b8}.element-circle{font-size:1rem;color:#64748b;letter-spacing:.1em}.battle-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;flex:1;align-items:start}.battle-player{background:#1a1a2e;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.player-label{font-family:OT Miniature,serif;font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.player-character{text-align:center}img.battle-avatar{width:180px;height:240px;object-fit:cover;object-position:top;border-radius:8px;margin-bottom:.5rem}.player-character h3{font-family:OT Miniature,serif;font-size:1.2rem}.battle-skill-desc{font-family:Neue Montreal,sans-serif;font-size:.78rem;color:#8b7a5e;margin-top:.3rem;font-style:italic}.vials-row{display:flex;gap:8px;justify-content:center}.vial{width:22px;height:48px;border-radius:4px 4px 8px 8px;position:relative;transition:all .6s ease}.vial.empty{background:#2a2a3e;border:1px solid #3a3a4e}.vial.filled{animation:vialFill .6s ease}.vial.newly-filled{animation:vialGlow 1s ease}.vial-glass{position:absolute;top:2px;left:3px;width:4px;height:12px;background:#ffffff26;border-radius:2px}@keyframes vialFill{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes vialGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5);transform:scale(1.1)}}.player-dice{display:flex;gap:1rem;margin-top:.5rem}.dice-container{text-align:center}.dice-label{font-size:.75rem;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.1em}.dice{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:2px solid #3a3a4e;border-radius:8px;font-size:1.4rem;font-weight:700;font-family:OT Miniature,serif;background:#1e1e30;color:#e2e8f0;transition:all .3s}.dice-rolling{animation:diceRoll .1s infinite}.dice-highlight .dice{border-width:2px}@keyframes diceRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-3deg) scale(.95)}75%{transform:rotate(4deg) scale(1.03)}to{transform:rotate(0) scale(1)}}.skip-warning{color:#f59e0b;font-size:.85rem;font-weight:600;padding:.3rem .8rem;background:#f59e0b15;border-radius:4px}.skill-badge{font-size:.85rem;font-weight:600;padding:.3rem .8rem;border-radius:4px;animation:fadeIn .4s ease}.skill-badge.active{color:#22c55e;background:#22c55e15}.skill-badge.inactive{color:#64748b;background:#64748b10}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.phase-label{font-family:OT Miniature,serif;font-size:1.1rem;color:#f59e0b;text-align:center;animation:pulseFade 1s ease infinite;white-space:nowrap}@keyframes pulseFade{0%,to{opacity:1}50%{opacity:.5}}.battle-center{display:flex;align-items:center;justify-content:center;padding-top:8rem}.btn-roll{font-family:OT Miniature,serif;font-size:1.3rem;font-weight:700;padding:1rem 2.5rem;border:2px solid #f59e0b;background:#f59e0b;color:#0f0f14;border-radius:8px;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-roll:hover:not(:disabled){background:#fbbf24;transform:scale(1.05);box-shadow:0 0 30px #f59e0b50}.btn-roll:disabled{opacity:.5;cursor:not-allowed}.vs-text{font-family:OT Miniature,serif;font-size:2.5rem;font-weight:900;color:#475569}.battle-log{background:#1a1a2e;border-radius:8px;padding:1rem 1.5rem;margin-top:1.5rem;max-height:200px;overflow-y:auto}.log-line{font-size:.85rem;color:#94a3b8;padding:2px 0;border-bottom:1px solid #2a2a3e}.log-line:last-child{border-bottom:none;color:#e2e8f0;font-weight:600}.win-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f14 70%);position:relative;overflow:hidden}.win-content{text-align:center;position:relative;z-index:2}.win-badge{font-size:4rem;margin-bottom:1rem;animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.win-title{font-family:OT Miniature,serif;font-size:2.5rem;color:var(--win-color);margin-bottom:2rem;text-shadow:0 0 40px var(--win-glow)}.win-character{margin-bottom:2rem}img.win-avatar{width:220px;height:300px;object-fit:cover;object-position:top;border-radius:12px;margin-bottom:1rem;box-shadow:0 0 40px var(--win-glow, #fff) 40}.win-character h2{font-family:OT Miniature,serif;font-size:1.8rem}.win-zodiac,.win-vials-emoji{color:#94a3b8;margin-top:.25rem;font-size:1.1rem;letter-spacing:3px}.win-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.particle{position:absolute;width:6px;height:6px;border-radius:50%;bottom:-10px;animation:particleFloat linear infinite;opacity:.6}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-100vh) scale(0);opacity:0}}.win-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.btn-rematch{font-family:OT Miniature,serif;font-size:1.1rem;font-weight:700;padding:.8rem 2rem;border:2px solid;background:transparent;color:#e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s}.btn-rematch:hover{background:var(--win-color);color:#0f0f14}.btn-menu{font-family:OT Miniature,serif;font-size:1.1rem;font-weight:700;padding:.8rem 2rem;border:2px solid #475569;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;transition:all .3s}.btn-menu:hover{border-color:#e2e8f0;color:#e2e8f0}@media (max-width: 1024px){.menu-layout{gap:2rem}.menu-title-little{font-size:2.8rem}.menu-title-alchemist{font-size:3.6rem}.menu-card-stack,.menu-stack-card{width:260px;height:374px}}@media (max-width: 768px){.menu-layout{grid-template-columns:1fr;gap:2rem;text-align:center}.menu-left{align-items:center}.menu-title-the{font-size:1.2rem}.menu-title-little{font-size:2.2rem}.menu-title-alchemist{font-size:2.8rem}.menu-card-stack{width:200px;height:290px}.menu-stack-card{width:200px;height:290px;border-radius:12px}.menu-card-stack.hovering .menu-stack-3{transform:rotate(-14deg) translate(-35px) translateY(-8px)}.menu-card-stack.hovering .menu-stack-2{transform:rotate(12deg) translate(30px) translateY(-8px)}.menu-card-stack.hovering .menu-stack-1{transform:rotate(0) translateY(-14px) scale(1.04)}.btn-rules-menu{align-self:center}}@media (max-width: 900px){.element-pick-grid{grid-template-columns:repeat(2,1fr)}.hero-pick-layout{grid-template-columns:1fr}.hero-pick-cards{grid-template-columns:repeat(3,1fr)}.char-preview{position:static}.battle-arena{grid-template-columns:1fr;gap:1rem}.battle-center{padding-top:0;order:-1}.battle-avatar{width:120px;height:160px}.title-alchemist{font-size:2.5rem}.title-little{font-size:2rem}.scroll-heroes{grid-template-columns:1fr}}