:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Aladin;src:url(/assets/Aladin-Regular-hPKbWBoq.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-dark: #28333B;--bg-medium: #3c3f42;--bg-light: #484C50;--accent: #8A7965;--text-primary: #ffffff;--text-secondary: #C4AE75;--border-radius: 12px;--font-heading: "Aladin", cursive, sans-serif;--breakpoint-mobile: 568px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-desktop-lg: 1280px;--breakpoint-max: 1800px}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 100%);min-height:100vh;width:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}.app{max-width:var(--breakpoint-max);margin:0 auto;padding:1rem;width:100%;box-sizing:border-box}.header-container{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1rem;overflow:visible;opacity:0;transition:opacity .3s ease}.header-container.header-ready{opacity:1}.header-elephant{height:180px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transition:transform .3s ease,filter .3s ease;flex-shrink:0}.header-elephant:hover{transform:scale(1.08);filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.header-elephant-left{z-index:1}.header-elephant-left.elephant-inner{margin-right:-25px;z-index:3;height:200px}.header-elephant-left.elephant-mid{margin-right:-15px;z-index:2;height:175px}.header-elephant-left.elephant-outer{margin-right:-10px;z-index:1;height:155px}.header-elephant-right{transform:scaleX(-1);z-index:1}.header-elephant-right:hover{transform:scaleX(-1) scale(1.08)}.header-elephant-right.elephant-inner{margin-left:-25px;z-index:3;height:200px}.header-elephant-right.elephant-mid{margin-left:-15px;z-index:2;height:175px}.header-elephant-right.elephant-outer{margin-left:-10px;z-index:1;height:155px}.header-elephant.elephant-thunder{height:230px}.header-elephant-right.elephant-aster{transform:scaleX(1)}.header-elephant-right.elephant-aster:hover{transform:scaleX(1) scale(1.08)}@media(max-width:480px){.header-elephant{height:120px}.header-elephant-left.elephant-inner{height:135px;margin-right:-14px}.header-elephant-right.elephant-inner{height:135px;margin-left:-14px}.header-elephant-left.elephant-mid{height:110px;margin-right:-10px}.header-elephant-right.elephant-mid{height:110px;margin-left:-10px}.header-elephant-left.elephant-outer{height:95px;margin-right:-8px}.header-elephant-right.elephant-outer{height:95px;margin-left:-8px}.header-elephant.elephant-thunder{height:145px}}.app-header{text-align:center;margin:0;padding:1.5rem;background-image:url(/assets/banner-DOSLRbwq.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:0;box-shadow:0 4px 20px #0000004d;position:relative;border:none;width:fit-content;max-width:900px;z-index:2}.help-btn-corner{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;font-size:1.3rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.7}.help-btn-corner:hover{opacity:1;background:#fff3;transform:scale(1.1)}.app-header h1{font-family:var(--font-heading);font-size:2.5rem;margin-top:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#c4ae75,#c8c1b1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1rem}.stats{font-size:.9rem;color:var(--accent);font-weight:600;margin-bottom:1rem}.start-game-btn{font-family:var(--font-heading);padding:1rem 2.5rem 1rem 4rem;border:none;border-radius:12px;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:1.3rem;font-weight:400;margin-top:.5rem;box-shadow:0 4px 15px #0000004d;min-width:210px;min-height:50px;letter-spacing:.03em}.start-game-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #0006;filter:brightness(1.1)}.header-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:nowrap}.view-nav{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.nav-btn{padding:.75rem 1.5rem;border:2px solid var(--bg-medium);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600}.nav-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.nav-btn.active{background:var(--accent);border-color:var(--accent)}.main-nav{padding:1rem 2rem;background:var(--bg-light);margin-bottom:1rem}.main-nav .nav-btn{padding:.5rem 1rem;font-size:.9rem}.section-divider{width:100%;height:20px;background-image:url(/assets/banner_edge-Dr_zOvxV.png);background-size:auto 100%;background-position:center;background-repeat:no-repeat;margin:1rem 0}.app-header:after,.controls:after{content:"";display:block;width:80%;background-image:url(/assets/banner_edge-Dr_zOvxV.png);background-size:auto 100%;background-position:center;background-repeat:no-repeat;opacity:.8}.controls{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:.5rem;padding:.75rem 0 0;background:var(--bg-light);border-radius:var(--border-radius);position:relative}.controls label{font-weight:600;color:var(--text-primary)}.element-select{padding:.75rem 1rem;font-size:1rem;border:2px solid var(--bg-medium);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:250px}.element-select:hover{border-color:var(--accent)}.element-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e9456033}.how-to-play-btn{padding:.6rem 1.2rem;background:#ffffff1a;border:2px solid var(--bg-medium);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.4rem;white-space:nowrap;width:fit-content}.how-to-play-btn:hover{border-color:var(--accent);background:#ffffff26}.filter-btn-square{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.view-toggle-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.view-toggle-buttons{display:flex;gap:.5rem}.view-toggle-btn{padding:.5rem 1rem;background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600}.filter-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.sort-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:relative}.filter-buttons{display:flex;gap:.5rem}.filter-btn{padding:.4rem .4rem .4rem .8rem;background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;min-width:40px;overflow:hidden;color:#fff}.filter-btn.text-only{padding:.4rem .8rem;font-size:.85rem;font-weight:600;color:var(--text-primary);min-width:auto}.filter-btn.text-only .filter-label{max-width:100px;opacity:1}.filter-btn:hover{background:#ffffff1a;border-color:var(--accent);padding:.4rem .8rem;min-width:auto}.filter-btn.active{background:var(--accent);border-color:var(--accent)}.filter-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.filter-label{color:var(--text-primary);font-size:.85rem;font-weight:600;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s ease,opacity .3s ease}.filter-btn:hover .filter-label{max-width:120px;opacity:1;margin-left:.2rem}.strategy-toggle-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.sort-dropdown-btn{padding:.5rem 1rem;background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;position:relative}.sort-dropdown-btn:hover{background:#ffffff1a;border-color:var(--accent)}.sort-dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-medium);border:2px solid var(--bg-light);border-radius:8px;box-shadow:0 4px 15px #0000004d;z-index:100;min-width:150px}.sort-dropdown-menu button{display:block;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s ease;font-size:.9rem;line-height:1.2;font-weight:600}.sort-dropdown-menu button:hover{background:var(--accent)}.sort-dropdown-menu button:first-child{border-radius:6px 6px 0 0}.sort-dropdown-menu button:last-child{border-radius:0 0 6px 6px}.filter-dropdown-group{position:relative;display:flex;align-items:center}.filter-dropdown-btn{padding:.6rem 1rem;background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.filter-dropdown-btn:hover{background:#ffffff1a;border-color:var(--accent)}.filter-dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-medium);border:2px solid var(--bg-light);border-radius:8px;box-shadow:0 4px 15px #0000004d;z-index:100;min-width:200px;max-height:300px;overflow-y:auto}.dropdown-quick-actions{display:flex;gap:.5rem;padding:.75rem;border-bottom:2px solid var(--bg-dark)}.dropdown-quick-actions button{flex:1;padding:.4rem .6rem;background:#ffffff0d;border:1px solid var(--bg-medium);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.dropdown-quick-actions button:hover{background:var(--accent)}.dropdown-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;color:var(--text-primary)}.dropdown-checkbox-item:hover{background:#ffffff1a}.dropdown-checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.dropdown-icon{width:20px;height:20px;object-fit:contain}.element-rows{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;padding:0 1rem;margin:0 auto}.element-row{background:var(--bg-light);border-radius:var(--border-radius);padding:.5rem;border:2px solid var(--bg-medium);transition:all .3s ease;position:relative;max-width:100%}.element-info{display:flex;align-items:center;gap:.75rem;flex:1}.element-emoji{font-size:2rem}.element-info .animated-element-emoji.element-emoji{margin:-.25rem 0}.element-name{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary)}.element-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.element-theme{font-style:italic;color:var(--text-secondary);font-size:.95rem;margin-left:.5rem}.type-icon-small{width:20px;height:20px;object-fit:contain}.element-spells{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,270px);gap:.75rem;margin-bottom:2rem;justify-items:center;justify-content:center}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem;margin:0 2rem 2rem;padding:0 1rem}.element-card{background:#ffffff0d;border:3px solid transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;position:relative;min-height:180px}.element-card:hover{transform:translateY(-5px);background:#ffffff1a;box-shadow:0 5px 15px #0000004d;border-color:var(--accent)}.element-card .element-emoji{font-size:2.5rem}.element-card .animated-element-emoji.element-emoji{margin:-.45rem 0 -.1rem}.element-card .element-name{font-weight:600;font-size:1rem;text-align:center}.element-card .element-theme{font-size:.85rem;font-style:italic;color:var(--text-secondary);margin-top:.3rem;font-weight:500;opacity:.9;text-align:center}.element-type-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:auto}.element-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#ffffff1a;border-radius:6px;font-size:.85rem;font-weight:600}.spell-name{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:700}.type-icon{cursor:help;opacity:.9}.modal-overlay{position:fixed;inset:0;background:#000c;background-image:url(/assets/frame_bkgd-B7n69PXY.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;z-index:4000;padding:2rem;animation:fadeIn .2s ease}.modal{background:var(--bg-medium);border-radius:var(--border-radius);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 10px 50px #00000080}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:var(--text-primary);font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;transition:background-color .2s ease,transform .2s ease;z-index:10}.close-btn:hover{background:var(--accent);transform:scale(1.05)}.modal-header{padding:2rem 4rem 2rem 2rem;border-bottom:3px solid var(--bg-dark)}.modal-header h2{font-family:var(--font-heading);font-size:2.2rem;margin-bottom:1rem;color:var(--text-primary);letter-spacing:.03em}.modal-badges{display:flex;gap:.75rem;flex-wrap:wrap}.modal-body{padding:2rem}.effect-section{margin-bottom:2rem}.effect-section h3{font-size:1.2rem;margin-bottom:1rem;color:var(--accent)}.effect-section p{line-height:1.7;color:var(--text-secondary)}.instruction-text{font-size:1.05rem;line-height:1.8;color:var(--text-primary);padding:1rem;border-radius:8px;border-left:4px solid var(--accent)}.theme-text{font-style:italic;color:var(--accent);font-size:1.1rem}.conjury-notice{background:#fa43;border:2px solid #ffaa44;padding:1rem;border-radius:8px;color:#fa4;font-weight:600;text-align:center}.restrictions-text{color:#f84;font-weight:500}.effect-code{background:var(--bg-dark);padding:1rem;border-radius:8px;overflow-x:auto;font-size:.85rem;line-height:1.5;color:#4f8;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.app{padding:1rem}.app-header h1{font-size:3rem}.spell-grid{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch;gap:1rem}.view-toggle-group,.filter-group,.sort-group{flex-direction:column;align-items:stretch}.filter-buttons{flex-wrap:wrap;justify-content:center}.how-to-play-btn{position:static;transform:none;margin-top:.5rem}.element-select{width:100%}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.element-row-header{flex-direction:column;align-items:flex-start}.element-meta{width:100%;justify-content:space-between}.element-spells{justify-content:center}}@media(orientation:landscape)and (max-height:600px){.modal{max-height:65vh;max-width:90vw;display:flex;flex-direction:column;overflow:hidden}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden}.modal-footer{flex-shrink:0}.modal .spell-card--xl,.modal .spell-card--large{max-width:160px;max-height:50vh}.modal .spell-card__image-wrapper{max-height:35vh}}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}.modal::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:#f57}.control-group{display:flex;flex-direction:column;gap:.5rem}.alice-hand-panel{background:var(--bg-medium);border:2px solid var(--accent);border-radius:var(--border-radius);padding:1rem;margin-top:1rem}.hand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hand-header h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--accent);letter-spacing:.03em}.clear-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid var(--accent);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.clear-btn:hover{background:var(--accent)}.selected-spells{display:flex;flex-wrap:wrap;gap:.75rem}.selected-spell-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.remove-btn{background:#ff44444d;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-btn:hover{background:#f44}.add-to-hand-btn{width:100%;padding:.5rem;margin-top:.5rem;background:var(--accent);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.add-to-hand-btn:hover:not(:disabled){background:#f57;transform:translateY(-2px)}.add-to-hand-btn:disabled{opacity:.5;cursor:not-allowed}.spell-card.not-implemented{opacity:.6;filter:grayscale(.5)}.spell-card.not-implemented:hover{transform:translateY(0);box-shadow:0 4px 15px #0000004d}.not-implemented-badge{margin-top:auto;padding:.5rem;background:#aa44ff4d;border:1px solid #aa44ff;border-radius:6px;text-align:center;font-size:.75rem;color:#a4f;font-weight:600}.inline-logo{height:1.2em;vertical-align:middle;margin-right:.25em}.inline-logo-small{height:1em;vertical-align:middle;margin-right:.15em}.spinner-logo{height:3rem;animation:spin 1.5s linear infinite}@media(orientation:portrait)and (max-width:600px){.start-game-btn{font-size:1.1rem;padding:.75rem 1.5rem .75rem 3rem;min-width:160px}.app-header h1{font-size:1.8rem;white-space:nowrap}.controls{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.75rem}.filter-btn{padding:.4rem .6rem}.element-spells{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.element-spells .spell-card--large{max-width:none;width:100%}}@media(orientation:landscape)and (max-height:600px){.element-spells .spell-card--large{max-width:180px}.element-spells{gap:.5rem}.element-rows{gap:1rem}}.account-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.85rem}.account-name{font-weight:700}.account-badge{padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);opacity:.85;font-size:.75rem}.account-badge-subscriber{border-color:#f0c75e;color:#f0c75e}.account-link{background:none;border:none;color:#9ec5f0;cursor:pointer;font-size:.8rem;text-decoration:underline;padding:0}.account-upgrade{color:#f0c75e;border:1px solid rgba(240,199,94,.55);border-radius:999px;padding:2px 10px;text-decoration:none;font-weight:700}.account-upgrade:hover{background:#f0c75e24}.lobby-container{position:relative;min-height:100vh;overflow:hidden;padding:48px clamp(18px,4vw,64px);color:#fff8df;background:radial-gradient(circle at 18% 12%,rgba(255,147,66,.28),transparent 30%),radial-gradient(circle at 82% 18%,rgba(88,149,255,.24),transparent 28%),linear-gradient(135deg,#160f18,#24172b 45%,#0f1826)}.lobby-container:before{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(250,214,132,.24);border-radius:34px;box-shadow:inset 0 0 50px #fad68414}.lobby-orb{position:absolute;width:260px;height:260px;border-radius:999px;filter:blur(38px);opacity:.38;pointer-events:none;animation:lobbyFloat 8s ease-in-out infinite alternate}.lobby-orb-fire{left:-70px;bottom:12%;background:#ff8a2f}.lobby-orb-water{right:-80px;top:8%;background:#3da4ff;animation-delay:-2s}.lobby-hero,.lobby-shell{position:relative;z-index:1}.lobby-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 28px}.lobby-brand{display:flex;align-items:center;gap:18px}.lobby-logo{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.4))}.lobby-kicker,.lobby-eyebrow{margin:0 0 4px;color:#e8bd67;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lobby-hero h1,.lobby-panel h2{margin:0;line-height:1}.lobby-hero h1{font-family:Aladin,Georgia,serif;font-size:clamp(3rem,8vw,5.8rem);color:#ffe9a9;text-shadow:0 5px 24px rgba(0,0,0,.45)}.lobby-copy{max-width:410px;margin:0;color:#fff8dfc7;font-size:1.02rem;line-height:1.55}.lobby-shell{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(280px,.8fr);gap:22px;max-width:1180px;margin:0 auto}.lobby-panel{padding:24px;border:1px solid rgba(250,214,132,.28);border-radius:28px;background:linear-gradient(180deg,#462f26db,#1b1624e0),#16101ad6;box-shadow:0 24px 60px #00000052,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lobby-panel-primary{min-height:520px}.lobby-wide{grid-column:1 / -1}.lobby-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.lobby-panel h2{color:#fff1bf;font-size:clamp(1.6rem,3vw,2.35rem)}.lobby-room-badge,.lobby-seat-count{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(255,225,154,.34);border-radius:999px;color:#ffe9a9;background:#ffde821a;font-weight:800}.lobby-form{display:grid;gap:16px}.lobby-identity{display:grid;gap:6px}.lobby-identity span{color:#fff8dfc2;font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.lobby-identity strong{font-size:1.05rem}.lobby-form label,.lobby-invite span{display:grid;gap:8px;color:#fff8dfc2;font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.lobby-form input,.lobby-invite input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid rgba(255,225,154,.24);border-radius:16px;color:#fff8df;background:#05080e6b;font-size:1rem;outline:none}.lobby-form input:focus,.lobby-invite input:focus{border-color:#f5c96e;box-shadow:0 0 0 4px #f5c96e24}.lobby-form input:disabled{color:#fff8dfb3;cursor:not-allowed}.lobby-room-input-row,.lobby-actions,.lobby-invite{display:flex;gap:12px}.lobby-room-input-row input,.lobby-invite div{flex:1}.lobby-main-btn,.lobby-secondary-btn,.lobby-small-btn{border:0;border-radius:16px;color:#201307;cursor:pointer;font-weight:900;letter-spacing:.02em;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.lobby-main-btn{flex:1;padding:15px 18px;background:linear-gradient(135deg,#ffe08a,#f09443);box-shadow:0 12px 28px #f0944347;font-size:1.02rem}.lobby-main-btn.is-ready{background:linear-gradient(135deg,#99f0b2,#42d987);box-shadow:0 12px 28px #42d9873d}.lobby-secondary-btn,.lobby-small-btn{padding:13px 16px;color:#ffe9a9;background:#ffebb21f;border:1px solid rgba(255,225,154,.26)}.lobby-main-btn:hover,.lobby-secondary-btn:hover,.lobby-small-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.lobby-ready-card{display:grid;gap:10px}.lobby-ready-card p{margin:0;color:#fff8dfb8}.lobby-invite{align-items:end;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,225,154,.16)}.lobby-status{margin-top:20px;padding:14px 16px;border-radius:18px;color:#fff8dfd1;background:#ffffff12}.lobby-status.has-error{color:#ffe2df;background:#ff50502e}.lobby-seats{display:grid;gap:14px}.lobby-seat{display:flex;align-items:center;gap:14px;padding:16px;border:1px dashed rgba(255,225,154,.2);border-radius:20px;background:#ffffff0f}.lobby-seat.occupied{border-style:solid;background:#ffde821c}.lobby-seat.ready{border-color:#6ef09b8c;box-shadow:0 0 24px #6ef09b1f}.lobby-seat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#0000003d;font-size:1.35rem}.lobby-seat strong,.lobby-seat span{display:block}.lobby-seat span{margin-top:4px;color:#fff8dfa8;font-size:.9rem}.lobby-mini-guide{margin-top:20px;padding:18px;border-radius:20px;background:#05080e47}.lobby-mini-guide h3{margin:0 0 10px;color:#ffe9a9}.lobby-mini-guide ol{margin:0;padding-left:20px;color:#fff8dfbd;line-height:1.7}.lobby-elements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lobby-element-card{position:relative;min-height:128px;padding:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--element-color),white 30%);border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--element-color),transparent 55%),transparent 58%),#ffffff0f}.lobby-element-card:after{content:"";position:absolute;inset:auto -30px -52px auto;width:120px;height:120px;border-radius:999px;background:var(--element-color);opacity:.14}.lobby-element-emoji{display:block;margin-bottom:10px;font-size:2rem}.lobby-element-card strong{color:#fff1bf;font-size:1.15rem}.lobby-element-card p{margin:8px 0 0;color:#fff8dfad;line-height:1.45}@keyframes lobbyFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(22px,-18px,0) scale(1.08)}}@media(max-width:900px){.lobby-hero{align-items:flex-start;flex-direction:column}.lobby-shell,.lobby-elements{grid-template-columns:1fr}.lobby-panel-primary{min-height:auto}}@media(max-width:560px){.lobby-container{padding:28px 14px}.lobby-container:before{inset:8px;border-radius:24px}.lobby-brand{align-items:flex-start}.lobby-logo{width:58px;height:58px}.lobby-panel{padding:18px;border-radius:22px}.lobby-actions,.lobby-invite,.lobby-room-input-row{flex-direction:column}}.login-gate{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:16px;background:#080a0ca3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.login-gate-card{position:relative;width:100%;max-width:460px;max-height:calc(100dvh - 32px);overflow-y:auto;background-image:url(/assets/frame_bkgd-B7n69PXY.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:0;border-radius:0;padding:42px 38px;text-align:center;color:#f0ede6;box-shadow:0 24px 60px #00000085,0 0 0 1px #ffffff0a;animation:gateSlideUp .24s ease}.gate-close{position:absolute;top:22px;right:24px;background:none;border:none;color:#f0ede6;opacity:.7;font-size:1.1rem;cursor:pointer;line-height:1;padding:6px}.gate-close:hover{opacity:1}.login-gate-logo{width:78px;height:78px;object-fit:contain;padding:9px;border-radius:50%;background:radial-gradient(circle,#f8efd1,#d6bd78 58%,#7b6040);box-shadow:0 0 0 2px #fff8dc59,0 8px 20px #00000073;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.login-gate-card h1{margin:8px 0 4px;font-family:var(--font-heading);font-size:2rem;font-weight:400;color:var(--text-secondary);letter-spacing:.04em}.login-gate-card h2{margin:4px 0 12px;font-family:var(--font-heading);font-size:1.45rem;font-weight:400;color:var(--text-secondary)}.login-gate-tagline{opacity:.75;margin:0 0 20px}.login-gate-choices{display:flex;flex-direction:column;gap:10px}.gate-btn{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:100%;padding:12px 16px;border-radius:12px;border:2px solid rgba(196,174,117,.38);background:#ffffff12;color:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,background-color .12s ease,filter .12s ease}.gate-btn span{font-size:.78rem;font-weight:400;opacity:.7}.gate-btn:hover:not(:disabled){background-color:#ffffff24;transform:translateY(-1px)}.login-gate-choices .gate-btn{min-height:62px;padding:.7rem 1.4rem .7rem 3.2rem;border-color:#c4ae7561;background-color:transparent;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;font-family:var(--font-heading);font-size:1.25rem;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.55)}.login-gate-choices .gate-btn span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.74rem;line-height:1.15;text-shadow:none}.login-gate-choices .gate-btn:hover:not(:disabled){background-color:transparent;filter:brightness(1.08)}.gate-btn:disabled{opacity:.6;cursor:wait}.gate-btn-primary{min-height:50px;background-color:transparent;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-color:#c4ae7561;font-family:var(--font-heading);font-size:1.25rem;font-weight:400}.gate-btn-primary:hover:not(:disabled){background-color:transparent;filter:brightness(1.1)}.gate-btn-google{background:#fff;color:#333;border-color:#fff}.gate-btn-google:hover:not(:disabled){background:#f1f1f1}.gate-link{margin-top:14px;background:none;border:none;color:#f0c75e;cursor:pointer;font-size:.85rem;text-decoration:underline}.gate-form{display:flex;flex-direction:column;gap:10px;text-align:left}.gate-form h2{text-align:center}.gate-field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;opacity:.9}.gate-field input{padding:10px 12px;border-radius:6px;border:1px solid rgba(196,174,117,.4);background:#00000040;color:inherit;font-size:1rem}.gate-field input:focus{outline:2px solid #c4ae75;border-color:transparent}.gate-divider{display:flex;align-items:center;gap:10px;opacity:.5;font-size:.8rem}.gate-divider:before,.gate-divider:after{content:"";flex:1;height:1px;background:currentColor}.gate-password-rules{list-style:none;margin:0;padding:0 4px;font-size:.78rem;opacity:.75;display:flex;flex-direction:column;gap:2px}.gate-password-rules li.met{color:#7ed491;opacity:1}.gate-error{background:#dc50502e;border:1px solid rgba(220,80,80,.5);color:#ffb4b4;border-radius:8px;padding:8px 12px;font-size:.85rem}.gate-hint{font-size:.83rem;opacity:.75;margin:0;text-align:center}.gate-stub-note{color:#ffd98a;opacity:.9}.gate-plans{display:flex;gap:10px}.gate-plan{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:6px;border:2px solid rgba(196,174,117,.35);background:#ffffff0f;color:inherit;cursor:pointer;text-align:center}.gate-plan.selected{border-color:#f0c75e;background:#f0c75e24}.gate-plan em{font-size:.7rem;opacity:.6;font-style:normal}.gate-plan-disabled{opacity:.55;cursor:default}.gate-plan-soon{margin-top:2px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffd98a}.gate-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;cursor:pointer}.gate-checkbox input{margin-top:2px}@media(max-width:480px),(max-height:680px){.login-gate{align-items:flex-start;padding:10px}.login-gate-card{max-height:calc(100dvh - 20px);padding:26px 18px;background-size:cover}.login-gate-logo{width:62px;height:62px;padding:7px}.login-gate-card h1{font-size:1.55rem;margin-top:6px}.login-gate-card h2{font-size:1.25rem;margin-bottom:8px}.login-gate-tagline{margin-bottom:12px;font-size:.85rem}.login-gate-choices{gap:8px}.login-gate-choices .gate-btn{min-height:56px;padding:.55rem .9rem .55rem 2.55rem;font-size:1.1rem}.login-gate-choices .gate-btn span{font-size:.68rem}.gate-form{gap:8px}.gate-plans{flex-direction:column}}@keyframes gateSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.spell-card{background:#797979;border:1px solid transparent;border-radius:12px;padding:1rem;transition:all .2s ease;text-align:left;position:relative;display:flex;flex-direction:column}.spell-card--clickable{cursor:pointer}@media(hover:hover)and (pointer:fine){.spell-card--clickable:hover{transform:translateY(-5px);background:#5c5b5b;box-shadow:0 8px 25px #0006}}@media(max-width:767px){.spell-card:hover,.spell-card--clickable:hover{transform:none!important;box-shadow:none!important}}@media(hover:none)and (pointer:coarse){.spell-card--clickable:active{transform:scale(.95);opacity:.9;background:#505050}}.spell-card--selected{border-color:#4caf50!important;background:#4caf501a;box-shadow:0 0 0 3px #4caf5066}.spell-card__checkmark{content:"✓";position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 2px 5px #0000004d;z-index:10}.spell-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.4rem;flex-wrap:wrap}.spell-card__element-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#ffffff1a;border-radius:6px;font-size:.8rem;font-weight:600}.spell-card__priority-badge{padding:2px 6px;font-size:.75rem;background:#666;color:#fff;border-radius:4px;font-weight:700;white-space:nowrap}.spell-card__class-badge{padding:.2rem .5rem;background:#8a796580;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;margin-left:auto}.spell-card__strategy{font-size:.75rem;line-height:1.3;color:var(--text-secondary);font-style:italic;padding:.5rem;background:#0003;border-radius:4px;margin-bottom:.5rem}.spell-card__details-btn{background:#ffffff80;border:none;color:var(--text-primary);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;transition:background-color .2s ease,transform .2s ease;font-size:.9rem}@media(hover:hover){.spell-card__details-btn:hover{background:var(--accent);transform:scale(1.1)}}.spell-card__details-btn--overlay{position:absolute;bottom:2px;right:2px;z-index:20}.spell-card__name{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:700;line-height:1.2}.spell-card__types{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;font-size:1.5rem}.spell-card__type-icon{opacity:.9;display:inline-flex;align-items:center;justify-content:center}.spell-card__type-img{width:34px;height:34px;object-fit:contain;vertical-align:middle}.spell-card__summary{font-size:.85rem;line-height:1.4;color:var(--text-secondary);margin-top:auto;padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:pre-line}.spell-card--medium{padding:.5rem .75rem}.spell-card--medium .spell-card__summary{margin-top:0;padding-top:0;font-size:.8rem;line-height:1.3;-webkit-line-clamp:unset;display:block;overflow:visible}.spell-card--medium .spell-card__details-btn{position:absolute;bottom:4px;right:4px}.spell-card__conjury-badge{margin-bottom:.5rem;display:inline-block;padding:.2rem .5rem;background:#e945604d;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--accent)}.spell-card--xl{width:min(400px,90vw)}.spell-card--large{width:100%;max-width:270px;padding:.5rem}@media(max-width:200px){.spell-card--large{padding:.3rem}}.spell-card--medium{width:100%;max-width:270px;min-height:44px;border-color:#fff3;padding:.4rem .6rem}@media(max-width:200px){.spell-card--medium{padding:.25rem .4rem}}.spell-card--mini{width:120px;max-width:120px;min-height:44px;padding:6px 8px;border-radius:8px}.spell-card--mini .spell-card__header{gap:2px;margin-bottom:0;justify-content:flex-start;align-items:center}.spell-card--mini .spell-card__element{font-size:1.1rem;flex-shrink:0}.spell-card--mini .spell-card__name{font-size:.75rem;white-space:nowrap;overflow:visible;flex:1;line-height:1.1rem;display:flex;align-items:center}.spell-card--mini .spell-card__types,.spell-card--mini .spell-card__priority-badge{display:none}.spell-card--mini .spell-card__type-img{width:16px;height:16px}.spell-card--small{width:100%;max-width:200px;min-height:44px;padding:.5rem .6rem}@media(max-width:200px){.spell-card--small{padding:.25rem .35rem;font-size:.85rem}}.spell-card--small .spell-card__details-btn,.spell-card--mini .spell-card__details-btn{display:none}.spell-card--small .spell-card__header{align-items:center;gap:.3rem;margin-bottom:0;flex-wrap:nowrap;overflow:visible;justify-content:flex-start}.spell-card--small .spell-card__element{font-size:1.2rem;flex-shrink:0}.spell-card--small .spell-card__name{flex:1;font-size:.9rem;white-space:nowrap;margin-bottom:0;overflow:visible;display:flex;align-items:center;line-height:1.1rem}.spell-card--small .spell-card__types{display:flex;flex-wrap:nowrap;gap:.2rem;margin-bottom:0;overflow:hidden}.spell-card--small .spell-card__type-icon{font-size:.85rem;flex-shrink:0}.spell-card--small .spell-card__type-img{width:20px;height:20px}.spell-card--small .spell-card__priority-badge{padding:2px 6px;font-size:.75rem;background:#666;color:#fff}.spell-card--medium .spell-card__header{align-items:center;gap:.5rem;margin-bottom:0}.spell-card--medium .spell-card__element{font-size:1.2rem}.spell-card--medium .spell-card__name{flex:1;font-size:.9rem;white-space:nowrap;margin-bottom:0}.spell-card--medium .spell-card__types{display:flex;flex-wrap:nowrap;gap:.2rem;margin-bottom:0;overflow:hidden}.spell-card--hidden{display:flex;align-items:center;justify-content:center;background:#0003}.spell-card--hidden.spell-card--mini{width:120px;max-width:120px;min-height:auto;padding:4px 6px}.spell-card--hidden.spell-card--small{width:100%;max-width:200px;min-height:auto;padding:.4rem .5rem}.spell-card--hidden.spell-card--medium{width:100%;max-width:270px;min-height:auto;padding:.4rem .6rem}.spell-card--hidden.spell-card--large{width:100%;max-width:270px;min-height:auto;padding:.5rem}.spell-card__hidden-content{display:flex;flex-direction:row;align-items:center;gap:.5rem}.spell-card--hidden.spell-card--mini .spell-card__element{font-size:1.1rem}.spell-card--hidden.spell-card--small .spell-card__element{font-size:1.2rem}.spell-card--hidden.spell-card--medium .spell-card__element{font-size:1.3rem}.spell-card--hidden.spell-card--large .spell-card__element{font-size:1.4rem}.spell-card__hidden-text{font-size:.75rem;color:var(--text-secondary);font-style:italic}.spell-card__image-wrapper{position:relative;width:100%;border-radius:8px;overflow:visible;margin-bottom:.75rem;background:#0000004d}.spell-card__image{width:100%;height:100%;object-fit:cover;display:block}.spell-card--xl .spell-card__image-wrapper{flex:1 0 auto;aspect-ratio:2.5 / 3.5}.spell-card__image-wrapper--xl-only{width:100%;height:100%;margin-bottom:0;border-radius:inherit}.spell-card--selected .spell-card__image-wrapper--xl-only{box-shadow:0 0 0 3px #4caf50e6}@media(hover:hover){.spell-card--clickable:hover{background:#5c5b5b;box-shadow:0 8px 25px #0006}}.spell-card--large .spell-card__image-wrapper{aspect-ratio:2.5 / 3.5;max-height:100%}@keyframes interactPulse{0%,to{box-shadow:0 0 8px #ffd70080;border-color:gold}50%{box-shadow:0 0 12px #ffd700b3;border-color:orange}}.spell-card--glowing{animation:interactPulse 2s infinite ease-in-out!important;border:1px solid #FFD700!important;z-index:5!important;position:relative!important;transition:none!important}.spell-card__imitate-badge{position:absolute;top:2px;right:2px;background:#3b3b3be6;color:#fff;border:none;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;cursor:pointer;z-index:10}.spell-card__imitate-badge:hover{background:#8a2be2}.spell-card--imitating .spell-card__image{filter:grayscale(100%);opacity:.85}.animated-element-emoji{--element-motion-state: running;position:relative;display:inline-grid;flex:0 0 auto;place-items:center;line-height:1;vertical-align:middle;isolation:isolate}.animated-element-emoji__image{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 70%;animation-play-state:var(--element-motion-state)}.animated-element-emoji__effect,.animated-element-emoji:before,.animated-element-emoji:after{position:absolute;z-index:1;content:"";pointer-events:none;animation-play-state:var(--element-motion-state)}.animated-element-emoji--hover{--element-motion-state: paused}.element-card:hover .animated-element-emoji--hover,.element-card:focus-visible .animated-element-emoji--hover,.element-row-select-btn:hover .animated-element-emoji--hover,.element-row-select-btn:focus-visible .animated-element-emoji--hover{--element-motion-state: running}.animated-element-emoji--fallback{align-items:center;justify-content:center;font-family:system-ui,sans-serif}.animated-element-emoji--fire .animated-element-emoji__image{animation:noto-fire-flicker 1.15s ease-in-out infinite}.animated-element-emoji--fire .animated-element-emoji__effect{inset:18% 17% 8%;border-radius:48% 48% 42% 42%;background:#ff5b1a6b;filter:blur(10px);animation:noto-fire-glow 1.15s ease-in-out infinite}.animated-element-emoji--fire:before,.animated-element-emoji--fire:after{width:7%;height:7%;border-radius:50%;background:#ffd45a;box-shadow:0 0 8px #ff7e26e6;opacity:0;animation:noto-fire-ember 1.7s ease-out infinite}.animated-element-emoji--fire:before{left:30%;bottom:24%}.animated-element-emoji--fire:after{right:27%;bottom:19%;animation-delay:.65s}.animated-element-emoji--water .animated-element-emoji__image{animation:noto-water-float 1.9s ease-in-out infinite}.animated-element-emoji--water .animated-element-emoji__effect,.animated-element-emoji--water:after{left:18%;right:18%;bottom:7%;height:14%;border:3px solid rgba(91,205,255,.72);border-radius:50%;opacity:0;animation:noto-water-ripple 1.9s ease-out infinite}.animated-element-emoji--water:after{animation-delay:.7s}.animated-element-emoji--wind .animated-element-emoji__image{transform-origin:50% 58%;animation:noto-wind-twist 1.55s ease-in-out infinite}.animated-element-emoji--wind .animated-element-emoji__effect{inset:12% 2% 10%;border:3px solid rgba(82,218,206,.52);border-color:rgba(82,218,206,.52) transparent;border-radius:50%;animation:noto-wind-orbit 1.55s linear infinite}.animated-element-emoji--earth .animated-element-emoji__image{animation:noto-earth-quake 2.6s ease-in-out infinite}.animated-element-emoji--earth .animated-element-emoji__effect{left:15%;right:15%;bottom:4%;height:17%;background:linear-gradient(124deg,transparent 43%,#e0a44c 44% 49%,transparent 50%) 18% 0 / 28% 100% no-repeat,linear-gradient(55deg,transparent 43%,#e0a44c 44% 49%,transparent 50%) 78% 0 / 28% 100% no-repeat;opacity:0;animation:noto-earth-cracks 2.6s ease-out infinite}.animated-element-emoji--earth:after{left:7%;right:7%;bottom:7%;height:8%;border-radius:50%;background:#c17d2e6b;filter:blur(7px);animation:noto-earth-impact 2.6s ease-out infinite}.animated-element-emoji--wood .animated-element-emoji__image{transform-origin:50% 92%;animation:noto-wood-grow 2.4s ease-in-out infinite}.animated-element-emoji--wood .animated-element-emoji__effect{inset:8% 8% 25%;border-radius:50%;background:#57c45642;filter:blur(9px);animation:noto-wood-canopy 2.4s ease-in-out infinite}.animated-element-emoji--metal .animated-element-emoji__image{animation:noto-metal-bolster 2s ease-in-out infinite}.animated-element-emoji--metal .animated-element-emoji__effect{inset:7%;border:3px solid rgba(191,229,255,.75);border-radius:50%;opacity:0;animation:noto-metal-ring 2s ease-out infinite}.animated-element-emoji--metal:after{top:10%;bottom:10%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(2px);transform:translate(-170%) rotate(14deg);animation:noto-metal-shine 2s ease-in-out infinite}.animated-element-emoji--time .animated-element-emoji__image{transform-origin:50% 50%;animation:noto-time-settle 3.8s ease-in-out infinite}.animated-element-emoji--time .animated-element-emoji__effect{left:48%;top:34%;width:4%;height:31%;border-radius:999px;background:linear-gradient(#ffe070,#d89a12);box-shadow:0 0 7px #ffd248d1;transform-origin:50% 0%;animation:noto-time-sand 3.8s ease-in infinite}.animated-element-emoji--space .animated-element-emoji__image{animation:noto-space-drift 3.2s ease-in-out infinite}.animated-element-emoji--space .animated-element-emoji__effect{inset:8%;border:3px solid rgba(218,101,223,.58);border-color:rgba(218,101,223,.58) transparent;border-radius:50%;transform:rotate(-20deg);animation:noto-space-orbit 2.6s linear infinite}.animated-element-emoji--space:after{top:50%;left:50%;width:7%;height:7%;border-radius:50%;background:#f6d8ff;box-shadow:0 0 8px #da65dfe6;animation:noto-space-satellite 2.6s linear infinite}.animated-element-emoji--sunbeam .animated-element-emoji__image{animation:noto-sunbeam-charge 2s ease-in-out infinite}.animated-element-emoji--sunbeam .animated-element-emoji__effect{inset:-5%;border-radius:50%;background:#ffde3c57;filter:blur(8px);animation:noto-sunbeam-flare 2s ease-out infinite}.animated-element-emoji--moonshine .animated-element-emoji__image{animation:noto-moonshine-float 2.8s ease-in-out infinite}.animated-element-emoji--moonshine .animated-element-emoji__effect{inset:13%;border-radius:50%;background:#768cff52;filter:blur(9px);animation:noto-moonshine-heal 2.8s ease-in-out infinite}.animated-element-emoji--shadow .animated-element-emoji__image{animation:noto-shadow-phase 2.6s ease-in-out infinite}.animated-element-emoji--shadow:before,.animated-element-emoji--shadow:after{inset:14%;border-radius:50%;background:#6f4b9859;filter:blur(4px);opacity:0;animation:noto-shadow-echo 2.6s ease-out infinite}.animated-element-emoji--shadow:after{animation-delay:.75s}.animated-element-emoji--starlight .animated-element-emoji__image{transform-origin:40% 66%;animation:noto-starlight-shoot 2.8s cubic-bezier(.22,.64,.3,1) infinite}.animated-element-emoji--starlight .animated-element-emoji__effect{inset:20% 24% 16% 8%;border-radius:50%;background:radial-gradient(circle at 35% 68%,rgba(255,247,174,.82),rgba(255,223,67,.24) 34%,transparent 68%);filter:blur(5px);animation:noto-starlight-glow 2.8s ease-out infinite}.animated-element-emoji--starlight:after{left:23%;top:52%;width:62%;height:8%;border-radius:999px;background:linear-gradient(90deg,rgba(255,248,192,.95),rgba(255,220,74,.48),transparent);filter:blur(3px);transform:rotate(-39deg);transform-origin:left center;animation:noto-starlight-wake 2.8s ease-out infinite}.animated-element-emoji--blood .animated-element-emoji__image{transform-origin:50% 82%;animation:noto-blood-sacrifice 2.25s ease-in-out infinite}.animated-element-emoji--blood .animated-element-emoji__effect{inset:11%;border:4px solid rgba(175,0,18,.65);border-radius:50%;opacity:0;animation:noto-blood-power 2.25s ease-out infinite}.animated-element-emoji--ichor .animated-element-emoji__image{transform-origin:30% 58%;animation:noto-ichor-wing 1.8s ease-in-out infinite}.animated-element-emoji--ichor .animated-element-emoji__effect{top:50%;left:50%;width:11%;height:11%;border-radius:50%;background:#dff7ff;box-shadow:0 0 10px #73d7ffeb;animation:noto-ichor-seize 1.8s ease-in-out infinite}.animated-element-emoji--venom .animated-element-emoji__image{transform-origin:50% 78%;animation:noto-venom-sway 2.2s ease-in-out infinite}.animated-element-emoji--venom:before,.animated-element-emoji--venom:after{width:10%;height:10%;border-radius:50%;background:#8be230b8;opacity:0;animation:noto-venom-bubble 2.2s ease-out infinite}.animated-element-emoji--venom:before{left:22%;bottom:22%}.animated-element-emoji--venom:after{right:17%;bottom:30%;animation-delay:.7s}.animated-element-emoji--nectar .animated-element-emoji__image{animation:noto-nectar-preserve 2.5s ease-in-out infinite}.animated-element-emoji--nectar .animated-element-emoji__effect{inset:5%;border:4px solid rgba(255,196,44,.72);border-radius:50%;opacity:0;animation:noto-nectar-shield 2.5s ease-out infinite}.animated-element-emoji--lightning .animated-element-emoji__image{animation:noto-lightning-strike 1.05s steps(2,end) infinite}.animated-element-emoji--lightning:before,.animated-element-emoji--lightning:after{width:18%;height:3px;border-radius:2px;background:#fff4a3;box-shadow:0 0 8px #ffe026f2;opacity:0;animation:noto-lightning-spark 1.05s ease-out infinite}.animated-element-emoji--lightning:before{left:8%;top:30%;transform:rotate(-28deg)}.animated-element-emoji--lightning:after{right:7%;bottom:27%;transform:rotate(-28deg);animation-delay:.3s}.animated-element-emoji--thunder .animated-element-emoji__image{transform-origin:50% 50%;animation:noto-thunder-compress 1.9s ease-in-out infinite}.animated-element-emoji--thunder .animated-element-emoji__effect{inset:28%;border-radius:50%;background:radial-gradient(circle,rgba(233,230,255,.88),rgba(140,130,245,.28) 42%,transparent 72%);filter:blur(3px);opacity:0;animation:noto-thunder-core 1.9s ease-out infinite}.animated-element-emoji--thunder:before,.animated-element-emoji--thunder:after{left:50%;top:50%;width:34%;height:68%;border:3px solid rgba(171,163,255,.72);border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scaleX(.35);animation:noto-thunder-wave 1.9s ease-out infinite}.animated-element-emoji--thunder:after{animation-delay:.32s}.animated-element-emoji--twilight .animated-element-emoji__image{transform-origin:50% 50%;animation:noto-twilight-spin 4.8s linear infinite}.animated-element-emoji--twilight:before,.animated-element-emoji--twilight:after{inset:8%;border-radius:50%;filter:blur(8px);opacity:0;animation:noto-twilight-light 3.4s ease-in-out infinite}.animated-element-emoji--twilight:before{background:#ffd35b61}.animated-element-emoji--twilight:after{background:#66399775;animation-name:noto-twilight-dark}@keyframes noto-fire-flicker{0%,to{transform:translateY(1%) rotate(-1deg) scaleX(.98)}35%{transform:translateY(-3%) rotate(1.5deg) scale(1.04,1.06)}70%{transform:translateY(0) rotate(-.5deg) scaleY(.97)}}@keyframes noto-fire-glow{0%,to{opacity:.42;transform:scale(.9)}45%{opacity:.82;transform:scale(1.08)}}@keyframes noto-fire-ember{0%,38%{opacity:0;transform:translate(0) scale(.5)}50%{opacity:.95}to{opacity:0;transform:translate(12px,-42px) scale(.15)}}@keyframes noto-water-float{0%,to{transform:translateY(2%) scale(.98)}45%{transform:translateY(-5%) scale(1.03)}}@keyframes noto-water-ripple{0%,34%{opacity:0;transform:scale(.48)}44%{opacity:.75}82%,to{opacity:0;transform:scale(1.35)}}@keyframes noto-wind-twist{0%,to{transform:translate(-4%) rotate(-4deg) scaleX(.96)}50%{transform:translate(4%) rotate(5deg) scaleX(1.04)}}@keyframes noto-wind-orbit{to{transform:rotate(360deg)}}@keyframes noto-earth-quake{0%,37%,63%,to{transform:translate(0) rotate(0)}41%{transform:translate(-4%,2%) rotate(-2deg)}45%{transform:translate(4%,-1%) rotate(2deg)}49%{transform:translate(-3%,1%) rotate(-1deg)}53%{transform:translate(3%) rotate(1deg)}57%{transform:translate(-1%) rotate(0)}}@keyframes noto-earth-cracks{0%,37%{opacity:0;transform:scaleX(.55)}45%,72%{opacity:1;transform:scaleX(1)}to{opacity:0}}@keyframes noto-earth-impact{0%,37%{opacity:0;transform:scale(.4)}46%{opacity:.75}72%,to{opacity:0;transform:scale(1.2)}}@keyframes noto-wood-grow{0%,to{transform:rotate(-1.5deg) scale(.94,.92)}45%{transform:rotate(1.8deg) scale(1.03,1.06)}72%{transform:rotate(-.6deg) scale(.99,1.01)}}@keyframes noto-wood-canopy{0%,to{opacity:.25;transform:scale(.82)}48%{opacity:.68;transform:scale(1.08)}}@keyframes noto-metal-bolster{0%,to{transform:scale(.96);filter:brightness(.95)}42%{transform:scale(1.06);filter:brightness(1.18)}68%{transform:scale(1);filter:brightness(1)}}@keyframes noto-metal-ring{0%,28%{opacity:0;transform:scale(.56)}42%{opacity:.9}76%,to{opacity:0;transform:scale(1.18)}}@keyframes noto-metal-shine{0%,25%{opacity:0;transform:translate(-170%) rotate(14deg)}38%{opacity:.9}65%,to{opacity:0;transform:translate(170%) rotate(14deg)}}@keyframes noto-time-settle{0%,to{transform:rotate(0)}44%{transform:rotate(-1.5deg)}52%{transform:rotate(1.5deg)}60%{transform:rotate(0)}}@keyframes noto-time-sand{0%,8%{opacity:0;transform:translateY(-8%) scaleY(.08)}16%{opacity:.9;transform:translateY(0) scaleY(.7)}32%,68%{opacity:.92;transform:translateY(5%) scaleY(1)}86%{opacity:0;transform:translateY(18%) scaleY(.35)}to{opacity:0;transform:translateY(18%) scaleY(.08)}}@keyframes noto-space-drift{0%,to{transform:translate(-2%,2%) rotate(-3deg)}50%{transform:translate(3%,-4%) rotate(3deg)}}@keyframes noto-space-orbit{to{transform:rotate(340deg)}}@keyframes noto-space-satellite{0%{transform:translate(-26px,-20px)}25%{transform:translate(25px,-16px)}50%{transform:translate(29px,21px)}75%{transform:translate(-24px,25px)}to{transform:translate(-26px,-20px)}}@keyframes noto-sunbeam-charge{0%,to{transform:scale(.96) rotate(-2deg);filter:brightness(.95)}45%{transform:scale(1.09) rotate(2deg);filter:brightness(1.22)}65%{transform:scale(1);filter:brightness(1.05)}}@keyframes noto-sunbeam-flare{0%,30%{opacity:.18;transform:scale(.72)}48%{opacity:.85;transform:scale(1.18)}80%,to{opacity:.12;transform:scale(.94)}}@keyframes noto-moonshine-float{0%,to{transform:translateY(3%) rotate(-3deg)}50%{transform:translateY(-5%) rotate(3deg)}}@keyframes noto-moonshine-heal{0%,to{opacity:.2;transform:scale(.78)}50%{opacity:.7;transform:scale(1.12)}}@keyframes noto-shadow-phase{0%,to{transform:translate(-2%) scale(.98);filter:brightness(.75)}50%{transform:translate(3%) scale(1.03);filter:brightness(1)}}@keyframes noto-shadow-echo{0%,25%{opacity:0;transform:translate(0) scale(.7)}45%{opacity:.52}82%,to{opacity:0;transform:translate(22%) scale(1.12)}}@keyframes noto-starlight-shoot{0%{opacity:0;transform:translate(12%,-13%) scale(.9)}12%{opacity:.85;transform:translate(8%,-9%) scale(.94)}48%{opacity:1;transform:translate(-2%,3%) scale(1.04)}72%{opacity:.85;transform:translate(-8%,9%) scale(.98)}84%{opacity:0;transform:translate(-12%,13%) scale(.94)}84.01%,to{opacity:0;transform:translate(12%,-13%) scale(.9)}}@keyframes noto-starlight-glow{0%,8%{opacity:0;transform:translate(8%,-8%) scale(.68)}42%{opacity:.72;transform:translate(0) scale(1.14)}76%{opacity:.12;transform:translate(-8%,8%) scale(.9)}84%,to{opacity:0;transform:translate(8%,-8%) scale(.68)}}@keyframes noto-starlight-wake{0%,8%{opacity:0;transform:rotate(-39deg) scaleX(.12)}36%{opacity:.78;transform:rotate(-39deg) scaleX(1)}74%{opacity:.16;transform:rotate(-39deg) translate(22%) scaleX(.62)}84%,to{opacity:0;transform:rotate(-39deg) scaleX(.12)}}@keyframes noto-blood-sacrifice{0%,to{transform:scale(1);filter:brightness(1)}36%{transform:scale(.86,.78);filter:brightness(.72)}56%{transform:scale(1.12,1.18);filter:brightness(1.25)}72%{transform:scale(1)}}@keyframes noto-blood-power{0%,35%{opacity:0;transform:scale(.45)}55%{opacity:.88}82%,to{opacity:0;transform:scale(1.22)}}@keyframes noto-ichor-wing{0%,to{transform:rotate(-4deg) scaleX(.96)}50%{transform:rotate(5deg) scaleX(1.06)}}@keyframes noto-ichor-seize{0%{opacity:0;transform:translate(35px,-24px) scale(.45)}30%{opacity:1}75%,to{opacity:0;transform:translate(-2px,2px) scale(.9)}}@keyframes noto-venom-sway{0%,to{transform:rotate(-4deg) translate(-2%)}50%{transform:rotate(5deg) translate(3%)}}@keyframes noto-venom-bubble{0%,30%{opacity:0;transform:translateY(0) scale(.4)}45%{opacity:.85}to{opacity:0;transform:translateY(-38px) scale(1.05)}}@keyframes noto-nectar-preserve{0%,to{transform:translateY(2%) scale(.98)}50%{transform:translateY(-3%) scale(1.04)}}@keyframes noto-nectar-shield{0%,28%{opacity:0;transform:scale(.62)}48%,70%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}@keyframes noto-lightning-strike{0%,to{transform:translate(0) scale(.98);filter:brightness(1)}25%{transform:translate(-3%,2%) scale(1.08);filter:brightness(1.35)}50%{transform:translate(3%,-2%) scale(.96)}75%{transform:translate(-1%) scale(1.04)}}@keyframes noto-lightning-spark{0%,35%{opacity:0}48%{opacity:1}72%,to{opacity:0}}@keyframes noto-thunder-compress{0%,20%,to{transform:scaleX(.96) scaleY(1);filter:brightness(.92)}38%{transform:scaleX(.82) scaleY(1.04);filter:brightness(1)}52%{transform:scaleX(1.08) scaleY(.98);filter:brightness(1.34)}72%{transform:scale(1);filter:brightness(1)}}@keyframes noto-thunder-core{0%,30%,to{opacity:0;transform:scale(.35)}48%{opacity:.9;transform:scale(.82)}72%{opacity:0;transform:scale(1.35)}}@keyframes noto-thunder-wave{0%,34%{opacity:0;transform:translate(-50%,-50%) scaleX(.35)}48%{opacity:.82}82%,to{opacity:0;transform:translate(-50%,-50%) scaleX(2.5)}}@keyframes noto-twilight-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes noto-twilight-light{0%,45%,to{opacity:.1;transform:translate(-8%) scale(.8)}22%{opacity:.72;transform:translate(-3%) scale(1.08)}}@keyframes noto-twilight-dark{0%,45%,to{opacity:.1;transform:translate(8%) scale(.8)}72%{opacity:.78;transform:translate(3%) scale(1.08)}}@media(prefers-reduced-motion:reduce){.animated-element-emoji{--element-motion-state: paused}}.element-icon{width:1em;height:1em;object-fit:contain;vertical-align:middle;display:inline-block;flex:0 0 auto}.element-icon--fallback{font-size:1em}.instruction-text{display:inline-block;line-height:1.5}.instruction-icon{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin:0 2px;display:inline-block}.instruction-icon-emoji{font-size:1.2em;margin:0 2px;vertical-align:middle}.instruction-this-clash{color:#b29a72;font-weight:700}.instruction-icon--interactive{cursor:pointer;outline:none;transition:filter .12s}.instruction-icon--interactive:hover,.instruction-icon--interactive:focus-visible,.instruction-icon--pinned{filter:brightness(1.4) drop-shadow(0 0 4px rgba(255,255,255,.3))}.instruction-icon__tooltip{position:fixed;width:180px;padding:.4rem .55rem;border-radius:8px;background:#12181df7;border:1px solid rgba(196,174,117,.4);pointer-events:none;z-index:9999;display:flex;flex-direction:column;gap:.15rem}.instruction-icon__tooltip-caret{position:absolute;top:100%;width:0;height:0;border:5px solid transparent;border-top-color:#c4ae7566;transform:translate(-50%)}.instruction-icon__name{font-weight:800;font-size:.83rem;text-transform:capitalize;white-space:nowrap;color:var(--text-primary, #f0e6d3)}.instruction-icon__description{color:var(--text-secondary, #b0a89a);font-size:.72rem;line-height:1.3}@media(max-width:767px)and (orientation:landscape){.instruction-icon{width:20px;height:20px}.instruction-icon-emoji{font-size:1em}}.spell-preview-types__badges{display:flex;gap:.75rem;align-items:center}.spell-preview-type{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer;opacity:.6;transition:opacity .12s;outline:none;flex:0 0 auto}.spell-preview-type:hover,.spell-preview-type:focus-visible,.spell-preview-type--pinned{opacity:1}.spell-preview-type__icon{width:26px;height:26px;object-fit:contain}.spell-preview-type--referenced{opacity:.45}.spell-preview-type--referenced:hover,.spell-preview-type--referenced:focus-visible,.spell-preview-type--referenced.spell-preview-type--pinned{opacity:1}.spell-preview-type--referenced .spell-preview-type__icon{filter:grayscale(.4);border-radius:50%;outline:1.5px dashed rgba(255,255,255,.35);outline-offset:2px}.spell-preview-type--referenced:hover .spell-preview-type__icon,.spell-preview-type--referenced:focus-visible .spell-preview-type__icon,.spell-preview-type--referenced.spell-preview-type--pinned .spell-preview-type__icon{filter:none;outline-color:#ffffffb3}.spell-preview-type__fallback{display:grid;place-items:center;font-size:1rem;width:26px;height:26px}.spell-preview-type__tooltip{position:fixed;width:180px;padding:.4rem .55rem;border-radius:8px;background:#12181df7;border:1px solid rgba(196,174,117,.4);pointer-events:none;z-index:9999;display:flex;flex-direction:column;gap:.15rem}.spell-preview-type__tooltip-caret{position:absolute;top:100%;width:0;height:0;border:5px solid transparent;border-top-color:#c4ae7566;transform:translate(-50%)}.spell-preview-type__name{font-weight:800;font-size:.83rem;text-transform:capitalize;white-space:nowrap;color:var(--text-primary)}.spell-preview-type__description{color:var(--text-secondary);font-size:.72rem;line-height:1.3}.action-type-badges__badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.action-type-badge{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer;opacity:1;transition:filter .12s;outline:none;flex:0 0 auto}.action-type-badge:hover,.action-type-badge:focus-visible,.action-type-badge--pinned{filter:brightness(1.4) drop-shadow(0 0 4px rgba(255,255,255,.3))}.action-type-badge--highlighted{background:#ffdc5040;border-color:#ffdc50b3;box-shadow:0 0 6px #ffdc5066;transition:background .2s,box-shadow .2s}.action-type-badge__icon{width:26px;height:26px;object-fit:contain}.action-type-badge__fallback{display:grid;place-items:center;font-size:1rem;width:26px;height:26px}.action-type-badge__tooltip{position:fixed;width:180px;padding:.4rem .55rem;border-radius:8px;background:#12181df7;border:1px solid rgba(196,174,117,.4);pointer-events:none;z-index:9999;display:flex;flex-direction:column;gap:.15rem}.action-type-badge__tooltip-caret{position:absolute;top:100%;width:0;height:0;border:5px solid transparent;border-top-color:#c4ae7566;transform:translate(-50%)}.action-type-badge__name{font-weight:800;font-size:.83rem;white-space:nowrap;color:var(--text-primary)}.action-type-badge__description{color:var(--text-secondary);font-size:.72rem;line-height:1.3}.spell-preview__badges-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;max-width:100%;margin-top:5px}.spell-preview__badges-row .spell-preview-types,.spell-preview__badges-row .spell-preview-types__badges,.spell-preview__badges-row .action-type-badges,.spell-preview__badges-row .action-type-badges__badges{display:contents}.action-type-badge__text{font-size:.72rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;background:#ffffff14;border-radius:4px;padding:2px 6px;line-height:1.2;pointer-events:none}.action-type-badge:hover .action-type-badge__text,.action-type-badge:focus-visible .action-type-badge__text,.action-type-badge--pinned .action-type-badge__text{background:#fff3;color:var(--text-primary)}.action-type-badge:has(.action-type-badge__text){width:auto;height:auto}.action-type-badge:has(.action-type-badge__text):hover,.action-type-badge:has(.action-type-badge__text):focus-visible,.action-type-badge:has(.action-type-badge__text).action-type-badge--pinned{filter:none}.action-type-icon{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;line-height:1}.action-type-icon__image{display:block;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.38))}.action-type-icon--damage .action-type-icon__image{filter:drop-shadow(0 2px 3px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(255,74,80,.9))}.action-type-icon--heal .action-type-icon__image{filter:drop-shadow(0 2px 3px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(66,165,245,.92))}.action-type-icon--weaken .action-type-icon__image{filter:drop-shadow(0 2px 3px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(255,159,67,.92))}.action-type-icon--bolster .action-type-icon__image{filter:drop-shadow(0 2px 3px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(78,201,118,.92))}.action-type-icon--advance .action-type-icon__image{filter:drop-shadow(0 2px 3px rgba(0,0,0,.38))}.action-type-icon__fallback{display:inline-grid;place-items:center}.action-type-icon__label{font-weight:800}.how-to-play-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.how-to-play-modal{background:linear-gradient(145deg,#3c3f42,#28333b);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.how-to-play-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;padding:0;line-height:1;flex-shrink:0;aspect-ratio:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.how-to-play-close:hover{background:#8a7965;transform:scale(1.1)}.how-to-play-content{padding:2rem}.how-to-play-content h1{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#c4ae75,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.htp-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.htp-section:last-child{border-bottom:none;margin-bottom:0}.htp-section h2{font-family:var(--font-heading);font-size:1.4rem;color:#c4ae75;margin-bottom:.75rem;letter-spacing:.03em}.htp-section h3{font-family:var(--font-heading);font-size:1.1rem;color:#fff;margin-top:1rem;margin-bottom:.5rem;letter-spacing:.02em;opacity:.9}.htp-section p{color:#ffffffd9;line-height:1.6;margin-bottom:.5rem}.htp-section ol,.htp-section ul{color:#ffffffd9;line-height:1.8;padding-left:1.5rem;margin-bottom:.5rem}.htp-section li{margin-bottom:.3rem}.htp-section strong{color:#fff}.htp-highlight{font-size:1.1rem;font-weight:600;color:#c4ae75!important;text-align:center;padding:.75rem;background:#c4ae751a;border-radius:8px;margin-bottom:1rem}.htp-tip{background:#64c8641a;border-left:3px solid #4caf50;padding:.5rem .75rem;border-radius:0 8px 8px 0;color:#ffffffe6!important;font-size:.9rem;margin-top:.5rem}.htp-steps{display:flex;flex-direction:column;gap:.75rem}.htp-step{display:flex;align-items:flex-start;gap:.75rem;background:#ffffff0d;padding:.75rem;border-radius:8px}.htp-step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#8a7965,#6d5f4e);border-radius:50%;font-weight:700;font-size:1rem;flex-shrink:0}.htp-step strong{display:block;margin-bottom:.25rem;color:#fff}.htp-step p{margin:0;font-size:.9rem;color:#ffffffbf}.htp-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.htp-action{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.6rem;border-radius:8px}.htp-action-icon{font-size:1.5rem;flex-shrink:0}.htp-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.htp-action strong{display:block;font-size:.85rem;color:#fff}.htp-action p{margin:0;font-size:.75rem;color:#fff9}.htp-section--final{text-align:center}.htp-section--final h2{font-size:1.5rem}.how-to-play-modal::-webkit-scrollbar{width:8px}.how-to-play-modal::-webkit-scrollbar-track{background:#0003;border-radius:4px}.how-to-play-modal::-webkit-scrollbar-thumb{background:#8a7965;border-radius:4px}@media(max-width:600px){.how-to-play-content{padding:1.5rem}.how-to-play-content h1{font-size:1.5rem}.htp-section h2{font-size:1rem}.htp-actions-grid{grid-template-columns:1fr}}.settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:settingsFadeIn .2s ease}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:linear-gradient(145deg,#3c3f42,#28333b);border-radius:16px;padding:1.5rem;max-width:380px;width:90%;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;animation:settingsSlideUp .25s ease}@keyframes settingsSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;font-size:1.2rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.settings-close:hover{background:#fff3}.settings-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin:0 0 1.25rem}.settings-section{margin-top:.5rem}.settings-section-title{font-weight:700;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .3rem}.settings-section-desc{font-size:.8rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.settings-mode-row{display:flex;flex-direction:column;gap:.5rem}.settings-mode-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.6rem .8rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.settings-mode-btn:hover{background:#ffffff1f}.settings-mode-btn--active{border-color:#c4ae75b3;background:#c4ae7526}.settings-mode-label{font-weight:700;color:var(--text-primary);font-size:.9rem}.settings-mode-desc{color:var(--text-secondary);font-size:.78rem;margin-top:2px}.game-view{margin:0;padding:0;color:var(--text-primary);width:100%;height:100vh;max-width:100%;box-sizing:border-box;background-image:url(/assets/frame_bkgd-B7n69PXY.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;position:relative;overflow:hidden}.game-view *{box-sizing:border-box}.game-top-panel{position:sticky;top:0;z-index:1000;background:#28333bf2;border-bottom:3px solid #8B7355;box-shadow:0 4px 15px #0006;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.3rem}.player-stat-row{display:flex;align-items:center;gap:.75rem;padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,.1)}.player-stat-section{flex:0 0 auto;display:flex;justify-content:center}.top-panel-center{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.top-counters{font-size:.9rem;font-weight:700;color:var(--text-primary);padding:.25rem .75rem;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);white-space:nowrap;letter-spacing:.02em}.top-settings-btn{flex:0 0 auto;padding:.3rem;line-height:0}.top-settings-btn,.top-htplay-btn,.top-exit-btn{flex:0 0 auto;padding:.3rem .7rem;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.top-settings-btn:hover,.top-htplay-btn:hover,.top-exit-btn:hover{background:#ffffff24;color:var(--text-primary)}.top-exit-btn{border-color:#ffb4b452;color:#ffb4b4}.player-stat-compact{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#ffffff0d;border-radius:8px;border:2px solid rgba(255,255,255,.1);width:fit-content;flex:0 1 auto}.player-stat-compact.you{border-color:#4caf50;background:#4caf501a}.player-name-compact{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.3rem}.ringleader-icon,.invulnerable-icon{font-size:.9rem}.health-compact,.trunks-compact{display:flex;gap:.2rem;align-items:center}.heart-mini,.trunk-mini{font-size:.9rem;line-height:1}.heart-mini.filled{color:#f44;filter:drop-shadow(0 0 3px rgba(255,68,68,.4))}.heart-mini.empty{opacity:.2;filter:grayscale(1)}.trunk-mini.ghost{opacity:.3;filter:grayscale(1)}.end-round-banner{display:flex;flex-direction:column;gap:.5rem;padding:.65rem .8rem;border-radius:8px;border:2px solid rgba(201,168,76,.45);background:linear-gradient(90deg,#28333bf7,#1c1814f2);animation:endRoundBannerIn .3s cubic-bezier(.2,.75,.24,1)}@keyframes endRoundBannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.erb-title{font-family:var(--font-heading);font-size:1.1rem;color:#c9a84c;font-weight:900;text-align:center;letter-spacing:.08em}.erb-players{display:flex;gap:.5rem;flex-wrap:wrap}.erb-player{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.4rem .7rem;background:#ffffff12;border-radius:8px;border:1px solid rgba(255,255,255,.1);flex:1 1 200px;min-width:0}.erb-player-name{font-weight:700;font-size:.88rem;color:var(--text-primary)}.erb-health{display:inline-flex;gap:.15rem;align-items:center}.erb-trunks{color:gold;font-weight:700;font-size:.88rem}.erb-graveyard{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.erb-gy-label{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.erb-actions{display:flex;justify-content:center;padding-top:.1rem}.game-controls-row{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;position:relative;min-height:28px}.game-status-info{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.game-status-info.left{position:absolute;left:0}.center-action-area{display:flex;flex-direction:column;align-items:center;gap:.5rem}.phase-directions{color:var(--text-primary);font-weight:600;font-size:1rem;text-align:center;padding:.5rem .75rem;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #ffffff08}.phase-directions.phase-prepare{color:#e8f5e9;background:#4caf5026}.phase-directions.phase-reveal{color:#e3f2fd;background:#2196f31f}.phase-directions.phase-resolve{color:#fff8e1;background:#ffc1071f}.phase-directions.phase-migrate{color:#f3e5f5;background:#9c27b01f}.phase-directions.phase-action-needed{border-color:#4caf5066;box-shadow:0 0 0 1px #4caf500f}.phase-hero{position:relative;display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:8px;border:2px solid rgba(255,255,255,.14);background:#12181db8;box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 20px #00000038}.phase-hero__badge{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.35rem .8rem;border-radius:8px;color:#fff;font-weight:900;text-transform:uppercase;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.phase-hero__icon{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff24;font-size:1.05rem}.phase-hero__label{letter-spacing:.08em;font-size:1.05rem}.phase-hero__copy{min-width:0;display:flex;align-items:center}.phase-hero__instruction{color:var(--text-primary);font-weight:800;font-size:1.05rem}.phase-hero__resolver{color:#ffffffb8;font-size:.82rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-hero.phase-prepare{border-color:#4caf508c;background:linear-gradient(90deg,#1c5333d1,#12181dc7)}.phase-hero.phase-reveal{border-color:#2196f399;background:linear-gradient(90deg,#164872db,#12181dc7)}.phase-hero.phase-resolve{border-color:#ffc1079e;background:linear-gradient(90deg,#704e10d9,#12181dc7)}.phase-hero.phase-migrate{border-color:#9c78ff9e;background:linear-gradient(90deg,#483a80db,#12181dc7)}.phase-hero.phase-action-needed{animation:phaseGlow 1.6s ease-in-out infinite}.phase-hero.phase-waiting{border-color:#78909cb8;background:linear-gradient(90deg,#36444de6,#12181dd1);animation:multiplayerWaitingPulse 1.8s ease-in-out infinite}.phase-hero.phase-choice-required{border-color:#ffab40eb;background:linear-gradient(90deg,#82410ef5,#311d14e6);animation:multiplayerChoicePulse 1.05s ease-in-out infinite}.phase-hero.phase-choice-required .phase-hero__badge{background:#ffb34733;border-color:#ffce8485}.phase-hero__activity{position:absolute;right:.9rem;top:50%;display:inline-flex;gap:.3rem;transform:translateY(-50%)}.phase-hero__activity span{width:.48rem;height:.48rem;border-radius:50%;background:#d9e1e5;box-shadow:0 0 9px #d9e1e5a6;animation:multiplayerWaitingDot 1.2s ease-in-out infinite}.phase-choice-required .phase-hero__activity span{background:#ffd180;box-shadow:0 0 11px #ffab40e6}.phase-hero__activity span:nth-child(2){animation-delay:.16s}.phase-hero__activity span:nth-child(3){animation-delay:.32s}@keyframes multiplayerWaitingPulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff0a,0 0 8px #78909c1f}50%{box-shadow:inset 0 0 0 1px #ffffff17,0 0 28px #90a4ae6b}}@keyframes multiplayerChoicePulse{0%,to{transform:translateY(0);box-shadow:0 0 10px #ff980038}50%{transform:translateY(-2px);box-shadow:0 0 32px #ff980094}}@keyframes multiplayerWaitingDot{0%,70%,to{transform:translateY(0) scale(.82);opacity:.4}35%{transform:translateY(-5px) scale(1.08);opacity:1}}.player-stat-compact.player-disconnected .player-name-compact{color:#879099;filter:grayscale(1);text-decoration:line-through;text-decoration-thickness:1px}.spell-in-clash.anim-spell-reveal{animation:multiplayerSpellReveal 1.35s cubic-bezier(.22,.85,.3,1);transform-style:preserve-3d;transform-origin:center}@keyframes multiplayerSpellReveal{0%{transform:perspective(900px) rotateY(90deg) scale(.88);filter:brightness(1.8);opacity:.25}48%{transform:perspective(900px) rotateY(-8deg) scale(1.04);filter:brightness(1.35);opacity:1}to{transform:perspective(900px) rotateY(0) scale(1);filter:brightness(1);opacity:1}}@keyframes phaseGlow{0%,to{box-shadow:inset 0 0 0 1px #ffffff0a,0 0 #4caf5000}50%{box-shadow:inset 0 0 0 1px #ffffff14,0 0 22px #4caf5047}}.action-buttons-center{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.status-label{color:var(--text-secondary);font-weight:600}.status-value{font-weight:700;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.status-value.phase-prepare{color:#4caf50}.status-value.phase-reveal{color:#2196f3}.status-value.phase-resolve{color:var(--accent)}.status-value.phase-migrate{color:#9c27b0}.inline-logo-mini{height:1rem;vertical-align:middle;margin-right:.2rem}.action-buttons{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-left:1rem}.action-buttons-center button,.action-buttons button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem}.status-message-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1500;animation:slideDown .3s ease}.status-message{background:#18181ef2;border:1px solid rgba(255,255,255,.15);border-left:4px solid var(--accent);border-radius:12px;padding:.85rem 1.5rem;color:var(--text-primary);font-weight:700;box-shadow:0 6px 20px #0000008c;cursor:pointer;transition:transform .2s ease,opacity .2s ease,border-color .2s ease;max-width:560px;text-align:center}.status-message--info{border-left-color:#2196f3}.status-message--waiting{border-left-color:#ffb300}.status-message--error{border-left-color:#f44336}.status-message:hover{transform:scale(1.02);opacity:.9}.status-message--waiting{animation:multiplayerStatusWaiting 1.7s ease-in-out infinite}@keyframes multiplayerStatusWaiting{0%,to{box-shadow:0 6px 20px #0000008c,0 0 #ffb30000}50%{box-shadow:0 6px 20px #0000008c,0 0 24px #ffb30061}}.status-message__text{font-size:.95rem;line-height:1.4}.status-message__subtext{font-size:.8rem;opacity:.7;margin-top:.25rem;font-weight:400}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.player-hand-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.player-hand-bottom{position:fixed;bottom:0;left:0;right:0;z-index:700;background-color:#28333bfa;border-top:3px solid #4caf50;box-shadow:0 -4px 15px #00000080;padding:.5rem .75rem;margin-bottom:44px}.player-hand-bottom .player-hand-row{border-top:none;padding-top:0}.player-hand-bottom .discard-btn-compact{float:right}.hand-section{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;position:relative;overflow:visible}.hand-label-row{display:flex;flex-direction:row;align-items:center;gap:.5rem}.hand-cards-row{display:flex;flex-direction:row;gap:.3rem;align-items:center;flex-wrap:wrap;width:100%}.hand-label-compact{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.empty-hand-message{font-size:.75rem;color:var(--text-muted);font-style:italic}.hand-cards-mini{display:flex;flex-direction:row;gap:.25rem;flex-wrap:wrap;flex:1;padding:.2rem 0}.hand-card-mini{flex-shrink:0;cursor:pointer;transition:transform .1s ease,filter .1s ease;position:relative}@media(hover:hover)and (pointer:fine){.hand-card-mini:hover{transform:translateY(-2px);filter:brightness(1.1)}}@media(hover:none)and (pointer:coarse){.hand-card-mini:active{transform:scale(.98);filter:brightness(.9)}}.hand-card-mini.selected{transform:translateY(-3px);box-shadow:0 0 0 2px #4caf5099,0 3px 10px #0000004d}@media(hover:hover)and (pointer:fine){.hand-card-mini.selected:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #4caf50cc,0 4px 12px #0006}}.hand-card-mini.selected:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #4caf50}.hand-card-mini.glowing{animation:handGlow 2s infinite ease-in-out}@keyframes handGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.empty-hand-message{font-size:.8rem;color:var(--text-secondary);font-style:italic}.discard-section{display:flex;gap:.5rem;flex-shrink:0}.discard-btn-compact{padding:.4rem .8rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;background:#8b73554d;border:1px solid #8B7355;border-radius:6px;color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.discard-btn-compact:hover:not(:disabled){background:#8b735580;transform:translateY(-2px);box-shadow:0 2px 8px #0000004d}.discard-btn-compact:disabled{opacity:.4;cursor:not-allowed}.opponent-hand-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);flex-wrap:nowrap;overflow:visible}.opponent-hand-row .hand-section{flex-direction:row;align-items:center;min-width:0}.opponent-hand-elements{display:flex;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;align-items:center;flex:1;min-width:0;scrollbar-width:none;position:relative;overflow-y:visible}.opponent-hand-elements::-webkit-scrollbar{display:none}.opponent-hand-element-chip{display:inline-flex;align-items:center;gap:.24rem;max-width:118px;min-height:26px;padding:.16rem .44rem;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.11);color:#ffffffd6;font-size:.8rem;line-height:1;white-space:nowrap;flex:0 0 auto}.opponent-hand-element-emoji{flex:0 0 auto;opacity:.9}.opponent-hand-element-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.how-to-play-fab{position:fixed;top:20px;right:20px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:var(--accent);border:2px solid #8B7355;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transition:all .3s ease;z-index:1100;padding:0;line-height:1}.how-to-play-fab:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 6px 20px #00000080;background:#ff1744}.debug-header{background:#ff98001a;border-bottom:2px solid #ff9800;padding:.5rem 1rem}.controls-row{margin-top:.5rem;padding:.5rem;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.scenario-selector,.player-selector{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.scenario-selector label,.player-selector label{font-weight:600;font-size:.85rem}.scenario-btn,.player-btn{padding:.4rem .8rem;border:2px solid var(--bg-medium);border-radius:6px;background:var(--bg-dark);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:600}.scenario-btn:hover,.player-btn:hover{border-color:var(--accent)}.scenario-btn.active,.player-btn.active{background:var(--accent);border-color:var(--accent)}.player-panel{background-image:url(/assets/frame_bkgd-B7n69PXY.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:none;border-radius:0;padding:1rem;transition:all .3s ease}.player-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.player-header h3{font-family:var(--font-heading);margin:0;font-size:1.5rem;flex:1;letter-spacing:.03em}.collapse-toggle{background:#ffffff1a;border:none;color:var(--text-primary);font-size:.9rem;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.collapse-toggle:hover{background:var(--accent);transform:scale(1.1)}.view-toggle{background:#ffffff1a;border:none;color:var(--text-primary);font-size:.9rem;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.view-toggle:hover{background:var(--accent);transform:scale(1.1)}.view-toggle.active{background:var(--accent)}.toggle-icon-card{display:inline-block;width:10px;height:16px;border:2px solid currentColor;border-radius:2px}.toggle-icon-square{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-radius:4px}.player-panel.collapsed .hand-display .hand-cards{display:none}.player-panel.collapsed .hand-emojis{display:flex}.badge{padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;background:gold;color:#000}.badge.you{background:#4caf50;color:#fff}.badge.invulnerable{background:#2196f3;color:#fff}.player-stats{display:flex;flex-direction:column;gap:.5rem}.stat-visuals{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.2rem}.trunk-row,.health-row{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.trunk-row{min-height:2rem}.health-row{min-height:1.5rem}.trunk-icon{font-size:1.8rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.trunk-icon.ghost{opacity:.3;filter:grayscale(1)}.heart-icon{font-size:1.2rem;line-height:1}.heart-icon.filled{color:#f44;filter:drop-shadow(0 0 5px rgba(255,68,68,.4))}.heart-icon.empty{opacity:.2;filter:grayscale(1)}.stat-label-small{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-left:.5rem;letter-spacing:.05em;align-self:center}.stat-hint{font-size:.75rem;color:#f44336;font-style:italic;margin-top:.2rem;opacity:.8;font-weight:500}.stats-extras{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.hand-display{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.hand-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.6rem;text-transform:uppercase}.hand-hint{font-size:.7rem;color:var(--accent);font-style:italic;text-transform:none}.hand-cards{display:flex;flex-direction:column;gap:.6rem}.hand-emojis{display:flex;gap:.5rem;flex-wrap:wrap}.hand-emoji{font-size:1.5rem;opacity:.6;cursor:not-allowed}.stats-collapsed{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.stat-compact{font-size:.9rem;font-weight:600}.stat-compact.clickable{cursor:pointer;transition:color .2s ease}.stat-compact.clickable:hover{color:var(--accent)}.hand-collapsed{display:flex;flex-direction:column;gap:.5rem}.view-details-btn-small{background:#2196f34d;border:none;color:#fff;font-size:.75rem;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.view-details-btn-small:hover{background:#2196f3;transform:scale(1.15)}.collapsed-card-instruction{margin-top:.3rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);font-size:.75rem;line-height:1.3;color:var(--text-secondary);animation:slideDown .2s ease}.discard-btn-link{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:none;opacity:.8;transition:opacity .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.discard-btn-link:hover{opacity:1;color:var(--accent)}.discard-btn-link:disabled{opacity:.4;cursor:not-allowed}.modal-content.discard-pile-modal{max-width:1000px;width:95%;max-height:85vh;display:flex;flex-direction:column}.discard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem;overflow-y:auto;justify-items:center}.empty-message{text-align:center;padding:3rem;color:var(--text-secondary);font-style:italic;font-size:1.2rem;grid-column:1 / -1}.board-section{flex:1;display:flex;flex-direction:column;overflow:auto;padding-bottom:93px;position:relative}.board-section.board-shake{animation:boardShake .65s ease-in-out}@keyframes boardShake{0%,to{transform:translate(0)}10%{transform:translate(-10px)}30%{transform:translate(8px)}50%{transform:translate(-6px)}70%{transform:translate(4px)}90%{transform:translate(-2px)}}.placement-hint{text-align:center;padding:.75rem;background:#4caf5033;border:2px solid #4caf50;border-radius:8px;margin-bottom:1rem;font-weight:600;color:#4caf50;animation:fadeIn .3s ease}.resolve-message{padding:.6rem 1.2rem;background:#e9456033;border:2px solid var(--accent);border-radius:8px;font-size:.9rem;font-weight:600;color:var(--accent);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clashes{display:grid;grid-template-columns:var(--clash-col-1, 1fr) var(--clash-col-2, 1fr);grid-template-rows:auto auto;gap:.5rem;width:100%;align-content:flex-start;padding-bottom:300px;overflow:visible}@media(orientation:landscape)and (max-height:500px){.clashes{padding-bottom:250px}}.clash-area{position:relative;background:#28333b99;border:3px solid var(--bg-medium);border-radius:8px;padding:.3rem;transition:all .3s ease;min-height:fit-content;display:flex;flex-direction:column;min-width:150px;overflow:visible}.clash-area.anim-space-clash-rift:before,.clash-area.anim-space-clash-rift:after{content:"";position:absolute;pointer-events:none;left:50%;top:52%;border-radius:50%;opacity:0;z-index:0}.clash-area.anim-space-clash-rift:before{width:min(420px,84%);height:54%;background:radial-gradient(ellipse at 50% 50%,rgba(4,5,16,.72) 0 18%,rgba(47,22,86,.5) 34%,transparent 68%),conic-gradient(from 0deg,#0c081ebd,#6741e280,#0a0f2eb8,#1e7cb061,#0c081ebd);filter:blur(.5px) drop-shadow(0 0 24px rgba(113,77,235,.42));mix-blend-mode:screen;transform:translate(-50%,-50%) scale(.42) rotate(0);animation:spaceClashRiftOpen 1.45s ease-out forwards}.clash-area.anim-space-clash-rift:after{width:min(460px,92%);height:62%;background:radial-gradient(circle at 18% 34%,rgba(255,255,255,.82) 0 1.5px,transparent 3px),radial-gradient(circle at 76% 24%,rgba(172,216,255,.72) 0 1.8px,transparent 3.4px),radial-gradient(circle at 54% 74%,rgba(255,255,255,.72) 0 1.4px,transparent 3px),radial-gradient(circle at 86% 64%,rgba(160,131,255,.64) 0 1.8px,transparent 3.4px);filter:drop-shadow(0 0 7px rgba(165,197,255,.55));mix-blend-mode:screen;transform:translate(-50%,-50%) scale(.65) rotate(0);animation:spaceClashStars 1.45s ease-out forwards}.clash-area>*{position:relative;z-index:1}.clash-area.venture-clash{grid-column:1 / -1;position:relative;overflow:hidden;border-color:#ffb142f2;background:radial-gradient(circle at 18% 0%,rgba(255,226,122,.32),transparent 36%),radial-gradient(circle at 85% 20%,rgba(255,119,75,.24),transparent 34%),linear-gradient(135deg,#422d19e0,#213947b8 48%,#1c2736db);box-shadow:0 0 0 1px #ffecb038 inset,0 0 24px #ffa63347,0 12px 36px #00000047;animation:ventureClashArrives .52s ease-out}.clash-area.venture-clash:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent),repeating-linear-gradient(115deg,rgba(255,196,92,.08) 0 2px,transparent 2px 18px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 72%)}.clash-area.venture-clash.current{border-color:#ffe08a;box-shadow:0 0 0 1px #ffffff47 inset,0 0 30px #ffbe4685,0 14px 40px #00000057}.venture-badge{display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgba(255,226,143,.7);border-radius:999px;padding:.15rem .5rem;background:linear-gradient(135deg,#ffbe4ae6,#ff6f4cbd);color:#2b1b0b;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;box-shadow:0 0 14px #ffbe4a52}.venture-badge:before{content:"🌅"}@keyframes ventureClashArrives{0%{opacity:0;transform:translateY(18px) scale(.985);filter:saturate(.6)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}.clash-area.current{border-color:var(--accent);box-shadow:0 0 15px #e945604d}.clash-area.placement-target{border-color:#4caf50;cursor:pointer;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 15px #4caf504d}50%{box-shadow:0 0 25px #4caf5099}}.clash-area.placement-target:hover{border-color:#66bb6a;background:#4caf500d}.clash-area.target-valid{border-color:#42a5f5;box-shadow:0 0 0 2px #42a5f538,0 0 18px #42a5f533;cursor:pointer}.clash-area.target-selected{border-color:#66bb6a;box-shadow:0 0 0 3px #66bb6a57,0 0 24px #66bb6a52}.clash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:2px solid rgba(255,255,255,.1)}.clash-header h4{font-family:var(--font-heading);margin:0 auto 0 0;font-size:1.2rem;letter-spacing:.02em}.current-badge{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;background:var(--accent);color:#fff}.place-badge{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;background:#4caf50;color:#fff;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.clash-spells{display:flex;flex-wrap:wrap;gap:.3rem;flex:0 1 auto;align-content:flex-start;width:100%;max-width:100%;overflow:visible}.clash-spells:has(.wood-synergy-active){box-sizing:border-box;padding:16px 14px 14px}.empty-clash{text-align:center;padding:1.5rem;color:var(--text-secondary);font-style:italic;font-size:.9rem}.spell-in-clash{position:relative;transition:all .3s ease;display:flex;flex-direction:column;flex:0 0 auto;max-width:180px;min-width:100px;width:auto;overflow:visible}@media(max-width:500px){.spell-in-clash{max-width:140px}}.spell-card-wrapper{position:relative;width:100%;display:flex;flex-direction:column;overflow:visible}.clash-card-effects-shell{position:relative;width:100%;display:flex;overflow:visible;border-radius:12px}.clash-card-effects-shell>.spell-card{flex:1 1 auto}.element-effect-layer{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:visible}.element-effect-layer--wood{z-index:18}.element-effect-layer--metal{z-index:20}.element-effect-layer--moonshine{z-index:21}.element-effect-layer--sunbeam{z-index:22}.element-effect-layer--time{z-index:23}.element-effect-layer--space,.element-effect-layer--starlight{z-index:24}.element-effect-layer--shadow{z-index:25}.element-effect-layer--blood{z-index:26}.element-effect-layer--ichor{z-index:27}.element-effect-layer--nectar{z-index:28}.element-effect-layer--venom{z-index:29}.element-effect-layer--lightning{z-index:30}.element-effect-layer--thunder{z-index:31}.element-effect-layer--twilight{z-index:32}.spell-modifier-tags{position:absolute;top:42px;left:8px;z-index:24;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.priority-modifier-tags{position:absolute;top:42px;right:8px;z-index:24;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.metal-bestowed-type{display:inline-flex;align-items:center;gap:3px;min-width:34px;min-height:26px;padding:3px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#14182394;box-shadow:0 2px 5px #0006;color:#fff;font-weight:800;line-height:1;animation:modifierTagPulse 3.2s ease-in-out infinite}.metal-bestowed-type__plus{font-size:.92rem;transform:translateY(-1px)}.metal-bestowed-type__icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.metal-bestowed-type__emoji{font-size:1rem}.injected-action-tag{display:inline-flex;align-items:center;gap:3px;min-width:34px;min-height:26px;padding:3px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#14182394;box-shadow:0 2px 5px #0006;color:#fff;font-weight:800;line-height:1;animation:modifierTagPulse 3.2s ease-in-out infinite}.injected-action-tag__value{font-size:.78rem;font-weight:900}.injected-action-tag__icon{width:14px;height:14px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.injected-action-tag__emoji{font-size:.85rem}.spell-in-clash .spell-card{width:100%!important;max-width:100%!important;min-width:0!important}.spell-in-clash.status-cancelled{opacity:.5;border-color:#f44336}.spell-in-clash.wood-synergy-active{z-index:3;--wood-inner-glow: rgba(121, 222, 74, .34);--wood-leaf-opacity: .72}.spell-in-clash.wood-synergy-active .spell-card{position:relative;overflow:visible!important;isolation:isolate;animation:woodPassiveBreathe 2.8s ease-in-out infinite;box-shadow:inset 0 0 0 3px #68de4c47,inset 0 0 14px var(--wood-inner-glow),var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.wood-synergy-active .element-effect-layer--wood:before,.spell-in-clash.wood-synergy-active .element-effect-layer--wood:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;z-index:16}.spell-in-clash.wood-synergy-active .element-effect-layer--wood:before{inset:0;border:0;background:radial-gradient(ellipse at 50% 0%,rgba(190,245,93,.26) 0 10%,transparent 34%),radial-gradient(ellipse at 50% 100%,rgba(99,216,80,.22) 0 12%,transparent 36%),linear-gradient(90deg,rgba(61,181,68,.24),transparent 16% 84%,rgba(61,181,68,.24)),linear-gradient(0deg,rgba(154,236,86,.16),transparent 18% 82%,rgba(154,236,86,.16));box-shadow:inset 0 0 16px #5bd6493d;opacity:.68;animation:woodPassiveEdge 3.2s ease-in-out infinite}.spell-in-clash.wood-synergy-active .element-effect-layer--wood:after{inset:-26px -22px -22px;background:radial-gradient(ellipse at 13% 18%,rgba(229,255,132,.8) 0 3px,rgba(55,170,64,.7) 4px 7px,transparent 8px),radial-gradient(ellipse at 27% 11%,rgba(143,234,83,.88) 0 3px,rgba(43,151,57,.62) 4px 7px,transparent 8px),radial-gradient(ellipse at 50% 11%,rgba(214,252,103,.64) 0 3px,rgba(64,174,61,.52) 4px 6px,transparent 7px),radial-gradient(ellipse at 76% 12%,rgba(101,218,79,.78) 0 3px,rgba(37,141,55,.6) 4px 7px,transparent 8px),radial-gradient(ellipse at 90% 21%,rgba(228,255,132,.7) 0 3px,rgba(63,179,62,.54) 4px 7px,transparent 8px),radial-gradient(ellipse at 11% 76%,rgba(143,234,83,.62) 0 3px,rgba(43,151,57,.5) 4px 7px,transparent 8px),radial-gradient(ellipse at 32% 88%,rgba(229,255,132,.72) 0 3px,rgba(64,174,61,.54) 4px 6px,transparent 7px),radial-gradient(ellipse at 62% 88%,rgba(101,218,79,.86) 0 3px,rgba(37,141,55,.66) 4px 7px,transparent 8px),radial-gradient(ellipse at 87% 78%,rgba(214,252,103,.6) 0 3px,rgba(64,174,61,.48) 4px 7px,transparent 8px);opacity:var(--wood-leaf-opacity);mix-blend-mode:screen;animation:woodPassiveLeaves 3.6s ease-in-out infinite}.spell-in-clash.wood-synergy-level-2{--wood-inner-glow: rgba(131, 232, 74, .46);--wood-leaf-opacity: .86}.spell-in-clash.wood-synergy-level-3,.spell-in-clash.wood-synergy-level-4{--wood-inner-glow: rgba(154, 244, 76, .58);--wood-leaf-opacity: .98}.spell-in-clash.wood-synergy-level-2 .spell-card{box-shadow:inset 0 0 0 4px #7ce84c57,inset 0 0 28px var(--wood-inner-glow),var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.wood-synergy-level-3 .spell-card,.spell-in-clash.wood-synergy-level-4 .spell-card{box-shadow:inset 0 0 0 5px #92f24f6b,inset 0 0 34px var(--wood-inner-glow),inset 0 0 56px #25793052,var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.wood-synergy-level-2 .element-effect-layer--wood:before{opacity:.86}.spell-in-clash.wood-synergy-level-3 .element-effect-layer--wood:before,.spell-in-clash.wood-synergy-level-4 .element-effect-layer--wood:before{inset:0;padding:0;opacity:.76;background:radial-gradient(ellipse at 18% 0%,rgba(197,248,93,.24) 0 8%,transparent 26%),radial-gradient(ellipse at 82% 100%,rgba(92,214,78,.22) 0 10%,transparent 28%),linear-gradient(90deg,rgba(65,190,72,.24),transparent 18% 82%,rgba(65,190,72,.24)),linear-gradient(0deg,rgba(184,246,88,.16),transparent 18% 82%,rgba(184,246,88,.16))}.spell-in-clash.wood-synergy-level-2 .element-effect-layer--wood:after{opacity:.72}.spell-in-clash.wood-synergy-level-3 .element-effect-layer--wood:after,.spell-in-clash.wood-synergy-level-4 .element-effect-layer--wood:after{inset:-34px -28px -28px;opacity:var(--wood-leaf-opacity);background:radial-gradient(ellipse at 9% 16%,rgba(233,255,135,.9) 0 4px,rgba(58,179,62,.72) 5px 9px,transparent 10px),radial-gradient(ellipse at 17% 10%,rgba(140,238,84,.78) 0 4px,rgba(35,137,52,.62) 5px 9px,transparent 10px),radial-gradient(ellipse at 30% 12%,rgba(222,255,116,.62) 0 3px,rgba(67,178,60,.5) 4px 7px,transparent 8px),radial-gradient(ellipse at 44% 9%,rgba(101,218,80,.92) 0 4px,rgba(31,129,50,.7) 5px 9px,transparent 10px),radial-gradient(ellipse at 62% 12%,rgba(228,255,132,.74) 0 3px,rgba(67,178,60,.54) 4px 8px,transparent 9px),radial-gradient(ellipse at 76% 10%,rgba(122,228,83,.86) 0 4px,rgba(36,141,51,.64) 5px 9px,transparent 10px),radial-gradient(ellipse at 91% 17%,rgba(209,252,101,.58) 0 4px,rgba(52,164,57,.44) 5px 9px,transparent 10px),radial-gradient(ellipse at 7% 42%,rgba(163,238,84,.72) 0 4px,rgba(43,151,57,.52) 5px 9px,transparent 10px),radial-gradient(ellipse at 93% 55%,rgba(223,255,130,.62) 0 4px,rgba(63,179,62,.48) 5px 9px,transparent 10px),radial-gradient(ellipse at 10% 83%,rgba(140,238,84,.82) 0 4px,rgba(35,137,52,.62) 5px 9px,transparent 10px),radial-gradient(ellipse at 26% 90%,rgba(233,255,135,.68) 0 3px,rgba(67,178,60,.52) 4px 8px,transparent 9px),radial-gradient(ellipse at 44% 87%,rgba(101,218,80,.9) 0 4px,rgba(31,129,50,.68) 5px 9px,transparent 10px),radial-gradient(ellipse at 66% 90%,rgba(222,255,116,.7) 0 3px,rgba(67,178,60,.54) 4px 8px,transparent 9px),radial-gradient(ellipse at 88% 82%,rgba(140,238,84,.84) 0 4px,rgba(35,137,52,.62) 5px 9px,transparent 10px)}.spell-in-clash.metal-modifier-active,.spell-in-clash.metal-armored{z-index:4;--metal-dark: rgba(44, 52, 58, .96);--metal-mid: rgba(121, 137, 145, .9);--metal-light: rgba(231, 245, 255, .92);--metal-blue: rgba(143, 207, 241, .58)}.spell-in-clash.metal-modifier-active .spell-card,.spell-in-clash.metal-armored .spell-card{position:relative;overflow:visible!important;isolation:isolate}.spell-in-clash.metal-modifier-active .spell-card{animation:metalModifierHum 3.6s ease-in-out infinite;box-shadow:inset 0 0 0 2px #c6dde847,inset 0 0 12px #6f9bb229,0 0 0 1px #e7f5ff3d,var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.metal-armored .spell-card{box-shadow:inset 0 0 0 2px #b2c4cc4d,inset 0 0 10px #50748624,var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.metal-modifier-active .spell-card.passive-glow{animation:metalModifierHum 3.6s ease-in-out infinite;border-color:#cedfe7f2!important}.spell-in-clash.metal-modifier-active .element-effect-layer--metal:before,.spell-in-clash.metal-modifier-active .element-effect-layer--metal:after,.spell-in-clash.metal-armored .element-effect-layer--metal:before,.spell-in-clash.metal-armored .element-effect-layer--metal:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;z-index:17}.spell-in-clash.metal-modifier-active .element-effect-layer--metal:before,.spell-in-clash.metal-armored .element-effect-layer--metal:before{inset:-4px;background:linear-gradient(135deg,var(--metal-light) 0 8px,var(--metal-mid) 8px 15px,var(--metal-dark) 15px 19px,transparent 19px) top left / 34px 34px no-repeat,linear-gradient(225deg,var(--metal-light) 0 8px,var(--metal-mid) 8px 15px,var(--metal-dark) 15px 19px,transparent 19px) top right / 34px 34px no-repeat,linear-gradient(45deg,var(--metal-light) 0 8px,var(--metal-mid) 8px 15px,var(--metal-dark) 15px 19px,transparent 19px) bottom left / 34px 34px no-repeat,linear-gradient(315deg,var(--metal-light) 0 8px,var(--metal-mid) 8px 15px,var(--metal-dark) 15px 19px,transparent 19px) bottom right / 34px 34px no-repeat,linear-gradient(90deg,transparent 0 9%,rgba(94,111,121,.72) 10% 15%,rgba(214,232,240,.66) 16% 18%,transparent 19% 81%,rgba(214,232,240,.66) 82% 84%,rgba(94,111,121,.72) 85% 90%,transparent 91% 100%) top / 100% 16px no-repeat,linear-gradient(90deg,transparent 0 9%,rgba(94,111,121,.64) 10% 15%,rgba(214,232,240,.56) 16% 18%,transparent 19% 81%,rgba(214,232,240,.56) 82% 84%,rgba(94,111,121,.64) 85% 90%,transparent 91% 100%) bottom / 100% 16px no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.34));opacity:.86}.spell-in-clash.metal-modifier-active .element-effect-layer--metal:before{inset:-5px;opacity:1}.spell-in-clash.metal-modifier-active .element-effect-layer--metal:after,.spell-in-clash.metal-armored .element-effect-layer--metal:after{inset:0;background:radial-gradient(circle at 8% 9%,rgba(247,255,255,.96) 0 1.5px,rgba(71,83,91,.88) 1.5px 3.5px,transparent 4px) 0 0 / 100% 100% no-repeat,radial-gradient(circle at 92% 9%,rgba(247,255,255,.96) 0 1.5px,rgba(71,83,91,.88) 1.5px 3.5px,transparent 4px) 0 0 / 100% 100% no-repeat,radial-gradient(circle at 8% 91%,rgba(247,255,255,.96) 0 1.5px,rgba(71,83,91,.88) 1.5px 3.5px,transparent 4px) 0 0 / 100% 100% no-repeat,radial-gradient(circle at 92% 91%,rgba(247,255,255,.96) 0 1.5px,rgba(71,83,91,.88) 1.5px 3.5px,transparent 4px) 0 0 / 100% 100% no-repeat,linear-gradient(115deg,transparent 0 42%,rgba(246,255,255,0) 47%,rgba(246,255,255,.38) 50%,rgba(143,207,241,.16) 51.5%,transparent 57% 100%) -140% 0 / 240% 100% no-repeat;clip-path:inset(0 round 12px);opacity:0;animation:metalSheenSweep 4.4s ease-in-out infinite}.spell-in-clash.metal-armored .element-effect-layer--metal:after{animation-duration:5.2s;opacity:.38}.spell-in-clash.time-modifier-active,.spell-in-clash.time-accelerated{z-index:5;--time-gold: rgba(244, 214, 112, .86);--time-teal: rgba(117, 234, 230, .58);--time-shadow: rgba(44, 34, 82, .74)}.spell-in-clash.time-modifier-active .spell-card,.spell-in-clash.time-accelerated .spell-card{position:relative;overflow:visible!important;isolation:isolate}.spell-in-clash.time-modifier-active .element-effect-layer--time,.spell-in-clash.time-accelerated .element-effect-layer--time{overflow:hidden;border-radius:inherit}.spell-in-clash.time-modifier-active .spell-card{animation:timePassiveHum 5.4s ease-in-out infinite;box-shadow:inset 0 0 0 1px #f4d6702e,inset 0 0 10px #75eae614,0 0 12px #68dbde1f,var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.time-accelerated .spell-card{box-shadow:inset 0 0 0 1px #75eae629,inset 0 0 8px #f4d67014,var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.time-modifier-active .element-effect-layer--time:before,.spell-in-clash.time-accelerated .element-effect-layer--time:before,.spell-in-clash.anim-time-clock-resolve .element-effect-layer--time:before,.spell-in-clash.anim-time-accelerated-resolve .element-effect-layer--time:before,.spell-in-clash.time-modifier-active .element-effect-layer--time:after,.spell-in-clash.time-accelerated .element-effect-layer--time:after,.spell-in-clash.anim-time-clock-resolve .element-effect-layer--time:after,.spell-in-clash.anim-time-accelerated-resolve .element-effect-layer--time:after{content:"";position:absolute;pointer-events:none;border-radius:50%}.spell-in-clash.time-modifier-active .element-effect-layer--time:before,.spell-in-clash.time-accelerated .element-effect-layer--time:before{inset:7px;z-index:23;border:1px solid rgba(244,214,112,.34);border-radius:inherit;background:conic-gradient(from 0deg,var(--time-gold) 0 2deg,transparent 2deg 28deg,rgba(117,234,230,.5) 30deg 32deg,transparent 32deg 58deg,var(--time-gold) 60deg 62deg,transparent 62deg 88deg,rgba(117,234,230,.5) 90deg 92deg,transparent 92deg 118deg,var(--time-gold) 120deg 122deg,transparent 122deg 148deg,rgba(117,234,230,.5) 150deg 152deg,transparent 152deg 178deg,var(--time-gold) 180deg 182deg,transparent 182deg 208deg,rgba(117,234,230,.5) 210deg 212deg,transparent 212deg 238deg,var(--time-gold) 240deg 242deg,transparent 242deg 268deg,rgba(117,234,230,.5) 270deg 272deg,transparent 272deg 298deg,var(--time-gold) 300deg 302deg,transparent 302deg 328deg,rgba(117,234,230,.5) 330deg 332deg,transparent 332deg 360deg),radial-gradient(circle,transparent 0 46%,rgba(244,214,112,.2) 48% 50%,transparent 52% 100%);box-shadow:0 0 10px #75eae638,inset 0 0 8px #f4d6701f;opacity:.3;transform:rotate(0) scale(1);transform-origin:center;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse at center,transparent 0 52%,#000 56% 100%);mask-image:radial-gradient(ellipse at center,transparent 0 52%,#000 56% 100%);animation:timePassiveClockSpin 12s linear infinite}.spell-in-clash.time-accelerated .element-effect-layer--time:before{inset:10px;opacity:.22;animation-duration:9s}.spell-in-clash.time-modifier-active .element-effect-layer--time:after,.spell-in-clash.time-accelerated .element-effect-layer--time:after{inset:-3px;z-index:24;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(244,214,112,.68) 0 2px,transparent 5px),radial-gradient(circle at 100% 50%,rgba(117,234,230,.5) 0 2px,transparent 5px),radial-gradient(circle at 50% 100%,rgba(244,214,112,.5) 0 2px,transparent 5px),radial-gradient(circle at 0% 50%,rgba(117,234,230,.44) 0 2px,transparent 5px);filter:drop-shadow(0 0 4px rgba(117,234,230,.42));opacity:.36;mix-blend-mode:screen;animation:timePassiveTickPulse 4.8s ease-in-out infinite}.spell-in-clash.anim-time-clock-resolve .element-effect-layer--time:before,.spell-in-clash.anim-time-accelerated-resolve .element-effect-layer--time:before{inset:-8px;z-index:25;border:2px solid rgba(244,214,112,.78);background:conic-gradient(from 0deg,rgba(244,214,112,.86) 0 3deg,transparent 3deg 27deg,rgba(232,249,255,.72) 28deg 31deg,transparent 31deg 58deg,rgba(244,214,112,.86) 60deg 63deg,transparent 63deg 88deg,rgba(232,249,255,.72) 90deg 93deg,transparent 93deg 118deg,rgba(244,214,112,.86) 120deg 123deg,transparent 123deg 148deg,rgba(232,249,255,.72) 150deg 153deg,transparent 153deg 178deg,rgba(244,214,112,.86) 180deg 183deg,transparent 183deg 208deg,rgba(232,249,255,.72) 210deg 213deg,transparent 213deg 238deg,rgba(244,214,112,.86) 240deg 243deg,transparent 243deg 268deg,rgba(232,249,255,.72) 270deg 273deg,transparent 273deg 298deg,rgba(244,214,112,.86) 300deg 303deg,transparent 303deg 328deg,rgba(232,249,255,.72) 330deg 333deg,transparent 333deg 360deg),radial-gradient(circle,rgba(117,234,230,.18) 0 18%,transparent 20% 44%,rgba(244,214,112,.26) 46% 50%,transparent 52%);box-shadow:0 0 24px #75eae685,inset 0 0 20px #f4d6703d;opacity:0;mix-blend-mode:screen;animation:timeResolveClock 1.25s ease-out forwards}.spell-in-clash.anim-time-clock-resolve .element-effect-layer--time:after,.spell-in-clash.anim-time-accelerated-resolve .element-effect-layer--time:after{left:50%;top:50%;width:42%;height:4px;z-index:26;border-radius:999px;background:linear-gradient(90deg,transparent 0 45%,rgba(244,214,112,.98) 46% 52%,transparent 53% 100%),linear-gradient(90deg,transparent 0 50%,rgba(232,249,255,.98) 51% 100%);filter:drop-shadow(0 0 8px rgba(117,234,230,.82));opacity:0;transform-origin:left center;animation:timeResolveHands 1.25s ease-out forwards}.spell-in-clash.anim-time-accelerated-resolve .element-effect-layer--time:before{border-color:#75eae6d1}.anim-time-clock-resolve:not(.spell-in-clash),.spell-in-clash.anim-time-clock-resolve .spell-card,.anim-time-accelerated-resolve:not(.spell-in-clash),.spell-in-clash.anim-time-accelerated-resolve .spell-card{animation:timeResolvePulse 1.15s ease-out;overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.nectar-root-protected .spell-card{position:relative;overflow:visible;isolation:isolate;animation:nectarAmberCardHum 2.8s ease-in-out infinite}.spell-in-clash.nectar-root-protected .element-effect-layer--nectar:before,.spell-in-clash.nectar-root-protected .element-effect-layer--nectar:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.spell-in-clash.nectar-root-protected .element-effect-layer--nectar:before{inset:-10px;z-index:28;background:linear-gradient(30deg,rgba(255,215,92,.18) 12%,transparent 12% 38%,rgba(255,215,92,.14) 38% 40%,transparent 40% 62%,rgba(255,215,92,.14) 62% 64%,transparent 64%),linear-gradient(150deg,rgba(255,236,151,.16) 12%,transparent 12% 38%,rgba(255,236,151,.12) 38% 40%,transparent 40% 62%,rgba(255,236,151,.12) 62% 64%,transparent 64%),radial-gradient(ellipse at 50% 48%,rgba(255,190,50,.18),transparent 70%);background-size:34px 58px,34px 58px,auto;border:2px solid rgba(255,201,67,.62);box-shadow:inset 0 0 24px #ffb72638,0 0 16px #ffbe3261,0 0 30px #ff971c2e;mix-blend-mode:screen;opacity:.72;animation:nectarAmberShieldBreathe 3.2s ease-in-out infinite}.spell-in-clash.nectar-root-protected .element-effect-layer--nectar:after{inset:-15px -12px;z-index:29;background:linear-gradient(115deg,transparent 0 34%,rgba(255,245,186,.58) 45%,rgba(255,197,67,.22) 52%,transparent 66% 100%),radial-gradient(circle at 18% 72%,rgba(255,220,90,.72) 0 2px,transparent 4px),radial-gradient(circle at 78% 26%,rgba(255,247,197,.72) 0 1.8px,transparent 4px);filter:drop-shadow(0 0 8px rgba(255,196,67,.42));mix-blend-mode:screen;opacity:.58;animation:nectarAmberSheen 3.6s ease-in-out infinite}.spell-in-clash.target-valid{cursor:pointer}.spell-in-clash.target-valid .spell-card{outline:3px solid rgba(66,165,245,.7);outline-offset:2px;box-shadow:0 0 22px #42a5f573!important}.spell-in-clash.target-selected .spell-card{outline-color:#66bb6af2;box-shadow:0 0 26px #66bb6a8c!important}.spell-owner{font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase}.spell-info{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.spell-element{font-size:1.1rem}.spell-name{font-weight:600;font-size:.85rem;flex:1}.spell-priority{color:var(--accent);font-weight:700;font-size:.75rem}.spell-types{display:flex;gap:.4rem;font-size:.9rem}.board-spell-instruction{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);font-size:.75rem;line-height:1.3;color:var(--text-secondary);animation:slideDown .2s ease}.spell-hidden{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.card-back{font-size:2rem}.hidden-text{font-size:.75rem;color:var(--text-secondary);font-style:italic}.cancelled-overlay{position:absolute;inset:0;background:#f44336d9;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border-radius:8px;font-size:1rem;z-index:30}.action-log-drawer{position:fixed;bottom:0;left:0;right:0;z-index:800;background-color:#28333bfa;border-top:3px solid #8B7355;box-shadow:0 -4px 15px #00000080;transition:transform .3s ease,max-height .3s ease}.action-log-drawer.collapsed{transform:translateY(calc(100% - 50px));max-height:50px}.action-log-drawer.expanded{transform:translateY(0);max-height:300px}.log-drawer-toggle{width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1.5rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease;min-height:50px}.log-drawer-toggle:hover{background:#ffffff0d}.log-drawer-label{display:flex;align-items:center;gap:.5rem;flex:1;overflow:visible;line-height:1.4;flex-wrap:wrap}.log-drawer-icon{font-size:.8rem;transition:transform .3s ease}.log-drawer-content{padding:0 1.5rem 1rem;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-log{max-height:220px;overflow-y:auto;background:#0006;border-radius:6px;padding:.5rem;scrollbar-width:thin}.action-log::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.action-log::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.log-entry{display:flex;align-items:flex-start;gap:.45rem;padding:.4rem;border-bottom:1px solid rgba(255,255,255,.05);font-family:Courier New,monospace;font-size:.8rem;line-height:1.4}.log-entry .action-type-icon{margin-top:-.05rem}.log-entry__icons{display:inline-flex;align-items:center;gap:.2rem;min-width:1.4rem;flex:0 0 auto}.icon-grammar-arrow{color:#ffffff7a;font-size:1rem;font-weight:900;line-height:1}.log-spell-type-icon{position:relative;display:inline-grid;width:22px;height:22px;place-items:center}.log-spell-type-icon--cancelled:before,.log-spell-type-icon--cancelled:after{position:absolute;z-index:2;content:"";width:10px;height:12px;background:linear-gradient(145deg,#fff4cb,#c99b55);clip-path:polygon(10% 0,100% 18%,70% 100%,0 72%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.75)) drop-shadow(0 0 5px rgba(255,206,112,.9));opacity:0;pointer-events:none}.log-spell-type-icon--cancelled:before{left:1px;top:1px;animation:conjuryShardLeft 1.05s ease-out both}.log-spell-type-icon--cancelled:after{right:0;bottom:0;animation:conjuryShardRight 1.05s ease-out both}.log-spell-type-icon--cancelled img{position:relative;z-index:1;opacity:.68;filter:grayscale(.3) brightness(.82) drop-shadow(0 2px 3px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(255,199,86,.75));animation:conjuryIconShatter 1.05s cubic-bezier(.14,.8,.2,1) both}.log-spell-type-icon--cancelled{width:30px;height:30px;margin:-4px 2px;overflow:visible}.log-spell-type-icon--cancelled::selection{background:transparent}.toast__compound-icons .log-spell-type-icon--cancelled{width:36px;height:36px;margin:-7px 2px}.toast__compound-icons .log-spell-type-icon--cancelled img{width:32px;height:32px}@keyframes conjuryIconShatter{0%,12%{opacity:1;clip-path:inset(0);transform:scale(1) rotate(0)}28%{opacity:1;filter:brightness(1.75) drop-shadow(0 0 14px rgba(255,230,156,1)) drop-shadow(0 0 25px rgba(255,118,72,.85));transform:scale(1.72) rotate(-5deg)}39%{opacity:1;transform:scale(1.42) rotate(8deg)}50%{opacity:.9;clip-path:polygon(0 0,48% 0,56% 43%,100% 32%,100% 100%,52% 100%,43% 58%,0 70%);transform:scale(1.3) rotate(-5deg)}to{opacity:.68;clip-path:polygon(0 0,48% 0,56% 43%,100% 32%,100% 100%,52% 100%,43% 58%,0 70%);transform:scale(1) rotate(-2deg)}}@keyframes conjuryShardLeft{0%,32%{opacity:0;transform:translate(7px,6px) rotate(0) scale(.4)}46%{opacity:1;transform:translate(1px) rotate(-18deg) scale(1.2)}to{opacity:0;transform:translate(-24px,-18px) rotate(-115deg) scale(.72)}}@keyframes conjuryShardRight{0%,35%{opacity:0;transform:translate(-6px,-5px) rotate(0) scale(.4)}49%{opacity:1;transform:translate(1px,1px) rotate(20deg) scale(1.15)}to{opacity:0;transform:translate(25px,19px) rotate(125deg) scale(.75)}}.log-spell-type-icon img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.42))}.log-trunk-icon{display:inline-block;font-size:1.25rem;filter:drop-shadow(0 0 5px rgba(255,220,115,.72));animation:logTrunkShine 1.35s ease-out both}.log-health-reset-icon{font-family:Georgia,serif;font-size:1.35rem;line-height:1}.log-health-reset-icon--low{color:#f77}.log-health-reset-icon--high{color:#70d99a}@keyframes logTrunkShine{0%{transform:scale(.8);filter:brightness(.75) drop-shadow(0 0 0 transparent)}42%{transform:scale(1.18);filter:brightness(1.45) drop-shadow(0 0 9px rgba(255,222,125,.95))}to{transform:scale(1);filter:brightness(1) drop-shadow(0 0 4px rgba(255,220,115,.58))}}.log-entry>span:last-child{min-width:0}.log-entry__actor{display:inline-block;padding:.05rem .3rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff14;color:var(--text-secondary);font-size:.59rem;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;vertical-align:middle;margin-right:.25rem;flex:0 0 auto}.log-entry--clash_start,.log-entry--round_start{justify-content:center;padding:.3rem .4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:#ffffff0a;border-bottom-color:#ffffff1a}.log-entry--reveal{justify-content:center;padding:.25rem .4rem;font-size:.68rem;font-style:italic;color:#fff9;border-bottom-color:#ffffff0f}.log-drawer-direction{padding:.75rem 1rem;background:#8a796533;border-radius:6px;margin-bottom:.75rem;font-weight:600;color:var(--text-secondary);text-align:center;border:1px solid rgba(138,121,101,.4)}.cta-floating{position:fixed;bottom:200px;left:50%;transform:translate(-50%);z-index:750;display:flex;gap:.5rem;pointer-events:none}.cta-floating .cta-btn{pointer-events:auto}.cta-btn{padding:.75rem 1.25rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #45a049;color:#fff;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4caf504d;white-space:nowrap}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066;background:linear-gradient(135deg,#45a049,#3d8b40)}.cta-btn:active{transform:translateY(0)}.cta-btn.advance{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#7b1fa2;box-shadow:0 4px 12px #9c27b04d}.cta-btn.advance:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);box-shadow:0 6px 16px #9c27b066}.log-entry:last-child{border-bottom:none}.bottom-command-dock{position:fixed;left:0;right:0;bottom:0;z-index:850;display:flex;flex-direction:column;gap:.45rem;padding:.5rem .75rem .6rem;background:#192127fa;border-top:3px solid #8B7355;box-shadow:0 -8px 28px #0000008c}.bottom-command-dock.choice-required{border-top-color:#ffab40;animation:multiplayerDockAttention 1.15s ease-in-out infinite}.dock-prompt{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(260px,1.6fr);gap:.75rem;align-items:center;padding:.65rem;border-radius:8px;background:#ffffff12;border:1px solid rgba(196,174,117,.35)}.choice-required .dock-prompt{border-color:#ffab40a8;background:linear-gradient(90deg,#6c37126b,#ffffff12)}.dock-prompt-urgency{display:inline-flex;align-items:center;width:fit-content;margin:0;padding:0;border:0;color:#ffd7a0;background:transparent;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.dock-prompt-urgency__pulse{width:.55rem;height:.55rem;border-radius:50%;background:#ffab40;box-shadow:0 0 #ffab40b3;animation:multiplayerUrgencyPing 1.05s ease-out infinite}@keyframes multiplayerDockAttention{0%,to{box-shadow:0 -8px 28px #0000008c,0 -2px 8px #ffab4029}50%{box-shadow:0 -8px 28px #0000008c,0 -6px 28px #ffab4075}}@keyframes multiplayerUrgencyPing{0%{box-shadow:0 0 #ffab40b8}75%,to{box-shadow:0 0 0 9px #ffab4000}}@media(prefers-reduced-motion:reduce){.phase-hero.phase-waiting,.phase-hero.phase-choice-required,.phase-hero__activity span,.status-message--waiting,.bottom-command-dock.choice-required,.dock-prompt-urgency__pulse{animation:none}.phase-hero.phase-waiting,.phase-hero.phase-choice-required,.bottom-command-dock.choice-required{box-shadow:0 0 0 3px #ffab4047}}.dock-prompt-panel{display:flex;flex-direction:column;gap:.5rem;animation:dockPromptStepIn .18s ease-out}.dock-prompt-panel .dock-prompt{display:block}.dock-prompt-main{display:flex;align-items:center;gap:.65rem;min-width:0;flex-wrap:nowrap}.dock-prompt-main>*{flex:0 0 auto}.dock-prompt-main .dock-prompt-title,.dock-prompt-main .dock-prompt-selected{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-panel-cards{display:flex;gap:.55rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:.25rem .15rem .45rem;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.dock-prompt-options{width:100%;max-width:100%;max-height:min(44vh,420px);align-content:flex-start;flex-wrap:wrap;margin-right:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity}.dock-prompt-options .dock-panel-card{scroll-snap-align:start}.dock-choice-layout{display:grid;grid-template-columns:minmax(132px,180px) minmax(180px,340px);gap:.9rem;width:fit-content;max-width:100%;align-items:start;overflow-x:auto;overflow-y:hidden}.dock-panel-card{flex:0 0 180px;min-width:0;display:flex;flex-direction:column;gap:.45rem;align-items:stretch;scroll-snap-align:start}.dock-panel-card-art{cursor:pointer;border-radius:8px}.dock-panel-card .spell-card{width:100%!important;max-width:180px!important}.dock-panel-card-actions{display:flex;justify-content:center}.dock-panel-card-actions .dock-confirm-btn,.dock-panel-card-actions .dock-secondary-btn{width:100%}.dock-target-card.target-selected .spell-card{outline:3px solid rgba(102,187,106,.95);outline-offset:2px;box-shadow:0 0 22px #66bb6a6b!important}.dock-target-owner{color:var(--accent-gold);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-align:center;text-transform:uppercase}.dock-hidden-card-face{min-height:220px;display:grid;grid-template-rows:1fr auto auto;align-items:center;justify-items:center;gap:.45rem;padding:.9rem;border-radius:12px;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 55%),linear-gradient(145deg,#43484ef5,#222a31f5);border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px #ffffff0f}.dock-hidden-hand-card.target-selected .dock-hidden-card-face{border-color:#66bb6af2;box-shadow:0 0 22px #66bb6a57,inset 0 0 0 1px #ffffff14}.dock-hidden-card-element{font-size:3rem}.dock-hidden-card-name{color:#fff;font-size:1.1rem;font-weight:900}.dock-hidden-card-owner{color:var(--text-secondary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dock-target-card-compact{justify-content:flex-end;padding:.6rem;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.dock-direct-target-btn{flex:0 0 auto;max-width:min(260px,100%);min-height:40px;padding:.7rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff17;color:#fff;font-size:1rem;font-weight:850;text-align:center;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.dock-direct-target-btn:hover{transform:translateY(-1px);background:#2196f333;border-color:#64b5f6a6}.dock-direct-target-btn.selected{background:#2196f34d;border-color:#64b5f6d9;box-shadow:0 0 16px #2196f340}.dock-choice-panel{display:flex;flex-direction:column;flex:0 0 auto;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:.45rem;min-width:0;width:min(340px,100%);padding:0}.dock-choice-panel .dock-choice-btn,.dock-choice-panel .dock-skip-btn,.dock-choice-panel .dock-direct-target-btn{width:100%;max-width:340px;justify-content:flex-start;text-align:left;white-space:normal;line-height:1.15}.dock-skip-btn{min-height:40px;border-radius:8px;font-weight:850;border:1px solid rgba(255,193,7,.55);color:#fff7df;background:#ff980042;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease;padding:.45rem .85rem}.dock-skip-btn:hover{transform:translateY(-1px);background:#ff980061;border-color:#ffd54fdb}.dock-empty-panel{align-self:center;color:var(--text-secondary);padding:.75rem 1rem}.dock-prompt-kicker{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.78rem;font-weight:800;text-transform:uppercase}.dock-prompt-step-badge{display:inline-flex;align-items:center;min-height:1.25rem;padding:.12rem .42rem;border-radius:999px;color:#d9edff;background:#2196f338;border:1px solid rgba(100,181,246,.45);font-size:.7rem;letter-spacing:.04em}.dock-prompt-title{color:#fff;font-size:.98rem;font-weight:850;line-height:1.25}.dock-prompt-context{margin-top:.2rem;color:#d8c47d;font-size:.82rem;font-weight:850}.dock-prompt-selected{margin-top:0;color:#ffffffb8;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes dockPromptStepIn{0%{opacity:.62;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dock-choice-buttons,.dock-target-controls,.dock-prompt-actions,.dock-cta-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.dock-target-controls{justify-content:space-between}.dock-target-list{display:flex;gap:.4rem;flex:1;min-width:0;overflow-x:auto;padding-bottom:.15rem}.dock-choice-btn,.dock-target-chip,.dock-secondary-btn,.dock-confirm-btn,.dock-graveyard-btn,.dock-hand-toggle,.dock-nav-btn,.dock-return-prompt,.dock-log-toggle{min-height:40px;border-radius:8px;font-weight:750;border:1px solid rgba(255,255,255,.16);color:var(--text-primary);background:#ffffff14;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.dock-choice-btn,.dock-target-chip{padding:.5rem .75rem;white-space:nowrap}.dock-choice-btn:hover,.dock-target-chip:hover,.dock-secondary-btn:hover,.dock-confirm-btn:hover:not(:disabled),.dock-graveyard-btn:hover:not(:disabled),.dock-hand-toggle:hover,.dock-nav-btn:hover:not(:disabled),.dock-return-prompt:hover,.dock-log-toggle:hover{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff47}.dock-target-chip.selected{background:#4caf503d;border-color:#66bb6a;box-shadow:0 0 14px #66bb6a47}.dock-secondary-btn,.dock-confirm-btn,.dock-graveyard-btn{padding:.45rem .85rem}.dock-graveyard-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff3;border-radius:999px;min-width:1.25em;height:1.25em;font-size:.78em;font-weight:700;padding:0 .3em;margin-left:.2em}.dock-confirm-btn{background:#4caf50d1;border-color:#66bb6ae0}.dock-confirm-btn.select{background:#ffffff1a;border-color:#ffffff38}.dock-confirm-btn.select:hover:not(:disabled){background:#ffffff29;border-color:#ffffff57}.dock-confirm-btn.confirm{background:#2196f3db;border-color:#64b5f6eb}.dock-confirm-btn.confirm:hover:not(:disabled){background:#1e88e5f2;border-color:#90caf9fa}.dock-confirm-btn.prepare{background:#4caf50d1;border-color:#66bb6ae0}.dock-confirm-btn.migrate{background:#7e57c2db;border-color:#9575cde6}.dock-confirm-btn:disabled,.dock-graveyard-btn:disabled{opacity:.4;cursor:not-allowed}.dock-hand{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center;min-height:48px}.dock-hand>.dock-graveyard-btn{grid-column:3;justify-self:end}.dock-hand-inspector{padding:.5rem;border-radius:8px;background:#ffffff12;border:1px solid rgba(76,175,80,.34);box-shadow:inset 0 0 0 1px #ffffff08}.dock-hand-full-cards{display:flex;gap:.55rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .15rem .45rem;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.dock-hand-full-card{flex:0 0 180px;min-width:0;display:flex;flex-direction:column;gap:.45rem;align-items:stretch;scroll-snap-align:start}.dock-hand-full-card-art{cursor:pointer;border-radius:8px}.dock-hand-full-card .spell-card{width:100%!important;max-width:180px!important}.dock-prompt-source-card{position:relative;padding-right:.7rem;margin-right:.15rem}.dock-prompt-source-card:after{content:"";position:absolute;top:1.4rem;right:0;bottom:.2rem;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.24),transparent)}.dock-prompt-source-card .dock-hand-full-card-art{cursor:default}.dock-card-kicker{color:var(--accent-gold);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-align:center}.dock-hand-full-card-actions{display:flex;justify-content:center}.dock-hand-full-card-actions .dock-confirm-btn,.dock-hand-full-card-actions .dock-secondary-btn{width:100%}.dock-hand-full-card.target-valid .spell-card{outline:3px solid rgba(66,165,245,.7);outline-offset:2px}.dock-hand-full-card.target-selected .spell-card{outline-color:#66bb6af2;box-shadow:0 0 22px #66bb6a6b!important}.dock-confirm-btn.selected{background:#66bb6af5}.dock-nav{display:flex;align-items:center;gap:.45rem;min-width:0}.dock-nav .dock-log-toggle{flex:1 1 220px;min-width:160px;width:auto}.dock-nav-btn,.dock-return-prompt{padding:.45rem .7rem;white-space:nowrap}.dock-nav-btn.active,.dock-log-toggle.active{background:#4caf5042;border-color:#66bb6a;box-shadow:0 0 0 2px #66bb6a2e,0 0 16px #66bb6a3d;color:#fff}.dock-return-prompt{color:#fff;background:#c4ae7533;border-color:#c4ae7573}.dock-hand-header{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.dock-hand-toggle{padding:.45rem .7rem;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.dock-nav .dock-hand-toggle{flex:2 1 360px;min-width:240px;justify-content:flex-start;overflow:hidden}.dock-hand-toggle-label,.dock-hand-caret{flex:0 0 auto}.dock-hand-summary{display:flex;align-items:center;gap:.3rem;min-width:0;overflow-x:auto;scrollbar-width:none}.dock-hand-summary::-webkit-scrollbar{display:none}.dock-hand-summary-chip{display:inline-flex;align-items:center;gap:.22rem;max-width:128px;min-height:28px;padding:.18rem .45rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;font-size:.82rem}.dock-hand-summary-emoji{flex:0 0 auto}.dock-hand-summary-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.dock-hand-summary-empty{color:var(--text-secondary);font-size:.82rem}.dock-hand-toggle.active{background:#4caf5042;border-color:#66bb6a;box-shadow:0 0 0 2px #66bb6a2e,0 0 16px #66bb6a3d;color:#fff}.dock-hand-cards{display:flex;gap:.35rem;align-items:center;min-width:0;overflow-x:auto;padding:.2rem .1rem}.dock-hand-card{flex:0 0 auto;border:0;padding:0;background:transparent;border-radius:8px;cursor:pointer}.dock-hand-card.target-valid{outline:2px solid rgba(66,165,245,.7);outline-offset:2px}.dock-hand-card.target-selected{outline-color:#66bb6af2;box-shadow:0 0 18px #66bb6a61}.dock-hand-icon{width:34px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.13);font-size:1.25rem}.dock-hand-toggle-label img{width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle;opacity:.9;filter:brightness(0) invert(1)}.dock-log{border-top:1px solid rgba(255,255,255,.08);padding-top:.35rem}.dock-log-toggle{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.4rem .65rem;text-align:left}.dock-log-label{color:var(--text-secondary);white-space:nowrap}.dock-log-latest{display:inline-flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden;white-space:nowrap}.dock-log-latest>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.dock-log-content{max-height:min(28vh,220px);overflow-y:auto;margin-top:.45rem;padding:.45rem;background:#00000057;border-radius:8px}.action-log::-webkit-scrollbar{width:6px}.action-log::-webkit-scrollbar-track{background:var(--bg-medium);border-radius:4px}.action-log::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}@media(max-width:1200px){.game-top-panel{padding:.5rem;gap:.4rem}.player-stat-compact{padding:.3rem .6rem;font-size:.85rem}.status-item{font-size:.75rem}.hand-cards-mini{gap:.3rem}.how-to-play-fab{width:44px;height:44px;font-size:1rem}}@media(max-width:900px){.game-top-panel{font-size:.9rem}.game-controls-row{flex-direction:column;align-items:flex-start;gap:.5rem}.action-buttons{width:100%;justify-content:center}.player-hand-row{flex-direction:column;align-items:flex-start;gap:.5rem}.discard-section{width:100%;justify-content:flex-start}}@media(max-width:700px){.game-top-panel{padding:.4rem;font-size:.85rem}.player-stat-row{gap:.5rem}.player-name-compact,.heart-mini,.trunk-mini{font-size:.8rem}.status-item{font-size:.7rem}.phase-hero{flex-wrap:wrap;gap:.45rem;padding:.55rem}.phase-hero__badge{min-height:36px;justify-content:flex-start}.phase-hero__instruction{font-size:.86rem}.phase-hero__resolver{font-size:.76rem}.hand-label-compact{font-size:.7rem}.discard-btn-compact{font-size:.7rem;padding:.3rem .6rem}.opponent-hand-row{justify-content:space-between;flex-wrap:nowrap;align-items:center;gap:.35rem}.opponent-hand-row .hand-section{flex:1 1 0;min-width:0}.opponent-hand-row .opponent-hand-elements{overflow-x:auto;overflow-y:hidden;flex:1 1 0;min-width:0}.opponent-hand-row .empty-hand-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opponent-hand-row .discard-section{flex:0 0 auto;width:auto}.discard-btn-compact.opponent .discard-text-full{display:none}.bottom-command-dock{padding:.42rem .5rem .5rem;gap:.35rem}.dock-prompt{grid-template-columns:1fr;gap:.45rem;padding:.55rem}.dock-prompt-main{flex-wrap:wrap}.dock-choice-buttons,.dock-target-controls,.dock-prompt-actions{justify-content:flex-start}.dock-target-controls{flex-direction:column;align-items:stretch}.dock-target-list{width:100%}.dock-hand{grid-template-columns:1fr;gap:.3rem}.dock-hand>.dock-graveyard-btn{grid-column:auto;justify-self:stretch}.dock-hand-inspector{padding:.45rem}.dock-panel-cards{max-height:min(36vh,300px);align-items:flex-start;gap:.45rem;overflow-x:auto;overflow-y:hidden}.dock-prompt-options{max-height:min(34vh,280px);overflow-y:auto}.dock-choice-layout{grid-template-columns:minmax(112px,36vw) minmax(150px,1fr);gap:.5rem;width:100%;overflow-x:hidden;overflow-y:auto}.dock-choice-panel{width:100%}.dock-choice-panel .dock-choice-btn,.dock-choice-panel .dock-skip-btn,.dock-choice-panel .dock-direct-target-btn{max-width:100%;min-height:38px;padding:.42rem .6rem;font-size:.9rem}.dock-direct-target-btn{flex:1 1 150px;max-width:100%;min-height:48px;padding:.55rem .75rem;font-size:.95rem}.dock-hidden-card-face{min-height:170px;padding:.65rem}.dock-hidden-card-element{font-size:2.35rem}.dock-hidden-card-name{font-size:.95rem}.dock-panel-card{flex:0 0 clamp(128px,38vw,160px)}.dock-panel-card .spell-card{width:100%!important;max-width:160px!important}.dock-hand-full-cards{max-height:min(36vh,300px);align-items:flex-start;gap:.45rem;overflow-x:auto;overflow-y:hidden}.dock-hand-full-card{flex:0 0 clamp(128px,38vw,160px)}.dock-hand-full-card .spell-card{width:100%!important;max-width:160px!important}.dock-hand-full-card-actions .dock-confirm-btn,.dock-hand-full-card-actions .dock-secondary-btn{min-height:38px;padding:.4rem .55rem;font-size:.85rem}.dock-hand-header{justify-content:space-between}.dock-nav{flex-wrap:wrap}.dock-nav .dock-hand-toggle{flex:1 1 100%;min-width:0}.dock-hand-summary-chip{max-width:104px;min-height:26px;padding:.16rem .38rem;font-size:.78rem}.dock-nav .dock-log-toggle{flex:1 1 100%}.dock-nav .dock-log-latest{display:none}.dock-hand.collapsed .dock-hand-cards{max-height:44px}.dock-hand.expanded .dock-hand-cards{max-height:128px}.dock-choice-btn,.dock-target-chip{max-width:100%;white-space:normal;text-align:left}.dock-log-toggle{min-height:36px}.clash-area{padding:.3rem}.clash-header h4{font-size:.9rem}}@media(max-width:640px){.player-stat-compact{padding:.25rem .5rem;gap:.4rem;font-size:.8rem}.player-name-compact,.ringleader-icon,.invulnerable-icon,.heart-mini,.trunk-mini{font-size:.75rem}.player-stat-row{flex-wrap:wrap;gap:.35rem .4rem}.player-stat-section{flex:1 1 calc(50% - .4rem);min-width:0}.top-panel-center{flex:1 1 auto;min-width:0;justify-content:flex-start}.top-htplay-btn,.top-exit-btn{flex:0 0 auto;font-size:.7rem;padding:.25rem .5rem}.spell-owner{font-size:.6rem}.spell-name{font-size:.75rem}.spell-element{font-size:.9rem}.spell-info{align-items:center;gap:.3rem}}@media(orientation:portrait)and (max-height:700px){.player-stat-row{flex-wrap:wrap;gap:.3rem .4rem;align-items:center}.player-stat-section{flex:1 1 calc(50% - .4rem);min-width:0}.top-panel-center{flex:1 1 auto;justify-content:flex-start}.phase-directions{font-size:.9rem}.action-buttons-center button{font-size:.85rem;padding:.4rem .8rem}}@media(orientation:portrait)and (max-height:600px){.game-top-panel{font-size:.7rem}.phase-directions{font-size:.8rem}}@media(orientation:portrait){.game-top-panel{font-size:.75rem}}@media(max-width:767px){.modal-content{padding:.5rem!important}.modal-header{padding:.5rem!important;margin-bottom:.5rem!important}.modal-header h2{font-size:1.2rem!important;margin-bottom:0!important}.discard-text-full{display:none}.hand-grid,.discard-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;padding:6px!important;overflow-y:auto;flex:1;align-content:start}.hand-modal-item .spell-card--large,.discard-grid .spell-card--large{width:100%!important;max-width:none!important;padding:4px!important}.hand-modal-item .spell-card__name,.discard-grid .spell-card__name{font-size:.7rem!important}.hand-modal-item .spell-card__image-wrapper,.discard-grid .spell-card__image-wrapper{margin-bottom:4px!important}.modal-footer{padding:.5rem!important}.modal-footer .confirm-btn{width:100%!important;max-width:300px!important;font-size:1rem!important;min-height:44px!important;margin:0 auto!important}}.view-details-btn{background:#2196f34d;border:none;color:#fff;font-size:.85rem;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.view-details-btn:hover{background:#2196f3;transform:scale(1.15)}.prepare-btn,.reveal-btn{padding:.4rem 1rem .4rem 2.5rem;border:none;border-radius:6px;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;min-width:130px;height:43px;max-height:43px}.prepare-btn:hover,.reveal-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0006;filter:brightness(1.1)}.prepare-btn:active,.reveal-btn:active{transform:translateY(0) scale(.98);filter:brightness(.9)}.modal-overlay{position:fixed;inset:0;background:#000000d9;background-image:url(./assets/frame/frame_bkgd.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;z-index:4000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-light);border:3px solid var(--accent);border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 10px 40px #00000080}@media(orientation:landscape)and (max-height:500px){.game-top-panel{flex-direction:row;padding:.3rem .5rem;gap:.5rem;align-items:center}.game-top-panel .player-hand-row{display:none}.player-stat-row{order:2;border-bottom:none;padding-bottom:0;gap:.5rem;flex:0 1 auto}.game-controls-row{order:3;flex-wrap:nowrap;min-height:auto;gap:.5rem;flex:0 1 auto}.opponent-hand-row{order:1;padding-top:0;border-top:none;gap:.3rem;flex:0 1 auto;border-right:1px solid rgba(255,255,255,.1);padding-right:.5rem}.player-stat-compact{padding:.2rem .4rem;gap:.2rem .4rem;font-size:.75rem;flex-wrap:wrap}.player-name-compact{font-size:.7rem;width:100%}.health-compact .heart-mini:not(:first-child),.trunks-compact .trunk-mini:not(:first-child){display:none}.health-compact:after,.trunks-compact:after{content:attr(data-count);font-size:.7rem;font-weight:600;margin-left:.2rem}.heart-mini,.trunk-mini{font-size:.7rem}.ringleader-icon,.invulnerable-icon{font-size:.65rem}.game-status-info{position:static;gap:.01rem .5rem;flex-wrap:wrap}.status-item{font-size:.7rem}.status-item:nth-child(3){flex-basis:100%}.phase-directions{font-size:.85rem}.center-action-area{gap:.2rem}.opponent-hand-elements{gap:.15rem}.opponent-hand-element-chip{max-width:88px;min-height:24px;padding:.14rem .32rem;font-size:.72rem}.discard-btn-compact,.discard-btn-compact.opponent{font-size:.6rem;padding:.15rem .3rem}.action-buttons-center{gap:.3rem}.action-buttons-center button{font-size:.75rem;padding:.3rem .6rem;min-height:44px;min-width:44px}.player-hand-bottom{padding:.2rem .4rem;margin-bottom:30px}.player-hand-bottom .player-hand-row{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.3rem}.player-hand-bottom .hand-section{display:contents}.player-hand-bottom .hand-label-row{flex-basis:100%;order:-1}.player-hand-bottom .hand-label-row{margin-right:.3rem}.player-hand-bottom .hand-label-compact{font-size:.6rem;white-space:nowrap}.player-hand-bottom .empty-hand-message{font-size:.6rem}.player-hand-bottom .hand-cards-mini{display:flex;flex-direction:row;gap:.25rem;flex-wrap:wrap;overflow-x:visible}.player-hand-bottom .discard-btn-compact{font-size:.65rem;padding:.3rem .5rem;min-height:44px;min-width:44px;float:none}.discard-text-full{display:none}.how-to-play-fab{width:44px;height:44px;font-size:.9rem;top:8px;right:8px}.clashes{gap:.3rem;padding:.3rem}.clash-area{padding:.25rem;min-width:100px}.clash-header h4{font-size:.75rem}.clash-spells{gap:.2rem}.modal-content.spell-modal{flex-direction:column!important;align-items:center;justify-content:center;gap:0;padding:.5rem;position:static}.spell-modal .spell-card--xl,.spell-modal .spell-card--large{max-width:200px;max-height:85vh}.spell-modal__prepare-btn{position:fixed;right:1rem;top:50%;transform:translateY(-50%);padding:.6rem 1.5rem;font-size:.9rem;z-index:10001}.action-log-drawer.collapsed{transform:translateY(calc(100% - 30px));max-height:30px}.action-log-drawer.expanded{max-height:180px}.log-drawer-toggle{padding:.3rem .8rem;min-height:30px;font-size:.7rem}.log-drawer-label{font-size:.7rem;line-height:1.2}.action-log{max-height:150px}.log-entry{font-size:.7rem;padding:.3rem}.cta-floating{bottom:120px}.cta-btn{padding:.4rem .8rem;font-size:.8rem}.toast-container.has-bottom-toast{bottom:70px}.modal-overlay{padding:0}.modal-content{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;border:none;padding:1rem;display:flex;flex-direction:column}.modal-close{top:.5rem;right:.5rem;width:44px;height:44px;background:#00000080}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:var(--text-primary);font-size:1.5rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;transition:background-color .2s ease,transform .2s ease;line-height:1}.modal-close:hover{background:var(--accent);transform:scale(1.05)}.modal-content.spell-modal{background:none;border:none;box-shadow:none;padding:0;max-width:none;width:auto;max-height:none;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.modal-content.spell-modal:has(.spell-preview-types),.modal-content.spell-modal:has(.action-type-badges){max-height:calc(100dvh - 1rem);padding:.5rem;overflow-y:auto;justify-content:flex-start;scrollbar-width:thin}.spell-preview{display:flex;flex-direction:column;align-items:stretch}.spell-preview .spell-preview-types,.spell-preview .action-type-badges{width:100%}@media(max-width:560px){.modal-content.spell-modal:has(.spell-preview-types) .spell-preview .spell-card--xl{width:min(330px,calc(100vw - 2rem),calc((100dvh - 175px)*.714))}.game-top-panel{padding:.25rem .5rem;gap:.15rem}.player-stat-row{gap:.25rem .35rem;flex-wrap:wrap}.player-stat-row:after{content:"";display:block;flex:0 0 100%;order:4}.player-stat-row>:nth-child(1){order:1;flex:1 1 auto}.player-stat-row>:nth-child(2){order:7;flex:0 0 auto}.player-stat-row>:nth-child(3){order:6;flex:1 1 auto}.player-stat-row>:nth-child(4){order:2;flex:0 0 auto}.player-stat-row>:nth-child(5){order:3;flex:0 0 auto}.player-stat-row>:nth-child(6){order:4;flex:0 0 auto}.player-stat-section{align-self:flex-start;justify-content:flex-start}.top-counters{font-size:.68rem;padding:.12rem .38rem;letter-spacing:0}.phase-hero{padding:.28rem .45rem;gap:.3rem}.phase-hero__badge{min-height:26px;padding:.12rem .38rem}.phase-hero__icon{width:1.2rem;height:1.2rem;font-size:.78rem}.phase-hero__label,.phase-hero__instruction{font-size:.74rem}.opponent-hand-row{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.opponent-hand-row .hand-section{flex:1 1 0;min-width:0}.opponent-hand-row .discard-section{flex:0 0 auto;width:auto}.discard-btn-compact.opponent{min-height:28px;padding:.2rem .4rem;font-size:.72rem}.discard-btn-compact.opponent .discard-text-full{display:none}.dock-nav .dock-hand-toggle{flex:1 1 auto;min-width:0}.dock-nav .dock-graveyard-btn{flex:0 0 auto;padding:.28rem .45rem;font-size:.74rem;min-height:32px;white-space:nowrap}.dock-nav-btn,.dock-return-prompt{flex:1 1 100%;text-align:center}.dock-prompt{padding:.3rem .4rem;gap:.25rem}.dock-prompt-title{font-size:.8rem}.dock-prompt-urgency{font-size:.65rem}.dock-prompt-instruction{font-size:.78rem}.dock-direct-target-btn{min-height:36px;padding:.32rem .55rem;font-size:.84rem;font-weight:700}.top-panel-center{flex:0 0 auto;justify-content:flex-end;min-width:0}.dock-prompt-kicker,.dock-prompt-context,.dock-prompt-selected{display:none}.dock-prompt-header{flex-wrap:nowrap;align-items:center}.phase-hero__activity{top:.4rem;right:.5rem;bottom:auto;transform:none}.phase-hero__activity span{width:.35rem;height:.35rem}.dock-prompt-options{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none}.hand-formation-header{padding:.4rem .75rem}.hand-formation-header h2{font-size:1.2rem;margin-bottom:.1rem}.hand-formation-header p{font-size:.8rem;width:100%}.draft-modal-header{display:flex;align-items:center;padding:.5rem .75rem;gap:.5rem}.draft-modal-title h2{font-size:1.2rem;margin:0}.draft-modal-title p{display:none}.skip-btn.draft-skip-btn{flex-shrink:0;white-space:nowrap}.draft-selection-row{flex-wrap:wrap}.draft-selection-row strong{flex:0 0 100%}.dock-prompt-options .element-card{padding:.6rem .5rem;gap:.25rem}.dock-prompt-options .element-emoji{font-size:1.6rem}.dock-prompt-options .element-name{font-size:.72rem}.dock-choice-buttons{flex-wrap:nowrap;overflow-x:auto}}.modal-content.spell-modal .modal-close{position:fixed;top:1.5rem;right:1.5rem;background:#00000080;border:none}.spell-modal__prepare-btn{padding:.75rem 2rem;background:var(--accent);color:var(--text-primary);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.spell-modal__prepare-btn:hover{background:var(--accent-hover, #ff6b8a);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.spell-modal__prepare-btn:active{transform:translateY(0)}.spell-modal .spell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.4rem}.spell-modal .element-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#ffffff1a;border-radius:6px;font-size:.8rem;font-weight:600}.spell-modal .priority-badge{padding:.3rem .6rem;background:var(--accent);border-radius:6px;font-size:.8rem;font-weight:700;white-space:nowrap}.spell-modal .spell-image-placeholder{width:100%;background:#0003;border:2px dashed rgba(255,255,255,.1);border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.spell-modal .placeholder-text{color:#fff3;font-weight:600;text-transform:uppercase;letter-spacing:2px}.spell-modal .spell-name{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:700;line-height:1.2}.spell-modal .spell-types{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-size:1.5rem}.spell-modal .type-icon{opacity:.9}.spell-modal .spell-summary{font-size:1rem;line-height:1.5;color:var(--text-secondary)}.spell-modal .conjury-badge{margin-bottom:.5rem;display:inline-block;padding:.2rem .5rem;background:#e945604d;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--accent)}@media(max-width:640px){.game-view{padding:.75rem}.game-header{padding:1rem}.game-header h1{font-size:1.4rem}.scenario-selector,.player-selector{flex-direction:column;gap:.5rem}.scenario-btn,.player-btn{width:100%}.sidebar,.clashes{grid-template-columns:1fr}.modal-content{padding:1.5rem;width:95%}.modal-spell-name{font-size:1.4rem}.modal-element{font-size:2.5rem}}.targeting-modal{max-width:700px}.targeting-header{text-align:center;margin-bottom:1.5rem}.targeting-header h2{font-family:var(--font-heading);margin:0 0 .5rem;font-size:1.7rem;letter-spacing:.03em}.targeting-caster{font-size:.9rem;color:var(--text-secondary)}.targeting-hint{font-size:.85rem;color:#4caf50;font-style:italic;margin-top:.5rem;padding:.5rem 1rem;background:#4caf501a;border-radius:6px;border-left:3px solid #4caf50}.targeting-body{max-height:50vh;overflow-y:auto;margin-bottom:1.5rem}.clash-group{margin-bottom:1.5rem}.clash-label{font-size:1rem;color:var(--accent);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.target-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.target-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;text-align:center}.target-card:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.target-card.selected{border-color:#4caf50;background:#4caf5033;box-shadow:0 0 15px #4caf5066}.target-element{font-size:2rem;margin-bottom:.5rem}.target-name{font-weight:600;font-size:.9rem;margin-bottom:.3rem}.target-owner{font-size:.75rem;color:var(--text-secondary)}.conjury-badge{margin-top:.3rem;padding:.2rem .4rem;background:#e945604d;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--accent)}.no-targets{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.targeting-footer{display:flex;gap:1rem;justify-content:center}.cancel-btn,.confirm-btn{padding:.75rem 1.5rem;border:2px solid;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{border-color:var(--bg-medium);background:var(--bg-dark);color:var(--text-primary)}.cancel-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.confirm-btn{border:none;border-radius:8px;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;color:#fff;padding-left:3.5rem;min-width:140px;min-height:44px}.draft-modal-content{max-width:1000px!important;width:95%}.draft-modal-content .spell-card--large{max-width:180px;width:100%}@media(max-width:768px){.draft-modal-content{max-width:100%!important;width:100%;margin:0}}.confirm-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0006;filter:brightness(1.1)}.clash-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem 0}.clash-card{background:#ffffff0d;border:3px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.clash-card:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-4px);box-shadow:0 6px 20px #0000004d}.clash-card.selected{border-color:#4caf50;background:#4caf5033;box-shadow:0 0 20px #4caf5080;transform:translateY(-4px)}.clash-number{font-size:3rem;font-weight:700;color:var(--accent);line-height:1}.clash-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.clash-card.selected .clash-number,.clash-card.selected .clash-label{color:#4caf50}.targeting-modal-source{border-color:#2196f3;box-shadow:0 10px 40px #2196f380}.targeting-modal-source .targeting-header h2{color:#2196f3}.targeting-modal-source .clash-card.selected{border-color:#2196f3;background:#2196f333;box-shadow:0 0 20px #2196f380}.targeting-modal-source .clash-card.selected .clash-number,.targeting-modal-source .clash-card.selected .clash-label{color:#2196f3}.targeting-modal-destination{border-color:#ff9800;box-shadow:0 10px 40px #ff980080}.targeting-modal-destination .targeting-header h2{color:#ff9800}.targeting-modal-destination .clash-card.selected{border-color:#ff9800;background:#ff980033;box-shadow:0 0 20px #ff980080}.targeting-modal-destination .clash-card.selected .clash-number,.targeting-modal-destination .clash-card.selected .clash-label{color:#ff9800}.conjury-badge-small{padding:.15rem .4rem;background:#e945604d;border-radius:4px;font-size:.65rem;font-weight:600;color:var(--accent);text-transform:uppercase}.choice-instruction{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-top:.5rem}.choice-options{display:flex;flex-direction:column;gap:.75rem}.choice-option{background:#ffffff0d;border:3px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.choice-option:hover{background:#ffffff1a;border-color:#fff6;transform:translate(4px)}.choice-option.selected{border-color:#4caf50;background:#4caf5033;box-shadow:0 0 20px #4caf5066;transform:translate(4px)}.choice-number{font-size:1.5rem;font-weight:700;color:var(--accent);min-width:40px;text-align:center;background:#e9456033;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-option.selected .choice-number{background:#4caf504d;color:#4caf50}.choice-description{flex:1;font-size:1rem;line-height:1.4}.confirm-btn.wide{width:100%;max-width:300px}.game-over-modal .modal-content{max-width:760px;border-color:gold}.game-over-modal__content{display:flex;flex-direction:column;max-height:min(90vh,720px);padding:0;gap:0;overflow:hidden;text-align:center;background:var(--bg-panel, #1a1f2e)}.game-over-modal__header{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1.5rem 0;border-radius:16px 16px 0 0;flex-shrink:0}.game-over-tabs{display:flex;width:fit-content;align-self:center;gap:0;margin-top:.75rem;padding:3px;background:#0000004d;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.game-over-tab{flex:1;padding:.35rem 1.1rem;background:transparent;border:none;border-radius:999px;color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.game-over-tab--active{background:#ffd7002e;color:gold}.game-over-tab:hover:not(.game-over-tab--active){color:var(--text-primary);background:#ffffff0f}.game-over-modal__body{flex:1;overflow-y:auto;padding:.85rem 1.25rem;min-height:0}.game-over-modal__footer{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;margin-top:0}.summary-tab{display:flex;flex-direction:column;gap:.65rem;align-items:stretch}.summary-match-meta{text-align:center;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:0}.summary-player-card{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a}.summary-player-card--winner{border-left:3px solid #ffd700;background:#ffd7000d}.summary-player-header{display:flex;align-items:center;gap:.65rem}.summary-player-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto}.summary-player-name{font-size:.97rem;font-weight:800;flex:1;text-align:left}.summary-winner-star{color:gold}.summary-player-trunks{font-size:.82rem;color:var(--text-secondary)}.summary-trunk-count{font-size:.72rem}.summary-player-wins{font-size:.82rem;font-weight:700;color:gold}.summary-element-row{display:flex;flex-wrap:wrap;gap:.3rem;align-items:flex-end}.summary-element-item{position:relative;display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff12;flex-shrink:0;cursor:pointer;outline:none;transition:border-color .15s,background .15s}.summary-element-item:hover,.summary-element-item:focus-visible{border-color:#fff6;background:#ffffff24}.summary-element-item:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#14141eeb;color:#fff;padding:2px 7px;border-radius:5px;font-size:.65rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.summary-element-item:hover:after,.summary-element-item:focus:after{opacity:1}.summary-element-mvp-label{position:absolute;top:-13px;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:gold;white-space:nowrap}.summary-element-item--mvp{border:2.5px solid rgba(255,215,0,.75);background:#ffffff24;box-shadow:0 0 7px 2px #ffd70059}.summary-playstyle-row{display:flex;align-items:center;gap:.5rem}.summary-action-row{display:flex;flex-wrap:wrap;gap:.35rem}.summary-action-chip{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;background:#ffffff14;font-size:.75rem;font-weight:700;color:var(--text-primary);cursor:help;outline:none}.summary-action-chip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#14141eeb;color:#fff;padding:2px 7px;border-radius:5px;font-size:.65rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.summary-action-chip:hover:after,.summary-action-chip:focus:after{opacity:1}.summary-action-chip-label{font-size:.68rem;color:var(--text-secondary)}.summary-action-chip--conjury{background:#ffd7001a;color:#ffe083}.summary-conjury-cancelled{color:#ff8a8a}.summary-conjury-icon{font-size:.9rem}.log-tab{display:flex;flex-direction:column;gap:1rem;text-align:left}.highlight-reel{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.highlight-reel__title{margin:0 0 .25rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:gold}.highlight-entry{font-size:.82rem;padding:.3rem .5rem;border-radius:6px;background:#ffffff0a}.round-accordion{display:flex;flex-direction:column;gap:.4rem}.round-accordion__section{border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.round-accordion__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .85rem;background:#ffffff0a;border:none;color:var(--text-primary);font-size:.8rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.round-accordion__header:hover{background:#ffffff14}.round-accordion__chevron{font-size:.65rem;color:var(--text-secondary)}.round-accordion__body{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem}.log-entry{font-size:.78rem;padding:.2rem .4rem;border-radius:4px;color:var(--text-secondary);line-height:1.4}.player-color-0{border-left:2px solid #64b5f6;padding-left:.5rem;color:#a8d8ff}.player-color-1{border-left:2px solid #ef9a9a;padding-left:.5rem;color:#fcc}.log-tab__round-count{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding-bottom:.25rem}.round-accordion__label{flex-shrink:0}.round-health-summary{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:500;opacity:.85;flex:1;justify-content:center;flex-wrap:wrap}.round-health-group{display:flex;align-items:center;gap:.3rem}.round-health-entry{white-space:nowrap}.round-health-entry--p0{color:#a8d8ff}.round-health-entry--p1{color:#fcc}.round-health-sep{color:var(--text-secondary);opacity:.5}.round-highlight{font-size:.78rem;padding:.25rem .5rem;border-radius:5px;background:#ffffff0d;margin-bottom:.1rem}.log-element-icon{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em;object-fit:contain}.log-message{display:inline}@media(max-width:599px){.game-over-modal__header{padding:1rem 1rem 0}.game-over-modal__body{padding:1rem}.game-over-modal__footer{padding:.75rem 1rem}.game-over-title{font-size:2.2rem}}.winner-details{display:grid;width:100%;gap:.75rem}.player-result--playstyle{display:flex;flex-direction:column;gap:.65rem;padding:.8rem;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#ffffff0e}.player-result__heading,.playstyle-summary__title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.playstyle-summary{display:flex;flex-direction:column;gap:.55rem}.playstyle-summary__badge,.playstyle-facts span{border-radius:999px;padding:.22rem .55rem;font-size:.72rem;font-weight:800}.playstyle-summary__badge--offense{background:#ff52522e;color:#ff8a8a}.playstyle-summary__badge--defense{background:#42a5f52e;color:#89c5ff}.playstyle-summary__badge--mobility{background:#9575cd33;color:#c6aff3}.playstyle-summary__badge--balanced{background:#ffc1072e;color:#ffe083}.playstyle-summary__elements{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.2rem}.playstyle-summary__elements-label{margin-right:.15rem;color:var(--text-secondary);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.playstyle-summary__element{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff12}.playstyle-summary__element .animated-element-emoji{transform:scale(.86)}.playstyle-badge-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;margin-right:.3rem;opacity:.9}.playstyle-stacked-bar{display:flex;width:100%;height:10px;border-radius:999px;overflow:hidden;gap:2px;background:#ffffff0f}.playstyle-stacked-segment{height:100%;transition:flex-basis .65s ease-out}.playstyle-stacked-segment--offense{background:#ff5252}.playstyle-stacked-segment--defense{background:#42a5f5}.playstyle-stacked-segment--mobility{background:#9575cd}.playstyle-stacked-legend{display:flex;width:100%;overflow:hidden}.playstyle-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:var(--text-secondary)}.playstyle-legend-item--offense .playstyle-legend-pct{color:#ff7070}.playstyle-legend-item--defense .playstyle-legend-pct{color:#70b8ff}.playstyle-legend-item--mobility .playstyle-legend-pct{color:#b39ddb}.playstyle-legend-icon{width:20px;height:20px;object-fit:contain;opacity:.85}.playstyle-facts{display:flex;flex-wrap:wrap;gap:.35rem}.playstyle-fact-chip{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff12;color:var(--text-secondary);border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-weight:800}.playstyle-fact-icon{width:16px;height:16px;object-fit:contain}@media(max-width:640px){.playstyle-summary__title-row{align-items:flex-start;flex-direction:column}.playstyle-summary__elements{justify-content:flex-start}}.game-over-title{font-family:var(--font-heading);font-size:3rem;color:gold;margin:0;text-shadow:0 2px 10px rgba(255,215,0,.3);letter-spacing:.05em}.winner-announce{font-size:1.5rem;margin:0}.winner-announce span{font-weight:700;color:#4caf50;display:inline-block;animation:celebrate 1s ease infinite alternate}@keyframes celebrate{0%{transform:scale(1)}to{transform:scale(1.2)}}.game-over-actions{display:flex;gap:1rem;width:100%}.restart-btn{flex:1;padding:.8rem .8rem .8rem 3.5rem;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;border-radius:8px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;min-height:50px}.restart-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #0006;filter:brightness(1.1)}.menu-btn{flex:1;padding:.8rem;background:var(--bg-dark);border:2px solid var(--bg-medium);border-radius:8px;color:var(--text-primary);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.menu-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.next-round-modal{align-items:flex-end;padding:1rem;background:#050a0e1a;background-image:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1400}.next-round-modal .modal-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.85rem;width:min(560px,calc(100vw - 2rem));height:auto;max-width:560px;max-height:min(64vh,620px);margin:0 auto;border-color:#87ceeb;border-width:2px;border-radius:14px;padding:1rem 1.15rem;overflow-y:auto;background:#12191ff0;box-shadow:0 -8px 30px #00000061,0 0 18px #87ceeb1f;animation:nextRoundSheetIn .35s cubic-bezier(.2,.75,.24,1)}.next-round-title{font-family:var(--font-heading);font-size:1.65rem;color:#87ceeb;margin:0;text-shadow:0 2px 10px rgba(135,206,235,.3);letter-spacing:.05em;animation:pulse-title 1.8s ease-in-out infinite}@keyframes nextRoundSheetIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-title{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.round-summary{display:flex;flex-direction:column;gap:.65rem;width:100%;align-items:center}.round-summary-section{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:.7rem;background:#87ceeb14;border:2px solid rgba(135,206,235,.22);border-radius:10px}.summary-label{font-size:.85rem;font-weight:700;color:#5d9ed8;margin:0;text-transform:uppercase;letter-spacing:.08em}.player-status-list{display:flex;flex-direction:column;gap:.45rem;width:100%}.player-status-item{display:flex;flex-direction:column;width:100%;padding:.65rem .75rem;background:#ffffff14;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.player-status-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.status-player-name{color:var(--text-primary);font-size:1rem;font-weight:700}.status-icons{display:flex;gap:1rem;align-items:center;font-size:1rem}.status-health,.status-trunks{font-weight:700}.status-health{display:inline-flex;gap:.25rem;align-items:center;color:#ff6b6b}.health-dot{font-size:.95rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.health-dot.filled{filter:drop-shadow(0 0 3px rgba(255,107,107,.45))}.health-dot.empty{opacity:.25;filter:grayscale(1)}.status-trunks{color:gold}.graveyard-summary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.graveyard-label{font-size:.85rem;color:var(--text-secondary);flex-shrink:0}.graveyard-element{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.25rem .5rem;font-size:.85rem;color:var(--text-primary)}.graveyard-emoji{font-size:1rem}.graveyard-name{text-transform:capitalize;letter-spacing:.01em}.inline-ringleader{margin-left:.4rem;font-size:1rem}.multiplayer-info{background:#4caf501a;border-color:#4caf504d}.multiplayer-message{margin:0;color:#4caf50;font-weight:600;font-size:1.1rem}.next-round-actions{display:flex;gap:1rem;margin-top:.25rem;width:100%;justify-content:center}@media(max-width:560px){.next-round-modal{padding:.4rem}.next-round-modal .modal-content{width:calc(100vw - .8rem);height:auto;max-width:none;max-height:58vh;padding:.75rem;border:2px solid #87ceeb;border-radius:12px}.next-round-title{font-size:1.3rem}.next-round-subtitle{margin:0;font-size:.82rem}.player-status-top{gap:.45rem}.status-icons{gap:.45rem;font-size:.82rem}.health-dot{font-size:.78rem}.graveyard-summary{margin-top:.45rem}.continue-btn{min-width:min(250px,100%);min-height:44px;padding-top:.65rem;padding-bottom:.65rem}}.continue-btn{padding:.9rem 2rem .9rem 3.5rem;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;border:2px solid rgba(201,168,76,.25);border-radius:8px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;min-height:50px;min-width:250px}.continue-btn:not(:disabled){animation:continuePulse 2s ease-in-out infinite}@keyframes continuePulse{0%,to{border-color:#c9a84c40;box-shadow:0 0 6px #c9a84c1a}50%{border-color:#c9a84ce6;box-shadow:0 0 12px #c9a84c40}}.continue-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);border-color:#c9a84ce6;box-shadow:0 4px 14px #c9a84c59;filter:brightness(1.1);animation:none}.continue-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.continue-btn:disabled{opacity:.6;cursor:not-allowed}.round-waiting-dots{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.round-waiting-dots span{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;animation:round-waiting-dot 1.15s ease-in-out infinite}.round-waiting-dots span:nth-child(2){animation-delay:.15s}.round-waiting-dots span:nth-child(3){animation-delay:.3s}@keyframes round-waiting-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){.round-waiting-dots span{animation:none;opacity:.8}}.hand-formation-modal{max-width:1200px;width:90%;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.hand-formation-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.hand-formation-header h2{font-family:var(--font-heading);margin:0 0 .5rem;font-size:2rem;color:var(--text-primary);letter-spacing:.03em}.hand-formation-header p{margin:0;color:var(--text-secondary);font-size:1rem}.hand-formation-grid{flex:1;overflow-y:auto;padding:1.5rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,270px);gap:1rem;align-content:start;justify-items:center}.hand-formation-grid .spell-card--large{max-width:270px;width:100%}@media(orientation:portrait)and (max-width:768px){.hand-formation-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.hand-formation-footer{position:sticky;bottom:0;padding:1rem 2rem;background:var(--bg-light);border-top:2px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;flex-shrink:0;box-shadow:0 -4px 15px #0000004d}.hand-formation-footer .confirm-btn{min-width:200px}.draft-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.draft-modal-title{flex:1}.draft-skip-btn{flex-shrink:0;align-self:center}.skip-btn{display:inline-flex;align-items:center;gap:.4rem;background:#b29a72;border:none;color:#fff;font-weight:750;font-size:1rem;min-height:40px;padding:.45rem .85rem;border-radius:8px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #b29a7273;text-shadow:0 1px 3px rgba(0,0,0,.45)}.skip-btn:hover{background:#c9b084;box-shadow:0 3px 12px #b29a72a6}.skip-btn-icon{width:1em;height:1em;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.45));vertical-align:middle}.draft-graveyard-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-top:1px solid rgba(255,255,255,.1);padding:.5rem 0;cursor:pointer;color:inherit;font:inherit;text-align:left}.draft-graveyard-toggle:hover{opacity:.8}.draft-graveyard-caret{font-size:.85rem;opacity:.7;flex-shrink:0}.modal-content.modal-with-side-card{display:flex;flex-direction:row;gap:1.5rem;max-width:1100px;width:95%;padding:1.5rem}.modal-side-panel{flex:0 0 280px;display:flex;flex-direction:column;gap:1rem;align-items:center;border-right:1px solid rgba(255,255,255,.1);padding-right:1.5rem}.modal-side-instruction{width:100%}.modal-main-panel{flex:1;display:flex;flex-direction:column;min-width:0}@media(max-width:900px){.modal-content.modal-with-side-card{flex-direction:column;max-height:90vh;overflow-y:auto}.modal-side-panel{flex:0 0 auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding-right:0;padding-bottom:1rem;margin-bottom:1rem}}.toast-container{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.3rem;z-index:1500;pointer-events:none;width:min(460px,calc(100vw - 1rem));max-width:460px}.toast-container.has-bottom-toast{top:auto;bottom:200px}.toast{background:#12181df0;color:#fff;padding:.52rem .68rem;border-radius:10px;border-left:5px solid var(--accent);font-size:.92rem;font-weight:600;box-shadow:0 8px 24px #0000006b;pointer-events:auto;animation:slideDown .3s ease,fadeOut .55s ease 5.75s forwards;cursor:pointer;position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-content:space-between;gap:.52rem}.toast:has(.toast__icon-column){grid-template-columns:40px minmax(0,1fr)}.toast:has(.toast__icon-column--compound){grid-template-columns:max-content minmax(0,1fr);column-gap:.72rem}.toast__icon-column{position:relative;display:grid;place-items:center;min-height:38px}.toast__reveal-icon{position:relative;display:block;width:28px;height:34px;perspective:80px}.toast__reveal-card{position:absolute;width:21px;height:29px;border:2px solid rgba(255,255,255,.9);border-radius:3px;box-shadow:0 2px 7px #42a5f580}.toast__reveal-card--back{left:1px;top:1px;background:repeating-linear-gradient(135deg,#334a67 0 3px,#213247 3px 6px);transform:rotate(-9deg)}.toast__reveal-card--front{right:1px;bottom:1px;background:radial-gradient(circle at 50% 42%,#d9f3ff 0 3px,transparent 4px),linear-gradient(155deg,#4d8fc2,#182c42);opacity:0;transform:rotateY(90deg) translate(-5px)}.toast__reveal-icon--prepared .toast__reveal-card--back{left:3px;top:2px;transform:rotate(0);animation:toastPrepareCard 1.4s ease-in-out infinite}.toast__reveal-icon--revealed .toast__reveal-card--back{animation:toastRevealBack .7s ease-out both}.toast__reveal-icon--revealed .toast__reveal-card--front{animation:toastRevealCard .85s ease-out both}.toast__trunk-icon{font-size:1.65rem;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.toast__icon-column--compound{min-width:max-content;padding-right:.18rem}.toast__compound-icons{display:flex;align-items:center;justify-content:center;gap:.1rem;white-space:nowrap}.toast__compound-icons .log-spell-type-icon,.toast__compound-icons .log-spell-type-icon img{width:21px;height:21px}.toast__compound-icons .action-type-icon{margin-left:-.05rem}.toast__element-seal{position:absolute;right:-.25rem;bottom:-.22rem;display:grid;width:1.08rem;height:1.08rem;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#182029;font-size:.72rem;line-height:1;box-shadow:0 2px 5px #00000073;animation:toastElementSeal .65s ease-out both}@keyframes toastRevealCard{0%{opacity:0;transform:rotateY(90deg) translate(-5px)}55%{opacity:1;transform:rotateY(-12deg) translate(1px)}to{opacity:1;transform:rotateY(0) translate(0)}}@keyframes toastPrepareCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-2deg)}}@keyframes toastRevealBack{0%{opacity:1;transform:rotate(0) translate(0)}to{opacity:.35;transform:rotate(-12deg) translate(-4px)}}@keyframes toastElementSeal{0%{opacity:0;transform:scale(.35) rotate(-18deg)}70%{opacity:1;transform:scale(1.14) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.toast__secondary-glyph{font-size:1.55rem;line-height:1;filter:none}.toast__content{position:relative;display:flex;min-width:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.2rem .42rem;padding-right:.15rem}.toast__actor{position:absolute;top:-.22rem;right:0;max-width:38%;padding:.08rem .36rem;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff14;color:var(--text-secondary);font-size:.59rem;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.toast__message{min-width:0;font-size:.92rem;font-weight:740;line-height:1.22}.toast__content:has(.toast__actor) .toast__message{padding-right:min(38%,7rem)}.toast--damage{border-left-color:#ff5252}.toast--heal{border-left-color:#42a5f5}.toast--bolster{border-left-color:#4ec976}.toast--weaken{border-left-color:#ff9f43}.toast--graveyard{border-left-color:#9e9e9e}.toast--recall{border-left-color:#26c6da}.toast--prepare{border-left-color:#66bb6a}.toast--reveal{border-left-color:#42a5f5}.toast--cast{border-left-color:#ffb74d}.toast--move{border-left-color:#64b5f6}.toast--migrate,.toast--advance{border-left-color:#9575cd}.toast--phase{transition:border-left-color .35s ease,background-color .35s ease,box-shadow .35s ease}.toast--phase-prepare{background:#12211bf5;animation:slideDown .3s ease}.toast--phase-reveal{background:#121d2af7;animation:toastPhaseReveal .52s ease-out,fadeOut .55s ease 2.25s forwards}.toast--phase-migration .toast__message,.toast--phase-movement .toast__message{font-size:.86rem}@keyframes toastPhaseReveal{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.025);box-shadow:0 0 24px #42a5f566}to{transform:translateY(0) scale(1)}}.toast-health-transition{display:flex;align-items:center;gap:.22rem;color:#ffffffc7;font-size:.68rem;white-space:nowrap}.toast-health-transition__hearts{display:inline-flex;gap:.04rem}.toast-heart{font-family:Georgia,serif;font-size:.8rem;line-height:1}.toast-heart--filled{color:#f4515a;text-shadow:0 0 5px rgba(244,81,90,.5)}.toast-heart--empty{color:#ffffff2b;text-shadow:none}.toast-heart--lost{animation:toastHeartLost 1.1s ease-out both}.toast-heart--gained{animation:toastHeartGained 1.1s ease-out both}.toast-health-transition__number{min-width:.8rem;font-weight:900;text-align:center}.toast-health-transition__arrow{color:var(--text-secondary)}@keyframes toastHeartLost{0%,18%{color:#f4515a;opacity:1;transform:scale(1)}45%{color:#ff8b91;transform:scale(1.28) rotate(-8deg)}to{color:#ffffff2b;opacity:.45;transform:translateY(4px) scale(.72)}}@keyframes toastHeartGained{0%,18%{color:#ffffff2b;opacity:.25;transform:scale(.45)}55%{color:#ff7a82;opacity:1;transform:scale(1.32)}to{color:#f4515a;opacity:1;transform:scale(1)}}@media(max-width:560px){.toast-container{top:52px;width:calc(100vw - .5rem);gap:.24rem}.toast{padding:.44rem .52rem;border-left-width:4px;gap:.4rem}.toast:has(.toast__icon-column){grid-template-columns:36px minmax(0,1fr)}.toast:has(.toast__icon-column--compound){grid-template-columns:max-content minmax(0,1fr);column-gap:.55rem}.toast__icon-column{min-height:34px}.toast__message{font-size:.84rem;line-height:1.18}.toast__actor{top:-.18rem;font-size:.54rem}.toast-health-transition{gap:.16rem}.toast-heart{font-size:.72rem}}.toast--permanent{animation:slideDown .3s ease;background:#4caf50f2;border-left:4px solid #45a049;padding:.5rem .75rem;gap:.5rem;font-size:.85rem}.toast-dismiss{font-size:1rem;font-weight:700;opacity:.7;transition:opacity .2s ease;flex-shrink:0;line-height:1;margin-left:0}.toast--permanent:hover .toast-dismiss{opacity:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.elemental-effect-overlay{position:fixed;inset:0;z-index:1850;pointer-events:none;overflow:hidden}.elemental-effect{position:absolute;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen;animation-duration:var(--effect-duration, 1s);animation-fill-mode:forwards}.elemental-effect--pending,.elemental-effect--pending *{visibility:hidden;animation-play-state:paused!important}.spell-motion-overlay{position:fixed;inset:0;z-index:1900;pointer-events:none;overflow:hidden}.familiar-icon-read-overlay{position:fixed;inset:0;z-index:1920;pointer-events:none;overflow:visible}.familiar-icon-read{position:absolute;pointer-events:none;transform:translateZ(0)}.familiar-icon-read__icon{position:absolute;left:calc(50% + (var(--icon-index, 0) - 2.5) * 42px);top:54%;width:68px;height:68px;display:grid;place-items:center;border-radius:999px;opacity:0;background:radial-gradient(circle at 48% 42%,#f5f0fff2,#524570d1 46%,#0c0a12d1 72%);box-shadow:0 0 0 2px #ddd2ff7a,0 0 24px #7156a98a,0 12px 24px #00000080;transform:translate(-50%,-50%) translateY(18px) scale(.56);animation:familiarIconRise 1.3s cubic-bezier(.16,.84,.26,1) forwards;animation-delay:calc(.21s + var(--icon-index, 0) * 65ms)}.familiar-icon-read__icon--damage{--familiar-icon-accent: rgba(255, 91, 82, .76)}.familiar-icon-read__icon--weaken{--familiar-icon-accent: rgba(190, 116, 255, .72)}.familiar-icon-read__icon:before{content:"";position:absolute;inset:-16px;border-radius:inherit;background:radial-gradient(circle,var(--familiar-icon-accent),transparent 66%);opacity:.55;filter:blur(10px);z-index:-1}.familiar-icon-read__img{width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.68)) drop-shadow(0 0 4px rgba(255,255,255,.28))}.familiar-icon-read__emoji{font-size:2.55rem;line-height:1}.familiar-icon-read__more{position:absolute;left:calc(50% + 150px);top:14%;min-width:48px;height:48px;display:grid;place-items:center;padding:0 .35rem;border-radius:999px;color:#f6f0fff5;font-weight:900;font-size:1.18rem;background:#130f1ce0;border:1px solid rgba(213,197,255,.42);box-shadow:0 0 14px #5c468880;opacity:0;transform:translate(-50%,12px) scale(.7);animation:familiarIconMoreRise 1.2s ease-out .52s forwards}.spell-motion{position:absolute;pointer-events:none;transform-origin:center}.spell-motion--pending{visibility:hidden;animation-play-state:paused}.spell-motion--migrate{animation:spellMigratePath var(--motion-duration, .96s) cubic-bezier(.16,.84,.28,1) forwards}.spell-motion--move{animation:spellMovePath var(--motion-duration, .86s) cubic-bezier(.24,.74,.3,1) forwards}.spell-motion--fly-return{animation:spellFlyReturn var(--motion-duration, .45s) cubic-bezier(.22,.78,.3,1) forwards}.spell-motion--wind{filter:drop-shadow(0 0 16px rgba(170,245,209,.58))}.spell-motion--starlight{filter:drop-shadow(0 0 9px rgba(255,246,218,.58)) drop-shadow(0 0 14px rgba(255,180,216,.22))}.spell-motion--thunder{filter:drop-shadow(0 0 8px rgba(255,232,155,.42)) drop-shadow(0 0 18px rgba(255,166,47,.26))}.spell-motion--starlight:before,.spell-motion--starlight:after{content:"";position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen}.spell-motion--starlight:before{left:-46%;top:4%;width:92%;height:82%;border-radius:18px;background:radial-gradient(circle at 20% 34%,rgba(255,255,246,.96) 0 1.4px,transparent 3.2px),radial-gradient(circle at 42% 66%,rgba(255,207,226,.84) 0 1.5px,transparent 3.4px),radial-gradient(circle at 66% 28%,rgba(245,226,255,.76) 0 1.3px,transparent 3px),radial-gradient(circle at 82% 58%,rgba(255,248,218,.78) 0 1.2px,transparent 2.8px);filter:blur(.1px) drop-shadow(0 0 6px rgba(255,239,203,.56));transform:translate(8%) translateY(0) rotate(-6deg) scale(.7);animation:starlightMotionTail var(--motion-duration, .96s) cubic-bezier(.16,.84,.28,1) forwards}.spell-motion--starlight:after{left:-54%;top:10%;width:104%;height:74%;background:radial-gradient(circle at 14% 72%,rgba(255,255,246,.9) 0 1.2px,transparent 3px),radial-gradient(circle at 38% 22%,rgba(255,217,234,.8) 0 1.4px,transparent 3.2px),radial-gradient(circle at 70% 52%,rgba(255,250,226,.74) 0 1.2px,transparent 3px);animation:starlightMotionSparks var(--motion-duration, .96s) ease-out forwards}.spell-motion__shooting-star,.elemental-starlight-shooting-star{position:absolute;width:5px;height:5px;border-radius:999px;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,1) 0 24%,rgba(255,246,218,.94) 48%,rgba(255,203,226,.32) 76%,transparent 100%);box-shadow:0 0 6px #fff6dad1,0 0 11px #ffb8da47;mix-blend-mode:screen}.spell-motion__shooting-star:after,.elemental-starlight-shooting-star:after{content:"";position:absolute;right:2px;top:50%;width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,230,242,.24),rgba(255,255,246,.76));transform:translateY(-50%)}.spell-motion__shooting-star{animation:starlightTinyMeteor var(--motion-duration, .96s) ease-out forwards}.spell-motion__shooting-star--1{left:8%;top:18%;animation-delay:40ms;--star-scale: 1}.spell-motion__shooting-star--2{left:18%;top:58%;animation-delay:.13s;--star-scale: .82}.spell-motion__shooting-star--3{left:34%;top:34%;animation-delay:.23s;--star-scale: .72}.spell-motion__shooting-star--4{left:48%;top:70%;animation-delay:.31s;--star-scale: .9}.spell-motion__shooting-star--5{left:62%;top:24%;animation-delay:.41s;--star-scale: .7}.spell-motion__shooting-star--6{left:78%;top:52%;animation-delay:.51s;--star-scale: .8}.spell-motion__thunder-wave{position:absolute;left:8%;top:50%;width:78%;height:28%;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(90deg,transparent 0 2%,rgba(248,252,255,.98) 7%,rgba(154,203,255,.82) 20%,rgba(42,65,104,.42) 52%,transparent 88% 100%);clip-path:polygon(0 50%,12% 8%,22% 38%,34% 10%,48% 44%,62% 16%,78% 48%,100% 20%,86% 50%,100% 80%,78% 52%,62% 84%,48% 56%,34% 90%,22% 62%,12% 92%);filter:drop-shadow(0 0 6px rgba(238,248,255,.72)) drop-shadow(0 0 16px rgba(96,158,255,.36));transform:translate(-12%,-50%) scaleX(.36);transform-origin:right center;animation:thunderMotionWave var(--motion-duration, .86s) cubic-bezier(.12,.76,.24,1) forwards}.spell-motion__thunder-wave--one{animation-delay:40ms}.spell-motion__thunder-wave--two{width:92%;height:24%;top:38%;animation-delay:.15s}.spell-motion__thunder-wave--three{width:106%;height:22%;top:62%;animation-delay:.26s}.spell-motion__card{width:100%;height:100%;position:relative;transform:translateZ(0)}.spell-motion--starlight .spell-motion__card{animation:starlightMotionCard var(--motion-duration, .96s) ease-out forwards}.spell-motion--thunder .spell-motion__card{animation:thunderMotionCard var(--motion-duration, .86s) ease-out forwards}.spell-motion--thunder-self-destruct{z-index:3;filter:drop-shadow(0 0 10px rgba(244,252,255,.52)) drop-shadow(0 0 22px rgba(88,145,236,.3))}.spell-motion--thunder-self-destruct:before,.spell-motion--thunder-self-destruct:after{content:"";position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen}.spell-motion--thunder-self-destruct:before{inset:-18px -28px;z-index:4;background:linear-gradient(90deg,transparent 0 7%,rgba(248,253,255,.92) 13% 18%,rgba(130,194,255,.62) 24% 32%,transparent 40% 60%,rgba(130,194,255,.62) 68% 76%,rgba(248,253,255,.92) 82% 87%,transparent 93% 100%),linear-gradient(90deg,transparent 0 20%,rgba(235,248,255,.46) 42% 58%,transparent 80% 100%);clip-path:polygon(0 50%,14% 28%,28% 48%,42% 30%,50% 50%,58% 30%,72% 48%,86% 28%,100% 50%,86% 72%,72% 52%,58% 70%,50% 50%,42% 70%,28% 52%,14% 72%);filter:drop-shadow(0 0 8px rgba(244,252,255,.68)) drop-shadow(0 0 18px rgba(85,142,236,.34));animation:thunderSelfDestructRupture .98s cubic-bezier(.1,.86,.2,1) forwards}.spell-motion--thunder-self-destruct:after{inset:-12px;z-index:5;border-radius:16px;background:radial-gradient(ellipse at 50% 52%,rgba(248,253,255,.58),rgba(114,178,255,.22) 42%,transparent 72%);filter:blur(.4px) drop-shadow(0 0 14px rgba(244,252,255,.48));animation:thunderSelfDestructGlow 1.05s ease-out 80ms forwards}.spell-motion--thunder-self-destruct .spell-motion__card{animation:thunderSelfDestructCard var(--motion-duration, 1.35s) cubic-bezier(.12,.76,.24,1) forwards}.spell-motion__card .spell-card{width:100%!important;max-width:none!important;min-width:0!important;height:100%;box-sizing:border-box;margin:0;pointer-events:none}.spell-motion__card .spell-card__details-btn,.spell-motion__card button{display:none!important}.anim-migrate-destination{animation:migrateDestinationReveal .96s ease-out both,migrateDestinationGlow .96s ease-out both}.anim-move-destination{animation:moveDestinationReveal .86s ease-out both,moveDestinationGlow .86s ease-out both}.elemental-effect--fire-burst,.elemental-effect--fire-console-burst{border-radius:50%;background:transparent;filter:saturate(1.45);animation-name:elementalFireBurst}.elemental-effect--fire-console-burst{filter:saturate(1.65) contrast(1.08);animation-name:elementalConsoleFireBurst}.elemental-effect--fire-burst:before,.elemental-effect--fire-burst:after,.elemental-effect--fire-console-burst:before,.elemental-effect--fire-console-burst:after{content:"";position:absolute;inset:18% 16% 12%;pointer-events:none;transform-origin:center bottom}.elemental-effect--fire-burst:before,.elemental-effect--fire-console-burst:before{background:radial-gradient(circle at 50% 72%,rgba(255,248,180,.95) 0 12%,transparent 28%),conic-gradient(from -20deg at 50% 76%,transparent 0 9%,rgba(255,245,145,.95) 12% 17%,rgba(255,116,10,.92) 20% 29%,transparent 34% 43%,rgba(255,213,71,.9) 47% 53%,rgba(255,66,0,.86) 57% 66%,transparent 70% 78%,rgba(255,151,28,.88) 82% 91%,transparent 95% 100%),linear-gradient(0deg,#be1800c7,#ff6a00ad,#ffe67a24);clip-path:polygon(50% 0%,60% 27%,76% 7%,72% 38%,97% 27%,78% 58%,100% 68%,68% 74%,76% 100%,50% 84%,24% 100%,32% 74%,0% 68%,22% 58%,3% 27%,28% 38%,24% 7%,40% 27%);filter:drop-shadow(0 0 11px rgba(255,84,0,.85)) drop-shadow(0 0 28px rgba(255,52,0,.45));opacity:0;animation:elementalFireCore var(--effect-duration, 1s) cubic-bezier(.14,.75,.24,1) forwards}.elemental-effect--fire-console-burst:before{inset:9% 6% 8%;background:radial-gradient(circle at 50% 78%,rgba(255,255,206,1) 0 9%,transparent 24%),conic-gradient(from -8deg at 50% 80%,transparent 0 6%,rgba(255,241,133,.98) 9% 14%,rgba(255,99,0,.94) 16% 24%,transparent 28% 34%,rgba(255,180,27,.96) 38% 45%,rgba(230,38,0,.9) 48% 57%,transparent 61% 67%,rgba(255,218,77,.95) 71% 79%,rgba(255,73,0,.92) 82% 91%,transparent 95% 100%),linear-gradient(0deg,rgba(145,11,0,.72),rgba(255,89,0,.72),transparent 82%);clip-path:polygon(50% 0%,57% 28%,70% 5%,67% 34%,86% 15%,77% 45%,100% 35%,82% 62%,98% 73%,70% 75%,78% 100%,53% 84%,31% 100%,36% 74%,4% 73%,23% 60%,0% 37%,28% 46%,15% 15%,34% 34%,31% 5%,43% 28%);filter:drop-shadow(0 0 14px rgba(255,123,0,.95)) drop-shadow(0 0 34px rgba(255,46,0,.55));animation-name:elementalConsoleFireCore}.elemental-effect--fire-burst:after,.elemental-effect--fire-console-burst:after{inset:4% 2%;border-radius:50%;background:radial-gradient(circle at 24% 62%,rgba(255,180,38,.72) 0 3%,transparent 5%),radial-gradient(circle at 68% 28%,rgba(255,244,153,.72) 0 2.5%,transparent 5%),radial-gradient(circle at 80% 64%,rgba(255,89,17,.68) 0 3%,transparent 6%),radial-gradient(circle at 38% 24%,rgba(255,98,0,.58) 0 3.5%,transparent 7%);opacity:0;animation:elementalSparkRing var(--effect-duration, 1s) ease-out forwards}.elemental-effect--fire-console-burst:after{inset:-2% -6%;background:radial-gradient(circle at 12% 65%,rgba(255,190,43,.72) 0 2.5%,transparent 5%),radial-gradient(circle at 27% 28%,rgba(255,102,0,.62) 0 3%,transparent 6%),radial-gradient(circle at 55% 18%,rgba(255,250,180,.76) 0 2.5%,transparent 5%),radial-gradient(circle at 74% 36%,rgba(255,115,0,.66) 0 3%,transparent 6%),radial-gradient(circle at 88% 68%,rgba(255,214,79,.72) 0 2.5%,transparent 5%)}.elemental-effect--water-shimmer{border-radius:999px;filter:saturate(1.25) contrast(1.05);animation-name:elementalWaterShimmer}.elemental-effect--water-shimmer:before,.elemental-effect--water-shimmer:after{content:"";position:absolute;pointer-events:none;border-radius:999px}.elemental-effect--water-shimmer:before{inset:12% 4%;border:2px solid rgba(163,235,255,.74);box-shadow:inset 0 0 18px #bef4ff85,0 0 22px #50beff6b;opacity:0;animation:elementalWaterHalo var(--effect-duration, 1.2s) ease-out forwards}.elemental-effect--water-shimmer:after{inset:22% 15%;background:radial-gradient(circle at 28% 38%,rgba(245,255,255,.92) 0 3%,transparent 8%),radial-gradient(circle at 68% 30%,rgba(159,239,255,.74) 0 4%,transparent 10%),radial-gradient(circle at 55% 72%,rgba(92,191,255,.5) 0 5%,transparent 12%),linear-gradient(115deg,transparent 0 28%,rgba(226,255,255,.82) 42%,rgba(94,206,255,.38) 50%,transparent 64% 100%);filter:blur(1px) drop-shadow(0 0 12px rgba(117,218,255,.76));opacity:0;animation:elementalWaterSheenCore var(--effect-duration, 1.2s) ease-out forwards}.elemental-effect--water-shimmer .elemental-particle{background:radial-gradient(circle,#f6ffff 0 18%,#8eeaff 38%,#3fb5ff 64%,#3fb5ff00);box-shadow:0 0 9px #9aedfff2,0 0 18px #2f9fff6b;animation-name:elementalWaterDroplet;animation-timing-function:cubic-bezier(.16,.84,.25,1)}.elemental-effect--wind-trail{border-radius:999px;filter:saturate(1.18);animation-name:elementalWindTrail;mix-blend-mode:screen}.elemental-effect--wind-trail .elemental-particle{width:calc(var(--particle-size, 7px) * 1.35);height:calc(var(--particle-size, 7px) * .72);border-radius:70% 20%;background:radial-gradient(circle at 70% 30%,rgba(235,255,197,.95) 0 16%,transparent 24%),linear-gradient(135deg,#afed68eb,#4caa4de0,#3a743800);box-shadow:0 0 8px #acef81c7;transform-origin:center;animation-name:elementalLeafRide;animation-timing-function:cubic-bezier(.14,.78,.26,1)}.elemental-effect--earth-rockburst{border-radius:50%;filter:saturate(1.08) contrast(1.08);animation-name:elementalEarthImpact}.elemental-effect--earth-rockburst:before,.elemental-effect--earth-rockburst:after{content:"";position:absolute;pointer-events:none;border-radius:50%}.elemental-effect--earth-rockburst:before{inset:22% 12% 10%;background:radial-gradient(ellipse at 50% 76%,rgba(173,132,88,.48) 0 12%,transparent 34%),radial-gradient(ellipse at 30% 64%,rgba(124,91,63,.42) 0 10%,transparent 28%),radial-gradient(ellipse at 72% 60%,rgba(212,178,119,.36) 0 8%,transparent 26%);opacity:0;animation:elementalEarthDustBloom var(--effect-duration, 1s) ease-out forwards}.elemental-effect--earth-rockburst:after{inset:30% 24%;background:radial-gradient(circle at 18% 72%,rgba(94,72,54,.92) 0 5%,transparent 7%),radial-gradient(circle at 35% 22%,rgba(178,135,84,.9) 0 4%,transparent 7%),radial-gradient(circle at 62% 18%,rgba(114,91,70,.88) 0 5%,transparent 8%),radial-gradient(circle at 78% 68%,rgba(205,166,103,.86) 0 4%,transparent 7%);opacity:0;animation:elementalEarthPebblePop var(--effect-duration, 1s) ease-out forwards}.elemental-effect--earth-rockburst .elemental-particle{width:calc(var(--particle-size, 7px) * 1.05);height:calc(var(--particle-size, 7px) * .82);border-radius:38% 56% 44% 52%;background:linear-gradient(135deg,#e0bc7af2,#7e5c3df5 52%,#43342b00);box-shadow:0 0 7px #7453368c;animation-name:elementalRockScatter;animation-timing-function:cubic-bezier(.14,.7,.28,1)}.elemental-effect--wood-growth{border-radius:999px;filter:saturate(1.28) contrast(1.04);animation-name:elementalWoodBloom;mix-blend-mode:screen}.elemental-effect--wood-growth .elemental-particle{width:calc(var(--particle-size, 7px) * 1.25);height:calc(var(--particle-size, 7px) * .76);border-radius:72% 24%;background:radial-gradient(circle at 68% 28%,rgba(242,255,184,.94) 0 14%,transparent 24%),linear-gradient(135deg,#c1f15ef2,#42b957eb,#1e622f00);box-shadow:0 0 8px #a6ef5bd1,0 0 18px #3ec15b61;transform-origin:center;animation-name:elementalLeafSprout;animation-timing-function:cubic-bezier(.16,.82,.26,1)}.elemental-effect--moonshine-spotlight,.elemental-effect--moonshine-cancel-mist{border-radius:999px;filter:saturate(1.2) contrast(1.04);mix-blend-mode:screen;animation-name:elementalMoonshineSpotlight}.elemental-effect--moonshine-cancel-mist{mix-blend-mode:normal}.elemental-effect--moonshine-spotlight .elemental-particle,.elemental-effect--moonshine-cancel-mist .elemental-particle{width:calc(var(--particle-size, 7px) * .72);height:calc(var(--particle-size, 7px) * .72);background:radial-gradient(circle,rgba(255,255,255,.98) 0 18%,rgba(195,181,255,.88) 42%,rgba(119,151,255,.2) 74%,transparent 100%);box-shadow:0 0 9px #cdc2ffe0,0 0 18px #7b68e06b;animation-name:elementalMoonDustFloat;animation-timing-function:cubic-bezier(.18,.78,.24,1)}.elemental-effect--moonshine-cancel-mist .elemental-particle{width:calc(var(--particle-size, 7px) * 1.8);height:calc(var(--particle-size, 7px) * .8);border-radius:999px;background:radial-gradient(ellipse,rgba(69,55,98,.72),rgba(112,91,169,.32) 46%,transparent 78%);box-shadow:0 0 14px #4a38706b;filter:blur(2px)}.elemental-effect--sunbeam-blast{border-radius:999px;filter:saturate(1.25) contrast(1.08);mix-blend-mode:screen;animation-name:elementalSunbeamBlast}.elemental-effect--sunbeam-blast .elemental-particle{width:calc(var(--particle-size, 7px) * .9);height:calc(var(--particle-size, 7px) * .9);background:radial-gradient(circle,#fffef0 0 16%,#fff071 38%,#ffb72e 68%,#ffb72e00);box-shadow:0 0 10px #ffeb68f2,0 0 22px #ffb22e7a;animation-name:elementalSunMoteBurst;animation-timing-function:cubic-bezier(.12,.82,.22,1)}.elemental-effect--time-clock,.elemental-effect--time-accelerated-clock{border-radius:50%;filter:saturate(1.18) contrast(1.04);mix-blend-mode:screen;animation-name:elementalTimeClockFade}.elemental-effect--time-accelerated-clock{filter:saturate(1.32) contrast(1.08)}.elemental-effect--time-clock .elemental-particle,.elemental-effect--time-accelerated-clock .elemental-particle{width:calc(var(--particle-size, 7px) * .7);height:calc(var(--particle-size, 7px) * .7);background:radial-gradient(circle,rgba(255,252,218,.98) 0 18%,rgba(244,214,112,.88) 42%,rgba(117,234,230,.2) 74%,transparent 100%);box-shadow:0 0 10px #f4d670e0,0 0 18px #75eae66b;animation-name:elementalTimeSparkOrbit;animation-timing-function:cubic-bezier(.18,.8,.24,1)}.elemental-effect--space-wormhole,.elemental-effect--space-clash-rift{border-radius:999px;filter:saturate(1.22) contrast(1.08);mix-blend-mode:screen;animation-name:elementalSpaceVortexFade}.elemental-effect--space-clash-rift{mix-blend-mode:plus-lighter}.elemental-effect--space-wormhole .elemental-particle,.elemental-effect--space-clash-rift .elemental-particle{width:calc(var(--particle-size, 7px) * .62);height:calc(var(--particle-size, 7px) * .62);background:radial-gradient(circle,rgba(255,255,255,.98) 0 16%,rgba(165,214,255,.78) 42%,rgba(125,84,255,.22) 72%,transparent 100%);box-shadow:0 0 9px #b0d0ffd1,0 0 20px #734ce875;animation-name:elementalSpaceStarSpiral;animation-timing-function:cubic-bezier(.16,.82,.24,1)}.elemental-effect--shadow-mist,.elemental-effect--shadow-hand-mist{border-radius:999px;filter:saturate(.72) contrast(1.16);mix-blend-mode:normal;animation-name:elementalShadowMistFade}.elemental-effect--starlight-glimmer,.elemental-effect--starlight-meteor{border-radius:999px;filter:saturate(1.16) contrast(1.04);mix-blend-mode:screen;animation-name:elementalStarlightFade}.elemental-effect--starlight-meteor{animation-name:elementalStarlightMeteorFade}.elemental-effect--starlight-glimmer .elemental-particle,.elemental-effect--starlight-meteor .elemental-particle{width:calc(var(--particle-size, 7px) * .78);height:calc(var(--particle-size, 7px) * .78);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0 16%,rgba(255,246,214,.94) 38%,rgba(255,193,222,.32) 72%,transparent 100%);box-shadow:0 0 8px #fff6d6f0,0 0 16px #ffb1d65c;animation-name:elementalStarlightSpark;animation-timing-function:cubic-bezier(.16,.84,.24,1)}.elemental-effect--starlight-meteor .elemental-particle{border-radius:999px;transform-origin:center;animation-name:elementalStarlightMeteorSpark}.elemental-effect--blood-slash{border-radius:999px;filter:saturate(1.34) contrast(1.12);mix-blend-mode:screen;animation-name:elementalBloodSlashFade}.elemental-effect--blood-slash .elemental-particle{width:calc(var(--particle-size, 7px) * .72);height:calc(var(--particle-size, 7px) * 1.18);border-radius:65% 35% 70%;background:radial-gradient(circle at 40% 24%,rgba(255,207,214,.96) 0 10%,transparent 20%),linear-gradient(165deg,#ff4860fa,#a0061cf2 58%,#54001000);box-shadow:0 0 8px #ff2c4cd1,0 0 16px #83001a7a;animation-name:elementalBloodDropletSpray;animation-timing-function:cubic-bezier(.12,.82,.24,1)}.elemental-effect--ichor-manna,.elemental-effect--ichor-hand-manna{border-radius:999px;filter:saturate(1.22) contrast(1.06);mix-blend-mode:screen;animation-name:elementalIchorMannaFade}.elemental-effect--ichor-hand-manna{filter:saturate(1.34) contrast(1.08)}.elemental-effect--ichor-manna .elemental-particle,.elemental-effect--ichor-hand-manna .elemental-particle{width:calc(var(--particle-size, 7px) * .78);height:calc(var(--particle-size, 7px) * .78);background:radial-gradient(circle,rgba(255,255,255,1) 0 14%,rgba(254,226,121,.92) 34%,rgba(91,239,255,.72) 62%,transparent 100%);box-shadow:0 0 9px #ffe87ee6,0 0 18px #4eeaff80;animation-name:elementalIchorMoteAscend;animation-timing-function:cubic-bezier(.14,.82,.22,1)}.elemental-effect--venom-fangs{border-radius:999px;filter:saturate(1.55) contrast(1.2);mix-blend-mode:normal;animation-name:elementalVenomFangFade}.elemental-effect--venom-fangs .elemental-particle{width:calc(var(--particle-size, 7px) * .76);height:calc(var(--particle-size, 7px) * .76);background:radial-gradient(circle at 38% 28%,rgba(235,255,179,.92) 0 12%,transparent 24%),radial-gradient(circle,#97ff46f0 0 18%,#38be39db 48%,#40104e00);box-shadow:0 0 9px #8dff49e0,0 0 18px #6c2e8c6b;animation-name:elementalVenomDropletSpray;animation-timing-function:cubic-bezier(.12,.82,.24,1)}.elemental-effect--lightning-bolts{border-radius:999px;filter:saturate(1.35) contrast(1.2);mix-blend-mode:screen;animation-name:elementalLightningFade}.elemental-effect--lightning-bolts .elemental-particle{width:calc(var(--particle-size, 7px) * .7);height:calc(var(--particle-size, 7px) * .7);background:#e1fcfff5;box-shadow:0 0 8px #bef6ffeb,0 0 18px #43b9ff99;animation-name:elementalLightningSpark;animation-timing-function:cubic-bezier(.08,.86,.2,1)}.elemental-effect--thunder-gong,.elemental-effect--thunder-gobsmack{border-radius:999px;filter:saturate(1.08) contrast(1.2);mix-blend-mode:screen;animation-name:elementalThunderFade}.elemental-effect--thunder-gobsmack{animation-name:elementalThunderGobsmackFade}.elemental-effect--thunder-gong .elemental-particle,.elemental-effect--thunder-gobsmack .elemental-particle{width:calc(var(--particle-size, 7px) * .72);height:calc(var(--particle-size, 7px) * .72);background:#e5f4fff0;box-shadow:0 0 7px #eef8ffe6,0 0 16px #5b8fe580;animation-name:elementalThunderDust;animation-timing-function:cubic-bezier(.12,.76,.24,1)}.elemental-effect--shadow-mist .elemental-particle,.elemental-effect--shadow-hand-mist .elemental-particle{width:calc(var(--particle-size, 7px) * 2.25);height:calc(var(--particle-size, 7px) * 2.65);border-radius:999px;background:radial-gradient(ellipse at 50% 72%,rgba(10,10,13,.86),rgba(34,31,45,.56) 38%,rgba(96,82,127,.18) 68%,transparent 100%);box-shadow:0 0 14px #00000085,0 0 24px #4639603d;filter:blur(2px);animation-name:elementalShadowSmokeCurl;animation-timing-function:cubic-bezier(.18,.78,.28,1)}.elemental-particle{position:absolute;left:50%;top:50%;width:var(--particle-size, 7px);height:var(--particle-size, 7px);border-radius:50%;background:radial-gradient(circle,#fff8b8 0 18%,#ffb22e 40%,#ff4a12,#ff4a1200);box-shadow:0 0 10px #ff6d00f2,0 0 20px #ff32007a;opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.6);animation:elementalEmberFly var(--effect-duration, 1s) cubic-bezier(.13,.81,.28,1) forwards;animation-delay:var(--particle-delay, 0ms)}.elemental-flame-lick{position:absolute;left:50%;bottom:12%;width:34%;height:52%;border-radius:52% 48% 48% 52%;background:radial-gradient(circle at 50% 70%,rgba(255,252,190,.9),transparent 32%),linear-gradient(0deg,#ff4300f2,#ffb627c7,#fffcb45c);filter:blur(1px) drop-shadow(0 0 12px rgba(255,80,0,.75));transform:translate(-50%) scaleY(.2);transform-origin:center bottom;opacity:0;animation:elementalFlameLick var(--effect-duration, 1s) ease-out forwards}.elemental-blood-slash,.elemental-blood-drop,.elemental-blood-sigil{position:absolute;pointer-events:none;opacity:0}.elemental-blood-slash{left:6%;top:48%;width:88%;height:8%;border-radius:999px;background:linear-gradient(90deg,transparent 0 4%,rgba(255,232,236,.98) 16%,rgba(255,43,78,.98) 31%,rgba(110,0,22,.96) 63%,rgba(255,78,112,.7) 82%,transparent 98%);box-shadow:0 0 12px #ff2b4ecc,0 0 24px #78001885;transform-origin:center;animation:elementalBloodSlashCut var(--effect-duration, 1.1s) cubic-bezier(.14,.8,.24,1) forwards}.elemental-blood-slash--primary{transform:rotate(-18deg) scaleX(.2)}.elemental-blood-slash--secondary{left:18%;top:42%;width:62%;height:5%;filter:blur(.5px);opacity:0;transform:rotate(16deg) scaleX(.2);animation-delay:95ms}.elemental-blood-drop{width:12px;height:18px;border-radius:70% 42% 72%;background:radial-gradient(circle at 36% 22%,rgba(255,228,232,.9) 0 8%,transparent 18%),linear-gradient(165deg,#ff2f52f2,#6f0016f5);box-shadow:0 0 9px #e1002c9e;animation:elementalBloodDropFall var(--effect-duration, 1.1s) ease-out forwards}.elemental-blood-drop--left{left:26%;top:42%;animation-delay:.12s}.elemental-blood-drop--right{right:25%;top:48%;transform:scale(.78) rotate(12deg);animation-delay:.19s}.elemental-blood-sigil{left:50%;top:52%;width:54%;height:54%;border-radius:50%;border:2px solid rgba(255,64,96,.54);box-shadow:inset 0 0 18px #6c001966,0 0 18px #dc002c57;transform:translate(-50%,-50%) scale(.48) rotate(-8deg);animation:elementalBloodSigilPulse var(--effect-duration, 1.1s) ease-out forwards}.elemental-ichor-column,.elemental-ichor-wing,.elemental-ichor-orb,.elemental-ichor-manna{position:absolute;pointer-events:none;opacity:0}.elemental-ichor-column{left:50%;top:8%;width:32%;height:86%;border-radius:999px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,244,.86) 20%,rgba(113,242,255,.48) 52%,rgba(255,221,109,.42) 78%,transparent 100%);filter:blur(7px) drop-shadow(0 0 16px rgba(92,234,255,.56));transform:translate(-50%) scaleY(.38);animation:elementalIchorColumn var(--effect-duration, 1.3s) cubic-bezier(.16,.82,.24,1) forwards}.elemental-ichor-wing{top:28%;width:42%;height:34%;border-radius:50%;border-top:2px solid rgba(255,244,185,.82);border-bottom:1px solid rgba(106,237,255,.44);filter:drop-shadow(0 0 9px rgba(255,233,142,.6));animation:elementalIchorWing var(--effect-duration, 1.3s) ease-out forwards}.elemental-ichor-wing--left{--wing-rotate: -16deg;left:10%;transform-origin:right center;transform:rotate(-16deg) scaleX(.42)}.elemental-ichor-wing--right{--wing-rotate: 16deg;right:10%;transform-origin:left center;transform:rotate(16deg) scaleX(.42)}.elemental-ichor-orb{left:50%;top:50%;width:22%;height:22%;border-radius:50%;transform:translate(-50%,-50%) scale(.35);animation:elementalIchorOrb var(--effect-duration, 1.3s) ease-out forwards}.elemental-ichor-orb--cyan{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(119,245,255,.74) 46%,transparent 76%);box-shadow:0 0 18px #5beeffb8}.elemental-ichor-orb--gold{width:17%;height:17%;background:radial-gradient(circle,rgba(255,255,242,.95),rgba(255,218,95,.76) 48%,transparent 76%);box-shadow:0 0 18px #ffdb5fa8;animation-delay:90ms}.elemental-ichor-manna{inset:8% 6%;border-radius:999px;background:radial-gradient(circle at 20% 70%,rgba(255,231,130,.72) 0 2px,transparent 4px),radial-gradient(circle at 35% 32%,rgba(150,246,255,.74) 0 2px,transparent 4px),radial-gradient(circle at 55% 78%,rgba(255,250,218,.78) 0 2px,transparent 4px),radial-gradient(circle at 76% 38%,rgba(111,239,255,.68) 0 2px,transparent 4px);filter:drop-shadow(0 0 8px rgba(122,239,255,.56));animation:elementalIchorSparkleField var(--effect-duration, 1.3s) ease-out forwards}.elemental-venom-fang,.elemental-venom-splash,.elemental-venom-drop{position:absolute;pointer-events:none;opacity:0}.elemental-venom-fang{top:-2%;width:10%;height:78%;border-radius:0;z-index:8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 210'%3E%3Cdefs%3E%3ClinearGradient id='fangGlow' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.48' stop-color='%23f2ffd1'/%3E%3Cstop offset='1' stop-color='%2397ff35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M34 4 C47 12 49 34 43 66 C36 105 34 151 33 205 C26 151 14 105 15 66 C16 33 23 12 34 4 Z' fill='url(%23fangGlow)' stroke='%23ddffd0' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M28 19 C22 39 22 62 26 88' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' opacity='0.78'/%3E%3Cpath d='M39 18 C45 36 44 55 40 76' fill='none' stroke='%23b6ff64' stroke-width='3' stroke-linecap='round' opacity='0.45'/%3E%3C/svg%3E") center top / contain no-repeat;filter:drop-shadow(0 0 7px rgba(255,255,235,.9)) drop-shadow(0 0 18px rgba(145,255,54,.9)) drop-shadow(0 0 34px rgba(24,255,72,.58));transform-origin:center top;animation:elementalVenomFangSnap var(--effect-duration, 1.7s) cubic-bezier(.12,.86,.22,1) forwards}.elemental-venom-fang--left{--fang-rotate: 6deg;--fang-scale-x: 1;left:35%;transform:translateY(-12%) rotate(6deg)}.elemental-venom-fang--right{--fang-rotate: -6deg;--fang-scale-x: -1;right:35%;transform:translateY(-12%) rotate(-6deg) scaleX(-1)}.elemental-venom-splash{left:50%;top:58%;width:58%;height:28%;border-radius:999px;z-index:2;background:radial-gradient(circle at 30% 56%,rgba(195,255,80,.82) 0 7%,transparent 16%),radial-gradient(circle at 62% 42%,rgba(94,229,54,.74) 0 8%,transparent 18%),radial-gradient(ellipse at 50% 58%,rgba(99,255,75,.46),rgba(83,36,116,.14) 55%,transparent 76%);filter:blur(2px) drop-shadow(0 0 14px rgba(115,255,62,.56));transform:translate(-50%,-50%) scale(.52);animation:elementalVenomSplash var(--effect-duration, 1.05s) ease-out forwards}.elemental-venom-drop{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,rgba(240,255,165,.96),rgba(108,255,58,.84) 52%,transparent 82%);box-shadow:0 0 10px #79ff42c7;animation:elementalVenomDropPop var(--effect-duration, 1.05s) ease-out forwards}.elemental-venom-drop--one{left:28%;top:62%;animation-delay:.12s}.elemental-venom-drop--two{right:29%;top:57%;animation-delay:.18s}.elemental-lightning-bolt,.elemental-lightning-core,.elemental-thunder-wave,.elemental-thunder-gong,.elemental-twilight-horizon,.elemental-twilight-sun,.elemental-twilight-moon,.elemental-twilight-veil,.elemental-twilight-star{position:absolute;pointer-events:none;opacity:0}.elemental-lightning-bolt{width:13%;height:92%;top:3%;left:50%;z-index:9;border-radius:999px;background:linear-gradient(180deg,transparent 0 4%,rgba(255,255,255,1) 8% 15%,transparent 16% 22%),linear-gradient(146deg,transparent 0 24%,rgba(255,255,255,1) 26% 34%,rgba(255,225,58,.98) 36% 46%,rgba(255,124,20,.78) 48% 54%,transparent 56% 100%),linear-gradient(34deg,transparent 0 40%,rgba(255,255,255,.98) 43% 51%,rgba(255,184,34,.9) 54% 63%,transparent 66% 100%);clip-path:polygon(48% 0%,76% 0%,58% 34%,86% 34%,38% 100%,48% 54%,20% 54%);filter:drop-shadow(0 0 6px rgba(255,255,255,.98)) drop-shadow(0 0 15px rgba(255,210,43,.9)) drop-shadow(0 0 26px rgba(255,111,0,.52));transform-origin:center top;animation:elementalLightningBoltStrike var(--effect-duration, 1.05s) cubic-bezier(.08,.86,.2,1) forwards}.elemental-lightning-bolt--main{--bolt-x: -50%;--bolt-rotate: 0deg}.elemental-lightning-bolt--left{--bolt-x: -158%;--bolt-rotate: -15deg;width:10%;height:70%;top:16%;animation-delay:65ms}.elemental-lightning-bolt--right{--bolt-x: 58%;--bolt-rotate: 14deg;width:10%;height:74%;top:13%;animation-delay:115ms}.elemental-lightning-core{inset:12% 14%;z-index:4;border-radius:999px;background:radial-gradient(ellipse at 50% 48%,rgba(255,255,245,.92),rgba(255,214,53,.5) 26%,rgba(255,102,0,.28) 46%,transparent 70%);filter:blur(1px) drop-shadow(0 0 18px rgba(255,198,42,.72));animation:elementalLightningCore var(--effect-duration, 1.05s) ease-out forwards}.elemental-thunder-wave{left:50%;top:50%;width:112%;height:28%;z-index:8;background:linear-gradient(90deg,transparent 0 2%,rgba(247,252,255,1) 7%,rgba(150,202,255,.9) 23%,rgba(31,52,92,.42) 56%,transparent 90% 100%);clip-path:polygon(0 50%,9% 10%,18% 42%,28% 8%,40% 46%,52% 12%,66% 50%,82% 16%,100% 50%,82% 84%,66% 50%,52% 88%,40% 54%,28% 92%,18% 58%,9% 90%);filter:drop-shadow(0 0 8px rgba(239,248,255,.74)) drop-shadow(0 0 18px rgba(91,144,229,.42));transform:translate(-50%,-50%) scaleX(.22);transform-origin:center;animation:elementalThunderWavePulse var(--effect-duration, 1.1s) cubic-bezier(.12,.76,.24,1) forwards}.elemental-thunder-wave--middle{width:98%;height:24%;top:37%;animation-delay:90ms}.elemental-thunder-wave--inner{width:98%;height:24%;top:63%;animation-delay:.18s}.elemental-thunder-gong{left:50%;top:50%;width:46%;height:52%;border-radius:28% 72% 30% 70%/58% 32% 68% 42%;transform:translate(-50%,-50%) scale(.62) rotate(45deg);background:linear-gradient(135deg,transparent 0 28%,rgba(248,252,255,.96) 34%,rgba(137,196,255,.72) 47%,transparent 66% 100%),radial-gradient(ellipse at 50% 50%,rgba(238,247,255,.8) 0 8%,rgba(72,108,170,.4) 34%,transparent 64%);filter:drop-shadow(0 0 12px rgba(238,248,255,.72)) drop-shadow(0 0 20px rgba(82,126,210,.42));animation:elementalThunderGong var(--effect-duration, 1.1s) ease-out forwards}.elemental-effect--twilight-sunrise,.elemental-effect--twilight-sunset{border-radius:999px;overflow:visible;mix-blend-mode:screen;animation-name:elementalTwilightFade}.elemental-effect--twilight-sunrise{filter:saturate(1.14) drop-shadow(0 0 18px rgba(255,202,101,.42))}.elemental-effect--twilight-sunset{filter:saturate(1.08) drop-shadow(0 0 18px rgba(166,112,255,.36))}.elemental-effect--twilight-sunrise .elemental-particle,.elemental-effect--twilight-sunset .elemental-particle{width:calc(var(--particle-size, 7px) * .56);height:calc(var(--particle-size, 7px) * .56);background:#fff6d2f0;box-shadow:0 0 7px #ffecbcb8,0 0 14px #ffaa5861;animation-name:elementalTwilightMote;animation-timing-function:cubic-bezier(.16,.78,.24,1)}.elemental-effect--twilight-sunset .elemental-particle{background:#e7d6ffe6;box-shadow:0 0 7px #e6d6ffa8,0 0 14px #855ff557}.elemental-twilight-horizon{left:50%;top:58%;width:86%;height:38%;border-radius:999px 999px 36% 36%;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent 0 20%,rgba(255,238,177,.42) 48%,rgba(255,142,92,.2) 72%,transparent 100%),radial-gradient(ellipse at 50% 78%,rgba(255,198,94,.6),transparent 62%);filter:blur(1.2px);animation:elementalTwilightHorizon var(--effect-duration, 1.45s) ease-out forwards}.elemental-effect--twilight-sunset .elemental-twilight-horizon{background:linear-gradient(180deg,transparent 0 16%,rgba(255,154,118,.36) 42%,rgba(101,72,189,.3) 76%,transparent 100%),radial-gradient(ellipse at 50% 76%,rgba(255,133,107,.48),transparent 64%)}.elemental-twilight-sun{left:50%;top:64%;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,236,.98) 0 26%,rgba(255,216,93,.86) 48%,rgba(255,133,75,.38) 70%,transparent 74%);filter:blur(.3px) drop-shadow(0 0 12px rgba(255,222,119,.7)) drop-shadow(0 0 24px rgba(255,144,83,.38));transform:translate(-50%,-50%) scale(.76);animation:elementalTwilightSunriseSun var(--effect-duration, 1.45s) cubic-bezier(.16,.78,.24,1) forwards}.elemental-effect--twilight-sunset .elemental-twilight-sun{animation-name:elementalTwilightSunsetSun}.elemental-twilight-moon{right:26%;top:23%;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 58% 42%,rgba(245,242,255,.96) 0 45%,transparent 48%),radial-gradient(circle at 36% 39%,rgba(20,28,56,.78) 0 39%,transparent 42%);filter:drop-shadow(0 0 10px rgba(229,222,255,.58)) drop-shadow(0 0 18px rgba(130,111,245,.34));animation:elementalTwilightSunriseMoon var(--effect-duration, 1.45s) ease-out forwards}.elemental-effect--twilight-sunset .elemental-twilight-moon{animation-name:elementalTwilightSunsetMoon}.elemental-twilight-veil{inset:9%;border-radius:999px;background:radial-gradient(ellipse at 50% 72%,rgba(255,190,98,.28),transparent 48%),radial-gradient(ellipse at 46% 28%,rgba(122,96,236,.18),transparent 58%);filter:blur(2px);animation:elementalTwilightVeil var(--effect-duration, 1.45s) ease-out forwards}.elemental-effect--twilight-sunset .elemental-twilight-veil{background:radial-gradient(ellipse at 50% 72%,rgba(255,124,100,.22),transparent 48%),radial-gradient(ellipse at 46% 28%,rgba(97,76,204,.28),transparent 58%)}.elemental-twilight-star{width:5px;height:5px;border-radius:50%;background:#fff8e1eb;box-shadow:0 0 8px #fff5d2ad;animation:elementalTwilightStar var(--effect-duration, 1.45s) ease-out forwards}.elemental-twilight-star--one{left:27%;top:22%;animation-delay:80ms}.elemental-twilight-star--two{left:72%;top:31%;animation-delay:.17s}.elemental-twilight-star--three{left:61%;top:18%;animation-delay:.26s}.elemental-fire-tongue{position:absolute;left:50%;bottom:5%;width:17%;height:62%;pointer-events:none;border-radius:58% 42% 50% 50%;background:radial-gradient(circle at 50% 76%,rgba(255,255,211,.96),transparent 28%),linear-gradient(0deg,#e11a00f2,#ff7500e6,#ffeb7f73);clip-path:polygon(50% 0%,64% 35%,88% 25%,72% 57%,100% 80%,61% 72%,50% 100%,38% 72%,0% 80%,28% 57%,12% 25%,36% 35%);filter:blur(.2px) drop-shadow(0 0 9px rgba(255,82,0,.86));transform:translate(-50%) scaleY(.12);transform-origin:center bottom;opacity:0;animation:elementalFireTongue var(--effect-duration, 1s) cubic-bezier(.14,.75,.24,1) forwards}.elemental-fire-tongue--left{left:38%;height:48%;animation-delay:45ms}.elemental-fire-tongue--right{left:62%;height:54%;animation-delay:85ms}.elemental-fire-tongue--center{height:72%;width:21%;animation-delay:15ms}.elemental-effect--fire-console-burst .elemental-fire-tongue{bottom:-2%;height:82%}.elemental-water-ripple{position:absolute;left:50%;top:50%;pointer-events:none;border:2px solid rgba(192,246,255,.66);border-radius:999px;box-shadow:0 0 16px #67d6ff70;opacity:0;transform:translate(-50%,-50%) scale(.36);animation:elementalWaterRipple var(--effect-duration, 1.2s) ease-out forwards}.elemental-water-ripple--outer{width:86%;height:58%}.elemental-water-ripple--inner{width:55%;height:36%;animation-delay:90ms}.elemental-water-sheen{position:absolute;left:4%;top:16%;width:82%;height:22%;pointer-events:none;border-radius:999px;background:linear-gradient(100deg,transparent 0 20%,rgba(246,255,255,.82) 42%,rgba(105,217,255,.34) 58%,transparent 82% 100%);filter:blur(1px);opacity:0;transform:rotate(-12deg) translate(-24%);animation:elementalWaterSheenSweep var(--effect-duration, 1.2s) ease-out forwards}.elemental-wind-stream{position:absolute;left:-4%;width:102%;height:18%;pointer-events:none;border-radius:999px;background:linear-gradient(100deg,transparent 0 8%,rgba(234,255,239,.78) 20%,rgba(151,230,190,.36) 38%,transparent 62% 100%);filter:blur(1.2px) drop-shadow(0 0 10px rgba(160,238,202,.48));opacity:0;transform:translate(-42%) skew(-18deg);animation:elementalWindStream var(--effect-duration, 1s) ease-out forwards}.elemental-wind-stream--high{top:22%;animation-delay:20ms}.elemental-wind-stream--mid{top:44%;width:116%;animation-delay:95ms}.elemental-wind-stream--low{top:64%;animation-delay:155ms}.elemental-wind-swirl{position:absolute;left:54%;top:50%;width:52%;height:60%;pointer-events:none;border:3px solid transparent;border-top-color:#e8fff4b8;border-left-color:#91e4be6b;border-radius:50%;filter:drop-shadow(0 0 12px rgba(152,235,197,.52));opacity:0;transform:translate(-50%,-50%) rotate(-28deg) scale(.4);animation:elementalWindSwirl var(--effect-duration, 1s) ease-out forwards}.elemental-earth-dust{position:absolute;left:50%;top:58%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(193,151,95,.46),rgba(101,77,58,.18) 42%,transparent 70%);opacity:0;transform:translate(-50%,-50%) scale(.38);animation:elementalEarthDustRing var(--effect-duration, 1s) ease-out forwards}.elemental-earth-dust--outer{width:90%;height:58%}.elemental-earth-dust--inner{width:54%;height:34%;animation-delay:90ms}.elemental-earth-crack{position:absolute;left:50%;top:52%;width:54%;height:40%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.7);background:linear-gradient(82deg,transparent 0 42%,rgba(50,38,29,.95) 43% 46%,transparent 47% 100%),linear-gradient(126deg,transparent 0 50%,rgba(50,38,29,.82) 51% 54%,transparent 55% 100%),linear-gradient(34deg,transparent 0 47%,rgba(50,38,29,.7) 48% 51%,transparent 52% 100%);filter:drop-shadow(0 0 5px rgba(219,177,103,.38));animation:elementalEarthCrackFlash var(--effect-duration, 1s) ease-out forwards}.elemental-wood-vine{position:absolute;left:50%;top:52%;width:64%;height:58%;pointer-events:none;border:3px solid transparent;border-left-color:#5fdc62b8;border-bottom-color:#bdf46894;border-radius:48% 52% 46% 54%;filter:drop-shadow(0 0 9px rgba(107,225,82,.58));opacity:0;transform:translate(-50%,-50%) rotate(-28deg) scale(.28);animation:elementalWoodVineCurl var(--effect-duration, 1.2s) ease-out forwards}.elemental-wood-vine--right{border-left-color:transparent;border-right-color:#5fdc62b8;border-bottom-color:#bdf46894;transform:translate(-50%,-50%) rotate(28deg) scale(.28);animation-delay:90ms}.elemental-wood-sprout{position:absolute;left:50%;bottom:9%;width:20%;height:44%;pointer-events:none;background:radial-gradient(ellipse at 24% 45%,rgba(202,246,99,.94) 0 18%,transparent 34%),radial-gradient(ellipse at 76% 38%,rgba(117,224,92,.9) 0 18%,transparent 34%),linear-gradient(0deg,rgba(46,151,67,.9),rgba(122,222,83,.62),transparent 74%);clip-path:polygon(50% 100%,42% 64%,8% 48%,39% 42%,31% 8%,53% 36%,77% 4%,69% 43%,96% 50%,62% 64%);filter:drop-shadow(0 0 11px rgba(111,225,78,.72));opacity:0;transform:translate(-50%) scale(.18);transform-origin:center bottom;animation:elementalWoodSproutRise var(--effect-duration, 1.2s) ease-out forwards}.elemental-wood-sprout--back{left:38%;height:34%;opacity:0;animation-delay:80ms}.elemental-wood-sprout--front{left:62%}.elemental-moonshine-beam{position:absolute;left:50%;top:-18%;width:44%;height:104%;pointer-events:none;background:radial-gradient(ellipse at 50% 3%,rgba(255,255,255,.86),rgba(203,194,255,.36) 24%,transparent 50%),linear-gradient(180deg,rgba(245,242,255,.72),rgba(168,145,255,.28) 44%,transparent 88%);clip-path:polygon(38% 0%,62% 0%,92% 100%,8% 100%);filter:blur(1px) drop-shadow(0 0 18px rgba(178,155,255,.58));opacity:0;transform:translate(-50%) scaleY(.68);transform-origin:center top;animation:elementalMoonBeamFall var(--effect-duration, 1.3s) ease-out forwards}.elemental-moonshine-pool{position:absolute;left:50%;top:62%;pointer-events:none;border-radius:999px;border:2px solid rgba(218,210,255,.7);box-shadow:0 0 22px #9d86ff6b,inset 0 0 18px #ebe8ff57;opacity:0;transform:translate(-50%,-50%) scale(.42);animation:elementalMoonPool var(--effect-duration, 1.3s) ease-out forwards}.elemental-moonshine-pool--outer{width:84%;height:40%}.elemental-moonshine-pool--inner{width:54%;height:24%;animation-delay:.11s}.elemental-moonshine-mist{position:absolute;left:50%;top:63%;width:86%;height:46%;pointer-events:none;border-radius:999px;background:radial-gradient(ellipse at 28% 58%,rgba(112,91,169,.38),transparent 44%),radial-gradient(ellipse at 72% 42%,rgba(79,62,123,.44),transparent 48%),linear-gradient(100deg,transparent 0 18%,rgba(230,224,255,.22) 42%,transparent 68% 100%);filter:blur(5px);opacity:0;transform:translate(-50%,-50%) scale(.62);animation:elementalMoonMist var(--effect-duration, 1.3s) ease-out forwards}.elemental-sunbeam-ray{position:absolute;left:-20%;top:20%;width:146%;height:18%;pointer-events:none;border-radius:999px;background:linear-gradient(100deg,transparent 0 10%,rgba(255,255,239,.94) 28%,rgba(255,215,70,.42) 48%,transparent 76% 100%);filter:blur(.8px) drop-shadow(0 0 14px rgba(255,217,67,.72));opacity:0;transform:translate(-34%) rotate(-13deg);animation:elementalSunRaySweep var(--effect-duration, 1.1s) ease-out forwards}.elemental-sunbeam-ray--thin{top:54%;height:9%;width:122%;animation-delay:90ms}.elemental-sunbeam-core{position:absolute;left:50%;top:50%;width:58%;height:58%;pointer-events:none;border-radius:999px;background:radial-gradient(circle,rgba(255,255,244,.96) 0 10%,rgba(255,224,82,.58) 32%,transparent 68%);filter:blur(1px) drop-shadow(0 0 20px rgba(255,221,69,.8));opacity:0;transform:translate(-50%,-50%) scale(.42);animation:elementalSunCoreBurst var(--effect-duration, 1.1s) ease-out forwards}.elemental-sunbeam-flare{position:absolute;left:50%;top:50%;width:72%;height:72%;pointer-events:none;background:conic-gradient(from 10deg,transparent 0 8%,rgba(255,249,160,.76) 10% 13%,transparent 15% 24%,rgba(255,255,238,.74) 27% 30%,transparent 32% 46%,rgba(255,202,47,.68) 50% 54%,transparent 57% 70%,rgba(255,246,158,.7) 75% 79%,transparent 82% 100%);filter:drop-shadow(0 0 14px rgba(255,212,57,.66));opacity:0;transform:translate(-50%,-50%) scale(.46) rotate(0);animation:elementalSunFlareSpin var(--effect-duration, 1.1s) ease-out forwards}.elemental-time-clock,.elemental-time-ring{position:absolute;left:50%;top:50%;pointer-events:none;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.52) rotate(0)}.elemental-time-clock{width:76%;aspect-ratio:1;border:2px solid rgba(244,214,112,.78);background:conic-gradient(from 0deg,rgba(244,214,112,.9) 0 3deg,transparent 3deg 27deg,rgba(232,249,255,.8) 28deg 31deg,transparent 31deg 58deg,rgba(244,214,112,.9) 60deg 63deg,transparent 63deg 88deg,rgba(232,249,255,.8) 90deg 93deg,transparent 93deg 118deg,rgba(244,214,112,.9) 120deg 123deg,transparent 123deg 148deg,rgba(232,249,255,.8) 150deg 153deg,transparent 153deg 178deg,rgba(244,214,112,.9) 180deg 183deg,transparent 183deg 208deg,rgba(232,249,255,.8) 210deg 213deg,transparent 213deg 238deg,rgba(244,214,112,.9) 240deg 243deg,transparent 243deg 268deg,rgba(232,249,255,.8) 270deg 273deg,transparent 273deg 298deg,rgba(244,214,112,.9) 300deg 303deg,transparent 303deg 328deg,rgba(232,249,255,.8) 330deg 333deg,transparent 333deg 360deg),radial-gradient(circle,rgba(117,234,230,.14) 0 18%,transparent 20% 44%,rgba(244,214,112,.22) 46% 50%,transparent 52%);box-shadow:0 0 24px #75eae67a,inset 0 0 22px #f4d67038;mix-blend-mode:screen;animation:elementalTimeClockFace var(--effect-duration, 1.25s) ease-out forwards}.elemental-time-ring{width:92%;aspect-ratio:1;border:1px dashed rgba(117,234,230,.6);filter:drop-shadow(0 0 12px rgba(117,234,230,.44));animation:elementalTimeOuterRing var(--effect-duration, 1.25s) ease-out forwards}.elemental-time-hand{position:absolute;left:50%;top:50%;height:4px;pointer-events:none;border-radius:999px;opacity:0;transform-origin:left center;background:linear-gradient(90deg,#f4d670fa,#e8f9fff2);filter:drop-shadow(0 0 8px rgba(117,234,230,.76));animation:elementalTimeHandSweep var(--effect-duration, 1.25s) ease-out forwards}.elemental-time-hand--long{width:35%}.elemental-time-hand--short{width:24%;animation-delay:80ms}.elemental-space-vortex{position:absolute;left:50%;top:50%;width:72%;aspect-ratio:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(0,0,8,.98) 0 14%,rgba(34,16,66,.92) 26%,transparent 60%),conic-gradient(from 0deg,#0c081efa,#6741e2d6,#0a0f2ef0,#1e7cb09e,#0c081efa);box-shadow:0 0 28px #714debb8,inset 0 0 30px #000000f2;opacity:0;transform:translate(-50%,-50%) scale(.38) rotate(0);mix-blend-mode:screen;animation:elementalSpaceVortexSpin var(--effect-duration, 1.3s) ease-out forwards}.elemental-space-ring{position:absolute;left:50%;top:50%;pointer-events:none;border-radius:50%;border:2px solid rgba(151,111,255,.7);box-shadow:0 0 20px #6f49de85,inset 0 0 16px #2494ce38;opacity:0;transform:translate(-50%,-50%) scale(.42);animation:elementalSpaceRingPulse var(--effect-duration, 1.3s) ease-out forwards}.elemental-space-ring--outer{width:92%;height:58%}.elemental-space-ring--inner{width:54%;height:34%;animation-delay:.1s}.elemental-space-starfield{position:absolute;inset:7%;pointer-events:none;border-radius:50%;opacity:0;background:radial-gradient(circle at 18% 32%,rgba(255,255,255,.96) 0 1.6px,transparent 3px),radial-gradient(circle at 72% 26%,rgba(172,216,255,.86) 0 1.8px,transparent 3.4px),radial-gradient(circle at 54% 76%,rgba(255,255,255,.92) 0 1.4px,transparent 3px),radial-gradient(circle at 84% 66%,rgba(160,131,255,.84) 0 1.8px,transparent 3.4px);filter:drop-shadow(0 0 8px rgba(165,197,255,.7));transform:rotate(0) scale(.7);animation:elementalSpaceStarfieldSpin var(--effect-duration, 1.3s) ease-out forwards}.elemental-shadow-puff{position:absolute;left:50%;top:88%;pointer-events:none;border-radius:999px;opacity:0;background:radial-gradient(ellipse at 46% 78%,rgba(3,3,6,.88),rgba(29,27,39,.58) 38%,transparent 68%),radial-gradient(ellipse at 60% 30%,rgba(88,72,118,.26),transparent 48%);filter:blur(5px);transform:translate(-50%,-50%) scale(.3,.2);animation:elementalShadowPuff var(--effect-duration, .85s) cubic-bezier(.12,.78,.22,1) forwards}.elemental-shadow-puff--outer{width:116%;height:112%}.elemental-shadow-puff--inner{width:104%;height:92%;animation-delay:45ms;transform:translate(-50%,-50%) scale(.22,.18) rotate(10deg)}.elemental-shadow-veil{position:absolute;left:50%;top:78%;width:108%;height:126%;pointer-events:none;border-radius:50%;opacity:0;background:conic-gradient(from 20deg,transparent 0 9%,rgba(0,0,0,.52) 13% 20%,transparent 24% 34%,rgba(48,42,65,.32) 39% 47%,transparent 52% 64%,rgba(0,0,0,.45) 69% 78%,transparent 84% 100%);filter:blur(1.8px);transform:translate(-50%,-50%) scale(.46,.32) rotate(-16deg);animation:elementalShadowVeilSpin var(--effect-duration, .85s) cubic-bezier(.12,.78,.22,1) forwards}.elemental-starlight-glimmer,.elemental-starlight-starfall{position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen}.elemental-starlight-glimmer{left:50%;top:50%;border-radius:999px;transform:translate(-50%,-50%) scale(.55);background:radial-gradient(circle at 18% 54%,rgba(255,255,250,.96) 0 2px,transparent 5px),radial-gradient(circle at 33% 28%,rgba(255,209,229,.86) 0 2.5px,transparent 5.5px),radial-gradient(circle at 50% 72%,rgba(245,226,255,.78) 0 2px,transparent 5px),radial-gradient(circle at 68% 22%,rgba(255,248,215,.9) 0 2.5px,transparent 5.5px),radial-gradient(circle at 82% 58%,rgba(255,232,196,.8) 0 2px,transparent 5px),radial-gradient(ellipse at 50% 50%,rgba(255,247,222,.24),transparent 58%);filter:blur(.2px) drop-shadow(0 0 13px rgba(255,241,205,.72));animation:elementalStarlightGlimmer var(--effect-duration, 1.1s) ease-out forwards}.elemental-starlight-glimmer--wide{width:84%;height:72%}.elemental-starlight-glimmer--tight{width:54%;height:48%;animation-delay:90ms;animation-duration:calc(var(--effect-duration, 1.1s) * .82)}.elemental-starlight-starfall{inset:4%;border-radius:18px;background:radial-gradient(circle at 19% 25%,rgba(255,255,255,.96) 0 1.4px,transparent 3.2px),radial-gradient(circle at 43% 64%,rgba(255,213,231,.82) 0 1.5px,transparent 3.4px),radial-gradient(circle at 70% 38%,rgba(255,248,214,.84) 0 1.3px,transparent 3px);filter:drop-shadow(0 0 8px rgba(255,232,200,.52));transform:translate(-10%,-10%);animation:elementalStarlightStarfall var(--effect-duration, 1.1s) ease-out forwards}.elemental-starlight-shooting-star{animation:elementalStarlightTinyMeteor var(--effect-duration, 1.1s) ease-out forwards}.elemental-starlight-shooting-star--1{left:16%;top:24%;animation-delay:20ms;--star-scale: 1}.elemental-starlight-shooting-star--2{left:32%;top:64%;animation-delay:115ms;--star-scale: .78}.elemental-starlight-shooting-star--3{left:48%;top:34%;animation-delay:.21s;--star-scale: .9}.elemental-starlight-shooting-star--4{left:62%;top:72%;animation-delay:305ms;--star-scale: .7}.elemental-starlight-shooting-star--5{left:74%;top:22%;animation-delay:395ms;--star-scale: .82}.elemental-starlight-shooting-star--6{left:24%;top:44%;animation-delay:485ms;--star-scale: .66}.elemental-starlight-shooting-star--7{left:82%;top:54%;animation-delay:575ms;--star-scale: .74}.anim-starlight-hand-shower{position:relative;overflow:visible;animation:starlightHandShowerPulse 1.05s ease-out;z-index:8}.anim-starlight-hand-shower:before,.anim-starlight-hand-shower:after{content:"";position:absolute;pointer-events:none;inset:-8px -10px;border-radius:18px;opacity:0;mix-blend-mode:screen}.anim-starlight-hand-shower:before{background:radial-gradient(circle at 12% 42%,rgba(255,255,246,.96) 0 1.5px,transparent 3.4px),radial-gradient(circle at 28% 72%,rgba(255,211,231,.84) 0 1.6px,transparent 3.6px),radial-gradient(circle at 48% 28%,rgba(255,248,218,.86) 0 1.4px,transparent 3.4px),radial-gradient(circle at 68% 66%,rgba(245,226,255,.66) 0 1.4px,transparent 3.2px),radial-gradient(circle at 88% 38%,rgba(255,255,246,.72) 0 1.2px,transparent 3px);filter:drop-shadow(0 0 8px rgba(255,236,210,.58));animation:starlightHandTwinkles 1.05s ease-out forwards}.anim-starlight-hand-shower:after{background:radial-gradient(circle at 18% 62%,rgba(255,255,255,.9) 0 1.3px,transparent 3.2px),radial-gradient(circle at 40% 36%,rgba(255,221,236,.78) 0 1.5px,transparent 3.4px),radial-gradient(circle at 62% 76%,rgba(255,247,218,.72) 0 1.3px,transparent 3px),radial-gradient(circle at 78% 22%,rgba(245,226,255,.62) 0 1.2px,transparent 3px);filter:drop-shadow(0 0 7px rgba(255,184,218,.42));animation:starlightHandTwinkles 1.05s ease-out .12s forwards}.anim-fire-source-flare:not(.spell-in-clash),.spell-in-clash.anim-fire-source-flare .spell-card{animation:fireSourceFlare .65s ease-out;overflow:visible;position:relative;isolation:isolate}.anim-fire-impact:not(.spell-in-clash),.spell-in-clash.anim-fire-impact .spell-card{animation:fireImpact .82s cubic-bezier(.28,.84,.42,1);overflow:visible;position:relative;isolation:isolate}.spell-in-clash.anim-fire-source-flare .spell-card:before,.spell-in-clash.anim-fire-impact .spell-card:before,.spell-in-clash.anim-fire-source-flare .spell-card:after,.spell-in-clash.anim-fire-impact .spell-card:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;z-index:18}.spell-in-clash.anim-fire-source-flare .spell-card:before,.spell-in-clash.anim-fire-impact .spell-card:before{inset:-8px;background:conic-gradient(from 16deg,transparent 0 7%,rgba(255,218,85,.95) 8% 11%,rgba(255,73,0,.95) 12% 17%,transparent 19% 28%,rgba(255,137,0,.86) 30% 36%,transparent 38% 50%,rgba(255,236,124,.94) 52% 56%,rgba(255,82,0,.92) 58% 64%,transparent 66% 78%,rgba(255,178,42,.9) 81% 86%,transparent 88% 100%),radial-gradient(circle at 52% 50%,transparent 0 56%,rgba(255,86,0,.62) 62%,transparent 72%);clip-path:polygon(50% 0%,56% 5%,63% 0%,69% 7%,78% 4%,82% 13%,94% 18%,88% 29%,100% 38%,91% 49%,100% 61%,88% 70%,94% 82%,82% 87%,78% 96%,69% 93%,63% 100%,56% 95%,50% 100%,44% 95%,37% 100%,31% 93%,22% 96%,18% 87%,6% 82%,12% 70%,0% 61%,9% 49%,0% 38%,12% 29%,6% 18%,18% 13%,22% 4%,31% 7%,37% 0%,44% 5%);filter:drop-shadow(0 0 8px rgba(255,118,0,.9)) drop-shadow(0 0 18px rgba(255,51,0,.45));opacity:0;animation:cardFireCrawl .82s ease-out forwards}.spell-in-clash.anim-fire-source-flare .spell-card:after,.spell-in-clash.anim-fire-impact .spell-card:after{inset:-16px -12px 8px;background:radial-gradient(circle at 17% 78%,rgba(255,213,74,.85) 0 2px,transparent 4px),radial-gradient(circle at 31% 24%,rgba(255,87,0,.82) 0 2.5px,transparent 5px),radial-gradient(circle at 56% 12%,rgba(255,245,164,.86) 0 2px,transparent 4px),radial-gradient(circle at 73% 31%,rgba(255,113,0,.82) 0 2.5px,transparent 5px),radial-gradient(circle at 88% 74%,rgba(255,200,54,.78) 0 2px,transparent 4px);opacity:0;mix-blend-mode:screen;animation:cardEmberLift .82s ease-out forwards}.anim-water-source-shimmer:not(.spell-in-clash),.spell-in-clash.anim-water-source-shimmer .spell-card{animation:waterSourceShimmer .9s ease-out;overflow:visible;position:relative;isolation:isolate}.anim-water-heal{animation:waterHealPulse 1.15s ease-out;z-index:10;overflow:visible;position:relative}.spell-in-clash.anim-water-source-shimmer .spell-card:before,.spell-in-clash.anim-water-source-shimmer .spell-card:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;z-index:18}.spell-in-clash.anim-water-source-shimmer .spell-card:before{inset:-7px;border:2px solid rgba(168,239,255,.72);box-shadow:0 0 0 1px #eeffff61,0 0 18px #56d1ff9e,inset 0 0 14px #b6f7ff61;opacity:0;animation:cardWaterGlow .9s ease-out forwards}.spell-in-clash.anim-water-source-shimmer .spell-card:after{inset:-4px 6px 18px;background:radial-gradient(circle at 18% 72%,rgba(238,255,255,.9) 0 2px,transparent 4px),radial-gradient(circle at 35% 24%,rgba(122,224,255,.78) 0 2.5px,transparent 5px),radial-gradient(circle at 58% 16%,rgba(246,255,255,.86) 0 2px,transparent 4px),radial-gradient(circle at 78% 42%,rgba(98,202,255,.72) 0 2.5px,transparent 5px),linear-gradient(105deg,transparent 0 26%,rgba(239,255,255,.76) 42%,rgba(78,204,255,.34) 54%,transparent 72% 100%);opacity:0;mix-blend-mode:screen;animation:cardWaterSheen .9s ease-out forwards}.anim-wind-source-gust:not(.spell-in-clash),.spell-in-clash.anim-wind-source-gust .spell-card{animation:windSourceGust .9s ease-out;overflow:visible;position:relative;isolation:isolate}.anim-wind-move-exit{animation:windMoveExit .9s cubic-bezier(.2,.74,.28,1) forwards;z-index:12}.anim-wind-move-in{animation:windMoveIn .9s cubic-bezier(.18,.82,.28,1);z-index:12}.spell-in-clash.anim-wind-source-gust .spell-card:before,.spell-in-clash.anim-wind-source-gust .spell-card:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;z-index:18}.spell-in-clash.anim-wind-source-gust .spell-card:before{inset:-8px;border:2px solid rgba(197,255,225,.56);box-shadow:0 0 18px #88e4be8a,inset 0 0 14px #d7ffed42;opacity:0;animation:cardWindBreathe .9s ease-out forwards}.spell-in-clash.anim-wind-source-gust .spell-card:after{inset:-12px -22px;background:linear-gradient(100deg,transparent 0 14%,rgba(235,255,242,.76) 29%,rgba(124,222,180,.32) 43%,transparent 58% 100%),radial-gradient(circle at 20% 76%,rgba(178,240,112,.78) 0 2px,transparent 4px),radial-gradient(circle at 43% 20%,rgba(219,255,166,.82) 0 2px,transparent 4px),radial-gradient(circle at 74% 58%,rgba(118,211,116,.7) 0 2.5px,transparent 5px);opacity:0;mix-blend-mode:screen;transform:translate(-18%) skew(-14deg);animation:cardWindSweep .9s ease-out forwards}.anim-earth-source-rumble:not(.spell-in-clash),.spell-in-clash.anim-earth-source-rumble .spell-card{animation:earthSourceRumble .85s ease-out;overflow:visible;position:relative;isolation:isolate}.anim-earth-crack:not(.spell-in-clash),.spell-in-clash.anim-earth-crack .spell-card{animation:earthCrackSink .85s ease-in forwards;overflow:visible;position:relative;isolation:isolate}.anim-earth-hand-collapse{animation:earthHandCollapse .85s ease-in forwards;position:relative;overflow:visible}.anim-earth-hand-impact{animation:earthHandImpact .95s ease-out;position:relative;overflow:visible;z-index:12}.anim-earth-graveyard-puff{animation:earthGraveyardPuff .7s ease-out}.anim-wood-source-grow:not(.spell-in-clash),.spell-in-clash.anim-wood-source-grow .spell-card{animation:woodSourceGrow .95s ease-out;overflow:visible;position:relative;isolation:isolate}.anim-wood-card-bloom:not(.spell-in-clash),.spell-in-clash.anim-wood-card-bloom .spell-card{animation:woodCardBloom 1.05s ease-out;overflow:visible;position:relative;isolation:isolate}.anim-wood-heal,.anim-wood-impact{position:relative;overflow:visible;z-index:12}.anim-wood-heal{animation:woodHealPulse 1.2s ease-out}.anim-wood-impact{animation:woodImpactPulse .9s cubic-bezier(.24,.86,.35,1)}.spell-in-clash.anim-wood-source-grow .spell-card:before,.spell-in-clash.anim-wood-source-grow .spell-card:after,.spell-in-clash.anim-wood-card-bloom .spell-card:before,.spell-in-clash.anim-wood-card-bloom .spell-card:after,.anim-wood-heal:before,.anim-wood-impact:before{content:"";position:absolute;pointer-events:none;border-radius:inherit}.spell-in-clash.anim-wood-source-grow .spell-card:before,.spell-in-clash.anim-wood-card-bloom .spell-card:before,.anim-wood-heal:before,.anim-wood-impact:before{inset:-8px;z-index:18;border:2px solid rgba(178,244,96,.58);box-shadow:0 0 18px #5fdb4a8a,inset 0 0 14px #c6f97b42;opacity:0;animation:cardWoodGlow 1.05s ease-out forwards}.spell-in-clash.anim-wood-source-grow .spell-card:after,.spell-in-clash.anim-wood-card-bloom .spell-card:after{inset:-14px -10px;z-index:19;background:radial-gradient(ellipse at 12% 74%,rgba(188,244,88,.92) 0 3px,transparent 6px),radial-gradient(ellipse at 28% 18%,rgba(117,225,92,.82) 0 3px,transparent 6px),radial-gradient(ellipse at 65% 14%,rgba(224,255,145,.86) 0 2.5px,transparent 5px),radial-gradient(ellipse at 88% 68%,rgba(75,190,80,.78) 0 3px,transparent 6px),linear-gradient(128deg,transparent 0 24%,rgba(83,211,80,.42) 42%,transparent 58% 100%);opacity:0;mix-blend-mode:screen;animation:cardWoodLeaves 1.05s ease-out forwards}.anim-wood-impact:before{border-color:#84e65685;box-shadow:0 0 0 1px #e0ff9757,0 0 22px #4dc7447a,inset 0 0 18px #a0f45e38;animation-duration:.9s}.anim-moonshine-source-spotlight:not(.spell-in-clash),.spell-in-clash.anim-moonshine-source-spotlight .spell-card,.anim-moonshine-spotlight{animation:moonshineSpotlightPulse 1.2s ease-out;overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-moonshine-source-spotlight .element-effect-layer--moonshine:before,.spell-in-clash.anim-moonshine-source-spotlight .element-effect-layer--moonshine:after,.spell-in-clash.anim-moonshine-cancel .element-effect-layer--moonshine:before,.spell-in-clash.anim-moonshine-cancel .element-effect-layer--moonshine:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.spell-in-clash.anim-moonshine-source-spotlight .element-effect-layer--moonshine:before,.spell-in-clash.anim-moonshine-cancel .element-effect-layer--moonshine:before{inset:-34px -14px 14px;z-index:21;background:radial-gradient(ellipse at 50% 5%,rgba(246,242,255,.9) 0 7%,rgba(180,168,255,.34) 18%,transparent 42%),linear-gradient(180deg,rgba(228,222,255,.76),rgba(156,133,245,.28) 38%,transparent 76%);clip-path:polygon(36% 0%,64% 0%,86% 100%,14% 100%);filter:blur(.8px) drop-shadow(0 0 14px rgba(178,155,255,.58));opacity:0;mix-blend-mode:screen;animation:cardMoonshineBeam 1.15s ease-out forwards}.spell-in-clash.anim-moonshine-source-spotlight .element-effect-layer--moonshine:after,.spell-in-clash.anim-moonshine-cancel .element-effect-layer--moonshine:after{inset:-8px;z-index:22;background:radial-gradient(circle at 24% 72%,rgba(245,242,255,.92) 0 2px,transparent 4px),radial-gradient(circle at 42% 24%,rgba(187,171,255,.78) 0 2.5px,transparent 5px),radial-gradient(circle at 64% 18%,rgba(248,250,255,.86) 0 2px,transparent 4px),radial-gradient(circle at 80% 54%,rgba(139,196,255,.68) 0 2.5px,transparent 5px),radial-gradient(ellipse at 50% 78%,rgba(209,198,255,.34),transparent 56%);opacity:0;mix-blend-mode:screen;animation:cardMoonshineSparkle 1.15s ease-out forwards}.anim-moonshine-cancel .cancelled-overlay{background:radial-gradient(ellipse at 50% 42%,rgba(94,71,146,.64),transparent 56%),#1e172be0;color:#f5f1fff0;text-shadow:0 0 10px rgba(186,166,255,.72),0 2px 4px rgba(0,0,0,.68);overflow:hidden;isolation:isolate}.anim-moonshine-cancel .cancelled-overlay:before,.anim-moonshine-cancel .cancelled-overlay:after{content:"";position:absolute;pointer-events:none;inset:-18px;border-radius:inherit;z-index:-1;opacity:0;background:radial-gradient(ellipse at 22% 70%,rgba(130,105,188,.54),transparent 40%),radial-gradient(ellipse at 78% 28%,rgba(61,49,91,.78),transparent 44%),linear-gradient(110deg,transparent 0 22%,rgba(198,187,255,.18) 38%,transparent 58% 100%);filter:blur(6px);animation:moonshineCancelledMist 1.35s ease-out forwards}.anim-moonshine-cancel .cancelled-overlay:after{animation-delay:.13s;transform:scaleX(-1)}.anim-sunbeam-source-radiance:not(.spell-in-clash),.spell-in-clash.anim-sunbeam-source-radiance .spell-card,.anim-sunbeam-blast{animation:sunbeamRadiancePulse .95s ease-out;overflow:visible;position:relative;isolation:isolate;z-index:12}.anim-lightning-source-charge:not(.spell-in-clash),.spell-in-clash.anim-lightning-source-charge .spell-card,.anim-lightning-electrocuted{animation:lightningJoltPulse .82s cubic-bezier(.08,.86,.2,1);overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-lightning-source-charge .element-effect-layer--lightning:before,.spell-in-clash.anim-lightning-source-charge .element-effect-layer--lightning:after,.spell-in-clash.anim-lightning-electrocuted .element-effect-layer--lightning:before,.spell-in-clash.anim-lightning-electrocuted .element-effect-layer--lightning:after,.anim-lightning-electrocuted:not(.spell-in-clash):before,.anim-lightning-electrocuted:not(.spell-in-clash):after{content:"";position:absolute;pointer-events:none;border-radius:inherit;opacity:0}.spell-in-clash.anim-lightning-source-charge .element-effect-layer--lightning:before,.spell-in-clash.anim-lightning-electrocuted .element-effect-layer--lightning:before,.anim-lightning-electrocuted:not(.spell-in-clash):before{inset:-10px;z-index:30;background:linear-gradient(128deg,transparent 0 17%,rgba(255,255,255,1) 19% 23%,rgba(255,222,42,.82) 24% 30%,rgba(255,113,10,.5) 31% 35%,transparent 37% 100%),linear-gradient(42deg,transparent 0 34%,rgba(255,255,255,.96) 37% 42%,rgba(255,184,34,.68) 43% 50%,transparent 53% 100%),linear-gradient(102deg,transparent 0 54%,rgba(255,255,255,.86) 56% 59%,rgba(255,138,12,.42) 60% 64%,transparent 67% 100%),radial-gradient(ellipse at 50% 52%,rgba(255,209,42,.24),transparent 66%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 0 6px rgba(255,255,255,.88)) drop-shadow(0 0 18px rgba(255,183,33,.68));mix-blend-mode:screen;animation:cardLightningArc .82s ease-out forwards}.spell-in-clash.anim-lightning-source-charge .element-effect-layer--lightning:after,.spell-in-clash.anim-lightning-electrocuted .element-effect-layer--lightning:after,.anim-lightning-electrocuted:not(.spell-in-clash):after{inset:-14px;z-index:31;background:radial-gradient(circle at 18% 70%,rgba(255,255,244,.96) 0 2px,transparent 4px),radial-gradient(circle at 38% 28%,rgba(255,224,52,.88) 0 2px,transparent 4px),radial-gradient(circle at 62% 72%,rgba(255,245,168,.88) 0 2.5px,transparent 5px),radial-gradient(circle at 82% 38%,rgba(255,120,10,.72) 0 2px,transparent 4px);filter:drop-shadow(0 0 8px rgba(255,177,30,.66));mix-blend-mode:screen;animation:cardLightningSparks .9s ease-out 60ms forwards}.anim-starlight-source-glimmer:not(.spell-in-clash),.anim-starlight-meteor-target:not(.spell-in-clash),.spell-in-clash.anim-starlight-source-glimmer .spell-card,.spell-in-clash.anim-starlight-meteor-target .spell-card{animation:starlightCardPulse 1.05s ease-out;overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-starlight-source-glimmer .element-effect-layer--starlight:before,.spell-in-clash.anim-starlight-source-glimmer .element-effect-layer--starlight:after,.spell-in-clash.anim-starlight-meteor-target .element-effect-layer--starlight:before,.spell-in-clash.anim-starlight-meteor-target .element-effect-layer--starlight:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.spell-in-clash.anim-starlight-source-glimmer .element-effect-layer--starlight:before,.spell-in-clash.anim-starlight-meteor-target .element-effect-layer--starlight:before{inset:-12px;z-index:24;background:radial-gradient(circle at 14% 22%,rgba(255,255,255,.94) 0 2px,transparent 4.5px),radial-gradient(circle at 24% 78%,rgba(255,211,231,.84) 0 2.5px,transparent 5px),radial-gradient(circle at 46% 8%,rgba(255,248,218,.9) 0 2.2px,transparent 5px),radial-gradient(circle at 70% 86%,rgba(245,226,255,.74) 0 2px,transparent 4.5px),radial-gradient(circle at 92% 34%,rgba(255,255,246,.8) 0 1.8px,transparent 4px),radial-gradient(ellipse at 50% 50%,rgba(255,243,213,.18),transparent 64%);filter:drop-shadow(0 0 11px rgba(255,238,204,.58));opacity:0;mix-blend-mode:screen;animation:cardStarlightHalo 1.05s ease-out forwards}.spell-in-clash.anim-starlight-source-glimmer .element-effect-layer--starlight:after,.spell-in-clash.anim-starlight-meteor-target .element-effect-layer--starlight:after{inset:-8px;z-index:25;background:radial-gradient(circle at 16% 72%,rgba(255,255,255,.9) 0 1.5px,transparent 3.4px),radial-gradient(circle at 36% 22%,rgba(255,211,231,.8) 0 1.6px,transparent 3.6px),radial-gradient(circle at 68% 40%,rgba(255,247,214,.78) 0 1.4px,transparent 3.2px),radial-gradient(circle at 82% 78%,rgba(245,226,255,.58) 0 1.2px,transparent 3px);opacity:0;mix-blend-mode:screen;animation:cardStarlightSparkles 1.05s ease-out forwards}.spell-in-clash.anim-starlight-meteor-target .element-effect-layer--starlight:before{animation-name:cardStarlightMeteorHalo}.anim-shadow-source-mist:not(.spell-in-clash),.anim-shadow-copy-source:not(.spell-in-clash),.anim-shadow-copy-target:not(.spell-in-clash),.anim-shadow-familiar-read:not(.spell-in-clash),.spell-in-clash.anim-shadow-source-mist .spell-card,.spell-in-clash.anim-shadow-copy-source .spell-card,.spell-in-clash.anim-shadow-copy-target .spell-card,.spell-in-clash.anim-shadow-familiar-read .spell-card{animation:shadowMistPulse 1.05s ease-out;overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-shadow-enshroud-target .spell-card{animation:shadowEnshroudVanish 1.35s cubic-bezier(.18,.72,.22,1) forwards;overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-shadow-source-mist .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-copy-source .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-copy-target .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-enshroud-target .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-familiar-read .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-source-mist .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-copy-source .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-copy-target .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-enshroud-target .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-familiar-read .element-effect-layer--shadow:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.spell-in-clash.anim-shadow-source-mist .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-copy-source .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-copy-target .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-enshroud-target .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-familiar-read .element-effect-layer--shadow:before{inset:-12px;z-index:25;background:radial-gradient(ellipse at 28% 70%,rgba(4,5,8,.76),transparent 44%),radial-gradient(ellipse at 78% 26%,rgba(26,23,36,.7),transparent 48%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.54),transparent 62%);filter:blur(5px);opacity:0;mix-blend-mode:multiply;animation:cardShadowFirstPuff 1.15s ease-out forwards}.spell-in-clash.anim-shadow-source-mist .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-copy-source .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-copy-target .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-enshroud-target .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-familiar-read .element-effect-layer--shadow:after{inset:-18px -12px;z-index:26;background:radial-gradient(ellipse at 18% 76%,rgba(16,15,21,.82) 0 10%,transparent 28%),radial-gradient(ellipse at 42% 18%,rgba(72,61,91,.34) 0 8%,transparent 24%),radial-gradient(ellipse at 78% 62%,rgba(3,3,6,.78) 0 12%,transparent 32%),linear-gradient(105deg,transparent 0 16%,rgba(0,0,0,.44) 34%,rgba(79,68,106,.18) 52%,transparent 72% 100%);filter:blur(3.5px);opacity:0;mix-blend-mode:multiply;animation:cardShadowSecondPuff 1.35s ease-out forwards}.spell-in-clash.anim-shadow-copy-source .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-copy-target .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-source-mist .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-familiar-read .element-effect-layer--shadow:after{animation-duration:1.05s;animation-delay:80ms}.anim-thunder-source-gong:not(.spell-in-clash),.spell-in-clash.anim-thunder-source-gong .spell-card,.spell-in-clash.anim-thunder-shockwave-target .spell-card,.spell-in-clash.anim-thunder-break-strike .spell-card,.spell-in-clash.anim-thunder-self-destruct .spell-card{animation:thunderGongCardPulse .9s cubic-bezier(.12,.76,.24,1);overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.thunder-break-locked{opacity:1;z-index:4}.spell-in-clash.thunder-break-locked .spell-card{position:relative;overflow:visible!important;isolation:isolate;animation:thunderBreakLockedCard 2.2s ease-in-out infinite;box-shadow:inset 0 0 0 2px #afd7ff70,inset 0 0 24px #5c8ed838,var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.anim-thunder-source-gong .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-source-gong .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-shockwave-target .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-shockwave-target .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-break-strike .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-break-strike .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-self-destruct .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-self-destruct .element-effect-layer--thunder:after,.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:before,.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.spell-in-clash.anim-thunder-source-gong .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-shockwave-target .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-break-strike .element-effect-layer--thunder:before{inset:-12px -18px;z-index:31;border-radius:0;border:0;background:linear-gradient(90deg,rgba(245,251,255,.96) 0 6px,transparent 7px 12px,rgba(128,190,255,.68) 13px 19px,transparent 20px 100%),linear-gradient(270deg,rgba(245,251,255,.96) 0 6px,transparent 7px 12px,rgba(128,190,255,.68) 13px 19px,transparent 20px 100%);background-size:54px 100%,54px 100%;background-position:left center,right center;background-repeat:no-repeat;clip-path:polygon(0 0,20% 0,14% 12%,20% 24%,12% 36%,20% 48%,12% 62%,20% 76%,14% 88%,20% 100%,0 100%,0 0,100% 0,80% 0,86% 12%,80% 24%,88% 36%,80% 48%,88% 62%,80% 76%,86% 88%,80% 100%,100% 100%);filter:drop-shadow(0 0 8px rgba(239,248,255,.64)) drop-shadow(0 0 20px rgba(80,133,222,.34));opacity:0;animation:cardThunderWave .98s cubic-bezier(.12,.76,.24,1) forwards}.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:before{inset:-5px;z-index:31;border-radius:inherit;background:linear-gradient(90deg,rgba(245,251,255,.94) 0 4px,transparent 5px 8px,rgba(128,190,255,.56) 9px 13px,transparent 14px 100%),linear-gradient(270deg,rgba(245,251,255,.94) 0 4px,transparent 5px 8px,rgba(128,190,255,.56) 9px 13px,transparent 14px 100%);background-size:26px 100%,26px 100%;background-position:left center,right center;background-repeat:no-repeat;filter:drop-shadow(0 0 5px rgba(239,248,255,.54)) drop-shadow(0 0 12px rgba(80,133,222,.28));opacity:0;animation:cardThunderWave .98s cubic-bezier(.12,.76,.24,1) forwards}.spell-in-clash.anim-thunder-source-gong .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-shockwave-target .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-break-strike .element-effect-layer--thunder:after{inset:-16px -20px;z-index:32;background:linear-gradient(90deg,transparent 0 6%,rgba(244,251,255,.72) 9% 14%,transparent 16% 21%,rgba(116,174,243,.44) 23% 29%,transparent 31% 69%,rgba(116,174,243,.44) 71% 77%,transparent 79% 84%,rgba(244,251,255,.72) 86% 91%,transparent 94% 100%),repeating-linear-gradient(0deg,transparent 0 9px,rgba(178,214,255,.34) 10px 13px,transparent 14px 22px);clip-path:polygon(0 8%,100% 0,94% 18%,100% 34%,92% 50%,100% 66%,94% 84%,100% 100%,0 92%,6% 80%,0 66%,8% 50%,0 34%,6% 18%);filter:blur(.15px) drop-shadow(0 0 11px rgba(158,202,255,.5));mix-blend-mode:screen;opacity:0;animation:cardThunderRipples .98s ease-out 80ms forwards}.spell-in-clash.anim-thunder-self-destruct{z-index:18}.spell-in-clash.anim-thunder-self-destruct .spell-card{animation:thunderSelfDestructCard 1.25s cubic-bezier(.12,.76,.24,1) forwards;box-shadow:0 0 0 2px #f0faff8a,0 0 28px #75b1ff8c,0 0 48px #36538e5c,var(--card-shadow, 0 6px 16px rgba(0, 0, 0, .28))}.spell-in-clash.anim-thunder-self-destruct .element-effect-layer--thunder:before{inset:-18px -28px;z-index:35;border-radius:0;background:linear-gradient(90deg,transparent 0 7%,rgba(248,253,255,.92) 13% 18%,rgba(130,194,255,.62) 24% 32%,transparent 40% 60%,rgba(130,194,255,.62) 68% 76%,rgba(248,253,255,.92) 82% 87%,transparent 93% 100%),linear-gradient(90deg,transparent 0 20%,rgba(235,248,255,.46) 42% 58%,transparent 80% 100%);clip-path:polygon(0 50%,14% 28%,28% 48%,42% 30%,50% 50%,58% 30%,72% 48%,86% 28%,100% 50%,86% 72%,72% 52%,58% 70%,50% 50%,42% 70%,28% 52%,14% 72%);filter:drop-shadow(0 0 8px rgba(244,252,255,.68)) drop-shadow(0 0 18px rgba(85,142,236,.34));mix-blend-mode:screen;opacity:0;animation:thunderSelfDestructRupture .98s cubic-bezier(.1,.86,.2,1) forwards}.spell-in-clash.anim-thunder-self-destruct .element-effect-layer--thunder:after{inset:-12px;z-index:36;border-radius:inherit;background:radial-gradient(ellipse at 50% 52%,rgba(248,253,255,.58),rgba(114,178,255,.22) 42%,transparent 72%);filter:blur(.4px) drop-shadow(0 0 14px rgba(244,252,255,.48));mix-blend-mode:screen;opacity:0;animation:thunderSelfDestructGlow 1.05s ease-out 80ms forwards}.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:after{inset:-4px;z-index:32;border-radius:inherit;background:linear-gradient(90deg,transparent 0 7%,rgba(244,251,255,.56) 9% 12%,transparent 14% 23%,rgba(116,174,243,.32) 25% 28%,transparent 30% 70%,rgba(116,174,243,.32) 72% 75%,transparent 77% 86%,rgba(244,251,255,.56) 88% 91%,transparent 93% 100%),repeating-linear-gradient(0deg,transparent 0 11px,rgba(178,214,255,.22) 12px 14px,transparent 15px 24px);filter:drop-shadow(0 0 7px rgba(158,202,255,.38));mix-blend-mode:screen;opacity:0;animation:cardThunderRipples .98s ease-out 80ms forwards}.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:before{opacity:.72;animation:thunderBreakPersistentWave 1.35s ease-out infinite}.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:after{opacity:.46;animation:thunderBreakPersistentRipples 1.8s ease-in-out infinite}.anim-thunder-cancel .cancelled-overlay{background:linear-gradient(90deg,rgba(232,246,255,.28) 0 6%,transparent 7% 13%,rgba(110,171,245,.2) 14% 21%,transparent 22% 78%,rgba(110,171,245,.2) 79% 86%,transparent 87% 93%,rgba(232,246,255,.28) 94% 100%),repeating-linear-gradient(0deg,transparent 0 8px,rgba(172,208,252,.24) 9px 12px,transparent 13px 21px),linear-gradient(135deg,#121b2bf0,#31486ceb);color:#eef8fffa;letter-spacing:.08em;text-shadow:0 0 8px rgba(174,218,255,.86),0 2px 4px rgba(0,0,0,.72);overflow:hidden;isolation:isolate;animation:thunderCancelledStamp 1.05s cubic-bezier(.12,.76,.24,1)}.anim-thunder-cancel .cancelled-overlay:before,.anim-thunder-cancel .cancelled-overlay:after{content:"";position:absolute;pointer-events:none;inset:-22px;border-radius:inherit;z-index:-1;opacity:0}.anim-thunder-cancel .cancelled-overlay:before{background:linear-gradient(90deg,transparent 0 6%,rgba(246,252,255,.86) 9% 15%,transparent 17% 23%,rgba(120,183,255,.58) 25% 32%,transparent 34% 66%,rgba(120,183,255,.58) 68% 75%,transparent 77% 83%,rgba(246,252,255,.86) 85% 91%,transparent 94% 100%);clip-path:polygon(0 50%,10% 16%,22% 44%,34% 12%,48% 46%,62% 14%,76% 44%,90% 16%,100% 50%,90% 84%,76% 56%,62% 86%,48% 54%,34% 88%,22% 56%,10% 84%);animation:thunderCancelledWave 1.25s ease-out forwards}.anim-thunder-cancel .cancelled-overlay:after{background:linear-gradient(90deg,transparent 0 18%,rgba(242,250,255,.72) 40%,transparent 58% 100%),radial-gradient(ellipse at 50% 50%,rgba(102,161,244,.3),transparent 64%);filter:blur(1px);animation:thunderCancelledFlash .9s ease-out 80ms forwards}.anim-twilight-sunrise:not(.spell-in-clash),.anim-twilight-sunset:not(.spell-in-clash),.spell-in-clash.anim-twilight-sunrise .spell-card,.spell-in-clash.anim-twilight-sunset .spell-card{animation:twilightCardBreath 1.45s ease-out;overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-twilight-sunrise .element-effect-layer--twilight:before,.spell-in-clash.anim-twilight-sunrise .element-effect-layer--twilight:after,.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:before,.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;opacity:0;mix-blend-mode:screen}.spell-in-clash.anim-twilight-sunrise .element-effect-layer--twilight:before,.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:before{inset:-10px;z-index:34;background:radial-gradient(circle at var(--twilight-sun-x, 50%) var(--twilight-sun-y, 82%),rgba(255,255,235,.86) 0 8%,rgba(255,205,91,.52) 15%,transparent 29%),linear-gradient(180deg,transparent 0 47%,rgba(255,219,134,.4) 56%,rgba(255,138,91,.18) 69%,transparent 82%),radial-gradient(ellipse at 50% 68%,rgba(255,193,96,.24),transparent 62%);filter:blur(.4px) drop-shadow(0 0 12px rgba(255,211,126,.44));animation:cardTwilightSunrise 1.45s cubic-bezier(.16,.78,.24,1) forwards}.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:before{background:radial-gradient(circle at var(--twilight-sun-x, 50%) var(--twilight-sun-y, 36%),rgba(255,244,217,.78) 0 8%,rgba(255,145,91,.48) 15%,transparent 29%),linear-gradient(180deg,transparent 0 42%,rgba(255,141,102,.3) 54%,rgba(93,71,192,.24) 72%,transparent 86%),radial-gradient(ellipse at 50% 68%,rgba(101,75,204,.18),transparent 62%);filter:blur(.5px) drop-shadow(0 0 12px rgba(178,123,255,.34));animation-name:cardTwilightSunset}.spell-in-clash.anim-twilight-sunrise .element-effect-layer--twilight:after,.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:after{inset:-6px;z-index:35;background:radial-gradient(circle at 72% 22%,rgba(238,232,255,.86) 0 5%,transparent 8%),radial-gradient(circle at 76% 24%,rgba(32,34,72,.7) 0 4%,transparent 7%),radial-gradient(circle at 22% 24%,rgba(255,248,221,.88) 0 1.3px,transparent 3px),radial-gradient(circle at 82% 42%,rgba(255,246,225,.72) 0 1.2px,transparent 3px),radial-gradient(circle at 58% 18%,rgba(232,223,255,.68) 0 1.1px,transparent 3px);filter:drop-shadow(0 0 8px rgba(230,220,255,.46));animation:cardTwilightMoonset 1.45s ease-out forwards}.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:after{animation-name:cardTwilightMoonrise}.anim-shadow-hand-receive{position:relative;overflow:visible;animation:shadowHandReceive 1.05s ease-out}.anim-shadow-hand-receive:before{content:"";position:absolute;pointer-events:none;inset:-10px -14px;border-radius:18px;z-index:18;background:radial-gradient(ellipse at 26% 62%,rgba(0,0,0,.56),transparent 44%),radial-gradient(ellipse at 72% 38%,rgba(49,43,67,.48),transparent 46%),linear-gradient(100deg,transparent 0 18%,rgba(8,8,12,.46) 40%,transparent 68% 100%);filter:blur(6px);opacity:0;animation:shadowHandMist 1.05s ease-out forwards}.anim-blood-source-slash:not(.spell-in-clash),.spell-in-clash.anim-blood-source-slash .spell-card,.anim-blood-console-slash{animation:bloodRitualPulse .9s cubic-bezier(.18,.78,.24,1);overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-blood-source-slash .element-effect-layer--blood:before,.spell-in-clash.anim-blood-source-slash .element-effect-layer--blood:after,.anim-blood-console-slash:before,.anim-blood-console-slash:after{content:"";position:absolute;pointer-events:none;opacity:0}.spell-in-clash.anim-blood-source-slash .element-effect-layer--blood:before,.anim-blood-console-slash:before{left:-12%;top:48%;width:124%;height:13%;border-radius:999px;z-index:28;background:linear-gradient(90deg,transparent 0 5%,rgba(255,216,221,.98) 16%,rgba(255,49,82,.98) 28%,rgba(142,0,27,.96) 58%,rgba(255,82,112,.74) 78%,transparent 96% 100%);box-shadow:0 0 11px #ff2c4ce6,0 0 24px #8000198f;filter:blur(.25px);transform-origin:center;animation:cardBloodSlash .84s cubic-bezier(.16,.82,.24,1) forwards}.spell-in-clash.anim-blood-source-slash .element-effect-layer--blood:after,.anim-blood-console-slash:after{inset:-10px -8px;border-radius:inherit;z-index:27;background:radial-gradient(circle at 22% 64%,rgba(255,62,92,.92) 0 2.5px,transparent 5px),radial-gradient(circle at 37% 35%,rgba(119,0,22,.78) 0 3px,transparent 6px),radial-gradient(circle at 58% 70%,rgba(255,112,132,.72) 0 2px,transparent 5px),radial-gradient(circle at 76% 42%,rgba(156,0,30,.78) 0 3px,transparent 6px),radial-gradient(ellipse at 50% 56%,rgba(105,0,26,.3),transparent 62%);filter:drop-shadow(0 0 8px rgba(180,0,34,.54));animation:cardBloodDroplets .92s ease-out 80ms forwards}.anim-ichor-source-manna:not(.spell-in-clash),.spell-in-clash.anim-ichor-source-manna .spell-card,.spell-in-clash.anim-ichor-recall-target .spell-card{animation:ichorMannaPulse 1.05s ease-out;overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-ichor-source-manna .element-effect-layer--ichor:before,.spell-in-clash.anim-ichor-source-manna .element-effect-layer--ichor:after,.spell-in-clash.anim-ichor-recall-target .element-effect-layer--ichor:before,.spell-in-clash.anim-ichor-recall-target .element-effect-layer--ichor:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;opacity:0}.spell-in-clash.anim-ichor-source-manna .element-effect-layer--ichor:before,.spell-in-clash.anim-ichor-recall-target .element-effect-layer--ichor:before{inset:-16px -12px;z-index:27;background:radial-gradient(ellipse at 50% 20%,rgba(255,254,228,.72),transparent 44%),linear-gradient(180deg,rgba(255,234,132,.28),rgba(88,232,255,.34),transparent 82%);filter:blur(7px);mix-blend-mode:screen;animation:cardIchorColumn 1.1s ease-out forwards}.spell-in-clash.anim-ichor-source-manna .element-effect-layer--ichor:after,.spell-in-clash.anim-ichor-recall-target .element-effect-layer--ichor:after{inset:-10px;z-index:28;background:radial-gradient(circle at 20% 72%,rgba(255,223,112,.9) 0 2px,transparent 4px),radial-gradient(circle at 35% 30%,rgba(132,243,255,.88) 0 2px,transparent 4px),radial-gradient(circle at 58% 18%,rgba(255,252,220,.92) 0 1.8px,transparent 4px),radial-gradient(circle at 78% 58%,rgba(101,235,255,.76) 0 2px,transparent 4px);filter:drop-shadow(0 0 8px rgba(106,236,255,.54));mix-blend-mode:screen;animation:cardIchorMotes 1.2s ease-out 90ms forwards}.anim-ichor-hand-receive{position:relative;overflow:visible;animation:ichorHandReceive 1.15s ease-out}.anim-ichor-hand-receive:before,.anim-ichor-hand-receive:after{content:"";position:absolute;pointer-events:none;inset:-10px -14px;border-radius:18px;opacity:0;z-index:18}.anim-ichor-hand-receive:before{background:radial-gradient(ellipse at 22% 52%,rgba(255,230,112,.42),transparent 46%),radial-gradient(ellipse at 72% 42%,rgba(92,232,255,.48),transparent 50%),linear-gradient(100deg,transparent 0 18%,rgba(255,251,219,.32) 42%,transparent 72% 100%);filter:blur(7px);animation:ichorHandManna 1.2s ease-out forwards}.anim-ichor-hand-receive:after{background:radial-gradient(circle at 18% 62%,rgba(255,232,126,.88) 0 2px,transparent 4px),radial-gradient(circle at 38% 34%,rgba(130,244,255,.84) 0 2px,transparent 4px),radial-gradient(circle at 62% 74%,rgba(255,253,224,.78) 0 2px,transparent 4px),radial-gradient(circle at 82% 28%,rgba(104,234,255,.7) 0 2px,transparent 4px);filter:drop-shadow(0 0 8px rgba(120,238,255,.5));animation:ichorHandSparkles 1.15s ease-out .11s forwards}.anim-venom-source-hiss:not(.spell-in-clash),.spell-in-clash.anim-venom-source-hiss .spell-card,.anim-venom-fang-impact{animation:venomSicklyPulse .9s cubic-bezier(.16,.82,.24,1);overflow:visible;position:relative;isolation:isolate;z-index:12}.spell-in-clash.anim-venom-source-hiss .element-effect-layer--venom:before,.spell-in-clash.anim-venom-source-hiss .element-effect-layer--venom:after,.spell-in-clash.anim-venom-fang-impact .element-effect-layer--venom:before,.spell-in-clash.anim-venom-fang-impact .element-effect-layer--venom:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;opacity:0}.spell-in-clash.anim-venom-source-hiss .element-effect-layer--venom:before,.spell-in-clash.anim-venom-fang-impact .element-effect-layer--venom:before{inset:-12px;z-index:29;background:radial-gradient(ellipse at 28% 70%,rgba(147,255,52,.42),transparent 42%),radial-gradient(ellipse at 78% 24%,rgba(98,35,128,.38),transparent 48%),radial-gradient(ellipse at 50% 52%,rgba(91,255,62,.24),transparent 62%);filter:blur(5px);mix-blend-mode:screen;animation:cardVenomGlow 1s ease-out forwards}.spell-in-clash.anim-venom-source-hiss .element-effect-layer--venom:after,.spell-in-clash.anim-venom-fang-impact .element-effect-layer--venom:after{inset:-10px;z-index:30;background:radial-gradient(circle at 20% 74%,rgba(177,255,70,.92) 0 2px,transparent 5px),radial-gradient(circle at 40% 28%,rgba(91,216,52,.82) 0 2px,transparent 5px),radial-gradient(circle at 72% 62%,rgba(190,255,91,.78) 0 2.5px,transparent 6px),linear-gradient(145deg,transparent 0 34%,rgba(129,255,60,.28) 48%,transparent 62% 100%);filter:drop-shadow(0 0 8px rgba(133,255,63,.48));mix-blend-mode:screen;animation:cardVenomSpittle 1s ease-out 80ms forwards}.spell-in-clash.anim-venom-source-hiss .clash-card-effects-shell:before,.spell-in-clash.anim-venom-source-hiss .clash-card-effects-shell:after,.spell-in-clash.anim-venom-fang-impact .clash-card-effects-shell:before,.spell-in-clash.anim-venom-fang-impact .clash-card-effects-shell:after{content:"";position:absolute;top:-6%;width:9%;height:48%;z-index:60;pointer-events:none;opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 210'%3E%3Cdefs%3E%3ClinearGradient id='fangGlow' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.48' stop-color='%23f2ffd1'/%3E%3Cstop offset='1' stop-color='%2397ff35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M34 4 C47 12 49 34 43 66 C36 105 34 151 33 205 C26 151 14 105 15 66 C16 33 23 12 34 4 Z' fill='url(%23fangGlow)' stroke='%23ddffd0' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M28 19 C22 39 22 62 26 88' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' opacity='0.78'/%3E%3Cpath d='M39 18 C45 36 44 55 40 76' fill='none' stroke='%23b6ff64' stroke-width='3' stroke-linecap='round' opacity='0.45'/%3E%3C/svg%3E") center top / contain no-repeat;filter:drop-shadow(0 0 7px rgba(255,255,235,.78)) drop-shadow(0 0 16px rgba(126,255,50,.72));transform-origin:center top;animation:cardVenomFangBite 1.18s cubic-bezier(.12,.86,.22,1) forwards}.spell-in-clash.anim-venom-source-hiss .clash-card-effects-shell:before,.spell-in-clash.anim-venom-fang-impact .clash-card-effects-shell:before{--card-fang-rotate: 9deg;--card-fang-scale-x: 1;left:37%}.spell-in-clash.anim-venom-source-hiss .clash-card-effects-shell:after,.spell-in-clash.anim-venom-fang-impact .clash-card-effects-shell:after{--card-fang-rotate: -9deg;--card-fang-scale-x: -1;right:37%}.ichor-reveal-overlay{position:fixed;inset:0;z-index:1930;pointer-events:none;overflow:visible}.ichor-reveal-card{position:absolute;width:122px;transform:translate(-50%,-50%);animation:ichorRevealCardTravel 1.45s cubic-bezier(.16,.78,.24,1) forwards;filter:drop-shadow(0 0 16px rgba(92,236,255,.62)) drop-shadow(0 0 24px rgba(255,225,112,.42))}.ichor-reveal-card .spell-card{width:122px;max-width:122px;animation:ichorRevealCardGlow 1.45s ease-out forwards}.ichor-reveal-card .spell-card__details-btn,.ichor-reveal-card button{display:none!important}.ichor-reveal-card__aura{position:absolute;inset:-18px -16px;border-radius:18px;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,234,.74),rgba(104,239,255,.42) 42%,rgba(255,220,105,.28) 64%,transparent 78%);filter:blur(6px);animation:ichorRevealAura 1.45s ease-out forwards}.ichor-reveal-card__fallback{min-width:120px;padding:1rem;border-radius:14px;border:1px solid rgba(255,231,130,.65);background:#112931eb;color:#fff8d5;font-weight:900;text-align:center;box-shadow:0 0 24px #66ecff5c}.spell-in-clash.anim-sunbeam-source-radiance .element-effect-layer--sunbeam:before,.spell-in-clash.anim-sunbeam-source-radiance .element-effect-layer--sunbeam:after{content:"";position:absolute;pointer-events:none;border-radius:inherit}.spell-in-clash.anim-sunbeam-source-radiance .element-effect-layer--sunbeam:before{inset:-18px;z-index:22;background:conic-gradient(from 8deg,transparent 0 6%,rgba(255,246,157,.88) 8% 11%,transparent 13% 20%,rgba(255,195,52,.8) 23% 27%,transparent 29% 38%,rgba(255,255,225,.92) 41% 44%,transparent 47% 58%,rgba(255,210,63,.86) 62% 66%,transparent 69% 78%,rgba(255,251,183,.88) 82% 86%,transparent 89% 100%),radial-gradient(circle at 50% 50%,rgba(255,255,211,.26),transparent 62%);filter:drop-shadow(0 0 15px rgba(255,210,58,.76));opacity:0;mix-blend-mode:screen;animation:cardSunbeamRays .95s ease-out forwards}.spell-in-clash.anim-sunbeam-source-radiance .element-effect-layer--sunbeam:after{inset:-8px;z-index:23;background:linear-gradient(112deg,transparent 0 24%,rgba(255,255,241,.86) 38%,rgba(255,213,65,.42) 52%,transparent 72% 100%),radial-gradient(circle at 72% 18%,rgba(255,249,171,.88) 0 3px,transparent 6px),radial-gradient(circle at 18% 74%,rgba(255,206,56,.72) 0 2.5px,transparent 5px);opacity:0;mix-blend-mode:screen;transform:translate(-26%) skew(-12deg);animation:cardSunbeamSheen .95s ease-out forwards}.anim-earth-hand-impact:before,.anim-earth-hand-impact:after,.spell-in-clash.anim-earth-source-rumble .spell-card:before,.spell-in-clash.anim-earth-crack .spell-card:before,.anim-earth-hand-collapse:before{content:"";position:absolute;pointer-events:none}.spell-in-clash.anim-earth-source-rumble .spell-card:before,.spell-in-clash.anim-earth-crack .spell-card:before,.anim-earth-hand-collapse:before{inset:-7px;border-radius:inherit;z-index:18;background:linear-gradient(78deg,transparent 0 42%,rgba(56,42,31,.9) 43% 46%,transparent 47% 100%),linear-gradient(132deg,transparent 0 52%,rgba(56,42,31,.74) 53% 56%,transparent 57% 100%),radial-gradient(circle at 22% 72%,rgba(194,148,89,.54) 0 3px,transparent 6px),radial-gradient(circle at 72% 22%,rgba(116,87,61,.5) 0 3px,transparent 6px);opacity:0;animation:cardEarthCracks .85s ease-out forwards}.anim-earth-hand-impact:before{inset:-10px -14px;border-radius:18px;z-index:-1;background:radial-gradient(ellipse at 50% 70%,rgba(171,126,76,.48) 0 18%,transparent 56%),radial-gradient(circle at 18% 38%,rgba(92,68,49,.62) 0 4px,transparent 8px),radial-gradient(circle at 36% 72%,rgba(207,164,98,.58) 0 5px,transparent 9px),radial-gradient(circle at 68% 26%,rgba(116,83,57,.62) 0 4px,transparent 8px),radial-gradient(circle at 86% 62%,rgba(190,145,84,.56) 0 5px,transparent 9px);opacity:0;animation:earthHandDustBurst .95s ease-out forwards}.anim-earth-hand-impact:after{inset:-4px -8px;border-radius:999px;z-index:20;background:linear-gradient(82deg,transparent 0 42%,rgba(59,43,31,.78) 43% 46%,transparent 47% 100%),linear-gradient(126deg,transparent 0 52%,rgba(59,43,31,.58) 53% 56%,transparent 57% 100%),linear-gradient(28deg,transparent 0 45%,rgba(59,43,31,.46) 46% 49%,transparent 50% 100%);opacity:0;animation:earthHandCrackFlash .95s ease-out forwards}@keyframes elementalFireBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-5deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.02) rotate(2deg)}48%{opacity:.94;transform:translate(-50%,-50%) scale(1.1) rotate(-1deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.28) rotate(6deg)}}@keyframes elementalConsoleFireBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.48,.36) rotate(-4deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.08,.92) rotate(2deg)}42%{opacity:.96;transform:translate(-50%,-50%) scale(1.18,1.02) rotate(-2deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.38,1.14) rotate(5deg)}}@keyframes elementalFireCore{0%{opacity:0;transform:scale(.3,.18) rotate(-8deg)}18%{opacity:1;transform:scaleX(1.08) rotate(4deg)}42%{opacity:.9;transform:scale(.9,1.22) rotate(-3deg) translateY(-4px)}to{opacity:0;transform:scale(.55,.7) rotate(8deg) translateY(-26px)}}@keyframes elementalConsoleFireCore{0%{opacity:0;transform:scale(.28,.16) rotate(-7deg)}16%{opacity:1;transform:scale(1.18,.92) rotate(5deg)}38%{opacity:.94;transform:scale(.96,1.28) rotate(-4deg) translateY(-8px)}to{opacity:0;transform:scale(.58,.8) rotate(9deg) translateY(-42px)}}@keyframes elementalSparkRing{0%{opacity:0;transform:scale(.55) rotate(0)}18%{opacity:1}to{opacity:0;transform:scale(1.35) rotate(24deg)}}@keyframes elementalWaterShimmer{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}18%{opacity:.95;transform:translate(-50%,-50%) scale(1.02)}52%{opacity:.72;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes elementalWaterHalo{0%{opacity:0;transform:scale(.42)}20%{opacity:.9}to{opacity:0;transform:scale(1.34)}}@keyframes elementalWaterSheenCore{0%{opacity:0;transform:translate(-16%) scale(.88)}22%{opacity:.92}to{opacity:0;transform:translate(16%) scale(1.08)}}@keyframes elementalWaterRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.32)}22%{opacity:.78}to{opacity:0;transform:translate(-50%,-50%) scale(1.22)}}@keyframes elementalWaterSheenSweep{0%{opacity:0;transform:rotate(-12deg) translate(-34%)}24%{opacity:.9}to{opacity:0;transform:rotate(-12deg) translate(72%)}}@keyframes elementalWaterDroplet{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) translateY(4px) scale(.45)}18%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .7)) translateY(-46px) scale(.18)}}@keyframes elementalWindTrail{0%{opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(-2deg)}16%{opacity:.92;transform:translate(-50%,-50%) scale(1) rotate(1deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.12) rotate(5deg)}}@keyframes spellMigratePath{0%{opacity:.8;transform:translateZ(0) scale(1)}58%{opacity:.6;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}78%{opacity:.4;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}to{opacity:0;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}}@keyframes spellMovePath{0%{opacity:.92;transform:translateZ(0) scale(1)}66%{opacity:.78;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}86%{opacity:.48;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}to{opacity:0;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}}@keyframes spellFlyReturn{0%{opacity:1;transform:translateZ(0) scale(1)}70%{opacity:.85;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}88%{opacity:.4;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}to{opacity:0;transform:translate3d(var(--motion-dx),var(--motion-dy),0) scale(var(--motion-end-scale, 1))}}@keyframes migrateDestinationReveal{0%,56%{opacity:0;filter:brightness(1.05)}76%{opacity:.52;filter:brightness(1.03)}to{opacity:1;filter:brightness(1)}}@keyframes moveDestinationReveal{0%,48%{opacity:0;filter:brightness(1.04)}74%{opacity:.62;filter:brightness(1.02)}to{opacity:1;filter:brightness(1)}}@keyframes migrateDestinationGlow{0%,66%{box-shadow:inherit}82%{box-shadow:0 0 0 2px #dae5c66b,0 0 18px #bedaa461}to{box-shadow:inherit}}@keyframes moveDestinationGlow{0%,60%{box-shadow:inherit}80%{box-shadow:0 0 0 2px #76b5f657,0 0 16px #64b5f64d}to{box-shadow:inherit}}@keyframes elementalWindStream{0%{opacity:0;transform:translate(-48%) skew(-20deg) scaleX(.4)}18%{opacity:.88}to{opacity:0;transform:translate(72%) skew(-20deg) scaleX(1.12)}}@keyframes elementalWindSwirl{0%{opacity:0;transform:translate(-50%,-50%) rotate(-28deg) scale(.34)}22%{opacity:.78}to{opacity:0;transform:translate(-50%,-50%) rotate(190deg) scale(1.12)}}@keyframes elementalLeafRide{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(-18px) translateY(8px) scale(.52)}18%{opacity:.95}64%{opacity:.82;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 180deg)) translate(calc(var(--particle-distance) * .78)) translateY(-18px) scale(.92)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 340deg)) translate(calc(var(--particle-distance) * 1.25)) translateY(-38px) scale(.22)}}@keyframes elementalEarthImpact{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}to{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}@keyframes elementalEarthDustBloom{0%{opacity:0;transform:scale(.42)}22%{opacity:.86}to{opacity:0;transform:scale(1.34)}}@keyframes elementalEarthPebblePop{0%{opacity:0;transform:scale(.4) translateY(8px)}18%{opacity:1}to{opacity:0;transform:scale(1.28) translateY(-18px)}}@keyframes elementalRockScatter{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) translateY(8px) scale(.48)}16%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .95)) translateY(-30px) scale(.18)}}@keyframes elementalEarthDustRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}22%{opacity:.78}to{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}@keyframes elementalEarthCrackFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:.94}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes elementalWoodBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.64) rotate(-2deg)}18%{opacity:.96;transform:translate(-50%,-50%) scale(1.02) rotate(1deg)}58%{opacity:.74;transform:translate(-50%,-50%) scale(1.1) rotate(-1deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.22) rotate(3deg)}}@keyframes elementalLeafSprout{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) translateY(16px) scale(.32)}18%{opacity:.98}62%{opacity:.86;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 120deg)) translate(calc(var(--particle-distance) * .62)) translateY(-14px) scale(.94)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 250deg)) translate(calc(var(--particle-distance) * 1.05)) translateY(-46px) scale(.18)}}@keyframes elementalWoodVineCurl{0%{opacity:0;transform:translate(-50%,-50%) rotate(-28deg) scale(.24)}22%{opacity:.9}70%{opacity:.72;transform:translate(-50%,-50%) rotate(58deg) scale(1.02)}to{opacity:0;transform:translate(-50%,-50%) rotate(110deg) scale(1.16)}}@keyframes elementalWoodSproutRise{0%{opacity:0;transform:translate(-50%) scale(.16) translateY(16px)}20%{opacity:.96}64%{opacity:.82;transform:translate(-50%) scale(1.02) translateY(-3px)}to{opacity:0;transform:translate(-50%) scale(.72) translateY(-20px)}}@keyframes woodPassiveBreathe{0%,to{filter:brightness(1) saturate(1)}42%{filter:brightness(1.07) saturate(1.12)}}@keyframes woodPassiveEdge{0%,to{opacity:calc(var(--wood-vine-opacity, .66) * .6);transform:scale(1)}46%{opacity:var(--wood-vine-opacity, .66);transform:scale(1)}}@keyframes woodPassiveLeaves{0%{opacity:calc(var(--wood-leaf-opacity, .72) * .48);transform:translateY(1px) rotate(-.5deg)}45%{opacity:var(--wood-leaf-opacity, .72);transform:translateY(-2px) rotate(.5deg)}to{opacity:calc(var(--wood-leaf-opacity, .72) * .48);transform:translateY(1px) rotate(-.5deg)}}@keyframes metalModifierHum{0%,to{filter:brightness(1) saturate(1)}46%{filter:brightness(1.09) saturate(1.08)}}@keyframes metalSheenSweep{0%,24%{opacity:0;background-position:0 0,0 0,0 0,0 0,-140% 0}42%{opacity:.62;background-position:0 0,0 0,0 0,0 0,0% 0}62%{opacity:.22;background-position:0 0,0 0,0 0,0 0,140% 0}78%,to{opacity:0;background-position:0 0,0 0,0 0,0 0,140% 0}}@keyframes modifierTagPulse{0%,to{transform:translateY(0) scale(1);filter:saturate(1)}45%{transform:translateY(-1px) scale(1.04);filter:saturate(1.18)}70%{transform:translateY(0) scale(1.01);filter:saturate(1.06)}}@keyframes manifestReveal{0%{opacity:0;transform:scale(.5) translateY(6px);filter:brightness(2.5) saturate(.4)}60%{opacity:1;transform:scale(1.12) translateY(-2px);filter:brightness(1.4) saturate(1.3)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1) saturate(1)}}.manifest-replacement-tag{animation:manifestReveal .45s cubic-bezier(.22,1,.36,1) forwards,modifierTagPulse 3.2s ease-in-out .45s infinite}@keyframes moonshineSpotlightPulse{0%{filter:brightness(1) saturate(1);box-shadow:inherit}24%{filter:brightness(1.28) saturate(1.16);box-shadow:0 0 0 2px #dcd2ff85,0 0 24px #957aff75,inset 0 0 18px #e4e0ff42}68%{filter:brightness(1.12) saturate(1.08)}to{filter:brightness(1) saturate(1);box-shadow:inherit}}@keyframes cardMoonshineBeam{0%{opacity:0;transform:translateY(-10%) scaleY(.64)}22%{opacity:.88}72%{opacity:.56;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(4%) scaleY(1.04)}}@keyframes cardMoonshineSparkle{0%{opacity:0;transform:translateY(6px) scale(.92)}24%{opacity:.92}to{opacity:0;transform:translateY(-18px) scale(1.08)}}@keyframes moonshineCancelledMist{0%{opacity:0;transform:translate(-16%) scale(.86)}24%{opacity:.78}78%{opacity:.54}to{opacity:.18;transform:translate(18%) scale(1.1)}}@keyframes sunbeamRadiancePulse{0%{filter:brightness(1) saturate(1);box-shadow:inherit}20%{filter:brightness(1.48) saturate(1.28);box-shadow:0 0 0 2px #fff58f9e,0 0 28px #ffd02f9e,inset 0 0 20px #fffab94d}58%{filter:brightness(1.16) saturate(1.12)}to{filter:brightness(1) saturate(1);box-shadow:inherit}}@keyframes cardSunbeamRays{0%{opacity:0;transform:scale(.62) rotate(-10deg)}20%{opacity:.96}to{opacity:0;transform:scale(1.2) rotate(28deg)}}@keyframes cardSunbeamSheen{0%{opacity:0;transform:translate(-38%) skew(-12deg)}20%{opacity:.94}to{opacity:0;transform:translate(54%) skew(-12deg)}}@keyframes elementalMoonshineSpotlight{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:.96;transform:translate(-50%,-50%) scale(1.02)}64%{opacity:.7;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}@keyframes elementalMoonBeamFall{0%{opacity:0;transform:translate(-50%) translateY(-12%) scaleY(.62)}20%{opacity:.9}to{opacity:0;transform:translate(-50%) translateY(5%) scaleY(1.04)}}@keyframes elementalMoonPool{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}24%{opacity:.76}to{opacity:0;transform:translate(-50%,-50%) scale(1.24)}}@keyframes elementalMoonMist{0%{opacity:0;transform:translate(-50%,-50%) translate(-10%) scale(.62)}28%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%) translate(14%) scale(1.14)}}@keyframes elementalMoonDustFloat{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) translateY(12px) scale(.42)}22%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 80deg)) translate(calc(var(--particle-distance) * .72)) translateY(-52px) scale(.18)}}@keyframes elementalSunbeamBlast{0%{opacity:0;transform:translate(-50%,-50%) scale(.66) rotate(-3deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(1deg)}58%{opacity:.72;transform:translate(-50%,-50%) scale(1.12) rotate(-1deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.28) rotate(4deg)}}@keyframes elementalSunRaySweep{0%{opacity:0;transform:translate(-42%) rotate(-13deg) scaleX(.52)}18%{opacity:.94}to{opacity:0;transform:translate(42%) rotate(-13deg) scaleX(1.04)}}@keyframes elementalSunCoreBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.36)}18%{opacity:.96}to{opacity:0;transform:translate(-50%,-50%) scale(1.22)}}@keyframes elementalSunFlareSpin{0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(-10deg)}18%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(1.18) rotate(36deg)}}@keyframes elementalSunMoteBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.4)}16%{opacity:.98}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * 1.05)) translateY(-22px) scale(.16)}}@keyframes timePassiveHum{0%,to{filter:brightness(1) saturate(1)}46%{filter:brightness(1.08) saturate(1.12)}}@keyframes timePassiveClockSpin{0%{transform:rotate(0) scale(1);opacity:.46}50%{opacity:.7}to{transform:rotate(360deg) scale(1);opacity:.46}}@keyframes timePassiveHandSpin{0%{transform:rotate(0);opacity:.48}50%{opacity:.78}to{transform:rotate(360deg);opacity:.48}}@keyframes timePassiveTickPulse{0%,to{opacity:.18;transform:scale(.995)}42%{opacity:.38;transform:scale(1.01)}}@keyframes timeResolveClock{0%{opacity:0;transform:scale(.58) rotate(-18deg)}18%{opacity:.94}62%{opacity:.72;transform:scale(1.04) rotate(58deg)}to{opacity:0;transform:scale(1.18) rotate(128deg)}}@keyframes timeResolveHands{0%{opacity:0;transform:rotate(-90deg)}18%{opacity:.98}to{opacity:0;transform:rotate(520deg)}}@keyframes timeResolvePulse{0%{filter:brightness(1) saturate(1);transform:translateZ(0)}22%{filter:brightness(1.26) saturate(1.2)}58%{filter:brightness(1.12) saturate(1.08)}to{filter:brightness(1) saturate(1);transform:translateZ(0)}}@keyframes elementalTimeClockFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.64) rotate(-10deg)}18%{opacity:.95}62%{opacity:.78;transform:translate(-50%,-50%) scale(1.04) rotate(60deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18) rotate(130deg)}}@keyframes elementalTimeClockFace{0%{opacity:0;transform:translate(-50%,-50%) scale(.48) rotate(-16deg)}20%{opacity:.94}to{opacity:0;transform:translate(-50%,-50%) scale(1.14) rotate(116deg)}}@keyframes elementalTimeOuterRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(0)}24%{opacity:.76}to{opacity:0;transform:translate(-50%,-50%) scale(1.28) rotate(-160deg)}}@keyframes elementalTimeHandSweep{0%{opacity:0;transform:rotate(-90deg)}18%{opacity:.96}to{opacity:0;transform:rotate(520deg)}}@keyframes elementalTimeSparkOrbit{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(4px) scale(.42)}18%{opacity:.96}66%{opacity:.78;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 190deg)) translate(calc(var(--particle-distance) * .9)) scale(.82)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 360deg)) translate(calc(var(--particle-distance) * 1.18)) scale(.16)}}@keyframes spaceCardWormhole{0%{opacity:0;transform:translate(-50%,-50%) scale(.32) rotate(-30deg)}18%{opacity:.92}66%{opacity:.72;transform:translate(-50%,-50%) scale(1.02) rotate(190deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18) rotate(330deg)}}@keyframes spaceCardStarWarp{0%{opacity:0;transform:scale(.7) rotate(0)}20%{opacity:.9}to{opacity:0;transform:scale(1.18) rotate(-30deg)}}@keyframes spaceWarpPulse{0%{filter:brightness(1) saturate(1);transform:scale(1)}18%{filter:brightness(.82) saturate(1.3) hue-rotate(8deg);transform:scale(.985)}54%{filter:brightness(1.14) saturate(1.2);transform:scale(1.018)}to{filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes elementalSpaceVortexFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-20deg)}16%{opacity:.96}66%{opacity:.74;transform:translate(-50%,-50%) scale(1.04) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(320deg)}}@keyframes elementalSpaceVortexSpin{0%{opacity:0;transform:translate(-50%,-50%) scale(.34) rotate(-40deg)}18%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.16) rotate(360deg)}}@keyframes elementalSpaceRingPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}22%{opacity:.86}to{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}@keyframes elementalSpaceStarfieldSpin{0%{opacity:0;transform:rotate(0) scale(.68)}18%{opacity:.94}to{opacity:0;transform:rotate(-75deg) scale(1.18)}}@keyframes elementalSpaceStarSpiral{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.34)}18%{opacity:.98}72%{opacity:.76;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 240deg)) translate(calc(var(--particle-distance) * .72)) scale(.82)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 420deg)) translate(calc(var(--particle-distance) * .18)) scale(.12)}}@keyframes elementalShadowMistFade{0%{opacity:0;transform:translate(-50%,-18%) scale(1.08,.1) rotate(0)}12%{opacity:1;transform:translate(-50%,-34%) scale(1.08,.42) rotate(-1deg)}44%{opacity:.84;transform:translate(-50%,-72%) scaleY(1.2) rotate(2deg)}to{opacity:0;transform:translate(-50%,-122%) scale(.74,1.62) rotate(-5deg)}}@keyframes elementalShadowSmokeCurl{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .68)) translateY(34px) scale(.82,.18)}10%{opacity:.92}42%{opacity:.74;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 48deg)) translate(calc(var(--particle-distance) * .34)) translateY(-42px) scale(1.04,1.14)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 92deg)) translate(calc(var(--particle-distance) * .05)) translateY(-112px) scale(.42,.86)}}@keyframes elementalShadowPuff{0%{opacity:0;transform:translate(-50%,-14%) scale(1.12,.08) rotate(0)}10%{opacity:.96;transform:translate(-50%,-28%) scale(1.1,.46) rotate(-1deg)}42%{opacity:.72;transform:translate(-50%,-66%) scale(.98,1.18) rotate(3deg)}to{opacity:0;transform:translate(-50%,-116%) scale(.68,1.58) rotate(-7deg)}}@keyframes elementalShadowVeilSpin{0%{opacity:0;transform:translate(-50%,-20%) scale(1.02,.12) rotate(-5deg)}12%{opacity:.76}to{opacity:0;transform:translate(-50%,-112%) scale(.76,1.52) rotate(46deg)}}@keyframes shadowMistPulse{0%{filter:brightness(1) saturate(1);box-shadow:inherit}24%{filter:brightness(.72) saturate(.55) contrast(1.18);box-shadow:0 0 0 2px #14111cb3,0 0 24px #0000008f,inset 0 0 18px #1c182657}68%{filter:brightness(.86) saturate(.72) contrast(1.1)}to{filter:brightness(1) saturate(1);box-shadow:inherit}}@keyframes shadowEnshroudVanish{0%{opacity:1;transform:scale(1);filter:grayscale(0) brightness(1) contrast(1)}24%{opacity:1;transform:scale(.985);filter:grayscale(.35) brightness(.76) contrast(1.12)}46%{opacity:.96;transform:scale(.995);filter:grayscale(1) brightness(.82) contrast(1.08)}72%{opacity:.78;transform:scale(.93) translateY(-2px);filter:grayscale(1) brightness(.58) contrast(1.2) blur(.2px)}to{opacity:0;transform:scale(.72) translateY(-10px);filter:grayscale(1) brightness(.22) contrast(1.28) blur(3px)}}@keyframes cardShadowFirstPuff{0%{opacity:0;transform:scale(1.08,.08) translateY(38%) translate(0)}10%{opacity:.92;transform:scale(1.08,.42) translateY(18%) translate(0)}42%{opacity:.62;transform:scale(.98,1.14) translateY(-24%) translate(2%)}to{opacity:0;transform:scale(.72,1.58) translateY(-62%) translate(4%)}}@keyframes cardShadowSecondPuff{0%,18%{opacity:0;transform:scale(1.04,.12) translateY(34%) translate(0) rotate(0)}30%{opacity:.84}to{opacity:0;transform:scale(.78,1.62) translateY(-66%) translate(-4%) rotate(4deg)}}@keyframes shadowHandReceive{0%{filter:brightness(1) saturate(1);transform:translateY(0)}24%{filter:brightness(.76) saturate(.7);transform:translateY(-1px)}68%{filter:brightness(.9) saturate(.82)}to{filter:brightness(1) saturate(1);transform:translateY(0)}}@keyframes shadowHandMist{0%{opacity:0;transform:translate(0) translateY(28%) scale(1.08,.1)}12%{opacity:.82}to{opacity:0;transform:translate(3%) translateY(-58%) scale(.78,1.48)}}@keyframes bloodRitualPulse{0%{filter:brightness(1);box-shadow:inherit}20%{filter:brightness(1.38) saturate(1.35) contrast(1.08);box-shadow:0 0 0 2px #ff3a5c8a,0 0 24px #7e00189e}58%{filter:brightness(.92) saturate(1.2);box-shadow:0 0 0 1px #69001857,0 0 18px #56001661}to{filter:brightness(1);box-shadow:inherit}}@keyframes cardBloodSlash{0%{opacity:0;transform:rotate(-19deg) translate(-28%) scaleX(.12)}14%{opacity:1}35%{opacity:1;transform:rotate(-19deg) translate(2%) scaleX(1)}68%{opacity:.74;transform:rotate(-19deg) translate(5%) scaleX(.98)}to{opacity:0;transform:rotate(-19deg) translate(14%) scaleX(.72)}}@keyframes cardBloodDroplets{0%{opacity:0;transform:translateY(-2px) scale(.72)}24%{opacity:.94;transform:translateY(0) scale(1)}72%{opacity:.62}to{opacity:0;transform:translateY(18px) scale(.86)}}@keyframes elementalBloodSlashFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.82) rotate(-4deg)}14%{opacity:1}70%{opacity:.86}to{opacity:0;transform:translate(-50%,-50%) scale(1.08) rotate(4deg)}}@keyframes elementalBloodSlashCut{0%{opacity:0;transform:rotate(-18deg) translate(-22%) scaleX(.08)}18%{opacity:1}36%{opacity:.96;transform:rotate(-18deg) translate(0) scaleX(1)}72%{opacity:.56}to{opacity:0;transform:rotate(-18deg) translate(12%) scaleX(.64)}}@keyframes elementalBloodDropFall{0%{opacity:0;transform:translateY(-8px) scale(.58) rotate(-10deg)}22%{opacity:1;transform:translateY(0) scale(1) rotate(4deg)}82%{opacity:.72}to{opacity:0;transform:translateY(34px) scale(.72) rotate(18deg)}}@keyframes elementalBloodSigilPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.48) rotate(-8deg)}26%{opacity:.5}62%{opacity:.28;transform:translate(-50%,-50%) scale(1.08) rotate(10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(18deg)}}@keyframes elementalBloodDropletSpray{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) translateY(0) scale(.52)}18%{opacity:1}70%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .82)) translateY(28px) scale(.42)}}@keyframes elementalIchorMannaFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:1}72%{opacity:.84}to{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}@keyframes elementalIchorMoteAscend{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .34)) translateY(34px) scale(.42)}18%{opacity:1}70%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) - 36deg)) translate(calc(var(--particle-distance) * .68)) translateY(-58px) scale(.2)}}@keyframes elementalIchorColumn{0%{opacity:0;transform:translate(-50%) scaleY(.22)}20%{opacity:.9}64%{opacity:.68;transform:translate(-50%) scaleY(1)}to{opacity:0;transform:translate(-50%) scaleY(1.12)}}@keyframes elementalIchorWing{0%{opacity:0;transform:rotate(var(--wing-rotate, 0deg)) scaleX(.22)}26%{opacity:.78}72%{opacity:.48}to{opacity:0;transform:rotate(var(--wing-rotate, 0deg)) scaleX(1.08) translateY(-10px)}}@keyframes elementalIchorOrb{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}28%{opacity:.92;transform:translate(-50%,-50%) scale(1)}70%{opacity:.48;transform:translate(-50%,-50%) scale(1.14)}to{opacity:0;transform:translate(-50%,-50%) scale(.72)}}@keyframes elementalIchorSparkleField{0%{opacity:0;transform:translateY(18px) scale(.82)}22%{opacity:1}to{opacity:0;transform:translateY(-24px) scale(1.04)}}@keyframes ichorMannaPulse{0%{filter:brightness(1) saturate(1);box-shadow:inherit}24%{filter:brightness(1.34) saturate(1.28);box-shadow:0 0 0 2px #ffeb8d80,0 0 24px #60ebff8a}to{filter:brightness(1) saturate(1);box-shadow:inherit}}@keyframes cardIchorColumn{0%{opacity:0;transform:translateY(20px) scaleY(.34)}24%{opacity:.9}to{opacity:0;transform:translateY(-18px) scaleY(1.14)}}@keyframes cardIchorMotes{0%{opacity:0;transform:translateY(12px) scale(.82)}20%{opacity:1}to{opacity:0;transform:translateY(-28px) scale(1.05)}}@keyframes ichorHandReceive{0%{filter:brightness(1) saturate(1);transform:translateY(0)}26%{filter:brightness(1.22) saturate(1.25);transform:translateY(-1px)}to{filter:brightness(1) saturate(1);transform:translateY(0)}}@keyframes ichorHandManna{0%{opacity:0;transform:translateY(16px) scale(.88)}22%{opacity:.95}to{opacity:0;transform:translateY(-18px) scale(1.08)}}@keyframes ichorHandSparkles{0%{opacity:0;transform:translateY(8px)}22%{opacity:1}to{opacity:0;transform:translateY(-24px)}}@keyframes ichorRevealCardTravel{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}18%{opacity:1;transform:translate(-50%,-50%) scale(.92)}56%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--ichor-dx) * .58),calc(-50% + var(--ichor-dy) * .58)) scale(.28)}}@keyframes ichorRevealCardGlow{0%{filter:saturate(.9) brightness(.9)}28%{filter:saturate(1.25) brightness(1.18)}76%{filter:saturate(1.18) brightness(1.08)}to{filter:saturate(1.35) brightness(1.34) blur(1.2px)}}@keyframes ichorRevealAura{0%{opacity:0;transform:scale(.65)}24%{opacity:.9}76%{opacity:.62}to{opacity:0;transform:scale(1.28)}}@keyframes elementalVenomFangFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}8%{opacity:1}86%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.04)}}@keyframes elementalVenomDropletSpray{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) translateY(0) scale(.48)}16%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .76)) translateY(24px) scale(.24)}}@keyframes elementalVenomFangSnap{0%{opacity:0;transform:translateY(-16%) rotate(var(--fang-rotate, 0deg)) scaleX(var(--fang-scale-x, 1))}8%{opacity:1}20%{opacity:1;transform:translateY(18%) rotate(var(--fang-rotate, 0deg)) scaleX(var(--fang-scale-x, 1))}82%{opacity:1;transform:translateY(22%) rotate(var(--fang-rotate, 0deg)) scaleX(var(--fang-scale-x, 1))}to{opacity:0;transform:translateY(34%) rotate(var(--fang-rotate, 0deg)) scaleX(var(--fang-scale-x, 1))}}@keyframes elementalVenomSplash{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}26%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}@keyframes elementalVenomDropPop{0%{opacity:0;transform:translateY(0) scale(.32)}22%{opacity:1}to{opacity:0;transform:translateY(28px) scale(.18)}}@keyframes venomSicklyPulse{0%{filter:brightness(1) saturate(1);box-shadow:inherit}18%{filter:brightness(1.26) saturate(1.55) hue-rotate(12deg);box-shadow:0 0 0 2px #8aff3e7a,0 0 22px #5c277e6b}to{filter:brightness(1) saturate(1);box-shadow:inherit}}@keyframes cardVenomGlow{0%{opacity:0;transform:scale(.92)}22%{opacity:.82}to{opacity:0;transform:scale(1.08)}}@keyframes cardVenomSpittle{0%{opacity:0;transform:translateY(-8px) scale(.82)}20%{opacity:.9}to{opacity:0;transform:translateY(18px) scale(1.06)}}@keyframes cardVenomFangBite{0%{opacity:0;transform:translateY(-18%) rotate(var(--card-fang-rotate, 0deg)) scaleX(var(--card-fang-scale-x, 1))}10%{opacity:1}26%{opacity:1;transform:translateY(16%) rotate(var(--card-fang-rotate, 0deg)) scaleX(var(--card-fang-scale-x, 1))}76%{opacity:1;transform:translateY(19%) rotate(var(--card-fang-rotate, 0deg)) scaleX(var(--card-fang-scale-x, 1))}to{opacity:0;transform:translateY(30%) rotate(var(--card-fang-rotate, 0deg)) scaleX(var(--card-fang-scale-x, 1))}}@keyframes elementalLightningFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}8%,46%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes elementalLightningSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.42)}12%{opacity:1}52%{opacity:.85;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .96)) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * 1.42)) scale(.18)}}@keyframes elementalLightningBoltStrike{0%{opacity:0;transform:translate(var(--bolt-x, -50%)) translateY(-24%) rotate(var(--bolt-rotate, 0deg)) scaleY(.76)}8%{opacity:1}18%{opacity:1;transform:translate(var(--bolt-x, -50%)) translateY(6%) rotate(var(--bolt-rotate, 0deg)) scaleY(1.18)}30%{opacity:1;transform:translate(var(--bolt-x, -50%)) translateY(-4%) rotate(calc(var(--bolt-rotate, 0deg) + 3deg)) scaleY(1)}48%{opacity:.54}to{opacity:0;transform:translate(var(--bolt-x, -50%)) translateY(22%) rotate(var(--bolt-rotate, 0deg)) scaleY(1.16)}}@keyframes elementalLightningCore{0%{opacity:0;transform:scale(.62)}16%{opacity:.82}42%{opacity:.46;transform:scale(1.02)}to{opacity:0;transform:scale(1.22)}}@keyframes elementalThunderFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.78)}10%,62%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes elementalThunderGobsmackFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.68) rotate(-2deg)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(1deg)}36%{opacity:.92;transform:translate(-50%,-50%) scale(.98) rotate(-1deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(0)}}@keyframes elementalThunderDust{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.42)}18%{opacity:.86}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * .92)) scale(.2)}}@keyframes elementalThunderWavePulse{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.12) scaleY(.62)}14%{opacity:.95;transform:translate(-50%,-50%) scaleX(.96) scaleY(1.16)}62%{opacity:.62;transform:translate(-50%,-50%) scaleX(1.36) scaleY(.82)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.72) scaleY(.48)}}@keyframes elementalThunderGong{0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(45deg)}12%{opacity:.94;transform:translate(-50%,-50%) scale(1.08) rotate(45deg)}34%{opacity:.58;transform:translate(-50%,-50%) scale(.92) rotate(45deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18) rotate(45deg)}}@keyframes lightningJoltPulse{0%,to{filter:brightness(1) saturate(1);transform:translate(0)}8%{filter:brightness(1.55) saturate(1.5);transform:translate(-2px)}15%{transform:translate(2px)}23%{filter:brightness(1.24) saturate(1.28);transform:translate(-1px)}36%{transform:translate(1px)}}@keyframes cardLightningArc{0%{opacity:0;transform:translateY(-8px) scale(.9)}10%,30%{opacity:.98}46%{opacity:.52;transform:translateY(0) scale(1.02)}to{opacity:0;transform:translateY(8px) scale(1.08)}}@keyframes cardLightningSparks{0%{opacity:0;transform:scale(.9)}18%{opacity:.92}to{opacity:0;transform:scale(1.14)}}@keyframes thunderMotionWave{0%{opacity:0;transform:translate(-8%,-50%) scaleX(.18) scaleY(.62)}18%{opacity:.92;transform:translate(-54%,-50%) scaleX(1.05) scaleY(1.18)}to{opacity:0;transform:translate(-118%,-50%) scaleX(1.68) scaleY(.58)}}@keyframes thunderMotionCard{0%,to{filter:saturate(1) brightness(1)}18%{filter:saturate(1.18) brightness(1.12)}34%{filter:saturate(1.02) brightness(.96)}}@keyframes thunderGongCardPulse{0%,to{filter:brightness(1) saturate(1);transform:translate(0)}10%{filter:brightness(1.22) saturate(1.18);transform:translate(-4px)}17%{transform:translate(4px)}28%{filter:brightness(1.08) saturate(1.06);transform:translate(-2px)}}@keyframes thunderSelfDestructCard{0%{opacity:1;filter:brightness(1) saturate(1);transform:translateZ(0) scale(1)}18%{opacity:1;filter:brightness(1.2) saturate(1.12);transform:translateZ(0) scaleX(.96) scaleY(1.02)}38%{opacity:.96;filter:brightness(1.58) saturate(.9) contrast(1.08);transform:translate3d(0,-1px,0) scale(1.02)}72%{opacity:.5;filter:brightness(1.25) saturate(.65) contrast(1.12) blur(.4px);transform:translate3d(0,-8px,0) scale(.84)}to{opacity:0;filter:brightness(1.65) saturate(.42) contrast(1.16) blur(1.8px);transform:translate3d(0,-20px,0) scale(.5)}}@keyframes thunderSelfDestructRupture{0%{opacity:0;transform:scaleX(.42) scaleY(.86)}22%{opacity:.82;transform:scaleX(.88) scaleY(1.08)}46%{opacity:.58;transform:scaleX(1.12) scaleY(.86)}to{opacity:0;transform:scaleX(1.38) scaleY(.62)}}@keyframes thunderSelfDestructGlow{0%{opacity:0;transform:scale(.86)}24%{opacity:.58}58%{opacity:.32;transform:scale(1.05)}to{opacity:0;transform:scale(1.16)}}@keyframes thunderBreakLockedCard{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.08) saturate(1.12)}}@keyframes cardThunderWave{0%{opacity:0;transform:scaleX(.32) translate(0)}16%{opacity:.92;transform:scaleX(1.14) translate(0)}to{opacity:0;transform:scaleX(1.42) translate(0)}}@keyframes cardThunderRipples{0%{opacity:0;transform:translate(-10px) scaleX(.74)}20%{opacity:.76;transform:translate(0) scaleX(1.18)}to{opacity:0;transform:translate(12px) scaleX(1.36)}}@keyframes thunderBreakPersistentWave{0%{opacity:0;transform:scaleX(.68)}24%{opacity:.88;transform:scaleX(1.12)}to{opacity:0;transform:scaleX(1.34)}}@keyframes thunderBreakPersistentRipples{0%,to{opacity:.24;transform:translate(-2px) scaleX(.98)}48%{opacity:.52;transform:translate(2px) scaleX(1.06)}}@keyframes thunderCancelledStamp{0%{transform:scale(.92);filter:brightness(1.3)}14%{transform:scale(1.04)}to{transform:scale(1);filter:brightness(1)}}@keyframes thunderCancelledWave{0%{opacity:0;transform:scaleX(.44) scaleY(.82)}18%{opacity:.86;transform:scaleX(.96) scaleY(1.06)}to{opacity:.16;transform:scaleX(1.32) scaleY(.72)}}@keyframes thunderCancelledFlash{0%{opacity:0;transform:translate(-22%)}16%{opacity:.85}to{opacity:0;transform:translate(22%)}}@keyframes elementalTwilightFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}14%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes elementalTwilightMote{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.42)}22%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(calc(var(--particle-distance) * 1.05)) translateY(-12px) scale(.18)}}@keyframes elementalTwilightHorizon{0%{opacity:0;transform:translate(-50%,-45%) scaleX(.68)}24%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.08)}}@keyframes elementalTwilightSunriseSun{0%{opacity:0;transform:translate(-50%,22%) scale(.62)}24%{opacity:.96}72%{opacity:.82;transform:translate(-50%,-62%) scale(.9)}to{opacity:0;transform:translate(-50%,-78%) scale(.96)}}@keyframes elementalTwilightSunsetSun{0%{opacity:0;transform:translate(-50%,-78%) scale(.96)}20%{opacity:.9}78%{opacity:.78;transform:translate(-50%,16%) scale(.7)}to{opacity:0;transform:translate(-50%,28%) scale(.56)}}@keyframes elementalTwilightSunriseMoon{0%{opacity:.86;transform:translate(0) scale(1)}62%{opacity:.42}to{opacity:0;transform:translate(24px,-20px) scale(.72)}}@keyframes elementalTwilightSunsetMoon{0%{opacity:0;transform:translate(22px,18px) scale(.68)}34%{opacity:.74}to{opacity:0;transform:translateY(-4px) scale(1)}}@keyframes elementalTwilightVeil{0%{opacity:0;transform:scale(.88)}28%{opacity:.8}to{opacity:0;transform:scale(1.12)}}@keyframes elementalTwilightStar{0%,18%{opacity:0;transform:scale(.4)}42%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(.7) translateY(-8px)}}@keyframes twilightCardBreath{0%,to{filter:brightness(1) saturate(1)}30%{filter:brightness(1.12) saturate(1.08)}62%{filter:brightness(1.04) saturate(1.12)}}@keyframes cardTwilightSunrise{0%{opacity:0;--twilight-sun-y: 92%;transform:scale(.92)}22%{opacity:.86}72%{opacity:.72;--twilight-sun-y: 34%;transform:scale(1.02)}to{opacity:0;--twilight-sun-y: 22%;transform:scale(1.06)}}@keyframes cardTwilightSunset{0%{opacity:0;--twilight-sun-y: 28%;transform:scale(.98)}20%{opacity:.82}72%{opacity:.66;--twilight-sun-y: 78%;transform:scale(1.02)}to{opacity:0;--twilight-sun-y: 92%;transform:scale(1.05)}}@keyframes cardTwilightMoonset{0%{opacity:.72;transform:translate(0) scale(1)}58%{opacity:.34}to{opacity:0;transform:translate(18px,-16px) scale(.76)}}@keyframes cardTwilightMoonrise{0%{opacity:0;transform:translate(16px,18px) scale(.72)}34%{opacity:.76}to{opacity:0;transform:translateY(-2px) scale(1)}}@keyframes nectarAmberCardHum{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.08) saturate(1.12)}}@keyframes nectarAmberShieldBreathe{0%,to{opacity:.55;transform:scale(.985)}50%{opacity:.82;transform:scale(1.015)}}@keyframes nectarAmberSheen{0%{opacity:.24;transform:translate(-12%) scale(.96)}45%{opacity:.72}to{opacity:.26;transform:translate(14%) scale(1.02)}}@keyframes familiarIconRise{0%{opacity:0;transform:translate(-50%,-50%) translateY(22px) scale(.5) rotate(-4deg)}18%{opacity:0}34%{opacity:1;transform:translate(-50%,-50%) translateY(2px) scale(1.05) rotate(2deg)}70%{opacity:.92;transform:translate(-50%,-50%) translateY(-34px) scale(1) rotate(-1deg)}to{opacity:0;transform:translate(-50%,-50%) translateY(-58px) scale(.76) rotate(4deg)}}@keyframes familiarIconMoreRise{0%{opacity:0;transform:translate(-50%,12px) scale(.7)}24%{opacity:1;transform:translate(-50%) scale(1)}78%{opacity:.9;transform:translate(-50%,-28px) scale(.96)}to{opacity:0;transform:translate(-50%,-44px) scale(.76)}}@keyframes elementalStarlightFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.58) rotate(-8deg)}18%{opacity:1}66%{opacity:.78;transform:translate(-50%,-50%) scale(1.04) rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.22) rotate(34deg)}}@keyframes elementalStarlightMeteorFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-10deg)}14%{opacity:.95}70%{opacity:.72;transform:translate(-50%,-50%) scale(1.02) rotate(4deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.16) rotate(12deg)}}@keyframes elementalStarlightSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) scale(.28)}16%{opacity:1}72%{opacity:.84;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 28deg)) translate(calc(var(--particle-distance) * .9)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--particle-angle) + 42deg)) translate(calc(var(--particle-distance) * 1.28)) scale(.22)}}@keyframes elementalStarlightMeteorSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(116deg) translate(calc(var(--particle-distance) * -.52)) translateY(-5px) scale(.22,.12)}14%{opacity:.82}74%{opacity:.62;transform:translate(-50%,-50%) rotate(116deg) translate(calc(var(--particle-distance) * .42)) translateY(3px) scale(.82,.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(116deg) translate(calc(var(--particle-distance) * .72)) translateY(7px) scale(.2,.08)}}@keyframes starlightTinyMeteor{0%{opacity:0;transform:translate(-10px,-7px) rotate(118deg) scale(var(--star-scale, 1))}12%{opacity:.88}34%{opacity:.72;transform:translate(0) rotate(118deg) scale(var(--star-scale, 1))}to{opacity:0;transform:translate(18px,12px) rotate(118deg) scale(calc(var(--star-scale, 1) * .34))}}@keyframes elementalStarlightTinyMeteor{0%{opacity:0;transform:translate(-12px,-8px) rotate(118deg) scale(var(--star-scale, 1))}10%{opacity:.9}30%{opacity:.76;transform:translate(0) rotate(118deg) scale(var(--star-scale, 1))}to{opacity:0;transform:translate(20px,14px) rotate(118deg) scale(calc(var(--star-scale, 1) * .3))}}@keyframes starlightHandShowerPulse{0%{filter:brightness(1) saturate(1);transform:translateY(0)}20%{filter:brightness(1.14) saturate(1.08);transform:translateY(-1px)}72%{filter:brightness(1.06) saturate(1.04)}to{filter:brightness(1) saturate(1);transform:translateY(0)}}@keyframes starlightHandTwinkles{0%{opacity:0;transform:translate(-8px,-5px) scale(.78)}18%{opacity:.86}54%{opacity:.58;transform:translate(2px,2px) scale(1)}to{opacity:0;transform:translate(12px,8px) scale(.7)}}@keyframes elementalStarlightGlimmer{0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(-8deg)}18%{opacity:.74}58%{opacity:.48;transform:translate(-50%,-50%) scale(.72) rotate(12deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.86) rotate(20deg)}}@keyframes elementalStarlightStarfall{0%{opacity:0;transform:translate(-12%,-10%) scale(.7) rotate(-4deg)}16%{opacity:.74}76%{opacity:.5;transform:translate(8%,8%) scale(.86) rotate(2deg)}to{opacity:0;transform:translate(14%,12%) scale(.76) rotate(5deg)}}@keyframes starlightMotionTail{0%{opacity:0;transform:translate(12%) translateY(-1%) rotate(-6deg) scale(.42,.5)}18%{opacity:.72}64%{opacity:.5;transform:translate(-5%) translateY(3%) rotate(-4deg) scale(.76,.72)}to{opacity:0;transform:translate(-12%) translateY(6%) rotate(-2deg) scale(.5,.56)}}@keyframes starlightMotionSparks{0%{opacity:0;transform:translate(10%) translateY(-3%) scale(.62)}18%{opacity:.7}78%{opacity:.46;transform:translate(-8%) translateY(5%) scale(.8)}to{opacity:0;transform:translate(-14%) translateY(8%) scale(.58)}}@keyframes starlightMotionCard{0%{filter:brightness(1) saturate(1)}24%{filter:brightness(1.22) saturate(1.18)}76%{filter:brightness(1.16) saturate(1.12)}to{filter:brightness(1) saturate(1)}}@keyframes starlightCardPulse{0%{filter:brightness(1) saturate(1);transform:scale(1)}24%{filter:brightness(1.22) saturate(1.15);transform:scale(1.012)}72%{filter:brightness(1.12) saturate(1.08)}to{filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes cardStarlightHalo{0%{opacity:0;transform:scale(.78) rotate(-4deg)}18%{opacity:.64}68%{opacity:.42;transform:scale(.92) rotate(3deg)}to{opacity:0;transform:scale(1) rotate(5deg)}}@keyframes cardStarlightMeteorHalo{0%{opacity:0;transform:translate(-6%,-5%) scale(.76)}18%{opacity:.62}72%{opacity:.38;transform:translate(5%,5%) scale(.9)}to{opacity:0;transform:translate(9%,8%) scale(.82)}}@keyframes cardStarlightSparkles{0%{opacity:0;transform:translate(-8%,-6%) scale(.76)}16%{opacity:.68}76%{opacity:.44;transform:translate(6%,6%) scale(.88)}to{opacity:0;transform:translate(10%,9%) scale(.68)}}@keyframes spaceClashRiftOpen{0%{opacity:0;transform:translate(-50%,-50%) scale(.34) rotate(-18deg)}18%{opacity:.82}66%{opacity:.56;transform:translate(-50%,-50%) scale(1.02) rotate(120deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18) rotate(220deg)}}@keyframes spaceClashStars{0%{opacity:0;transform:translate(-50%,-50%) scale(.62) rotate(0)}20%{opacity:.78}to{opacity:0;transform:translate(-50%,-50%) scale(1.1) rotate(-42deg)}}@keyframes elementalEmberFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(0) translateY(8px) scale(.5)}14%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translate(var(--particle-distance)) translateY(-64px) scale(.1)}}@keyframes elementalFlameLick{0%{opacity:0;transform:translate(-50%) scale(.45,.12) skew(-6deg)}20%{opacity:.92;transform:translate(-50%) scale(.9,1.05) skew(5deg)}60%{opacity:.72;transform:translate(-50%) scale(.75,1.2) skew(-4deg) translateY(-8px)}to{opacity:0;transform:translate(-50%) scale(.35,.7) skew(8deg) translateY(-26px)}}@keyframes elementalFireTongue{0%{opacity:0;transform:translate(-50%) scale(.25,.08) skew(-10deg)}18%{opacity:.95;transform:translate(-50%) scale(.95,1.08) skew(7deg)}52%{opacity:.72;transform:translate(-50%) scale(.78,1.26) skew(-8deg) translateY(-14px)}to{opacity:0;transform:translate(-50%) scale(.38,.74) skew(10deg) translateY(-44px)}}@keyframes cardFireCrawl{0%{opacity:0;transform:scale(.94) rotate(-3deg)}18%{opacity:1;transform:scale(1.03) rotate(2deg)}46%{opacity:.84;transform:scale(1.06) rotate(-1deg)}to{opacity:0;transform:scale(1.12) rotate(4deg)}}@keyframes woodSourceGrow{0%{filter:brightness(1);transform:translateY(0) scale(1)}18%{filter:brightness(1.22) saturate(1.2);transform:translateY(-2px) scale(1.035)}46%{filter:brightness(1.14) saturate(1.18);transform:translateY(0) scale(1.02)}to{filter:brightness(1);transform:translateY(0) scale(1)}}@keyframes woodCardBloom{0%{filter:brightness(1);transform:scale(1)}22%{filter:brightness(1.16) saturate(1.18);transform:scale(1.025)}62%{filter:brightness(1.08) saturate(1.12);transform:scale(1.012)}to{filter:brightness(1);transform:scale(1)}}@keyframes woodHealPulse{0%{box-shadow:inherit;filter:brightness(1);transform:translateY(0) scale(1)}22%{box-shadow:0 0 0 2px #baf66275,0 0 26px #54d34c7a;filter:brightness(1.18) saturate(1.15);transform:translateY(-1px) scale(1.015)}to{box-shadow:inherit;filter:brightness(1);transform:translateY(0) scale(1)}}@keyframes woodImpactPulse{0%{filter:brightness(1);transform:translate(0) scale(1)}18%{filter:brightness(1.18) saturate(1.2);transform:translate(-2px) scale(1.018)}34%{transform:translate(2px) scale(1.01)}to{filter:brightness(1);transform:translate(0) scale(1)}}@keyframes cardWoodGlow{0%{opacity:0;transform:scale(.92)}22%{opacity:.95}to{opacity:0;transform:scale(1.14)}}@keyframes cardWoodLeaves{0%{opacity:0;transform:translateY(12px) scale(.86)}24%{opacity:.94}to{opacity:0;transform:translateY(-24px) scale(1.08)}}@keyframes cardEmberLift{0%{opacity:0;transform:translateY(12px) scale(.75)}18%{opacity:1}to{opacity:0;transform:translateY(-42px) scale(1.1)}}@keyframes waterSourceShimmer{0%{filter:brightness(1);box-shadow:inherit}28%{filter:brightness(1.35) saturate(1.2);box-shadow:0 0 0 3px #b0f1ff94,0 0 24px #4fc3f79e}to{filter:brightness(1);box-shadow:inherit}}@keyframes waterHealPulse{0%{box-shadow:0 0 #4fc3f700;transform:scale(1);filter:brightness(1)}30%{box-shadow:0 0 0 3px #c7faffa8,0 0 34px 13px #41c2ff7a;border-color:#8defff;transform:scale(1.045);filter:brightness(1.28) saturate(1.2)}62%{box-shadow:0 0 22px 8px #70dfff57;transform:scale(1.015)}to{box-shadow:0 0 #4fc3f700;transform:scale(1);filter:brightness(1)}}@keyframes cardWaterGlow{0%{opacity:0;transform:scale(.96)}24%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.08)}}@keyframes cardWaterSheen{0%{opacity:0;transform:translate(-18%)}24%{opacity:.95}to{opacity:0;transform:translate(32%) translateY(-10px)}}@keyframes windSourceGust{0%{filter:brightness(1);box-shadow:inherit}28%{filter:brightness(1.28) saturate(1.14);box-shadow:0 0 0 3px #c5ffe180,0 0 24px #77dcb394}to{filter:brightness(1);box-shadow:inherit}}@keyframes windMoveExit{0%{transform:translate(0) translateY(0) rotate(0);opacity:1;filter:blur(0) brightness(1)}24%{transform:translate(32px) translateY(-9px) rotate(4deg);opacity:.92;filter:blur(.5px) brightness(1.16)}to{transform:translate(320px) translateY(-78px) rotate(18deg);opacity:0;filter:blur(9px) brightness(1.35)}}@keyframes windMoveIn{0%{transform:translate(-240px) translateY(58px) rotate(-14deg);opacity:0;filter:blur(8px) brightness(1.36)}58%{transform:translate(20px) translateY(-7px) rotate(3deg);opacity:1;filter:blur(.5px) brightness(1.14)}to{transform:translate(0) translateY(0) rotate(0);opacity:1;filter:blur(0) brightness(1)}}@keyframes cardWindBreathe{0%{opacity:0;transform:scale(.98)}24%{opacity:.92;transform:scale(1.025)}to{opacity:0;transform:scale(1.08)}}@keyframes cardWindSweep{0%{opacity:0;transform:translate(-28%) skew(-16deg)}20%{opacity:.82}to{opacity:0;transform:translate(62%) skew(-16deg) translateY(-12px)}}@keyframes earthSourceRumble{0%{transform:translate(0);filter:brightness(1);box-shadow:inherit}12%{transform:translate(-3px,2px);filter:brightness(1.18) saturate(1.08);box-shadow:0 0 0 2px #be935880,0 0 18px #87603a7a}24%{transform:translate(3px,-2px)}36%{transform:translate(-2px,-1px)}52%{transform:translate(2px,1px)}to{transform:translate(0);filter:brightness(1);box-shadow:inherit}}@keyframes earthCrackSink{0%{transform:translateY(0) scale(1);opacity:1;filter:brightness(1)}22%{transform:translateY(2px) scale(.99);opacity:1;filter:brightness(1.18) sepia(.2)}58%{transform:translateY(12px) scale(.96);opacity:.68;filter:brightness(.92) sepia(.35)}to{transform:translateY(28px) scale(.88);opacity:0;filter:brightness(.7) sepia(.45) blur(1px)}}@keyframes earthHandCollapse{0%{transform:translateY(0) scale(1);opacity:1;filter:brightness(1)}18%{transform:translateY(1px) scale(1.02);opacity:1;filter:brightness(1.12) sepia(.18)}62%{transform:translateY(8px) scale(.94);opacity:.62;filter:brightness(.9) sepia(.34)}to{transform:translateY(18px) scale(.82);opacity:0;filter:brightness(.7) sepia(.45) blur(.6px)}}@keyframes earthHandImpact{0%{transform:translate(0);filter:brightness(1)}10%{transform:translate(-5px,3px);filter:brightness(1.18) sepia(.18)}20%{transform:translate(5px,-2px)}32%{transform:translate(-3px,-2px)}46%{transform:translate(3px,1px)}64%{transform:translate(-1px,1px);filter:brightness(1.04) sepia(.08)}to{transform:translate(0);filter:brightness(1)}}@keyframes earthHandDustBurst{0%{opacity:0;transform:scale(.62)}18%{opacity:1}to{opacity:0;transform:scale(1.22) translateY(-8px)}}@keyframes earthHandCrackFlash{0%{opacity:0;transform:scale(.92)}18%{opacity:.9}to{opacity:0;transform:scale(1.08)}}@keyframes earthGraveyardPuff{0%{transform:scale(1);box-shadow:inherit;filter:brightness(1)}28%{transform:scale(1.06);box-shadow:0 0 0 3px #9c74486b,0 0 20px #7555376b;filter:brightness(1.18) sepia(.2)}to{transform:scale(1);box-shadow:inherit;filter:brightness(1)}}@keyframes cardEarthCracks{0%{opacity:0;transform:scale(.94)}20%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.08) translateY(8px)}}@keyframes fireSourceFlare{0%{filter:brightness(1);box-shadow:inherit}28%{filter:brightness(1.55) saturate(1.4);box-shadow:0 0 0 3px #ffc44ab3,0 0 24px #ff5722bf}to{filter:brightness(1);box-shadow:inherit}}@keyframes fireImpact{0%{transform:translate(0) rotate(0);filter:brightness(1);box-shadow:inherit}10%{transform:translate(-7px,-5px) rotate(-5deg);filter:brightness(1.8) saturate(1.8);box-shadow:0 0 0 2px #ffaa28bf,0 0 28px #ff5000f2}20%{transform:translate(8px,6px) rotate(5deg)}32%{transform:translate(-6px,5px) rotate(-4deg)}48%{transform:translate(5px,-4px) rotate(3deg);filter:brightness(1.38) saturate(1.45)}72%{transform:translate(-2px,1px) rotate(-1deg)}to{transform:translate(0) rotate(0);filter:brightness(1);box-shadow:inherit}}@media(max-width:767px){.elemental-effect{max-width:160px;max-height:150px}}@media(prefers-reduced-motion:reduce){.elemental-effect--fire-burst{animation-duration:.45s;background:transparent}.elemental-particle,.elemental-flame-lick,.elemental-fire-tongue,.elemental-water-ripple,.elemental-water-sheen,.elemental-wind-stream,.elemental-wind-swirl,.elemental-earth-dust,.elemental-earth-crack,.elemental-wood-vine,.elemental-wood-sprout,.elemental-moonshine-beam,.elemental-moonshine-pool,.elemental-moonshine-mist,.elemental-sunbeam-ray,.elemental-sunbeam-core,.elemental-sunbeam-flare,.elemental-time-clock,.elemental-time-hand,.elemental-time-ring,.elemental-space-vortex,.elemental-space-ring,.elemental-space-starfield,.elemental-shadow-puff,.elemental-shadow-veil,.elemental-starlight-glimmer,.elemental-starlight-starfall,.elemental-starlight-shooting-star,.elemental-blood-slash,.elemental-blood-drop,.elemental-blood-sigil,.elemental-ichor-column,.elemental-ichor-wing,.elemental-ichor-orb,.elemental-ichor-manna,.elemental-venom-fang,.elemental-venom-splash,.elemental-venom-drop,.elemental-lightning-bolt,.elemental-lightning-core,.elemental-thunder-wave,.elemental-thunder-gong,.elemental-twilight-horizon,.elemental-twilight-sun,.elemental-twilight-moon,.elemental-twilight-veil,.elemental-twilight-star,.spell-motion--starlight:before,.spell-motion--starlight:after,.spell-motion--thunder-self-destruct:before,.spell-motion--thunder-self-destruct:after,.spell-motion__shooting-star,.spell-motion__thunder-wave,.elemental-effect--fire-burst:before,.elemental-effect--fire-burst:after,.elemental-effect--fire-console-burst:before,.elemental-effect--fire-console-burst:after,.elemental-effect--water-shimmer:before,.elemental-effect--water-shimmer:after,.elemental-effect--earth-rockburst:before,.elemental-effect--earth-rockburst:after,.spell-in-clash.anim-fire-source-flare .spell-card:before,.spell-in-clash.anim-fire-source-flare .spell-card:after,.spell-in-clash.anim-fire-impact .spell-card:before,.spell-in-clash.anim-fire-impact .spell-card:after,.spell-in-clash.anim-water-source-shimmer .spell-card:before,.spell-in-clash.anim-water-source-shimmer .spell-card:after,.spell-in-clash.anim-wind-source-gust .spell-card:before,.spell-in-clash.anim-wind-source-gust .spell-card:after,.spell-in-clash.anim-earth-source-rumble .spell-card:before,.spell-in-clash.anim-earth-crack .spell-card:before,.spell-in-clash.anim-wood-source-grow .spell-card:before,.spell-in-clash.anim-wood-source-grow .spell-card:after,.spell-in-clash.anim-wood-card-bloom .spell-card:before,.spell-in-clash.anim-wood-card-bloom .spell-card:after,.spell-in-clash.anim-moonshine-source-spotlight .element-effect-layer--moonshine:before,.spell-in-clash.anim-moonshine-source-spotlight .element-effect-layer--moonshine:after,.spell-in-clash.anim-moonshine-cancel .element-effect-layer--moonshine:before,.spell-in-clash.anim-moonshine-cancel .element-effect-layer--moonshine:after,.spell-in-clash.anim-sunbeam-source-radiance .element-effect-layer--sunbeam:before,.spell-in-clash.anim-sunbeam-source-radiance .element-effect-layer--sunbeam:after,.spell-in-clash.anim-time-clock-resolve .element-effect-layer--time:before,.spell-in-clash.anim-time-clock-resolve .element-effect-layer--time:after,.spell-in-clash.anim-time-accelerated-resolve .element-effect-layer--time:before,.spell-in-clash.anim-time-accelerated-resolve .element-effect-layer--time:after,.spell-in-clash.anim-shadow-source-mist .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-source-mist .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-copy-source .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-copy-source .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-copy-target .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-copy-target .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-enshroud-target .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-enshroud-target .element-effect-layer--shadow:after,.spell-in-clash.anim-shadow-familiar-read .element-effect-layer--shadow:before,.spell-in-clash.anim-shadow-familiar-read .element-effect-layer--shadow:after,.spell-in-clash.anim-starlight-source-glimmer .element-effect-layer--starlight:before,.spell-in-clash.anim-starlight-source-glimmer .element-effect-layer--starlight:after,.spell-in-clash.anim-starlight-meteor-target .element-effect-layer--starlight:before,.spell-in-clash.anim-starlight-meteor-target .element-effect-layer--starlight:after,.spell-in-clash.anim-blood-source-slash .element-effect-layer--blood:before,.spell-in-clash.anim-blood-source-slash .element-effect-layer--blood:after,.anim-blood-console-slash:before,.anim-blood-console-slash:after,.spell-in-clash.anim-ichor-source-manna .element-effect-layer--ichor:before,.spell-in-clash.anim-ichor-source-manna .element-effect-layer--ichor:after,.spell-in-clash.anim-ichor-recall-target .element-effect-layer--ichor:before,.spell-in-clash.anim-ichor-recall-target .element-effect-layer--ichor:after,.anim-ichor-hand-receive:before,.anim-ichor-hand-receive:after,.spell-in-clash.anim-venom-source-hiss .element-effect-layer--venom:before,.spell-in-clash.anim-venom-source-hiss .element-effect-layer--venom:after,.spell-in-clash.anim-venom-fang-impact .element-effect-layer--venom:before,.spell-in-clash.anim-venom-fang-impact .element-effect-layer--venom:after,.spell-in-clash.anim-venom-source-hiss .clash-card-effects-shell:before,.spell-in-clash.anim-venom-source-hiss .clash-card-effects-shell:after,.spell-in-clash.anim-venom-fang-impact .clash-card-effects-shell:before,.spell-in-clash.anim-venom-fang-impact .clash-card-effects-shell:after,.spell-in-clash.anim-lightning-source-charge .element-effect-layer--lightning:before,.spell-in-clash.anim-lightning-source-charge .element-effect-layer--lightning:after,.spell-in-clash.anim-lightning-electrocuted .element-effect-layer--lightning:before,.spell-in-clash.anim-lightning-electrocuted .element-effect-layer--lightning:after,.anim-lightning-electrocuted:not(.spell-in-clash):before,.anim-lightning-electrocuted:not(.spell-in-clash):after,.spell-in-clash.anim-thunder-source-gong .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-source-gong .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-shockwave-target .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-shockwave-target .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-break-strike .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-break-strike .element-effect-layer--thunder:after,.spell-in-clash.anim-thunder-self-destruct .element-effect-layer--thunder:before,.spell-in-clash.anim-thunder-self-destruct .element-effect-layer--thunder:after,.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:before,.spell-in-clash.thunder-break-locked .element-effect-layer--thunder:after,.spell-in-clash.anim-twilight-sunrise .element-effect-layer--twilight:before,.spell-in-clash.anim-twilight-sunrise .element-effect-layer--twilight:after,.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:before,.spell-in-clash.anim-twilight-sunset .element-effect-layer--twilight:after,.anim-thunder-cancel .cancelled-overlay:before,.anim-thunder-cancel .cancelled-overlay:after,.spell-in-clash.nectar-root-protected .element-effect-layer--nectar:before,.spell-in-clash.nectar-root-protected .element-effect-layer--nectar:after,.anim-starlight-hand-shower:before,.anim-starlight-hand-shower:after,.clash-area.anim-space-clash-rift:before,.clash-area.anim-space-clash-rift:after,.spell-in-clash.wood-synergy-active .element-effect-layer--wood:after,.spell-in-clash.metal-modifier-active .element-effect-layer--metal:after,.spell-in-clash.metal-armored .element-effect-layer--metal:after,.anim-wood-heal:before,.anim-wood-impact:before,.anim-earth-hand-impact:before,.anim-earth-hand-impact:after,.anim-earth-hand-collapse:before{display:none}.anim-fire-impact,.anim-fire-source-flare,.anim-water-source-shimmer,.anim-water-heal,.anim-earth-source-rumble,.anim-earth-crack,.anim-earth-hand-impact,.anim-earth-hand-collapse,.anim-earth-graveyard-puff,.anim-wood-source-grow,.anim-wood-card-bloom,.anim-wood-heal,.anim-wood-impact,.anim-moonshine-source-spotlight,.anim-moonshine-spotlight,.anim-moonshine-cancel,.anim-sunbeam-source-radiance,.anim-sunbeam-blast,.anim-time-clock-resolve,.anim-time-accelerated-resolve,.anim-space-clash-rift,.anim-shadow-source-mist,.anim-shadow-copy-source,.anim-shadow-copy-target,.anim-shadow-enshroud-target,.anim-shadow-hand-receive,.anim-shadow-familiar-read,.familiar-icon-read__icon,.familiar-icon-read__more,.anim-blood-source-slash,.anim-blood-console-slash,.anim-ichor-source-manna,.anim-ichor-recall-target,.anim-ichor-hand-receive,.ichor-reveal-card,.anim-venom-source-hiss,.anim-venom-fang-impact,.anim-lightning-source-charge,.anim-lightning-electrocuted,.anim-thunder-source-gong,.anim-thunder-shockwave-target,.anim-thunder-break-strike,.anim-thunder-cancel,.anim-twilight-sunrise,.anim-twilight-sunset,.spell-in-clash.thunder-break-locked .spell-card,.spell-in-clash.nectar-root-protected .spell-card,.anim-starlight-source-glimmer,.anim-starlight-meteor-target,.anim-starlight-hand-shower,.spell-motion--starlight .spell-motion__card,.spell-motion--thunder .spell-motion__card,.spell-in-clash.wood-synergy-active .spell-card,.spell-in-clash.wood-synergy-active .element-effect-layer--wood:before,.spell-in-clash.metal-modifier-active .spell-card,.spell-in-clash.metal-modifier-active .element-effect-layer--metal:before,.spell-in-clash.metal-armored .element-effect-layer--metal:before,.metal-bestowed-type,.injected-action-tag,.anim-wind-source-gust,.anim-wind-move-exit,.anim-wind-move-in,.anim-migrate-destination,.anim-move-destination{animation-duration:.42s}.spell-motion{animation-duration:.42s}}.floating-text-container{position:fixed;pointer-events:none;z-index:2000;top:0;left:0;width:100%;height:100%;overflow:hidden}.floating-text{position:absolute;display:inline-flex;align-items:center;gap:.3rem;font-weight:800;font-size:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:floatUp 1.5s ease-out forwards;white-space:nowrap}.floating-text.damage{color:#f44;font-size:3.2rem}.floating-text.heal{color:#4caf50}.floating-text.bolster{color:gold}.floating-text.weaken{color:#9c27b0}.floating-text.graveyard{color:#e0e0e0;background:#141418d1;border:1px solid rgba(224,224,224,.32);border-radius:999px;padding:.25rem .7rem;font-size:1.6rem}.floating-text.recall{color:#26c6da;font-size:1.85rem}.floating-text.move{color:#64b5f6;font-size:1.75rem}.floating-text.migrate{color:#b39ddb;font-size:1.75rem}.floating-text.cast{color:#ffb74d;font-size:1.75rem}.floating-text.fizzle{color:#b0bec5;font-size:1.55rem}@keyframes floatUp{0%{transform:translate(-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-24px) scale(1.2);opacity:1}to{transform:translate(-50%,-130px) scale(1);opacity:0}}@keyframes heartPopIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.heart-icon--reveal,.heart-mini--reveal{animation:heartPopIn .32s ease-out both;animation-delay:calc(var(--heart-index, 0) * .14s)}.action-icon-flight-overlay{position:fixed;inset:0;z-index:2100;overflow:hidden;pointer-events:none}.action-icon-flight{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);animation:actionIconPop 1.05s cubic-bezier(.2,.72,.24,1) var(--action-flight-delay, 0ms) both}.action-icon-flight--advance{animation-name:actionIconMigrate;animation-duration:.55s}.action-icon-flight .action-type-icon__image{transform:translateZ(0)}.action-icon-flight__amount{position:absolute;left:72%;top:62%;min-width:1.35rem;padding:.12rem .3rem;border-radius:999px;background:#12181de6;color:#fff;font-size:.78rem;font-weight:900;text-align:center;box-shadow:0 2px 6px #0000006b}@keyframes actionIconPop{0%{opacity:0;transform:translate(-50%,-35%) scale(.45)}18%{opacity:1;transform:translate(-50%,-70%) scale(1.15)}72%{opacity:1;transform:translate(calc(-50% + var(--action-flight-x)),calc(-50% + var(--action-flight-y))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--action-flight-x)),calc(-50% + var(--action-flight-y))) scale(1.35)}}@keyframes actionIconMigrate{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--action-flight-x)),calc(-50% + var(--action-flight-y))) scale(.75)}}.vital-break-overlay{position:fixed;inset:0;z-index:2150;overflow:hidden;pointer-events:none}.vital-break{position:absolute;transform:translate(-50%,-50%)}.vital-break__heart{position:relative;display:block;color:#f4434d;font-family:Georgia,serif;font-size:3.2rem;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.5),0 0 14px rgba(244,67,77,.62);animation:vitalHeartBreak 1.05s ease-out both}.vital-break__heart:after{position:absolute;left:48%;top:15%;width:5px;height:72%;content:"";background:#202a31;clip-path:polygon(35% 0,100% 0,55% 27%,100% 43%,38% 64%,72% 100%,0 100%,30% 69%,0 48%,44% 27%);transform:rotate(7deg) scaleY(0);transform-origin:top;animation:vitalHeartCrack 1.05s ease-out both}.vital-break__trunk{position:relative;display:block;width:58px;height:42px;border:4px solid #f4d280;border-radius:5px 5px 9px 9px;background:linear-gradient(#cc4a43 0 48%,#b82f35 48%);box-shadow:0 6px 12px #0000006b,0 0 16px #f4d28080;animation:vitalTrunkBreak 1.15s ease-out both}.vital-break__trunk:after{position:absolute;left:45%;top:-3px;width:7px;height:48px;content:"";background:#202a31;clip-path:polygon(35% 0,100% 0,55% 29%,100% 43%,35% 64%,75% 100%,0 100%,32% 68%,0 48%,48% 27%);transform:rotate(6deg) scaleY(0);transform-origin:top;animation:vitalTrunkCrack 1.15s ease-out both}.vital-break__trunk-lid{position:absolute;left:-6px;top:-13px;width:62px;height:16px;border:4px solid #f4d280;border-radius:7px 7px 3px 3px;background:#d85a4c}.vital-break__trunk-strap{position:absolute;top:-12px;width:5px;height:52px;background:#f4d280}.vital-break__trunk-strap--left{left:11px}.vital-break__trunk-strap--right{right:11px}@keyframes vitalHeartBreak{0%{opacity:0;transform:scale(.4)}28%{opacity:1;transform:scale(1.22)}52%{transform:translate(-2px) rotate(-3deg) scale(1)}64%{transform:translate(3px) rotate(3deg) scale(1)}to{opacity:0;transform:translateY(28px) scale(.82)}}@keyframes vitalHeartCrack{0%,30%{transform:rotate(7deg) scaleY(0)}52%,to{transform:rotate(7deg) scaleY(1)}}@keyframes vitalTrunkBreak{0%{opacity:0;transform:scale(.45)}24%{opacity:1;transform:scale(1.16)}48%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}to{opacity:0;transform:translateY(30px) rotate(3deg) scale(.88)}}@keyframes vitalTrunkCrack{0%,32%{transform:rotate(6deg) scaleY(0)}54%,to{transform:rotate(6deg) scaleY(1)}}@media(prefers-reduced-motion:reduce){.action-icon-flight{animation-duration:.32s}}@keyframes shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-8px,-8px) rotate(-8deg)}20%{transform:translate(8px,8px) rotate(8deg)}30%{transform:translate(-8px,8px) rotate(-8deg)}40%{transform:translate(8px,-8px) rotate(8deg)}50%{transform:translate(0) rotate(0)}}.anim-shake{animation:shake .62s ease-in-out;box-shadow:0 0 25px #f44!important;border-color:#f44!important;filter:brightness(1.5) saturate(1.5);background-color:#4a0101}@keyframes shakeStrong{0%{transform:scale(1) rotate(0);filter:grayscale(0)}25%{transform:scale(.9) rotate(-5deg);filter:grayscale(.5)}50%{transform:scale(.95) rotate(5deg);filter:grayscale(.8)}75%{transform:scale(.9) rotate(-5deg);filter:grayscale(1)}to{transform:scale(1) rotate(0);filter:grayscale(0)}}.anim-weaken{animation:shakeStrong .95s ease-in-out;box-shadow:0 0 20px #9c27b0!important;border-color:#9c27b0!important;background-color:#8b0000}@keyframes shakeWeak{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.anim-shake-weak{animation:shakeWeak .4s ease-in-out;opacity:.7}@keyframes healPulse{0%{box-shadow:0 0 #4caf5000;transform:scale(1);filter:brightness(1)}50%{box-shadow:0 0 30px 15px #4caf5099;border-color:#4caf50;transform:scale(1.05);filter:brightness(1.3)}to{box-shadow:0 0 #4caf5000;transform:scale(1);filter:brightness(1)}}.anim-heal{animation:healPulse 1s ease-out;z-index:10}@keyframes bolsterPulse{0%{box-shadow:0 0 #ffd70000;transform:scale(1);filter:brightness(1)}50%{box-shadow:0 0 40px 20px #ffd700b3;border-color:gold;transform:scale(1.1);filter:brightness(1.5)}to{box-shadow:0 0 #ffd70000;transform:scale(1);filter:brightness(1)}}.anim-bolster{animation:bolsterPulse 1s ease-out;z-index:10}@keyframes trunkGainGlow{0%{box-shadow:0 0 #ff8c3200;border-color:inherit;filter:brightness(1) saturate(1)}18%{box-shadow:0 0 18px 6px #ff8c328c,0 0 48px 16px #ffc85038;border-color:#ffbe4ab3;filter:brightness(1.15) saturate(1.2)}50%{box-shadow:0 0 32px 12px #ff963799,0 0 80px 32px #ffd25a3d;border-color:#ffb842;filter:brightness(1.3) saturate(1.35)}72%{box-shadow:0 0 20px 8px #ffb14261,0 0 52px 18px #ffc85024;border-color:#ffbe4a80;filter:brightness(1.1) saturate(1.1)}to{box-shadow:0 0 #ff8c3200;border-color:inherit;filter:brightness(1) saturate(1)}}@keyframes trunkGainShimmer{0%{transform:translate(-100%) skew(-12deg);opacity:0}15%{opacity:1}85%{opacity:.7}to{transform:translate(120%) skew(-12deg);opacity:0}}@keyframes trunkIconAppear{0%{transform:scale(.3);filter:drop-shadow(0 0 0px rgba(255,190,74,0));opacity:.4}60%{transform:scale(1.35);filter:drop-shadow(0 0 8px rgba(255,190,74,.9));opacity:1}to{transform:scale(1);filter:drop-shadow(0 0 3px rgba(255,190,74,.4));opacity:1}}.anim-gain-trunk{animation:trunkGainGlow 1.8s ease-out;position:relative;overflow:hidden;z-index:10}.anim-gain-trunk:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,230,140,.32) 48%,rgba(255,210,100,.18) 54%,transparent 100%);animation:trunkGainShimmer 1.4s ease-out .25s forwards;z-index:11}.anim-gain-trunk .trunk-icon:last-child,.anim-gain-trunk .trunk-mini:last-child{animation:trunkIconAppear .45s cubic-bezier(.17,.89,.32,1.28) .15s both}@keyframes fadeOutSpin{0%{opacity:1;transform:translateY(0) rotate(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(100px) rotate(15deg) scale(.5);filter:blur(5px)}}.anim-discard{animation:fadeOutSpin .7s ease-in forwards}@keyframes revealFlip{0%{transform:rotateY(82deg) scale(.96);filter:brightness(1.8)}45%{transform:rotateY(0) scale(1.05);filter:brightness(1.45)}to{transform:rotateY(0) scale(1);filter:brightness(1)}}.anim-reveal{overflow:visible}.anim-reveal:not(.spell-in-clash),.spell-in-clash.anim-reveal .spell-card{animation:revealFlip .85s ease-out;transform-style:preserve-3d;border-color:#42a5f5!important;box-shadow:0 0 24px #42a5f58c!important}@keyframes castPulse{0%{transform:scale(.92);opacity:.72;filter:brightness(1.8)}55%{transform:scale(1.08);opacity:1;filter:brightness(1.35)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.anim-cast{animation:castPulse .8s ease-out;border-color:#ffb74d!important;box-shadow:0 0 24px #ffb74d80!important}@keyframes flyIn{0%{opacity:0;transform:translateY(100px) scale(.5)}60%{opacity:1;transform:translateY(-10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.anim-fly-in{animation:flyIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes swoop{0%{transform:translate(-300px) translateY(-50px) rotate(-15deg);opacity:0;filter:blur(10px)}60%{transform:translate(20px) translateY(10px) rotate(5deg);opacity:1;filter:blur(0)}to{transform:translate(0) translateY(0) rotate(0);opacity:1}}.anim-swoop{animation:swoop 1s cubic-bezier(.34,1.56,.64,1)}@keyframes swoopExit{0%{transform:translate(0) translateY(0) rotate(0);opacity:1;filter:blur(0)}to{transform:translate(300px) translateY(-50px) rotate(15deg);opacity:0;filter:blur(10px)}}.anim-move-exit{animation:swoopExit .8s ease-in forwards}@keyframes stamp{0%{opacity:0;transform:scale(3) rotate(-15deg)}20%{opacity:1;transform:scale(1) rotate(-15deg)}30%{opacity:.5}40%{opacity:1}50%{opacity:.5}60%{opacity:1}to{opacity:1;transform:scale(1) rotate(-15deg)}}.cancelled-overlay.animate{animation:stamp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.anim-blink-overlay{animation:blinkRed .5s infinite}@keyframes blinkRed{0%,to{border-color:#f4433680;box-shadow:0 0 10px #f4433680}50%{border-color:#f44336;box-shadow:0 0 20px #f44336}}@keyframes summon{0%{opacity:0;transform:scale(.8);filter:brightness(2)}50%{opacity:1;transform:scale(1.1);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.anim-summon{animation:summon .5s ease-out}@keyframes slideRight{0%{transform:translate(-200px);opacity:0;filter:blur(5px)}to{transform:translate(0);opacity:1;filter:blur(0)}}.anim-advance{animation:slideRight .8s cubic-bezier(.22,.61,.36,1)}@keyframes slideRightExit{0%{transform:translate(0);opacity:1;filter:blur(0)}to{transform:translate(200px);opacity:0;filter:blur(5px)}}.anim-advance-exit{animation:slideRightExit .7s ease-in forwards}@keyframes shatterExplode{0%{transform:scale(1);opacity:1;filter:brightness(1)}20%{transform:scale(1.2) rotate(5deg);filter:brightness(2)}to{transform:scale(1.5) rotate(15deg);opacity:0;filter:blur(10px)}}.anim-shatter{animation:shatterExplode .7s ease-out forwards;background-color:#333!important;border-color:#f44!important}@keyframes passivePulse{0%{box-shadow:0 0 5px var(--accent)}50%{box-shadow:0 0 15px var(--accent),0 0 30px #fff3}to{box-shadow:0 0 5px var(--accent)}}.passive-glow{animation:passivePulse 2s infinite ease-in-out;border-color:var(--accent)!important}.trunk-loss-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.2rem;font-weight:900;letter-spacing:.18em;color:#ff5252;text-shadow:0 0 35px rgba(255,82,82,.75),0 6px 20px rgba(0,0,0,.75);z-index:3000;padding:1rem 1.5rem;background:#ff52521f;border:2px solid rgba(255,255,255,.16);border-radius:1.5rem;box-shadow:0 0 70px #ff525259;animation:zoomCrash 1.6s ease-out forwards,pulseGlow 2s ease-in-out;white-space:nowrap;pointer-events:none;display:inline-flex;align-items:center;gap:.75rem}.trunk-loss-overlay .trunk-loss-icon{font-size:1.4em;display:inline-flex;align-items:center;justify-content:center;transform:rotate(-15deg);animation:shakeIcon 1s ease-out forwards}.trunk-loss-overlay .trunk-loss-text{font-size:1em;letter-spacing:.2em;text-transform:uppercase}@keyframes shakeIcon{0%{transform:rotate(-15deg) scale(1)}25%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(-10deg) scale(1)}75%{transform:rotate(8deg) scale(1.05)}to{transform:rotate(-15deg) scale(1)}}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes zoomCrash{0%{transform:translate(-50%,-50%) scale(0);opacity:0}35%{transform:translate(-50%,-50%) scale(1.05);opacity:1}50%{transform:translate(-50%,-50%) scale(1) rotate(-5deg)}65%{transform:translate(-50%,-50%) scale(1) rotate(5deg)}80%{transform:translate(-50%,-50%) scale(1) rotate(0)}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.floating-text.cancelled{position:absolute;transform:translate(-50%,-140%);background:#18181ef2;color:#fff;padding:.22rem .56rem;border-radius:999px;font-weight:700;font-size:.85rem;box-shadow:0 4px 14px #0009;border:1px solid rgba(255,255,255,.06);pointer-events:none;white-space:nowrap;animation:cancelFloat 1.4s ease-out forwards}@keyframes cancelFloat{0%{opacity:0;transform:translate(-50%,-120%)}20%{opacity:1;transform:translate(-50%,-140%)}80%{opacity:1;transform:translate(-50%,-170%)}to{opacity:0;transform:translate(-50%,-190%)}}@keyframes trashShake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.trash-shake{animation:trashShake .4s ease-in-out;color:#f44!important}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem;margin-bottom:2rem;position:relative;z-index:1;overflow:visible}.element-card:hover:not(:disabled){transform:translateY(-5px);background:#ffffff1a;box-shadow:0 5px 15px #0000004d;z-index:3500}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.choice-tooltip,.targeting-tooltip{position:fixed;z-index:1000;background:var(--bg-light);border:3px solid var(--accent);border-radius:12px;padding:.75rem;box-shadow:0 8px 24px #0009;max-width:320px;min-width:220px;animation:tooltip-pop .2s ease-out}@keyframes tooltip-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.choice-tooltip.compulsory{animation:pulse-required 2s ease-in-out infinite}@keyframes pulse-required{0%,to{box-shadow:0 0 12px #ff6b8a80}50%{box-shadow:0 0 20px #ff6b8acc}}.choice-tooltip.above:after,.targeting-tooltip.above:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--accent)}.choice-tooltip.below:before,.targeting-tooltip.below:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--accent)}.tooltip-spell-ref{display:flex;justify-content:center;margin-bottom:.5rem}.tooltip-spell-ref--clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.tooltip-spell-ref--clickable:hover{transform:scale(1.05);opacity:.9}.tooltip-spell-ref--clickable:active{transform:scale(.98)}.tooltip-spell-ref .spell-card{max-width:180px}.tooltip-direction{text-align:center;font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.tooltip-options{display:flex;flex-direction:column;gap:.5rem}.tooltip-option-btn,.tooltip-target-btn{padding:.6rem 1rem;background:#ffffff1a;color:var(--text-primary);border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:.9rem;text-align:left;transition:all .15s ease}.tooltip-option-btn:hover,.tooltip-target-btn:hover{background:#ffffff26;border-color:#ffffff80;transform:translate(2px)}.tooltip-option-btn.selected,.tooltip-target-btn.selected{background:#4caf504d;border-color:#4caf50;box-shadow:0 0 12px #4caf5066}.tooltip-target-btn.type-blocked,.tooltip-target-btn.type-blocked:hover{opacity:.35;cursor:not-allowed;background:#ffffff08;border-color:#ffffff1a}.tooltip-skip-btn{width:100%;padding:.5rem 1rem;background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .15s ease}.tooltip-skip-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.tooltip-clash-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.tooltip-clash-btn{padding:1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:1.2rem;font-weight:700;color:var(--text-primary);transition:all .15s ease}.tooltip-clash-btn:hover{background:#ffffff26;border-color:#ffffff80}.tooltip-clash-btn.selected{background:#4caf504d;border-color:#4caf50;box-shadow:0 0 12px #4caf5066}.tooltip-target-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem;padding-right:.25rem}.tooltip-target-list::-webkit-scrollbar{width:6px}.tooltip-target-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tooltip-target-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.tooltip-target-list::-webkit-scrollbar-thumb:hover{background:#fff6}.tooltip-footer{border-top:1px solid rgba(255,255,255,.2);padding-top:.75rem}.tooltip-confirm-btn{width:100%;padding:.75rem;background:#4caf50b3;color:var(--text-primary);border:2px solid rgba(76,175,80,.5);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .15s ease}.tooltip-confirm-btn:hover:not(:disabled){background:#4caf50e6;box-shadow:0 4px 12px #4caf5066}.tooltip-confirm-btn:disabled{background:#ffffff1a;color:var(--text-secondary);border-color:#fff3;cursor:not-allowed;opacity:.5}.tooltip-confirm-btn.compulsory:not(:disabled){background:var(--accent);border-color:var(--accent);animation:pulse-required 2s ease-in-out infinite}.targeting-tooltip.targeting-source{border-color:#2196f3}.targeting-tooltip.targeting-source .tooltip-confirm-btn.compulsory{background:#2196f3;border-color:#2196f3}.targeting-tooltip.targeting-destination{border-color:#ff9800}.targeting-tooltip.targeting-destination .tooltip-confirm-btn.compulsory{background:#ff9800;border-color:#ff9800}@media(max-width:767px){.choice-tooltip,.targeting-tooltip{max-width:90vw;padding:.6rem}.tooltip-direction{font-size:.85rem;margin-bottom:.5rem}.tooltip-option-btn,.tooltip-target-btn{padding:.5rem .75rem;font-size:.85rem}.tooltip-clash-btn{padding:.75rem;font-size:1rem}.tooltip-target-list{max-height:200px}}@media(orientation:portrait)and (max-height:700px){.choice-tooltip,.targeting-tooltip{padding:.5rem}.tooltip-spell-ref .spell-card{max-width:140px}.tooltip-direction{font-size:.8rem;margin-bottom:.4rem}.tooltip-options{gap:.35rem}.tooltip-target-list{max-height:150px}}@media(orientation:landscape)and (max-height:600px){.targeting-tooltip .tooltip-target-list{max-height:120px}.choice-tooltip,.targeting-tooltip{max-width:400px}}.targeting-modal{width:min(92vw,760px);max-width:760px;border:2px solid rgba(196,174,117,.78);box-shadow:0 24px 80px #000000ad,0 0 32px #c4ae7529}.targeting-modal .targeting-hint{color:#fff8dc;font-style:normal;font-weight:650;font-size:.95rem;margin-top:.65rem;padding:.55rem .75rem;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--accent)}.targeting-modal .targeting-footer{align-items:center;flex-wrap:wrap;margin-top:1.25rem}.targeting-modal .confirm-btn,.targeting-modal .secondary-btn{min-height:44px}.secondary-btn{padding:.75rem 1.4rem;background:#ffffff14;border:2px solid rgba(255,255,255,.22);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .18s ease}.secondary-btn:hover{background:#ffffff24;border-color:#ffffff5c}.modal-side-card-clickable{cursor:pointer;transition:transform .18s ease,filter .18s ease}.modal-side-card-clickable:hover{transform:translateY(-2px);filter:brightness(1.08)}.hand-formation-content{flex:1;overflow-y:auto;padding:0 1rem 1rem}.game-tab{display:flex;gap:1rem;padding:.5rem}.game-player-card-wrapper{flex:1;display:grid;grid-template-areas:"card";perspective:900px}.game-player-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem .75rem;border-radius:12px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);transition:border-color .2s,transform .45s cubic-bezier(.4,0,.2,1)}.game-player-card--front,.game-player-card--back{grid-area:card;backface-visibility:hidden;-webkit-backface-visibility:hidden}.game-player-card--back{transform:rotateY(180deg);cursor:pointer}.game-player-card-wrapper--flipped .game-player-card--front{transform:rotateY(-180deg)}.game-player-card-wrapper--flipped .game-player-card--back{transform:rotateY(0)}.game-player-card--winner{border-color:gold;background:#ffd7000f}.game-winner-star{color:gold}.game-player-name{font-size:.95rem;font-weight:700;color:var(--text-primary);text-align:center}.game-elephant-wrap{width:100%;display:flex;justify-content:center}.game-elephant-img{width:100%;max-width:130px;height:auto;object-fit:contain;border-radius:8px}.game-elephant-img--placeholder{height:80px;background:#ffffff0d;border-radius:8px}.game-elephant-emoji{width:80px!important;height:80px!important}.game-element-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}.game-trunk-row{font-size:1.1rem;letter-spacing:.05em;text-align:center}.game-player-wins{font-size:.72rem;font-weight:700;color:gold;letter-spacing:.04em;text-transform:uppercase}.game-card-flip-hint{font-size:.62rem;color:var(--text-secondary);opacity:.55;margin:0;text-align:center}.game-back-title-row{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.25rem}.game-back-title-text{display:flex;flex-direction:column;gap:.1rem}.game-back-element-name{font-size:.9rem;font-weight:700;color:var(--text-primary);text-transform:capitalize}.game-back-mvp-tag{font-size:.6rem;font-weight:800;color:gold;letter-spacing:.06em;text-transform:uppercase}.game-back-factors{width:100%;display:flex;flex-direction:column;gap:.45rem;flex:1}.game-back-factor{display:flex;flex-direction:column;gap:.1rem}.game-back-factor-header{display:flex;justify-content:space-between;align-items:baseline}.game-back-factor-label{font-size:.68rem;color:var(--text-secondary)}.game-back-factor-pct{font-size:.7rem;font-weight:700;color:var(--text-primary)}.game-back-factor-bar{height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.game-back-factor-bar-fill{height:100%;background:linear-gradient(90deg,#b48c28bf,#dcb946f2);border-radius:3px;transition:width .35s ease .3s}.game-back-flip-hint{font-size:.6rem;color:var(--text-secondary);opacity:.5;margin:auto 0 0;text-align:center;padding-top:.5rem}.round-snapshot-entry{display:flex;flex-wrap:wrap;gap:.25rem .6rem;font-size:.74rem;padding:.3rem .5rem;border-radius:6px;background:#ffffff0a;color:var(--text-secondary);margin:.25rem 0}.round-snapshot-player{white-space:nowrap}.round-snapshot-sep{opacity:.4}.log-entry--trunk_loss{display:flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.1rem 0;color:var(--text-secondary)}.spell-in-clash.spell-is-resolving{visibility:hidden;pointer-events:none}.elephant-overlay-active .spell-in-clash.spell-is-resolving{visibility:visible;pointer-events:none}.elephant-overlay-active .spell-in-clash.spell-is-resolving .clash-card-effects-shell{outline:3px solid rgba(255,210,90,.85);outline-offset:3px;border-radius:8px;animation:resolvingPulse 1.8s ease-in-out infinite}@keyframes resolvingPulse{0%,to{box-shadow:0 0 8px #ffd25a4d}50%{box-shadow:0 0 22px #ffd25ab3}}.resolution-continue-overlay{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px}.resolution-continue-btn{padding:10px 28px;background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease}@media(hover:hover){.resolution-continue-btn:hover{background:#ffffff40}}.resolution-continue-progress{width:120px;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}.resolution-continue-progress:after{content:"";display:block;height:100%;background:#fff9;width:100%;transform-origin:left;animation:continueCountdown var(--resolution-progress-duration, 2s) linear forwards}@keyframes continueCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes resolvingFadeIn{0%{opacity:0}to{opacity:1}}.resolving-spell-modal,.elephant-overlay{position:fixed;inset:0;padding-top:var(--game-top-height, 152px);padding-bottom:var(--game-bottom-height, 120px);display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:none;animation:resolvingFadeIn .2s ease forwards}.resolving-spell-modal{flex-direction:column;gap:12px}.resolving-spell-modal__owner{font-size:.8rem;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.resolving-spell-modal__card{width:min(280px,80vw);pointer-events:auto}.resolving-spell-modal__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.resolving-spell-modal__action-types{pointer-events:auto}.resolving-spell-modal__continue{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;opacity:0;animation:resolvingFadeIn .25s ease .1s forwards}.elephant-overlay__panel{display:flex;flex-direction:row;align-items:center;gap:24px;padding:20px 24px;background:#12181eeb;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff14;pointer-events:auto;max-width:min(560px,92vw)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.elephant-overlay__panel{background:#12181ee6;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}}.elephant-overlay__image-wrap{flex-shrink:0;width:min(180px,35vw)}@keyframes elephantIdleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.elephant-overlay__image{width:100%;height:auto;object-fit:contain;animation:elephantIdleBob 2.8s ease-in-out infinite}.elephant-overlay__emoji{font-size:6rem;display:block;text-align:center}.elephant-overlay__info{display:flex;flex-direction:column;gap:8px;max-width:min(280px,50vw)}.elephant-overlay__spell-name{font-family:var(--font-heading);font-size:1.7rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center}@keyframes emojiFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.15)}}.elephant-overlay__element-emoji{display:inline-block;margin-right:.35em;animation:emojiFloat 2.3s ease-in-out infinite;font-size:1.1em;line-height:1;vertical-align:middle}.elephant-overlay__instruction{font-size:.9rem;line-height:1.4;color:var(--text-secondary)}.elephant-overlay__clause-sep{border-top:1px solid rgba(255,255,255,.14);margin:7px 0}.elephant-overlay__continue{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}@media(max-width:500px){.elephant-overlay__panel{flex-direction:column;text-align:center;padding:8px 10px;gap:6px;max-height:70dvh;overflow-y:auto}.elephant-overlay__image-wrap{width:min(70px,22vw)}.elephant-overlay__emoji{font-size:2.8rem}.elephant-overlay__info{max-width:100%;gap:2px}.elephant-overlay__spell-name{font-size:1.1rem;font-weight:900;justify-content:center}.elephant-overlay__continue{align-items:center;width:100%}.elephant-overlay__instruction{font-size:.65rem}}.draft-view{max-width:100%;margin:0 auto;padding:.5rem 1rem;color:var(--text-primary);text-align:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;min-height:calc(100vh - 1rem)}.draft-header{margin:0 auto;position:relative;background-size:100% 100%;background-position:center;background-repeat:no-repeat;padding:1rem 1.5rem .75rem;border-radius:0;width:fit-content;min-width:400px}.draft-header:after{content:"";display:block;width:60%;height:12px;background-image:url(/assets/banner_edge-Dr_zOvxV.png);background-size:auto 100%;background-position:center;background-repeat:no-repeat;margin:.75rem auto 0;opacity:.8}.draft-header h1{font-family:var(--font-heading);margin:2rem 0 .5rem;font-size:2.2rem;color:var(--text-primary);letter-spacing:.03em}.draft-directions-container{background:#0000004d;padding:.75rem 1.5rem;border-radius:8px;margin:.5rem 0;border:2px solid rgba(196,174,117,.3)}.draft-directions{font-size:1.1rem;color:var(--accent);margin:0;font-weight:600}.draft-header p,.draft-subtitle{font-size:1rem;color:var(--text-secondary);margin:.25rem 0 .5rem;opacity:.9}.turn-indicator{font-size:1.2rem;margin-top:.5rem}.human-turn{color:#4caf50;font-weight:700}.ai-turn{color:#ff9800;font-weight:700}.back-btn{position:absolute;left:0;top:0;padding:.5rem 1rem;background:#ffffff1a;border:none;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#fff3}.elements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin:0 .5rem 1rem;padding:0 .5rem;position:relative;z-index:1;overflow:visible}.element-card-wrapper{position:relative;display:flex;flex-direction:column;transition:transform .3s ease}.element-card-wrapper:has(.element-card:hover:not(:disabled)){transform:translateY(-5px);z-index:3500}.element-card-wrapper .element-card{flex:1}.element-preview-btn{position:absolute;top:.25rem;right:.25rem;background:#0000008c;border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;z-index:3600;transition:background .2s ease}.element-preview-btn:hover{background:var(--accent)}.element-preview-btn--row{position:static;width:auto;height:auto;padding:.3rem .6rem;border-radius:6px;font-size:.85rem}.element-preview-modal{max-width:min(1280px,94vw);width:94vw;max-height:82vh;overflow-y:auto;padding:0;background:#202a31}.element-preview-hero{--element-preview-color: #d4b46a;position:relative;display:grid;grid-template-columns:minmax(250px,27%) minmax(0,1fr);min-height:480px;overflow:hidden;border:1px solid color-mix(in srgb,var(--element-preview-color) 58%,transparent);border-radius:inherit;background:radial-gradient(circle at 18% 45%,color-mix(in srgb,var(--element-preview-color) 24%,transparent),transparent 37%),linear-gradient(135deg,#080d12f5,#232c34fa)}.element-preview-hero__glow{position:absolute;left:-7%;bottom:-22%;width:48%;aspect-ratio:1;border-radius:50%;background:var(--element-preview-color);opacity:.13;filter:blur(45px)}.element-preview-hero__character-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:480px;padding:4.5rem 0 .5rem 1rem}.element-preview-hero__character-stage:after{position:absolute;right:-1px;top:8%;bottom:8%;width:1px;content:"";background:linear-gradient(transparent,color-mix(in srgb,var(--element-preview-color) 45%,transparent),transparent)}.element-preview-hero__character-name{position:absolute;z-index:3;top:1.05rem;left:.8rem;right:.8rem;display:flex;justify-content:center;text-align:center;pointer-events:none}.element-preview-hero__character-name span{position:relative;display:inline-block;max-width:100%;padding:.16rem .75rem .28rem;color:color-mix(in srgb,var(--element-preview-color) 52%,white);font-family:var(--font-heading);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1;letter-spacing:.025em;text-wrap:balance;text-shadow:0 2px 0 rgba(0,0,0,.72),0 0 14px color-mix(in srgb,var(--element-preview-color) 48%,transparent)}.element-preview-hero__character-name span:after{position:absolute;left:14%;right:14%;bottom:0;height:1px;content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--element-preview-color) 75%,white),transparent)}.element-preview-hero__character{position:relative;z-index:1;width:min(115%,360px);max-height:var(--element-character-max-height, 440px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 20px rgba(0,0,0,.46));animation:element-preview-character-arrive .52s cubic-bezier(.2,.8,.2,1) both}.element-preview-hero__symbol-fallback{filter:drop-shadow(0 16px 22px rgba(0,0,0,.35));animation:element-preview-symbol-arrive .52s cubic-bezier(.2,.8,.2,1) both}.element-preview-hero__content{position:relative;z-index:2;min-width:0;padding:1.3rem 1.4rem 1.5rem}.element-preview-header--hero{margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.11)}.element-preview-hero__title{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.element-preview-hero__eyebrow{width:100%;color:color-mix(in srgb,var(--element-preview-color) 78%,white);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.element-preview-hero__title h2{font-size:clamp(1.65rem,3vw,2.35rem)}.element-preview-spells--hero{align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}@keyframes element-preview-character-arrive{0%{opacity:0;transform:translate(calc(var(--element-character-x, 0%) - 28px),var(--element-character-y, 0%)) scale(calc(var(--element-character-scale, 1) * .94))}to{opacity:1;transform:translate(var(--element-character-x, 0%),var(--element-character-y, 0%)) scale(var(--element-character-scale, 1))}}@keyframes element-preview-symbol-arrive{0%{opacity:0;transform:translateY(20px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.element-preview-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.element-preview-emoji{font-size:2rem}.element-preview-header h2{font-family:var(--font-heading);font-size:1.5rem;margin:0}.element-preview-spells{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media(max-width:760px){.element-preview-modal{width:calc(100vw - 1rem);max-width:none;height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);overflow:hidden;border-width:2px;border-radius:14px}.element-preview-hero{height:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:126px minmax(0,1fr)}.element-preview-hero__character-stage{min-height:126px;max-height:126px;padding:2.4rem 1rem 0;overflow:hidden}.element-preview-hero__character-stage:after{inset:auto 8% 0;width:auto;height:1px}.element-preview-hero__character{width:min(54%,190px);max-height:142px;animation-name:element-preview-character-arrive-mobile}.element-preview-hero__character-name{top:.38rem}.element-preview-hero__character-name span{padding:.1rem .55rem .2rem;font-size:clamp(1.05rem,5vw,1.4rem)}.element-preview-hero__symbol-fallback{width:94px!important;height:94px!important}.element-preview-hero__content{display:flex;min-height:0;flex-direction:column;padding:.45rem 0 .6rem;overflow:hidden}.element-preview-header--hero{flex:0 0 auto;gap:.55rem;margin:0 .65rem .4rem;padding:.15rem .15rem .45rem;flex-wrap:nowrap}.element-preview-header--hero .animated-element-emoji{width:40px!important;height:40px!important}.element-preview-hero__title{min-width:0;gap:.45rem;flex-wrap:nowrap}.element-preview-hero__eyebrow{display:none}.element-preview-hero__title h2{flex:0 0 auto;font-size:1.25rem}.element-preview-header--hero .element-theme{min-width:0;margin-top:0;overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.element-preview-spells--hero{flex:1 1 auto;min-height:0;gap:.75rem;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:.2rem max(.75rem,calc((100% - min(270px,calc(100vw - 3rem)))/2)) .65rem;scroll-padding-inline:max(.75rem,calc((100% - min(270px,calc(100vw - 3rem)))/2));scroll-snap-type:x mandatory;scrollbar-color:color-mix(in srgb,var(--element-preview-color) 55%,transparent) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.element-preview-spells--hero>.spell-card{width:min(270px,calc(100vw - 3rem));max-width:none;flex:0 0 min(270px,calc(100vw - 3rem));align-self:flex-start;scroll-snap-align:center;scroll-snap-stop:always}}@keyframes element-preview-character-arrive-mobile{0%{opacity:0;transform:translate(calc(var(--element-character-x, 0%) - 18px),var(--element-character-y, 0%)) scale(calc(var(--element-character-scale, 1) * .68))}to{opacity:1;transform:translate(var(--element-character-x, 0%),var(--element-character-y, 0%)) scale(calc(var(--element-character-scale, 1) * .72))}}@media(max-width:760px)and (max-height:650px){.element-preview-hero{grid-template-rows:104px minmax(0,1fr)}.element-preview-hero__character-stage{min-height:104px;max-height:104px;padding-top:2rem}.element-preview-hero__character{width:min(46%,150px);max-height:112px}.element-preview-hero__character-name span{font-size:1rem}.element-preview-spells--hero>.spell-card{width:min(230px,calc(100vw - 3rem));flex-basis:min(230px,calc(100vw - 3rem))}}@media(min-width:761px)and (max-width:1120px){.element-preview-spells--hero{flex-wrap:wrap}}.element-card{background:#ffffff0d;border:3px solid transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;position:relative;z-index:1;isolation:isolate;overflow:visible}.element-card:hover:not(:disabled){background:#ffffff1a;box-shadow:0 5px 15px #0000004d}.element-card:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.element-emoji{font-size:2.5rem}.element-card .animated-element-emoji.element-emoji{margin:-.4rem 0 -.1rem}.element-row .animated-element-emoji.element-emoji{margin-right:.15rem}.element-character-image{width:100%;height:120px;object-fit:contain;margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.element-name{font-weight:600;font-size:1rem}.element-theme{font-size:.85rem;font-style:italic;color:var(--text-secondary);margin-top:.3rem;font-weight:500;opacity:.9}.draft-status{display:flex;justify-content:center;gap:2rem;margin-top:2rem;position:relative}.draft-status:before{content:"";position:absolute;top:0;left:20%;width:60%;height:10px;background-image:url(/assets/banner_edge-Dr_zOvxV.png);background-size:auto 100%;background-position:center;background-repeat:no-repeat;opacity:.7}.player-pool{background-image:url(/assets/frame_bkgd-B7n69PXY.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#484c50b3;padding:1.25rem;border-radius:0;min-width:200px}.player-pool h3{font-family:var(--font-heading);margin:0 0 .5rem;font-size:1.1rem;color:var(--text-secondary);letter-spacing:.02em}.pool-preview{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;font-size:1.5rem}.hand-selection-area{margin-bottom:2rem}.spell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.4rem}.element-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#ffffff1a;border-radius:6px;font-size:.8rem;font-weight:600}.priority-badge{padding:.3rem .6rem;background:var(--accent);border-radius:6px;font-size:.8rem;font-weight:700;white-space:nowrap}.spell-name{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:700;line-height:1.2}.spell-types{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;font-size:1.2rem}.type-icon{opacity:.9}.spell-summary{font-size:.85rem;line-height:1.4;color:var(--text-secondary);margin-top:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.conjury-badge{margin-bottom:.5rem;display:inline-block;padding:.2rem .5rem;background:#e945604d;border-radius:4px;font-size:.7rem;font-weight:600;color:var(--accent)}.draft-footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-dark);border-top:1px solid var(--bg-medium);display:flex;justify-content:center;box-shadow:0 -5px 20px #00000080}.confirm-btn{padding:.6rem 1.5rem .6rem 3.5rem;font-size:1.2rem;font-weight:700;border-radius:8px;border:none;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;color:#fff;cursor:pointer;transition:all .2s ease;min-width:180px;min-height:50px}.confirm-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.confirm-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);filter:brightness(1.1);box-shadow:0 4px 12px #0006}.waiting-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.spinner{font-size:4rem;animation:spin 2s infinite linear;margin-top:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.element-type-icon{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;transition:opacity .2s ease}.element-type-icon:hover{opacity:1}.element-type-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:auto;z-index:3600;overflow:visible}.element-type-label{opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;pointer-events:none;white-space:nowrap;z-index:9999;box-shadow:0 2px 5px #0000004d}.element-type-container:hover .element-type-label{opacity:1;visibility:visible}.draft-selections{background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:8px;padding:.75rem 1rem;margin:.75rem 2rem;display:flex;flex-direction:column;gap:.4rem;font-size:1rem}.draft-selection-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.my-element{background:#64c86426;border:1px solid rgba(100,200,100,.4);border-radius:6px;padding:.15rem .5rem;font-weight:600;color:var(--text-primary);cursor:pointer;font-size:inherit;transition:background .2s ease}.my-element:hover{background:#64c8644d}.enemy-element{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:6px;padding:.15rem .5rem;font-weight:600;color:var(--text-primary);cursor:pointer;font-size:inherit;transition:background .2s ease}.enemy-element:hover{background:#ff646440}.draft-selection-empty{color:var(--text-secondary);font-style:italic}.draft-view-controls{display:flex;justify-content:center;margin:1rem 0}.view-toggle-group{display:flex;flex-direction:row;gap:.5rem;align-items:center}.view-toggle-btn{padding:.5rem 1.5rem;background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600}.view-toggle-btn:hover{background:#ffffff1a;border-color:var(--accent)}.view-toggle-btn.active{background:var(--accent);border-color:var(--accent)}.element-rows{display:flex;flex-direction:column;gap:1.5rem}.element-row{background:var(--bg-light);border-radius:var(--border-radius);padding:1rem;border:2px solid var(--bg-medium);transition:all .3s ease;position:relative}.element-row:hover{border-color:var(--accent)}.element-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.element-row-select-btn{background:#ffffff0d;border:3px solid transparent;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;color:#fff;text-align:left;flex:1;min-width:200px}.element-row-select-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.element-row-select-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.element-row .element-info{display:flex;align-items:center;gap:.75rem;flex:1}.element-row .element-emoji{font-size:2rem}.element-row .element-name{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary)}.element-row .element-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.element-row .element-theme{font-style:italic;color:var(--text-secondary);font-size:.95rem;margin-left:.5rem}.element-type-display{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;background:#ffffff0d;border-radius:6px}.type-icon-small{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.type-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.collapse-toggle-btn{padding:.4rem .6rem;background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.strategy-toggle-btn{position:absolute;bottom:.5rem;right:.5rem;padding:.4rem .8rem;background:#ffffff0d;border:2px solid var(--bg-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap}.collapse-toggle-btn:hover,.strategy-toggle-btn:hover{background:#ffffff1a;border-color:var(--accent);transform:scale(1.05)}.element-strategy-hint{margin-bottom:1rem;padding:1rem;background:#0003;border-left:4px solid var(--accent);border-radius:6px;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.element-spells-preview{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;justify-content:flex-start}.element-spells-preview .spell-card--large{max-width:180px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,270px);gap:1rem;align-content:start;justify-items:center}.cards-grid .spell-card--large{max-width:270px;width:100%}@media(orientation:portrait)and (max-width:768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cards-grid .spell-card--large{max-width:none;width:100%}}@media(orientation:landscape){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cards-grid .spell-card--large{max-width:180px}}.required-spells-section,.available-spells-section{margin-bottom:1.5rem}.required-spells-section h3,.available-spells-section h3{font-family:var(--font-heading);font-size:1.3rem;color:var(--accent);margin-bottom:.5rem;letter-spacing:.03em}.required-spells-section p,.available-spells-section p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.required-spells-section{padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.spell-card--locked{opacity:.85;cursor:not-allowed!important;position:relative}.spell-card--locked:after{content:"";position:absolute;inset:0;background:#8080801a;border-radius:inherit;pointer-events:none}.spell-card--locked .spell-card__checkmark{background:#808080b3!important;color:#ffffffe6!important}.draft-waiting-banner{height:auto;min-height:74px;margin:.75rem 2rem;padding:.75rem 1rem;flex-direction:row;gap:.9rem;border:2px solid rgba(255,171,64,.72);border-radius:12px;background:linear-gradient(90deg,#703912e6,#262e34eb);animation:draftWaitingPulse 1.5s ease-in-out infinite}.draft-waiting-banner .spinner{margin:0}.draft-waiting-banner .spinner-logo{width:42px;height:42px}.draft-waiting-banner p{margin:.2rem 0 0;color:var(--text-secondary)}.draft-waiting-on-opponent .elements-grid,.draft-waiting-on-opponent .element-rows{opacity:.58;filter:saturate(.7)}@keyframes draftWaitingPulse{0%,to{box-shadow:0 0 10px #ff980024}50%{box-shadow:0 0 30px #ffab406b}}.multiplayer-draft-skip{margin-top:.65rem}.draft-graveyard-preview{margin:.75rem 2rem;padding:.7rem .85rem;border:1px solid rgba(196,174,117,.34);border-radius:10px;background:#0e14199e;text-align:left}.draft-graveyard-preview__header{display:flex;align-items:baseline;gap:.65rem;margin-bottom:.55rem;flex-wrap:wrap}.draft-graveyard-preview__header span{color:var(--text-secondary);font-size:.82rem}.draft-graveyard-preview__cards{display:flex;flex-wrap:wrap;gap:.45rem;align-items:start;overflow:visible}.draft-graveyard-preview--integrated{width:100%;margin:.2rem 0 0;padding:.65rem 0 0;border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:0;background:transparent}.draft-graveyard-preview--integrated .draft-graveyard-preview__header{margin-bottom:.45rem}.draft-graveyard-preview--integrated .draft-graveyard-preview__header strong{font-size:.92rem}.draft-graveyard-preview--integrated .draft-graveyard-preview__header span{font-size:.78rem}.draft-graveyard-card{width:max-content;max-width:100%;border:0;border-radius:9px;cursor:zoom-in;outline:2px solid transparent;outline-offset:3px;transition:transform .16s ease,filter .16s ease,outline-color .16s ease}.draft-graveyard-card:hover{transform:translateY(-3px);filter:brightness(1.08)}.draft-graveyard-card:focus-visible{outline-color:var(--accent-gold)}.draft-selections--modal{margin-left:0;margin-right:0}@media(prefers-reduced-motion:reduce){.draft-waiting-banner{animation:none}}@media(max-width:560px){.draft-header{padding:.4rem .75rem}.draft-header h1{font-size:1.2rem;margin:0 0 .1rem}.draft-header p,.draft-directions{font-size:.8rem;width:100%}.back-btn{font-size:1.1rem;padding:.25rem .5rem}}.element-card-wrapper.element-locked{position:relative}.element-card-wrapper.element-locked .element-card{opacity:.45;filter:grayscale(.85);cursor:not-allowed}.element-lock-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:2;padding:2px 10px;border-radius:999px;background:#000000bf;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.72rem;font-weight:600;white-space:nowrap;pointer-events:none}.element-lock-badge--inline{position:static;transform:none;pointer-events:auto}.element-lock-badge--button{pointer-events:auto;cursor:pointer;font-family:inherit}.element-lock-badge--button:hover{background:#000000e6;border-color:#f0c75e;color:#f0c75e}.element-row.element-locked .element-row-select-btn{opacity:.45;filter:grayscale(.85);cursor:not-allowed}.element-row.element-locked .element-spells-preview{opacity:.55;filter:grayscale(.6)}