:root{--ee-layer-board: 0;--ee-layer-card: 10;--ee-layer-effects: 100;--ee-layer-dock: 850;--ee-layer-board-presentation: 920;--ee-layer-chrome: 1000;--ee-layer-popover: 1500;--ee-layer-board-effects: 1850;--ee-layer-motion: 1900;--ee-layer-feedback: 2000;--ee-layer-presentation: 2500;--ee-layer-resolution: 3000;--ee-layer-summary: 3500;--ee-layer-modal: 4000;--ee-layer-tooltip: 5000;--ee-layer-loading: 20000;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#28333b;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}@font-face{font-family:Aladin;src:url(/assets/Aladin-Regular-hPKbWBoq.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Averia Libre;src:url(/assets/AveriaLibre-Regular-Bh0b5Miu.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;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, 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:var(--font-body);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}.app--game{padding:0}html.game-viewport-locked,html.game-viewport-locked body,html.game-viewport-locked #root{width:100%;height:var(--app-vh, 100dvh);min-height:0;max-height:var(--app-vh, 100dvh);overflow:hidden;overscroll-behavior:none}.app.app--game-screen{width:100%;max-width:none;height:var(--app-vh, 100dvh);min-height:0;max-height:var(--app-vh, 100dvh);margin:0;padding:0;overflow:hidden;overscroll-behavior:none}.app.app--game-screen>.game-view{width:100%;height:100%;min-height:0}.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-figure{position:relative;display:flex;align-items:center;flex:0 0 auto;margin: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}.header-compact-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.header-compact-actions .tutorial-cta{width:fit-content}.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}.view-toggle-btn:hover{background:#ffffff1a;border-color:var(--accent)}.view-toggle-btn.active{background:var(--accent);border-color:var(--accent)}.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,var(--ee-large-card-width));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-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:var(--ee-layer-tooltip);box-shadow:0 2px 5px #0000004d}.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:var(--ee-layer-modal);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-family:var(--font-body);font-size:1.05rem;line-height:1.8;color:var(--text-primary)}.modal-body .instruction-text{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:var(--ee-large-card-width);width:var(--ee-large-card-width);justify-self:center}}@media(orientation:landscape)and (max-height:600px){.element-spells .spell-card--large{max-width:var(--ee-large-card-width)}.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-badge-error{border-color:#e08585;color:#e08585;opacity:1}.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:var(--ee-layer-modal);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)}}:root{--ee-large-card-width: clamp(180px, 18vw, 270px)}@media(max-width:768px){:root{--ee-large-card-width: clamp(128px, 42vw, 180px)}}.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:#14181ec7;border:1px solid rgba(255,255,255,.55);color:#fff;width:36px;height:36px;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,border-color .2s ease;box-shadow:0 1px 4px #00000073}.spell-card__details-btn svg{display:block}@media(hover:hover){.spell-card__details-btn:hover{background:var(--accent);border-color:var(--accent);color:#1a1a1a}.spell-card--cancelled .spell-card__details-btn:hover{background:#f2dfb5;border-color:#fff3d6;color:#3a2c22;box-shadow:0 0 0 2px #3a2c2280,0 2px 7px #00000080}.spell-card:hover .spell-card__details-btn{width:41px;height:41px}}.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:2px;right:2px}.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:min(100%,var(--ee-large-card-width));max-width:var(--ee-large-card-width);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:36px;padding:3px 5px;border-radius:8px}.spell-card--mini .spell-card__header{min-height:28px;gap:4px;margin-bottom:0;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.spell-card--mini .spell-card__element{width:22px;height:22px;display:inline-grid;place-items:center;font-size:1.1rem;line-height:1;flex:0 0 22px}.spell-card--mini .spell-card__name{min-width:0;margin:0;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1;display:flex;align-items:center;align-self:stretch}.spell-card--mini .spell-card__types{display:none}.spell-card--mini .spell-card__priority-badge{display:inline-flex;padding:1px 3px;font-size:.62rem}.spell-card--mini .spell-card__type-img{width:16px;height:16px}.spell-card--small{width:100%;max-width:200px;min-height:38px;padding:4px 6px}@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{width:26px;min-width:26px;height:26px;min-height:26px;display:inline-grid;place-items:center;flex:0 0 26px;padding:2px}.spell-card--small.spell-card--cancelled .spell-card__details-btn,.spell-card--mini.spell-card--cancelled .spell-card__details-btn{position:absolute;top:-8px;right:-8px;bottom:auto;z-index:40;display:flex;width:28px;height:28px}.spell-card--cancelled .spell-card__details-btn{z-index:40}.spell-card--small .spell-card__header{align-items:center;gap:.25rem;margin-bottom:0;flex-wrap:nowrap;overflow:visible;justify-content:flex-start}.spell-card--small .spell-card__element{width:24px;height:24px;display:inline-grid;place-items:center;font-size:1.2rem;line-height:1;flex:0 0 24px}.spell-card--small .spell-card__name{flex:1;font-size:.9rem;white-space:nowrap;margin:0;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;align-self:stretch;line-height:1}.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:min(100%,var(--ee-large-card-width));max-width:var(--ee-large-card-width);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--moonglow .animated-element-emoji__image{animation:noto-moonshine-float 2.8s ease-in-out infinite}.animated-element-emoji--moonglow .animated-element-emoji__effect{inset:8%;border-radius:50%;background:#8d9dff80;filter:blur(10px);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 .animated-element-emoji__effect{inset:2% -5% -4%;border-radius:50%;background:radial-gradient(circle at 25% 65%,rgba(235,238,243,.38),transparent 31%),radial-gradient(circle at 72% 35%,rgba(226,230,237,.32),transparent 34%),radial-gradient(circle at 58% 78%,rgba(241,242,245,.28),transparent 29%);filter:blur(6px);animation:noto-shadow-smoke 3.8s ease-in-out infinite}.animated-element-emoji--shadow:before,.animated-element-emoji--shadow:after{z-index:3;width:48%;height:30%;border-radius:50%;background:#e7eaf052;filter:blur(8px);opacity:0;animation:noto-shadow-echo 2.6s ease-out infinite}.animated-element-emoji--shadow:before{left:-4%;top:32%}.animated-element-emoji--shadow:after{right:-5%;bottom:22%;animation-delay:.75s}.animated-element-emoji--starburst .animated-element-emoji__image{transform-origin:50% 50%;animation:noto-starburst-flight 2.8s linear infinite}.animated-element-emoji--starburst .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--starburst:before,.animated-element-emoji--starburst:after{z-index:3;width:11%;height:11%;background:#ffe055;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);opacity:0;animation:noto-starburst-sparkle 1.4s ease-in-out infinite}.animated-element-emoji--starburst:before{left:20%;top:22%}.animated-element-emoji--starburst:after{right:18%;bottom:20%;animation-delay:.62s}.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}.animated-element-emoji--volcano .animated-element-emoji__image{transform-origin:50% 88%;animation:exp3-volcano-rumble 2.1s ease-in-out infinite}.animated-element-emoji--volcano .animated-element-emoji__effect{inset:22% 20% 4%;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(255,226,74,.72),rgba(255,67,25,.28) 42%,transparent 70%);filter:blur(7px);animation:exp3-volcano-glow 2.1s ease-in-out infinite}.animated-element-emoji--volcano:before,.animated-element-emoji--volcano:after{z-index:3;bottom:56%;width:9%;height:9%;border-radius:50%;background:#ffd84d;box-shadow:0 0 8px #ff6b24;opacity:0;animation:exp3-volcano-spark 1.55s ease-out infinite}.animated-element-emoji--volcano:before{--volcano-spark-mid-x: -3px;--volcano-spark-late-x: -10px;--volcano-spark-end-x: -18px;left:42%}.animated-element-emoji--volcano:after{--volcano-spark-mid-x: 3px;--volcano-spark-late-x: 10px;--volcano-spark-end-x: 18px;right:39%;animation-delay:.55s}.animated-element-emoji--glacier .animated-element-emoji__image{transform-origin:50% 90%;animation:exp3-glacier-drift 3.6s ease-in-out infinite}.animated-element-emoji--glacier .animated-element-emoji__effect{inset:8%;border-radius:42%;background:#70e0ff57;filter:blur(9px);animation:exp3-glacier-cold 3.6s ease-in-out infinite}.animated-element-emoji--glacier:after{top:8%;bottom:10%;width:14%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);filter:blur(2px);transform:translate(-230%) skew(-15deg);animation:exp3-glacier-sheen 3.6s ease-in-out infinite}.animated-element-emoji--undercurrent .animated-element-emoji__image{transform-origin:50% 50%;animation:exp3-undercurrent-roll 2.7s ease-in-out infinite}.animated-element-emoji--undercurrent .animated-element-emoji__effect{inset:21% 5% 13%;border-radius:45%;background:#3cc0dc47;filter:blur(8px);animation:exp3-undercurrent-orbit 2.7s ease-in-out infinite}.animated-element-emoji--undercurrent:before,.animated-element-emoji--undercurrent:after{width:8%;height:8%;border:2px solid rgba(212,255,255,.9);border-radius:50%;opacity:0;animation:exp3-undercurrent-bubble 2.3s ease-out infinite}.animated-element-emoji--undercurrent:before{left:25%;bottom:21%}.animated-element-emoji--undercurrent:after{right:22%;bottom:28%;animation-delay:.8s}.animated-element-emoji--deepbush .animated-element-emoji__image{transform-origin:50% 88%;animation:exp3-deepbush-sway 3s ease-in-out infinite}.animated-element-emoji--deepbush .animated-element-emoji__effect{inset:12% 8% 18%;border-radius:50%;background:#4e914547;filter:blur(9px);animation:exp3-deepbush-breathe 3s ease-in-out infinite}.animated-element-emoji--deepbush:after{left:16%;right:16%;bottom:4%;height:18%;border-bottom:4px solid rgba(140,209,89,.78);border-radius:50%;opacity:0;animation:exp3-deepbush-roots 3s ease-out infinite}.animated-element-emoji--void .animated-element-emoji__image{transform-origin:50% 50%;animation:expansion-void-turn 4.4s linear infinite}.animated-element-emoji--void .animated-element-emoji__effect{inset:10%;border:3px solid rgba(193,111,211,.7);border-color:rgba(193,111,211,.8) transparent;border-radius:50%;filter:drop-shadow(0 0 6px rgba(105,42,133,.8));animation:expansion-void-rim 2.8s linear infinite}.animated-element-emoji--sky .animated-element-emoji__image{animation:expansion-sky-rush 2.2s ease-in-out infinite}.animated-element-emoji--sky .animated-element-emoji__effect{left:4%;top:19%;width:42%;height:5%;border-radius:999px;background:#fffae7b8;box-shadow:19px 19px #fffae780;animation:expansion-sky-trail 2.2s ease-out infinite}.animated-element-emoji--catacombs .animated-element-emoji__image{position:absolute;inset:0;transform-origin:48% 88%}.animated-element-emoji--catacombs .animated-element-emoji__image--catacombs-tomb{z-index:2;animation:expansion-catacombs-open 3s cubic-bezier(.55,.05,.35,1) infinite}.animated-element-emoji--catacombs .animated-element-emoji__image--catacombs-skull{z-index:3;animation:expansion-catacombs-skull 3s ease-in-out infinite}.animated-element-emoji--catacombs .animated-element-emoji__effect{inset:24% 28% 16%;border-radius:45%;background:#dcecd094;filter:blur(8px);animation:expansion-catacombs-glow 3s ease-in-out infinite}.animated-element-emoji--canopy .animated-element-emoji__image{transform-origin:50% 56%;animation:expansion-canopy-flutter 1.35s ease-in-out infinite}.animated-element-emoji--canopy:before,.animated-element-emoji--canopy:after{width:5%;height:5%;border-radius:50%;background:#f5d777;opacity:0;animation:expansion-canopy-pollen 1.8s ease-out infinite}.animated-element-emoji--canopy:before{left:23%;bottom:27%}.animated-element-emoji--canopy:after{right:21%;bottom:34%;animation-delay:.7s}.animated-element-emoji--spirit .animated-element-emoji__image{position:absolute;inset:0;transform-origin:50% 90%}.animated-element-emoji--spirit .animated-element-emoji__image--spirit-card{z-index:2;transform-origin:75% 78%;animation:expansion-spirit-card 2.8s ease-in-out infinite}.animated-element-emoji--spirit .animated-element-emoji__image--spirit-ghost{z-index:3;animation:expansion-spirit-emerge 2.8s ease-in-out infinite}.animated-element-emoji--spirit .animated-element-emoji__effect{inset:4% 15% 26%;border-radius:50%;background:#c2ffef6b;filter:blur(8px);animation:expansion-spirit-aura 2.8s ease-in-out infinite}.animated-element-emoji--psi .animated-element-emoji__image{animation:expansion-psi-focus 2.4s ease-in-out infinite}.animated-element-emoji--psi .animated-element-emoji__effect{inset:18% 5%;border:3px solid rgba(193,128,226,.75);border-color:rgba(193,128,226,.82) transparent;border-radius:50%;animation:expansion-psi-magic 2.4s linear infinite}.animated-element-emoji--psi:after{left:48%;top:6%;width:7%;height:7%;border-radius:50%;background:#f2d7ff;box-shadow:0 0 9px #c07bdd;animation:expansion-psi-spark 2.4s ease-in-out infinite}.animated-element-emoji--doom .animated-element-emoji__image{transform-origin:50% 78%;animation:expansion-doom-pulse 2.25s ease-in-out infinite}.animated-element-emoji--doom .animated-element-emoji__effect{inset:5% 12% 25%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,128,.7),rgba(164,63,92,.36) 48%,transparent 72%);filter:blur(7px);animation:expansion-doom-glow 2.25s ease-in-out infinite}.animated-element-emoji--dream .animated-element-emoji__image{animation:expansion-dream-float 3.2s ease-in-out infinite}.animated-element-emoji--dream .animated-element-emoji__effect,.animated-element-emoji--dream:before,.animated-element-emoji--dream:after{content:"Z";color:#b45bd1;font:800 22px/1 system-ui,sans-serif;opacity:0;animation:expansion-dream-z 3s ease-out infinite}.animated-element-emoji--dream .animated-element-emoji__effect{left:45%;bottom:34%;color:#9d5fd2}.animated-element-emoji--dream:before{left:61%;bottom:45%;color:#e469ae;animation-delay:.7s}.animated-element-emoji--dream:after{left:73%;bottom:57%;color:#f3ad62;animation-delay:1.4s}.animated-element-emoji--horizon .animated-element-emoji__image{position:absolute;inset:0}.animated-element-emoji--horizon .animated-element-emoji__image--horizon-sun{z-index:2;animation:expansion-horizon-rise 4.8s ease-in-out infinite}.animated-element-emoji--horizon .animated-element-emoji__image--horizon-land{z-index:3}.animated-element-emoji--horizon .animated-element-emoji__effect{display:none}@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(.9) drop-shadow(0 0 4px rgba(225,230,240,.62))}50%{transform:translate(3%) scale(1.03);filter:brightness(1.12) drop-shadow(0 0 7px rgba(235,238,245,.82))}}@keyframes noto-shadow-echo{0%,25%{opacity:0;transform:translate(0) scale(.7)}45%{opacity:.7}82%,to{opacity:0;transform:translate(22%) scale(1.12)}}@keyframes noto-shadow-smoke{0%,to{opacity:.18;transform:translate(-3%,4%) scale(.86)}50%{opacity:.48;transform:translate(4%,-5%) scale(1.12)}}@keyframes noto-starburst-flight{0%{opacity:0;transform:translate(-12%,-13%) scale(.3);filter:brightness(.9)}14%{opacity:.95;transform:translate(-8%,-9%) scale(.48)}44%{opacity:1;transform:translate(2%,1%) scale(1.05);filter:brightness(1.08)}60%{opacity:1;transform:translate(7%,6%) scale(1.05);filter:brightness(1.55) drop-shadow(0 0 5px rgba(255,232,105,.9))}72%{opacity:.92;transform:translate(10%,9%) scale(1.05);filter:brightness(1)}84%{opacity:.68;transform:translate(14%,13%) scale(1.05);filter:brightness(1.65) drop-shadow(0 0 6px rgba(255,232,105,.95))}to{opacity:0;transform:translate(19%,18%) scale(1.05);filter:brightness(1.12)}}@keyframes noto-starburst-sparkle{0%,to{opacity:0;transform:rotate(0) scale(.2)}35%{opacity:1;transform:rotate(45deg) scale(1)}68%{opacity:.25;transform:rotate(90deg) scale(.55)}}@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)}}@keyframes exp3-volcano-rumble{0%,30%,68%,to{transform:translate(0) rotate(0);filter:brightness(1)}36%{transform:translate(-3%,1%) rotate(-1deg)}42%{transform:translate(3%,-1%) rotate(1deg);filter:brightness(1.18)}48%{transform:translate(-2%) rotate(-.5deg)}54%{transform:translate(2%) rotate(.5deg)}}@keyframes exp3-volcano-glow{0%,28%,to{opacity:.28;transform:scale(.82)}48%{opacity:.9;transform:scale(1.12)}72%{opacity:.38;transform:scale(.94)}}@keyframes exp3-volcano-spark{0%,30%{opacity:0;transform:translate(0) scale(.4)}46%{opacity:1;transform:translate(var(--volcano-spark-mid-x),-9px) scale(1)}72%{opacity:.8;transform:translate(var(--volcano-spark-late-x),-24px) scale(.7)}to{opacity:0;transform:translate(var(--volcano-spark-end-x),-38px) scale(.12)}}@keyframes exp3-glacier-drift{0%,to{transform:translate(-1.5%) rotate(-.8deg);filter:brightness(.96)}50%{transform:translate(1.5%) rotate(.8deg);filter:brightness(1.12)}}@keyframes exp3-glacier-cold{0%,to{opacity:.24;transform:scale(.88)}50%{opacity:.72;transform:scale(1.08)}}@keyframes exp3-glacier-sheen{0%,18%{opacity:0;transform:translate(-230%) skew(-15deg)}34%{opacity:.9}62%,to{opacity:0;transform:translate(430%) skew(-15deg)}}@keyframes exp3-undercurrent-roll{0%,to{transform:translate(-4%) scale(.97)}50%{transform:translate(5%) scale(1.03)}}@keyframes exp3-undercurrent-orbit{0%,to{opacity:.22;transform:translate(-8%) scale(.84)}50%{opacity:.72;transform:translate(8%) scale(1.08)}}@keyframes exp3-undercurrent-bubble{0%,28%{opacity:0;transform:translateY(0) scale(.45)}42%{opacity:.9}to{opacity:0;transform:translateY(-32px) scale(1.05)}}@keyframes exp3-deepbush-sway{0%,to{transform:rotate(-2deg) scale(.97,.96)}50%{transform:rotate(2deg) scale(1.03,1.04)}}@keyframes exp3-deepbush-breathe{0%,to{opacity:.22;transform:scale(.82)}50%{opacity:.7;transform:scale(1.1)}}@keyframes exp3-deepbush-roots{0%,26%{opacity:0;transform:scaleX(.4)}48%{opacity:.9;transform:scaleX(1)}82%,to{opacity:0;transform:scaleX(1.16)}}@keyframes expansion-void-turn{0%{transform:rotate(0) scale(.96)}50%{transform:rotate(180deg) scale(1.03)}to{transform:rotate(360deg) scale(.96)}}@keyframes expansion-void-rim{to{transform:rotate(-360deg)}}@keyframes expansion-sky-rush{0%,to{transform:translate(-4%,-5%) rotate(-2deg)}50%{transform:translate(5%,6%) rotate(2deg)}}@keyframes expansion-sky-trail{0%{opacity:0;transform:translate(52%,-30%) scaleX(.35)}35%{opacity:.85}to{opacity:0;transform:translate(-42%,48%) scaleX(1.25)}}@keyframes expansion-catacombs-open{0%,18%,to{transform:translateY(2%) rotate(0);filter:brightness(.88)}42%,70%{transform:translateY(-3%) rotate(-2deg);filter:brightness(1.16)}}@keyframes expansion-catacombs-skull{0%,26%,to{opacity:0;transform:translateY(2%) scale(.82)}44%,64%{opacity:1;transform:translateY(-3%) scale(1)}78%{opacity:0;transform:translateY(-3%) scale(.94)}}@keyframes expansion-catacombs-glow{0%,18%,to{opacity:0;transform:scale(.65)}45%,70%{opacity:.85;transform:scale(1.08)}}@keyframes expansion-canopy-flutter{0%,to{transform:translate(-3%,2%) rotate(-3deg) scaleX(.9)}25%{transform:translateY(-4%) rotate(2deg) scaleX(1.05)}50%{transform:translate(4%,-1%) rotate(4deg) scaleX(.88)}75%{transform:translate(1%,3%) rotate(-1deg) scaleX(1.04)}}@keyframes expansion-canopy-pollen{0%,24%{opacity:0;transform:translate(0) scale(.4)}42%{opacity:.9}to{opacity:0;transform:translate(12px,-28px) scale(.2)}}@keyframes expansion-spirit-emerge{0%,to{opacity:0;transform:translate(22%,23%) scale(.58);filter:brightness(.92)}18%{opacity:.2}42%,62%{opacity:1;transform:translateY(-7%) scale(1.03);filter:brightness(1.12)}84%{opacity:.18;transform:translate(18%,18%) scale(.66);filter:brightness(.96)}}@keyframes expansion-spirit-card{0%,to{transform:rotate(-1.5deg) scale(.98)}50%{transform:rotate(1deg) scale(1.02)}}@keyframes expansion-spirit-aura{0%,to{opacity:.18;transform:scale(.72)}50%{opacity:.82;transform:translateY(-7%) scale(1.12)}}@keyframes expansion-psi-focus{0%,to{transform:scaleY(.88);filter:brightness(.92)}40%,64%{transform:scaleY(1.04) scaleX(1.02);filter:brightness(1.25)}}@keyframes expansion-psi-magic{to{transform:rotate(360deg)}}@keyframes expansion-psi-spark{0%,to{opacity:.25;transform:translate(-34px,34px) scale(.5)}50%{opacity:1;transform:translate(35px,35px) scale(1.1)}}@keyframes expansion-doom-pulse{0%,to{transform:scale(.96);filter:brightness(.88)}50%{transform:translateY(-2%) scale(1.06);filter:brightness(1.28) saturate(1.15)}}@keyframes expansion-doom-glow{0%,to{opacity:.2;transform:scale(.68)}50%{opacity:.95;transform:scale(1.18)}}@keyframes expansion-dream-float{0%,to{transform:translateY(3%) rotate(-1deg)}50%{transform:translateY(-5%) rotate(2deg)}}@keyframes expansion-dream-z{0%,12%{opacity:0;transform:translate(0) scale(.55)}30%{opacity:.95}80%,to{opacity:0;transform:translate(10px,-34px) scale(1.12)}}@keyframes expansion-horizon-rise{0%,to{opacity:.72;transform:translateY(3%);filter:brightness(.95) drop-shadow(0 0 2px rgba(255,214,79,.5))}30%{opacity:1;filter:brightness(1.3) drop-shadow(0 0 5px rgba(255,224,103,.9))}50%{opacity:.84;transform:translateY(-4%);filter:brightness(1.05) drop-shadow(0 0 3px rgba(255,214,79,.65))}72%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 6px rgba(255,232,132,.95))}}@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}.element-symbol{--element-symbol-glow-opacity: .62;--element-symbol-glow-blur: .16em;position:relative;isolation:isolate;overflow:visible}.element-icon--symbol{--element-symbol-glow-opacity: .34;--element-symbol-glow-blur: .08em;display:inline-grid;place-items:center;overflow:visible}.element-symbol__glyph{display:block;width:100%;height:100%;background-color:var(--element-symbol-color);-webkit-mask-image:var(--element-symbol-image);mask-image:var(--element-symbol-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;filter:drop-shadow(0 0 .035em rgba(8,10,18,.9)) drop-shadow(0 0 .12em var(--element-symbol-color));transform-origin:50% 55%;animation:element-symbol-breathe 3.6s ease-in-out infinite;animation-play-state:var(--element-motion-state, running);will-change:transform,filter}.animated-element-emoji--fire .element-symbol__glyph{animation-name:element-symbol-fire;animation-duration:2.35s}.animated-element-emoji--water .element-symbol__glyph{animation-name:element-symbol-water;animation-duration:3.4s}.animated-element-emoji--wind .element-symbol__glyph{animation-name:element-symbol-wind;animation-duration:3s}.animated-element-emoji--earth .element-symbol__glyph{animation-name:element-symbol-earth;animation-duration:4.2s}.animated-element-emoji--wood .element-symbol__glyph{animation-name:element-symbol-wood;animation-duration:3.8s;transform-origin:50% 88%}.animated-element-emoji--metal .element-symbol__glyph{animation-name:element-symbol-metal;animation-duration:4.6s}.animated-element-emoji--time .element-symbol__glyph{animation-name:element-symbol-time;animation-duration:4.8s}.animated-element-emoji--space .element-symbol__glyph{animation-name:element-symbol-space;animation-duration:4.8s}.animated-element-emoji--sunbeam .element-symbol__glyph{animation-name:element-symbol-sunbeam;animation-duration:3.5s}.animated-element-emoji--moonglow .element-symbol__glyph{animation-name:element-symbol-moonglow;animation-duration:4s}.animated-element-emoji--shadow .element-symbol__glyph{animation-name:element-symbol-shadow;animation-duration:4.7s}.animated-element-emoji--starburst .element-symbol__glyph{animation-name:element-symbol-starburst;animation-duration:3.8s}.animated-element-emoji--blood .element-symbol__glyph{animation-name:element-symbol-blood;animation-duration:3.1s}.animated-element-emoji--ichor .element-symbol__glyph{animation-name:element-symbol-ichor;animation-duration:3.7s}.animated-element-emoji--venom .element-symbol__glyph{animation-name:element-symbol-venom;animation-duration:3.6s;transform-origin:50% 82%}.animated-element-emoji--lightning .element-symbol__glyph{animation-name:element-symbol-lightning;animation-duration:3.3s}.animated-element-emoji--thunder .element-symbol__glyph{animation-name:element-symbol-thunder;animation-duration:4s}.animated-element-emoji--twilight .element-symbol__glyph{animation-name:element-symbol-twilight;animation-duration:5.4s}.element-symbol:before{display:none;animation:none}.element-symbol:after{position:absolute;z-index:-1;inset:5%;display:block;width:auto;height:auto;border:0;border-radius:0;content:"";background:var(--element-symbol-color);box-shadow:none;opacity:0;-webkit-mask-image:var(--element-symbol-image);mask-image:var(--element-symbol-image);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;filter:blur(var(--element-symbol-glow-blur));animation:none;animation-play-state:var(--element-motion-state, running);pointer-events:none}.element-symbol.animated-element-emoji--fire:after,.element-symbol.animated-element-emoji--twilight:after{animation:element-symbol-aura var(--element-symbol-aura-duration, 4s) ease-in-out infinite;animation-play-state:var(--element-motion-state, running)}.element-symbol.animated-element-emoji--fire:after{--element-symbol-aura-duration: 2.35s}.element-symbol.animated-element-emoji--moonglow:after{--element-symbol-glow-opacity: .88;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(193,204,255,.98) 0%,rgba(122,141,255,.72) 38%,rgba(64,75,235,.18) 68%,transparent 78%);-webkit-mask-image:none;mask-image:none;filter:blur(.19em);animation:element-symbol-moon-glow 4s ease-in-out infinite;animation-play-state:var(--element-motion-state, running)}.element-icon--symbol.animated-element-emoji--moonglow:after{--element-symbol-glow-opacity: .48;filter:blur(.08em)}.element-symbol.animated-element-emoji--sunbeam:after{inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,247,174,.92) 0%,rgba(255,218,42,.62) 42%,rgba(255,191,0,.16) 68%,transparent 76%);-webkit-mask-image:none;mask-image:none;filter:blur(.1em);animation:element-symbol-sunbeam-blast 3.5s ease-out infinite;animation-play-state:var(--element-motion-state, running)}.element-symbol.animated-element-emoji--space:before,.element-symbol.animated-element-emoji--space:after{position:absolute;z-index:3;inset:46% auto auto 46%;display:block;width:8%;height:8%;border:0;border-radius:50%;content:"";background:#f4c7ff;box-shadow:0 0 .12em #df80ffe6;opacity:.95;-webkit-mask-image:none;mask-image:none;filter:none;animation:element-symbol-space-dot 3.1s linear infinite;animation-play-state:var(--element-motion-state, running);pointer-events:none}.element-symbol.animated-element-emoji--space:after{top:47.5%;left:47.5%;width:5%;height:5%;background:#fff4c7;box-shadow:0 0 .1em #ffee9de6;animation-name:element-symbol-space-dot-reverse;animation-duration:4.2s}.element-symbol.animated-element-emoji--venom:before,.element-symbol.animated-element-emoji--venom:after{position:absolute;z-index:3;inset:65% auto auto 34%;display:block;width:9%;height:14%;border:0;border-radius:48% 48% 65% 65%;content:"";background:#a5ef48;box-shadow:0 0 .1em #6cd721cc;opacity:0;-webkit-mask-image:none;mask-image:none;filter:none;animation:element-symbol-venom-drip 3.6s ease-in infinite;animation-play-state:var(--element-motion-state, running);pointer-events:none}.element-symbol.animated-element-emoji--venom:after{top:58%;left:59%;width:7%;height:11%;animation-delay:1.35s}.element-symbol.animated-element-emoji--twilight:after{--element-symbol-aura-duration: 5.4s}.element-symbol.animated-element-emoji--starburst:after{animation:element-symbol-twinkle-aura 3.8s ease-in-out infinite;animation-play-state:var(--element-motion-state, running)}.element-symbol.animated-element-emoji--lightning:after{--element-symbol-glow-opacity: .92;animation:element-symbol-lightning-aura 3.3s ease-out infinite;animation-play-state:var(--element-motion-state, running)}.element-icon--symbol.animated-element-emoji--lightning:after{--element-symbol-glow-opacity: .46}@keyframes element-symbol-breathe{0%,to{transform:scale(.985);filter:drop-shadow(0 0 .035em rgba(8,10,18,.9)) drop-shadow(0 0 .08em var(--element-symbol-color))}50%{transform:scale(1.025);filter:drop-shadow(0 0 .035em rgba(8,10,18,.9)) drop-shadow(0 0 .16em var(--element-symbol-color))}}@keyframes element-symbol-fire{0%,to{transform:translateY(1%) rotate(-1.5deg) scale(.98,.96)}32%{transform:translateY(-5%) rotate(2deg) scale(1.04,1.1)}58%{transform:translateY(-1%) rotate(-1deg) scale(1.01,1.04)}76%{transform:translateY(-3%) rotate(1deg) scale(1.025,1.075)}}@keyframes element-symbol-water{0%,to{transform:translateY(3%) scale(1.06,.92)}42%{transform:translateY(-5%) scale(.96,1.08)}65%{transform:translateY(0) scale(1.04,.97)}78%{transform:translateY(-2%) scale(.99,1.03)}}@keyframes element-symbol-wind{0%,to{transform:translate(-4%) rotate(-4deg) scale(.98)}42%{transform:translate(5%) rotate(4deg) scale(1.05)}68%{transform:translate(1%) rotate(-1.5deg) scale(1.01)}}@keyframes element-symbol-earth{0%,72%,to{transform:translate(0) scale(1)}75%{transform:translate(-2.5%,1.5%) rotate(-1deg) scale(1.035,.95)}78%{transform:translate(2.5%,.5%) rotate(1deg) scale(1.025,.965)}81%{transform:translate(-1.2%,1%) rotate(-.5deg) scale(1.015,.98)}86%{transform:translate(0) scale(1)}}@keyframes element-symbol-wood{0%,to{transform:scale(1.06,.8)}42%,58%{transform:scale(.97,1.14)}78%{transform:scale(1.025,.93)}}@keyframes element-symbol-metal{0%,to{transform:scale(.98);filter:brightness(.82) drop-shadow(0 0 .035em rgba(8,10,18,.9)) drop-shadow(0 0 .08em var(--element-symbol-color))}42%{transform:scale(1.045);filter:brightness(1.55) drop-shadow(0 0 .035em rgba(8,10,18,.9)) drop-shadow(0 0 .22em var(--element-symbol-color))}54%{transform:scale(1.01)}}@keyframes element-symbol-time{0%,12%,to{transform:rotate(-8deg) translateY(1%)}38%,50%{transform:rotate(9deg) translateY(-1%)}76%,86%{transform:rotate(-8deg) translateY(1%)}}@keyframes element-symbol-space{0%,to{transform:translate(-3%,2%) rotate(-3deg) scale(.96)}32%{transform:translate(3%,-4%) rotate(1deg) scale(1.05)}67%{transform:translate(4%,2%) rotate(4deg) scale(1)}}@keyframes element-symbol-sunbeam{0%,to{transform:scale(.88)}44%{transform:scale(1.14)}58%{transform:scale(1.02)}}@keyframes element-symbol-moonglow{0%,to{transform:translate(-1%,2%) rotate(-2deg) scale(.96)}50%{transform:translate(1%,-5%) rotate(2deg) scale(1.06)}}@keyframes element-symbol-shadow{0%,to{transform:translate(-4%) scale(.94);opacity:.5}42%{transform:translate(4%) scale(1.06);opacity:1}67%{transform:translate(1%) scale(1);opacity:.76}}@keyframes element-symbol-starburst{0%,to{transform:rotate(-4deg) scale(.9)}38%{transform:rotate(4deg) scale(1.12)}47%{transform:rotate(0) scale(.99)}57%{transform:rotate(3deg) scale(1.09)}68%{transform:rotate(0) scale(1.01)}}@keyframes element-symbol-blood{0%,38%,to{transform:scale(.99)}44%{transform:scale(1.08)}50%{transform:scale(.97)}57%{transform:scale(1.055)}66%{transform:scale(.985)}}@keyframes element-symbol-ichor{0%,14%,to{transform:rotate(0)}48%,66%{transform:rotate(90deg)}88%{transform:rotate(0)}}@keyframes element-symbol-venom{0%,to{transform:rotate(-4deg) skew(-2deg) translateY(1%)}50%{transform:rotate(4deg) skew(2deg) translateY(-3%)}}@keyframes element-symbol-lightning{0%,43%,57%,to{transform:translate(0) rotate(0) scale(1)}46%{transform:translate(-4%,-3%) rotate(-4deg) scale(1.09)}49%{transform:translate(4%,2%) rotate(4deg) scale(.94)}52%{transform:translate(-2%,-1%) rotate(-2deg) scale(1.06)}}@keyframes element-symbol-thunder{0%,56%,72%,to{transform:translate(0) scale(1)}59%{transform:translate(-3%) scale(1.06,.94)}62%{transform:translate(3%) scale(1.05,.95)}65%{transform:translate(-2%) scale(1.035,.97)}68%{transform:translate(1%) scale(1.015,.99)}}@keyframes element-symbol-twilight{0%,to{transform:translateY(4%) rotate(-1.5deg) scale(.94)}46%{transform:translateY(-4%) rotate(1.5deg) scale(1.07)}65%{transform:translateY(-1%) rotate(0) scale(1.01)}}@keyframes element-symbol-aura{0%,to{transform:scale(.86);opacity:.08}48%{transform:scale(1.18);opacity:var(--element-symbol-glow-opacity)}62%{transform:scale(1.06);opacity:.36}}@keyframes element-symbol-twinkle-aura{0%,28%,72%,to{transform:scale(.82);opacity:0}40%{transform:scale(1.24);opacity:var(--element-symbol-glow-opacity)}54%{transform:scale(1.12);opacity:.44}62%{transform:scale(1.2);opacity:var(--element-symbol-glow-opacity)}}@keyframes element-symbol-lightning-aura{0%,43%,54%,to{transform:scale(.9);opacity:0}46%{transform:scale(1.3);opacity:var(--element-symbol-glow-opacity)}49%{transform:scale(1.08);opacity:.2}52%{transform:scale(1.22);opacity:.64}}@keyframes element-symbol-moon-glow{0%,to{transform:scale(.86);opacity:.24}50%{transform:scale(1.26);opacity:var(--element-symbol-glow-opacity)}}@keyframes element-symbol-sunbeam-blast{0%,25%,to{transform:scale(.56);opacity:0}43%{transform:scale(1.22);opacity:.86}64%{transform:scale(1.42);opacity:0}}@keyframes element-symbol-space-dot{0%{transform:rotate(0) translate(430%)}to{transform:rotate(360deg) translate(430%)}}@keyframes element-symbol-space-dot-reverse{0%{transform:rotate(360deg) translate(620%)}to{transform:rotate(0) translate(620%)}}@keyframes element-symbol-venom-drip{0%,18%{transform:translateY(-8%) scale(.65);opacity:0}28%{opacity:.95}72%{transform:translateY(150%) scale(.95,1.2);opacity:.9}to{transform:translateY(245%) scale(.55);opacity:0}}@media(prefers-reduced-motion:reduce){.element-symbol__glyph{animation:none}.element-symbol:before,.element-symbol:after{animation:none;opacity:0}.element-symbol.animated-element-emoji--fire:after,.element-symbol.animated-element-emoji--sunbeam:after,.element-symbol.animated-element-emoji--starburst:after,.element-symbol.animated-element-emoji--lightning:after,.element-symbol.animated-element-emoji--twilight:after{opacity:.16}.element-symbol.animated-element-emoji--moonglow:after{opacity:.3}.element-symbol.animated-element-emoji--space:before,.element-symbol.animated-element-emoji--space:after{opacity:.72}}.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:var(--ee-layer-tooltip);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}}.instruction-icon-token{display:inline-flex;align-items:baseline}.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:var(--ee-layer-tooltip);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:var(--ee-layer-tooltip);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}.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:100vh}.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}@media(max-width:480px){.draft-header{min-width:0;width:auto;max-width:100%}}.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}.ai-difficulty-control{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-top:.55rem;padding:.35rem .6rem;border:1px solid rgba(196,174,117,.45);border-radius:8px;background:#00000047;color:var(--text-secondary);font-size:.95rem}.ai-difficulty-toggle,.ai-difficulty-options button{border:1px solid rgba(196,174,117,.65);border-radius:6px;padding:.3rem .55rem;background:#14181ef5;color:var(--text-primary);font:inherit;cursor:pointer}.ai-difficulty-toggle{font-weight:700}.ai-difficulty-options{display:flex;gap:.35rem}.ai-difficulty-options button.active{background:var(--accent);color:#1a1a1a}.ai-strategy-control{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem}.ai-strategy-control select{padding:.3rem .5rem;border:1px solid rgba(196,174,117,.65);border-radius:6px;color:var(--text-primary);background:#14181ef5;font:inherit}.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;bottom:2px;right:2px;background:#14181ec7;border:1px solid rgba(255,255,255,.55);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;z-index:3600;transition:background-color .2s ease,border-color .2s ease,width .2s ease,height .2s ease;box-shadow:0 1px 4px #00000073}.element-preview-btn svg{display:block}@media(hover:hover){.element-preview-btn:hover{background:var(--accent);border-color:var(--accent);color:#1a1a1a;width:41px;height:41px}}.element-preview-btn--row{position:static;width:auto;height:auto;padding:.3rem .6rem;border-radius:6px}@media(hover:hover){.element-preview-btn--row:hover{width:auto;height:auto}}.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;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ee-mobile-gap);padding:.2rem .75rem .65rem;overflow-y:auto;overflow-x:hidden}.element-preview-spells--hero>.spell-card{width:100%;max-width:100%;min-width:0}}@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:var(--ee-large-card-width);flex-basis:var(--ee-large-card-width)}}@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-mobile-toolbar{display:contents}.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}.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,var(--ee-large-card-width));gap:1rem;align-content:start;justify-items:center;justify-content:center}.cards-grid .spell-card--large{max-width:var(--ee-large-card-width);width:var(--ee-large-card-width)}@media(orientation:portrait)and (max-width:768px){.cards-grid{grid-template-columns:repeat(auto-fill,var(--ee-large-card-width))}.cards-grid .spell-card--large{max-width:var(--ee-large-card-width);width:var(--ee-large-card-width)}}@media(orientation:landscape){.cards-grid{grid-template-columns:repeat(auto-fill,var(--ee-large-card-width))}.cards-grid .spell-card--large{max-width:var(--ee-large-card-width)}}.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}.tutorial-card-picked{animation:tutorialCardPicked .5s ease-out}@keyframes tutorialCardPicked{0%{transform:scale(1);box-shadow:none}40%{transform:scale(1.08);box-shadow:0 0 16px 6px #ffd98a99}to{transform:scale(1);box-shadow:none}}@media(prefers-reduced-motion:reduce){.draft-waiting-banner,.tutorial-card-picked{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)}.how-to-play-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--ee-layer-modal);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}}.tutorial-overlay{position:fixed;inset:0;z-index:4500;pointer-events:none}.tutorial-overlay--locked{pointer-events:auto}.tutorial-skip{position:fixed;top:56px;right:8px;display:flex;gap:6px;pointer-events:auto}.tutorial-skip-btn{font-size:.75rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#14141abf;color:#ffffffd9;cursor:pointer}.tutorial-skip-btn:hover{background:#282832e6}.tutorial-skip-btn--confirm{border-color:#e0b357;color:#ffd98a}.tutorial-ring{position:fixed;border:3px solid #ffd98a;border-radius:12px;box-shadow:0 0 12px 4px #ffd98a8c,inset 0 0 10px #ffd98a40;animation:tutorialRingPulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes tutorialRingPulse{0%,to{box-shadow:0 0 10px 3px #ffd98a73,inset 0 0 8px #ffd98a33}50%{box-shadow:0 0 18px 7px #ffd98acc,inset 0 0 14px #ffd98a59}}.tutorial-ring--info{border-color:#ffd98a66;box-shadow:0 0 8px 2px #ffd98a40;animation:tutorialRingInfoPulse 2.4s ease-in-out infinite}@keyframes tutorialRingInfoPulse{0%,to{opacity:.5}50%{opacity:.9}}.tutorial-arrow{position:fixed;font-size:1.6rem;color:#ffd98a;text-shadow:0 2px 6px rgba(0,0,0,.6);transform:translate(-50%);animation:tutorialArrowBobY .9s ease-in-out infinite;pointer-events:none}.tutorial-arrow--left,.tutorial-arrow--right{transform:none;animation-name:tutorialArrowBobX}@keyframes tutorialArrowBobY{0%,to{margin-top:0}50%{margin-top:7px}}@keyframes tutorialArrowBobX{0%,to{margin-left:0}50%{margin-left:7px}}.tutorial-bubble{position:fixed;width:min(480px,calc(100vw - 24px));display:flex;align-items:flex-end;gap:10px;padding:16px 18px;border-radius:14px;border:2px solid rgba(255,217,138,.5);background-color:#0c0c12d9;background-image:url(/assets/frame_bkgd-B7n69PXY.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply;color:#f4efe4;box-shadow:0 6px 24px #00000080;pointer-events:auto;animation:tutorialBubbleFadeIn .2s ease-out}@keyframes tutorialBubbleFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tutorial-bubble--hint{right:12px;left:auto;bottom:max(148px,calc(env(safe-area-inset-bottom,0px) + 148px));width:min(340px,calc(100vw - 24px))}.tutorial-bubble--tappable{cursor:pointer}.tutorial-bubble--tappable:hover{border-color:#ffd98a}.tutorial-bubble--nudge{animation:tutorialBubbleNudge .3s ease-in-out}@keyframes tutorialBubbleNudge{0%,to{filter:brightness(1);box-shadow:0 6px 24px #00000080}50%{filter:brightness(1.2);box-shadow:0 6px 28px #ffd98a80}}.tutorial-bubble-avatar{width:72px;height:72px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.tutorial-bubble-avatar-wrap{display:flex;flex:0 0 76px;flex-direction:column;align-items:center;gap:2px}.tutorial-bubble-avatar-name{max-width:76px;color:#ffe3a1;font-size:.62rem;font-weight:900;line-height:1;text-align:center}.tutorial-bubble-body{flex:1;min-width:0}.tutorial-bubble-copy{margin:0;font-family:Averia Libre,cursive,sans-serif;font-size:1.05rem;line-height:1.5}.tutorial-inline-icon{width:1.1em;height:1.1em;vertical-align:-.18em;margin:0 .05em;object-fit:contain}.tutorial-bubble-continue{display:inline-block;margin-top:6px;font-family:Averia Libre,cursive,sans-serif;font-size:.75rem;color:#ffd98a;animation:tutorialContinuePulse 1.6s ease-in-out infinite}@keyframes tutorialContinuePulse{0%,to{opacity:.6}50%{opacity:1}}.tutorial-hint-fab{position:fixed;right:12px;bottom:max(84px,calc(env(safe-area-inset-bottom,0px) + 84px));width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,217,138,.6);background:#12121ae6;color:#ffd98a;font-size:1.4rem;line-height:1;padding:0;cursor:pointer;pointer-events:auto;box-shadow:0 2px 10px #00000073}.tutorial-hint-fab:hover{background:#282832f2}.tutorial-dimmed{opacity:.35;filter:grayscale(.6);pointer-events:none}@media(max-width:560px){.tutorial-bubble{width:calc(100vw - 16px);padding:12px 14px}.tutorial-bubble-avatar{width:56px;height:56px}.tutorial-bubble-copy{font-size:1rem}.tutorial-skip-btn{min-height:32px}}@media(prefers-reduced-motion:reduce){.tutorial-ring,.tutorial-ring--info,.tutorial-arrow,.tutorial-bubble,.tutorial-bubble-continue,.tutorial-bubble--nudge{animation:none}}.tutorial-cta{width:auto;min-width:0;min-height:0;margin:0;padding:4px 10px;border-radius:999px;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.2;letter-spacing:normal;cursor:pointer}.tutorial-cta--highlighted{position:relative;overflow:visible;background:linear-gradient(135deg,#b8860b,#e0b357);border:1px solid #ffd98a;animation:tutorialCtaPulse 2s ease-in-out infinite}.tutorial-cta--highlighted:before{content:"➜";position:absolute;left:-2.35rem;top:50%;color:#ffd98a;font-size:1.8rem;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.65),0 0 10px rgba(255,217,138,.7);animation:tutorialCtaArrow .8s ease-in-out infinite alternate}@keyframes tutorialCtaPulse{0%,to{box-shadow:0 0 6px 2px #ffd98a59}50%{box-shadow:0 0 16px 6px #ffd98ab3}}@keyframes tutorialCtaArrow{0%{transform:translate(-7px,-50%)}to{transform:translate(2px,-50%)}}.tutorial-cta--subtle{border:1px solid rgba(255,255,255,.25);background:transparent;color:#ffffffbf}.tutorial-cta--subtle:hover{border-color:#ffd98a;color:#ffd98a}@media(prefers-reduced-motion:reduce){.tutorial-cta--highlighted,.tutorial-cta--highlighted:before{animation:none}.tutorial-cta--highlighted:before{transform:translateY(-50%)}}.bot-name-label{--bot-accent: #58b9f2;--bot-accent-soft: rgba(88, 185, 242, .16);display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-width:0;color:var(--bot-accent)}.bot-name-label--robo-phant{--bot-accent: #ff8bd8;--bot-accent-soft: rgba(255, 84, 190, .17)}.bot-name-label__text{color:inherit;font-weight:900;white-space:nowrap}.bot-name-label__policy{display:inline-flex;align-items:center;gap:.28rem;margin-left:.15rem;color:#ffffffc7;font-size:.63rem;font-weight:700;white-space:nowrap}.bot-name-label__difficulty{padding:.12rem .34rem;border:1px solid color-mix(in srgb,var(--bot-accent) 45%,transparent);border-radius:999px;background:var(--bot-accent-soft)}.bot-name-label__difficulty-compact{display:none}.bot-name-label__difficulty,.bot-name-label__strategy{position:relative;outline:none}.bot-policy-tooltip{position:fixed;z-index:var(--ee-layer-tooltip);width:180px;padding:.25rem .45rem;border:1px solid rgba(196,174,117,.55);border-radius:5px;color:#fff;background:#12181dfa;box-shadow:0 5px 14px #0000007a;font-size:.68rem;font-weight:800;pointer-events:none;text-align:center}.bot-name-label__strategy{display:inline-flex}.bot-name-label__strategy-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--bot-accent) 45%,transparent))}.bot-avatar{--bot-size: 24px;position:relative;display:inline-block;width:var(--bot-size);height:var(--bot-size);flex:0 0 var(--bot-size);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--bot-accent) 55%,transparent));animation:botAvatarHover 2.4s ease-in-out infinite}.bot-avatar--tiny{--bot-size: 16px}.bot-avatar--small{--bot-size: 20px}.bot-avatar--large{--bot-size: 32px}.player-avatar--human{--player-avatar-size: 20px;position:relative;display:inline-block;width:var(--player-avatar-size);height:var(--player-avatar-size);flex:0 0 var(--player-avatar-size);overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:linear-gradient(145deg,#6bb4daf2,#275b7cf5);color:#fff;font-size:.7rem;font-weight:900;line-height:var(--player-avatar-size);text-align:center}.player-avatar--tiny{--player-avatar-size: 16px}.player-avatar--small{--player-avatar-size: 20px}.player-avatar--large{--player-avatar-size: 32px}.player-avatar__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bot-avatar__antenna{position:absolute;top:0;left:50%;width:2px;height:5px;background:var(--bot-accent);transform:translate(-50%)}.bot-avatar__antenna:before{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--bot-accent);transform:translate(-50%);animation:botAntennaBlink 1.35s ease-in-out infinite}.bot-avatar__face{position:absolute;inset:5px 3px 1px;border:2px solid var(--bot-accent);border-radius:2px;background:linear-gradient(145deg,#1a2730f5,#070c10fa)}.bot-avatar--robo-phant .bot-avatar__face{inset:5px 1px 1px;border-radius:50% 50% 7px 7px;transform:rotate(-2deg)}.bot-avatar__eye{position:absolute;top:29%;width:3px;height:3px;border-radius:50%;background:var(--bot-accent);animation:botEyeBlink 3.2s step-end infinite}.bot-avatar--robo-phant .bot-avatar__eye{width:4px;border-radius:1px}.bot-avatar__eye--left{left:25%}.bot-avatar__eye--right{right:25%}.bot-avatar__mouth{position:absolute;left:30%;right:30%;bottom:21%;height:2px;border-radius:999px;background:var(--bot-accent)}.bot-avatar--robo-phant .bot-avatar__mouth{left:39%;right:39%;bottom:13%;height:4px}@keyframes botAvatarHover{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes botAntennaBlink{0%,70%,to{opacity:1}78%,92%{opacity:.28}}@keyframes botEyeBlink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.15)}}@media(prefers-reduced-motion:reduce){.bot-avatar,.bot-avatar__antenna:before,.bot-avatar__eye{animation:none}}@media(max-width:767px){.bot-name-label__difficulty{min-width:1.25rem;padding:.1rem .28rem;text-align:center}.bot-name-label__difficulty-full{display:none}.bot-name-label__difficulty-compact{display:inline}}.spectator-setup{min-height:100dvh;padding:2rem clamp(1rem,4vw,4rem) 3rem;color:var(--text-primary);background:radial-gradient(circle at 20% 15%,rgba(92,152,198,.2),transparent 34rem),radial-gradient(circle at 85% 30%,rgba(180,112,205,.17),transparent 30rem),#111820}.spectator-setup__header{max-width:720px;margin:0 auto 1.5rem;text-align:center}.spectator-setup__eyebrow{display:inline-block;color:#b8dfff;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.spectator-setup__header h1{margin:.35rem 0;font-family:var(--font-heading)}.spectator-setup__header p{color:var(--text-secondary)}.spectator-setup__bots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:920px;margin:0 auto}.spectator-bot-card,.spectator-match-card{padding:1.2rem;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#19242feb;box-shadow:0 16px 38px #00000040}.spectator-bot-card--0{border-top:3px solid #57b4ec}.spectator-bot-card--1{border-top:3px solid #ca7ee8}.spectator-bot-card__identity{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.spectator-bot-card__identity h2{margin:0}.spectator-bot-card__robot{font-size:1.55rem}.spectator-bot-card label,.spectator-match-card label,.spectator-element-picks{display:grid;gap:.35rem;margin-top:.8rem;color:var(--text-secondary)}.spectator-bot-card label>span,.spectator-match-card label>span,.spectator-element-picks>span{font-size:.8rem;font-weight:700}.spectator-bot-card strong,.spectator-match-card strong{color:#a8d8ff;font-size:.68rem;text-transform:uppercase}.spectator-bot-card em,.spectator-match-card em,.spectator-element-picks em{color:#a9b1b9;font-size:.72rem;font-style:normal}.spectator-bot-card select,.spectator-match-card select,.spectator-match-card input{min-height:42px;width:100%;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#fff;background:#1c2833;font-size:1rem}.spectator-bot-card select.is-invalid{border-color:#ef7777;box-shadow:0 0 0 2px #ef777738}.spectator-element-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.spectator-element-picks>span{grid-column:1 / -1}.spectator-element-pick{margin-top:0!important}.spectator-match-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:920px;margin:1rem auto 0}.spectator-seed-control{grid-column:1 / -1}.spectator-seed-control summary{color:#f7eed5;cursor:pointer;font-weight:800}.spectator-seed-control__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;margin-top:.55rem}.spectator-seed-control__row button{border:1px solid rgba(220,201,147,.45);border-radius:7px;padding:.5rem .75rem;color:#fff8e8;background:#070c10b8;cursor:pointer}.spectator-setup__error{max-width:920px;margin:1rem auto 0;padding:.75rem 1rem;border:1px solid #dd6b6b;border-radius:9px;color:#ffd0d0;background:#821e1e4d}.spectator-setup__preview{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:1.5rem auto .8rem;font-weight:800}.spectator-setup__versus{color:#c6a768;font-family:var(--font-heading);text-transform:uppercase}.spectator-start-btn{display:block;min-width:min(300px,90vw);margin:0 auto;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;font-weight:800;background:linear-gradient(135deg,#297bb2,#804b9b);cursor:pointer}@media(max-width:700px){.spectator-setup{padding:.65rem .75rem 1.25rem}.spectator-setup__header{margin-bottom:.65rem;padding-inline:2.5rem}.spectator-setup__eyebrow{font-size:.72rem;letter-spacing:.07em}.spectator-setup__header h1{margin:.15rem 0 0;font-size:clamp(1.55rem,8vw,2rem);line-height:1}.spectator-setup__bots,.spectator-match-card{grid-template-columns:1fr;gap:.6rem}.spectator-bot-card,.spectator-match-card{padding:.8rem;border-radius:12px}.spectator-bot-card__identity{margin-bottom:.35rem}.spectator-bot-card__identity h2{font-size:1rem}.spectator-bot-card label,.spectator-match-card label,.spectator-element-picks{margin-top:.5rem}.spectator-bot-card label>span,.spectator-match-card label>span,.spectator-element-picks>span{font-size:.88rem}.spectator-bot-card select,.spectator-match-card select,.spectator-match-card input{min-height:46px;font-size:1rem}.spectator-seed-control__row{grid-template-columns:minmax(0,1fr) auto auto}}.loading-screen{position:fixed;inset:0;z-index:var(--ee-layer-loading, 20000);display:grid;place-items:center;width:100%;min-width:320px;height:100vh;height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px));overflow:hidden;overscroll-behavior:none;touch-action:none;color:#fff;background:radial-gradient(circle at 50% 42%,rgba(196,174,117,.14),transparent 34%),linear-gradient(135deg,#28333b,#3c3f42)}.loading-screen--overlay{animation:loading-screen-fade-in .16s ease-out both}.loading-screen__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(82vw,360px);text-align:center}.loading-screen__logo{display:block;width:clamp(72px,18vw,112px);height:auto;max-height:min(28dvh,112px);object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.42));animation:loading-logo-spin 1.5s linear infinite;transform-origin:center}.loading-screen__message{margin:18px 0 0;font-family:var(--font-heading, "Aladin", cursive);font-size:clamp(1.35rem,5vw,1.9rem);line-height:1.15;color:#e2cf9c;letter-spacing:.025em}.loading-screen__detail{margin:7px 0 0;min-height:1.2em;font-size:clamp(.86rem,3.2vw,1rem);color:#ffffffb8}.loading-screen__progress{width:min(68vw,240px);height:5px;margin-top:18px;overflow:hidden;border-radius:999px;background:#ffffff24;box-shadow:inset 0 1px 2px #0000004d}.loading-screen__progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9f8c66,#e2cf9c);transition:width .16s ease-out}body.ee-loading-active{overflow:hidden}@keyframes loading-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-screen-fade-in{0%{opacity:0}to{opacity:1}}@media(orientation:landscape)and (max-height:500px){.loading-screen{padding:calc(10px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}.loading-screen__logo{width:clamp(56px,16dvh,82px);max-height:28dvh}.loading-screen__message{margin-top:10px;font-size:clamp(1.15rem,5dvh,1.5rem)}.loading-screen__detail{margin-top:3px;font-size:.82rem}.loading-screen__progress{margin-top:10px}}@media(prefers-reduced-motion:reduce){.loading-screen--overlay{animation:none}.loading-screen__logo{animation:loading-logo-pulse 1.4s ease-in-out infinite}.loading-screen__progress>span{transition:none}}@keyframes loading-logo-pulse{0%,to{opacity:.62;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}:root{--ee-mobile-gutter: 10px;--ee-mobile-gap: 8px;--ee-control-compact: 44px;--ee-control-normal: 52px;--ee-safe-top: env(safe-area-inset-top, 0px);--ee-safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{width:100%;max-width:100%;min-height:100%}html,body{overflow-x:clip}body{display:block;place-items:initial;min-width:0;min-height:100svh}button,summary{touch-action:manipulation}.top-mobile-menu,.mobile-phase-status,.top-counters__compact{display:none}.stat-glyph,.stat-number,.stat-maximum{line-height:1}.stat-glyph--health{color:#ff5252;font-size:1.05rem;filter:drop-shadow(0 0 4px rgba(255,82,82,.45))}.stat-glyph--trunk{font-size:.92rem}.stat-number{color:#fff;font-size:.84rem;font-weight:900;font-variant-numeric:tabular-nums}.stat-maximum{color:#ffffff85;font-size:.7rem;font-weight:700}.health-compact--reveal{animation:mobileHealthReveal .7s ease-out}@keyframes mobileHealthReveal{0%{transform:scale(.84);filter:brightness(1)}45%{transform:scale(1.18);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}.opponent-hand-element-count{color:#fff;font-size:.68rem;font-weight:900;font-variant-numeric:tabular-nums}.opponent-hand-element-chip{position:relative}.opponent-hand-card-anchor{position:absolute;inset:0;pointer-events:none}.phase-symbol{position:relative;display:inline-grid;width:1.45rem;height:1.25rem;place-items:center;flex:0 0 auto;color:currentColor}.phase-symbol__card{width:.72rem;height:.94rem;border:1.5px solid currentColor;border-radius:2px;background:#ffffff1f;box-shadow:2px 2px #fff3}.phase-symbol__eye{position:relative;width:1.15rem;height:.72rem;border:1.5px solid currentColor;border-radius:70% 20%;transform:rotate(45deg)}.phase-symbol__eye:after{content:"";position:absolute;inset:50% auto auto 50%;width:.28rem;height:.28rem;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.phase-symbol__fan{position:relative;width:1.2rem;height:1rem}.phase-symbol__fan>span{position:absolute;left:.34rem;bottom:0;width:.68rem;height:.88rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:2px;background:#3b464d;font-size:.42rem;transform-origin:50% 100%}.phase-symbol__fan>span:first-child{transform:rotate(-24deg)}.phase-symbol__fan>span:nth-child(2){transform:rotate(-11deg)}.phase-symbol__fan>span:last-child{transform:rotate(8deg)}.phase-symbol__arrow{font-size:1.35rem;font-weight:900;line-height:1}@media(prefers-reduced-motion:reduce){.health-compact--reveal{animation:none}}@media(max-width:767px){:root{--ee-large-card-width: min(172px, calc((100vw - 3.5rem)/2) )}.app{width:100%;max-width:100%}.modal-overlay{width:100%;height:100dvh;inset:0;padding:max(var(--ee-mobile-gutter),var(--ee-safe-top)) var(--ee-mobile-gutter) max(var(--ee-mobile-gutter),var(--ee-safe-bottom));overflow:hidden}.modal-content:not(.spell-modal){width:100%;max-width:100%;max-height:calc(100dvh - var(--ee-safe-top) - var(--ee-safe-bottom) - 20px);min-width:0}.modal-header,.modal-footer{flex:0 0 auto}.modal-body{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal-close{width:var(--ee-control-compact);height:var(--ee-control-compact);top:max(6px,var(--ee-safe-top));right:6px;z-index:10}.app--browser{padding:max(6px,var(--ee-safe-top)) var(--ee-mobile-gutter) max(12px,var(--ee-safe-bottom));overflow-x:clip}.app--browser .header-container{width:100%;max-width:100%;margin-bottom:8px;overflow:hidden}.app--browser .header-elephant{display:none}.app--browser .app-header{width:100%;max-width:100%;padding:12px 8px 10px;overflow:visible}.app--browser .app-header h1{margin:4px 0 8px;font-size:clamp(1.4rem,7.2vw,1.85rem);line-height:1.05;letter-spacing:.02em;white-space:nowrap}.app--browser .inline-logo{height:1em}.app--browser .header-actions{display:grid;grid-template-columns:minmax(72px,.72fr) repeat(2,minmax(0,1fr));gap:6px;width:100%;align-items:center}.app--browser .header-actions>.start-game-btn{width:100%;min-width:0;min-height:40px;height:clamp(40px,10.5vw,44px);margin:0;padding:4px 6px;display:grid;place-items:center;border-radius:10px;font-family:var(--font-heading);font-size:clamp(.82rem,3.8vw,1rem);line-height:1.05;text-align:center;white-space:normal;overflow-wrap:anywhere;background-image:url(/assets/button-C3d8KYUC.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:0 3px 10px #0000004d}.app--browser .header-compact-actions{width:100%;gap:4px;align-self:center}.app--browser .header-compact-actions .tutorial-cta{width:fit-content;max-width:100%;min-width:0;min-height:24px;max-height:30px;margin:0;padding:4px 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:var(--font-body);font-size:clamp(.66rem,2.8vw,.78rem);line-height:1;text-align:center;white-space:nowrap;background-image:none;box-shadow:none}.app--browser .tutorial-cta--highlighted{background:linear-gradient(135deg,#b8860b,#e0b357)}.app--browser .tutorial-cta--highlighted:before{display:none}.app--browser .account-bar{width:100%;gap:5px 8px;margin-top:8px;font-size:.78rem}.app--browser .account-name,.app--browser .account-badge,.app--browser .account-link{min-width:0;max-width:100%}.app--browser .controls{width:100%;margin:0 0 8px;padding:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;overflow:visible}.app--browser .controls:after{display:none}.app--browser .filter-btn,.app--browser .filter-dropdown-btn,.app--browser .sort-dropdown-btn,.app--browser .how-to-play-btn{width:auto;min-width:var(--ee-control-compact);min-height:var(--ee-control-compact);max-height:52px;padding:6px 9px;font-size:.78rem;line-height:1.1}.app--browser .filter-dropdown-menu,.app--browser .sort-dropdown-menu{max-width:calc(100vw - 2 * var(--ee-mobile-gutter))}.app--browser .filter-dropdown-group:last-of-type .sort-dropdown-menu{right:0;left:auto}.app--browser .element-rows{width:100%;max-width:100%;gap:10px;padding:0}.app--browser .element-row{width:100%;min-width:0;padding:8px}.app--browser .element-row-header{min-width:0;margin-bottom:8px;flex-direction:row;align-items:center;gap:6px}.app--browser .element-info,.app--browser .element-meta{min-width:0}.app--browser .element-theme{min-width:0;margin-left:0;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app--browser .element-spells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ee-mobile-gap);width:100%;min-width:0}.app--browser .element-spells>.spell-card,.app--browser .element-spells .spell-card--large{width:100%;max-width:100%;min-width:0}.draft-view{width:100%;max-width:100%;min-height:100dvh;padding:max(6px,var(--ee-safe-top)) var(--ee-mobile-gutter) max(12px,var(--ee-safe-bottom));overflow-x:clip}.draft-header{width:100%;max-width:100%;min-width:0;padding:8px 46px 6px}.draft-header h1{margin:0;font-size:1.25rem}.draft-directions-container{margin-top:5px;padding:6px 8px}.draft-directions,.turn-indicator{font-size:.78rem}.draft-selections{width:100%;margin:6px 0;padding:6px 8px}.draft-mobile-toolbar{width:100%;min-width:0;display:flex;align-items:center;gap:6px;margin:5px 0}.draft-mobile-toolbar>.draft-selections{min-width:0;flex:1 1 auto;margin:0}.draft-selection-row{gap:4px;font-size:.75rem}.draft-selection-row button,.my-element,.enemy-element{min-height:36px;padding:4px 7px;font-size:.74rem}.draft-view>.elements-grid,.draft-modal-content>.elements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ee-mobile-gap);width:100%;min-width:0;margin:0;padding:0;align-items:start;overflow:visible}.draft-view .element-card-wrapper,.draft-modal-content .element-card-wrapper{min-width:0;height:auto;align-self:start}.draft-view .element-card,.draft-modal-content .element-card{width:100%;min-width:0;min-height:138px;max-height:158px;padding:8px 5px 12px;gap:3px;justify-content:center;overflow:hidden}.draft-view .element-card .animated-element-emoji,.draft-modal-content .element-card .animated-element-emoji{width:52px!important;height:52px!important}.draft-view .element-card .element-name,.draft-modal-content .element-card .element-name{font-size:1rem}.draft-view .element-card .element-theme,.draft-modal-content .element-card .element-theme{width:100%;min-width:0;margin:0;font-size:.7rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-view .element-type-container,.draft-modal-content .element-type-container{min-height:22px;gap:4px}.draft-view .element-type-label,.draft-modal-content .element-type-label{display:none}.draft-view .element-preview-btn,.draft-modal-content .element-preview-btn{width:var(--ee-control-compact);height:var(--ee-control-compact);right:1px;bottom:1px}.draft-modal-content{height:calc(100dvh - var(--ee-safe-top) - var(--ee-safe-bottom) - 20px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:5px;padding:8px;overflow:hidden}.draft-modal-content .draft-modal-header{min-width:0;padding:2px 48px 4px 2px;gap:6px}.draft-modal-content .draft-modal-title h2{font-size:1.05rem}.draft-modal-content .draft-modal-title p{display:none}.draft-modal-content .draft-skip-btn{min-height:var(--ee-control-compact);padding:5px 8px;font-size:.75rem}.draft-modal-content .draft-selections--modal{max-height:72px;margin:0;overflow-y:auto}.draft-modal-content .draft-mobile-toolbar{margin:0}.draft-modal-content>.elements-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px max(8px,var(--ee-safe-bottom))}.cards-grid,.hand-formation-grid,.discard-grid,.hand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ee-mobile-gap);width:100%;min-width:0;padding:8px;justify-items:stretch}.cards-grid .spell-card,.hand-formation-grid .spell-card,.discard-grid .spell-card,.hand-grid .spell-card{width:100%;max-width:100%;min-width:0}.hand-formation-modal{width:100%;height:calc(100dvh - var(--ee-safe-top) - var(--ee-safe-bottom) - 20px);max-height:none}.hand-formation-header{padding:10px 12px 7px}.hand-formation-header h2{font-size:1.35rem}.hand-formation-header p{font-size:.78rem}.hand-formation-grid{min-height:0;overflow-y:auto}.hand-formation-footer{min-height:calc(var(--ee-control-normal) + var(--ee-safe-bottom));padding:6px 10px max(6px,var(--ee-safe-bottom))}.hand-formation-footer .confirm-btn{min-height:var(--ee-control-compact);max-height:56px}.game-view{width:100%;height:var(--app-vh, 100dvh);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.game-top-panel{position:relative;inset:auto;z-index:var(--ee-layer-chrome);min-width:0;max-height:none;padding:4px 6px 5px;padding-top:max(4px,var(--ee-safe-top));gap:4px}.game-control-row{min-width:0;min-height:var(--ee-control-compact);display:grid;grid-template-columns:var(--ee-control-compact) minmax(0,1fr) max-content;align-items:center;padding:0;gap:6px;overflow:visible;border-bottom:0}.game-control-row>.top-settings-btn,.game-control-row>.top-htplay-btn,.game-control-row>.top-exit-btn{display:none}.top-mobile-menu{position:relative;display:block;flex:0 0 var(--ee-control-compact);z-index:var(--ee-layer-popover)}.top-mobile-menu__trigger{width:var(--ee-control-compact);height:var(--ee-control-compact);display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#ffffff14;color:#fff;font-size:1.15rem;list-style:none;cursor:pointer;touch-action:manipulation}.top-mobile-menu__popover{position:absolute;top:calc(100% + 5px);left:0;width:min(210px,calc(100vw - 20px));display:grid;gap:4px;padding:6px;border:1px solid rgba(196,174,117,.48);border-radius:10px;background:#1e272efc;box-shadow:0 14px 38px #00000094}.top-mobile-menu__popover button{width:100%;min-height:var(--ee-control-compact);padding:7px 10px;color:#fff;text-align:left;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.top-mobile-menu__popover .top-mobile-menu__exit{color:#ffc1c1;border-color:#ff787857}.mobile-phase-status{min-width:0;min-height:var(--ee-control-compact);display:flex;align-items:center;gap:4px;padding:4px 7px;overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#12181dc2}.mobile-phase-status.phase-prepare{border-color:#4caf5094;background:linear-gradient(90deg,#1c5333d1,#12181dc7)}.mobile-phase-status.phase-reveal{border-color:#2196f39e;background:linear-gradient(90deg,#164872db,#12181dc7)}.mobile-phase-status.phase-resolve{border-color:#ffc107a3;background:linear-gradient(90deg,#704e10d9,#12181dc7)}.mobile-phase-status.phase-migrate{border-color:#9c78ffa3;background:linear-gradient(90deg,#483a80db,#12181dc7)}.mobile-phase-status.phase-waiting{border-color:#78909cbd;background:linear-gradient(90deg,#36444de6,#12181dd1)}.mobile-phase-status.phase-choice-required{border-color:#ffab40f0;background:linear-gradient(90deg,#82410ef5,#311d14e6)}.mobile-phase-status.phase-action-needed{box-shadow:inset 0 0 0 1px #4caf5014,0 0 10px #4caf502e}.mobile-phase-status__icon{flex:0 0 18px;width:18px;height:18px}.mobile-phase-status__label{flex:0 0 auto;font-size:.67rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.mobile-phase-status__separator{flex:0 0 auto;opacity:.52}.mobile-phase-status__instruction,.mobile-phase-status__separator{display:none}.game-control-row .top-panel-center{width:auto;min-width:0;margin:0;justify-content:flex-end}.top-counters{width:auto;min-width:0;min-height:var(--ee-control-compact);padding:5px 7px;display:flex;align-items:center;justify-content:flex-end;font-size:.78rem;overflow:hidden}.top-counters__long{display:none}.top-counters__compact{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}.game-top-panel .player-stat-row{width:100%;min-width:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px;padding:0;align-items:stretch}.game-top-panel .player-stat-row>.player-stat-section,.game-top-panel .player-stat-row>.player-stat-section:first-child,.game-top-panel .player-stat-row>.player-stat-section:nth-child(2){width:100%;min-width:0;margin:0;order:initial;flex:none}.game-top-panel .player-stat-row>.player-stat-section:first-child{width:auto}.game-top-panel .player-stat-compact,.game-top-panel .player-stat-compact.opponent{width:100%;max-width:none;min-width:0;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(20px,auto) minmax(30px,1fr);grid-template-areas:"name" "content";align-items:stretch;gap:2px;padding:3px 6px 4px;border-width:1px;overflow:hidden}.game-top-panel .player-stat-compact.you{width:max-content;max-width:46vw;height:100%;border-width:2px;border-color:#5ee770f2;background:linear-gradient(135deg,#28753c57,#1b392942),#ffffff0a;box-shadow:inset 0 0 0 1px #bdffc31a,0 0 12px #4cd76447}.game-top-panel .player-stat-compact.opponent{width:100%;max-width:100%;margin-left:auto}.game-top-panel .player-console-identity-row{grid-area:name;min-width:0;display:flex;align-items:center;gap:3px;overflow:hidden}.game-top-panel .player-stat-compact.opponent .player-console-identity-row{width:100%;justify-content:flex-end;text-align:right}.game-top-panel .player-console-content-row{grid-area:content;min-width:0;display:flex;align-items:center;gap:4px;max-width:100%;overflow:hidden}.game-top-panel .player-name-compact{min-width:0;max-width:none;flex:0 1 auto;padding:1px 4px;color:#e6dcbeeb;font-size:.52rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-top-panel .ringleader-icon{width:14px;height:14px;display:inline-grid;place-items:center;flex:0 0 14px;font-size:.58rem;line-height:1;border:1px solid rgba(255,224,125,.54);border-radius:999px;background:#23272af5;box-shadow:0 1px 3px #0000008f}.game-top-panel .invulnerable-icon{flex:0 0 auto;font-size:.58rem}.game-top-panel .health-compact,.game-top-panel .trunks-compact{flex:0 0 auto;gap:2px}.game-top-panel .player-console-stats{flex:0 0 auto;display:flex;align-items:center;gap:4px;min-width:0}.game-top-panel .player-stat-compact.opponent>.player-console-content-row{display:flex;flex-wrap:nowrap;justify-content:flex-end;min-height:32px}.game-top-panel .player-stat-compact.console-stats-stacked .player-console-stats{flex-direction:column;justify-content:center;gap:0}.game-top-panel .player-stat-compact.console-stats-stacked .player-console-stats{align-items:flex-end}.game-top-panel .player-stat-compact.you.console-stats-stacked .player-console-stats{margin-left:auto}.game-top-panel .enemy-console-inventory{width:max-content;max-width:100%;min-width:0;min-height:32px;flex:0 1 auto;justify-content:flex-end;gap:3px;padding-left:6px;border:0;border-left:1px solid rgba(255,255,255,.14);overflow:hidden}.game-top-panel .enemy-console-hand{min-width:0;flex:0 1 auto;justify-content:flex-end;gap:2px}.game-top-panel .enemy-console-hand__icon,.game-top-panel .enemy-console-hand__count{display:none}.game-top-panel .opponent-hand-elements{position:relative;min-width:0;flex:0 1 auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:2px;align-items:center;overflow:hidden}.game-top-panel .player-stat-compact.opponent.console-inventory-wrapped>.player-console-content-row{align-items:flex-start}.game-top-panel .player-stat-compact.opponent.console-inventory-wrapped .opponent-hand-elements{flex-wrap:wrap}.game-top-panel .opponent-hand-element-chip{height:32px;min-height:32px;margin:0;padding:3px 4px;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#fff;border:1px solid color-mix(in srgb,var(--element-accent, #c4ae75) 62%,white 12%);border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--element-accent, #c4ae75) 32%,rgba(33,42,48,.96)),#1c242af5);box-shadow:inset 0 0 0 1px #ffffff0f;font:inherit;line-height:1}.game-top-panel .enemy-console-inventory .opponent-hand-element-chip--icon{position:relative;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;aspect-ratio:1;flex:0 0 32px;padding:3px;cursor:pointer}.game-top-panel .opponent-hand-element-emoji{width:21px;height:21px;flex:0 0 21px;filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.8))}.game-top-panel .opponent-hand-element-count{flex:0 0 auto;font-size:.62rem}.game-top-panel .opponent-hand-element-chip--icon .opponent-hand-element-count{position:absolute;right:1px;bottom:1px}.game-top-panel .console-number-token{position:absolute;min-width:13px;min-height:13px;display:grid;place-items:center;padding:1px 2px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#141b20f5;box-shadow:0 1px 3px #0009;line-height:1}.opponent-hand-element-tooltip{position:absolute;top:calc(100% + 5px);left:50%;z-index:var(--ee-layer-tooltip);min-width:max-content;padding:4px 6px;color:#fff;font-size:.68rem;font-weight:800;border:1px solid rgba(196,174,117,.54);border-radius:6px;background:#181f24fa;box-shadow:0 6px 16px #0000007a;pointer-events:none;transform:translate(-50%);white-space:nowrap}.opponent-hand-card-anchors{position:absolute;inset:0;pointer-events:none}.game-top-panel .enemy-console-graveyard{position:relative;width:32px;min-width:36px;min-height:32px;padding:3px;display:grid;place-items:center}.game-top-panel .enemy-console-graveyard .dock-graveyard-badge{right:1px;bottom:1px;margin-left:0}.phase-hero{display:none}.phase-hero__badge{flex:0 0 auto;min-height:30px;padding:3px 7px;gap:4px}.phase-hero__icon{width:1.2rem;height:1rem;font-size:inherit}.phase-hero__label{font-size:.72rem}.phase-hero__copy{min-width:0;flex:1 1 auto}.phase-hero__instruction{min-width:0;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-hero__activity{position:static;flex:0 0 auto;transform:none}.board-section{grid-row:2;min-width:0;min-height:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px}.clashes{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:6px;padding:6px}.clash-area,.clash-area.venture-clash{grid-column:auto;width:100%;min-width:0;scroll-margin-block:10px}.clash-area.condensed{min-height:58px}.clash-area.condensed.is-empty{min-height:40px;padding-block:4px;justify-content:center}.clash-area.condensed .clash-header{margin:0}.clash-spells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.clash-spells>.spell-in-clash{width:100%;min-width:0;max-width:none}.clash-spells:has(>.spell-in-clash.clash-card-expanded){grid-template-columns:repeat(2,minmax(0,var(--ee-large-card-width)));justify-content:start}.clash-spells>.spell-in-clash.clash-card-expanded{width:min(100%,var(--ee-large-card-width));max-width:var(--ee-large-card-width)}.clash-spells>.spell-in-clash.clash-card-expanded .spell-card--large{width:100%!important;max-width:var(--ee-large-card-width)!important}.game-view .spell-card--small .spell-card__name,.game-view .spell-card--mini .spell-card__name{min-width:0;max-width:none;flex:1 1 auto}.game-view>.bottom-command-dock{position:relative;inset:auto;grid-row:3;min-width:0;max-height:var(--app-dock-max, min(42dvh, 360px));padding:5px 7px max(5px,var(--ee-safe-bottom));gap:5px;overflow:hidden}.game-view>.bottom-command-dock.prompt-active{max-height:var(--app-prompt-dock-max, min(46dvh, 390px))}.game-view:not(.compact-landscape)>.bottom-command-dock.dock-mode-hand{max-height:none}.bottom-command-dock>.dock-hand-inspector,.bottom-command-dock>.dock-prompt-panel,.bottom-command-dock>.dock-log-content{min-width:0;min-height:0;flex:1 1 auto}.bottom-command-dock .dock-hand-inspector{padding:4px;overflow:hidden}.bottom-command-dock .dock-panel-cards,.bottom-command-dock .dock-hand-full-cards{min-width:0;max-height:min(31dvh,280px);padding:2px 2px 5px;gap:7px;flex-wrap:nowrap;align-items:flex-start;overflow-x:auto;overflow-y:hidden}.bottom-command-dock.dock-mode-hand .dock-panel-cards{max-height:none;overflow-y:hidden;overscroll-behavior-x:contain}.bottom-command-dock .dock-panel-card-actions,.bottom-command-dock .dock-hand-full-card-actions{position:static;z-index:5;flex:0 0 auto;padding-top:4px;background:linear-gradient(to bottom,#19212700,#192127fa 4px)}.bottom-command-dock .dock-panel-card,.bottom-command-dock .dock-hand-full-card{flex:0 0 clamp(88px,24vw,116px);width:clamp(88px,24vw,116px);min-height:0;gap:4px}.bottom-command-dock .dock-panel-card .spell-card,.bottom-command-dock .dock-hand-full-card .spell-card{width:100%;max-width:100%;min-width:0}.bottom-command-dock .dock-panel-card-actions button,.bottom-command-dock .dock-hand-full-card-actions button{width:100%;min-height:var(--ee-control-compact);max-height:56px;padding:5px;font-size:.82rem}.bottom-command-dock .dock-nav{flex:0 0 auto;width:100%;min-width:0;min-height:var(--ee-control-compact);display:flex;flex-wrap:nowrap;gap:5px}.bottom-command-dock .dock-nav>button{min-width:var(--ee-control-compact);min-height:var(--ee-control-compact);max-height:54px;padding:5px 7px;flex:0 0 auto}.bottom-command-dock .dock-nav .dock-hand-toggle{min-width:0;flex:1 1 auto}.bottom-command-dock .dock-hand-toggle-label img{width:1.45rem;height:1.45rem}.bottom-command-dock .dock-hand-summary{min-width:0;gap:3px}.bottom-command-dock .dock-hand-summary-chip{min-width:25px;max-width:38px;min-height:25px;padding:2px;justify-content:center}.bottom-command-dock .dock-hand-summary-name{display:none}.bottom-command-dock .dock-nav .dock-graveyard-btn{min-width:48px}.bottom-command-dock .dock-nav .dock-log-toggle{min-width:68px;width:auto;flex:0 0 auto;display:flex;gap:4px}.bottom-command-dock .dock-log-latest{display:none}.bottom-command-dock .dock-log-label{font-size:.74rem}.bottom-command-dock .dock-log-content{max-height:min(30dvh,250px);margin:0;overflow-y:auto}.bottom-command-dock .dock-cta-row{flex:0 0 auto}.bottom-command-dock .dock-cta-row .dock-confirm-btn{width:100%;min-height:var(--ee-control-compact);max-height:56px}.bottom-command-dock .dock-prompt-panel{display:flex;flex-direction:column;gap:4px;overflow:hidden}.bottom-command-dock .dock-prompt{flex:0 0 auto;display:block;padding:5px 7px}.bottom-command-dock .dock-prompt-main{min-width:0;display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden}.bottom-command-dock .dock-prompt-urgency{flex:0 0 auto}.bottom-command-dock .dock-prompt-kicker,.bottom-command-dock .dock-prompt-context,.bottom-command-dock .dock-prompt-selected{display:none}.bottom-command-dock .dock-prompt-title{min-width:0;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-command-dock .dock-prompt-options{flex:1 1 auto;min-height:0;max-height:none;margin:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.bottom-command-dock .dock-choice-layout{width:100%;min-height:0;display:grid;grid-template-columns:minmax(96px,30vw) minmax(0,1fr);grid-auto-rows:max-content;align-items:start;align-content:start;gap:7px;overflow-x:hidden;overflow-y:hidden}.bottom-command-dock.prompt-active .dock-panel-card,.bottom-command-dock.prompt-active .dock-hand-full-card{max-height:none;overflow-y:hidden}.bottom-command-dock .dock-prompt-source-card{width:100%;min-width:0;margin:0;padding:0 6px 0 0}.bottom-command-dock .dock-prompt-source-card .dock-card-kicker{font-size:.58rem}.bottom-command-dock .dock-choice-panel{width:100%;min-width:0;align-self:start;gap:5px}.bottom-command-dock .dock-choice-panel .dock-choice-btn,.bottom-command-dock .dock-choice-panel .dock-skip-btn,.bottom-command-dock .dock-choice-panel .dock-direct-target-btn,.bottom-command-dock .dock-direct-target-btn{width:100%;min-height:var(--ee-control-compact);max-height:72px;flex:0 0 auto;padding:6px 8px;align-items:center;font-size:.78rem;line-height:1.12;overflow:hidden}.bottom-command-dock .dock-hidden-card-face{min-height:112px;padding:6px}.targeting-modal.modal-with-side-card{width:100%;height:min(78dvh,620px);max-height:calc(100dvh - var(--ee-safe-top) - var(--ee-safe-bottom) - 20px);display:grid;grid-template-columns:minmax(96px,30vw) minmax(0,1fr);gap:8px;padding:8px;overflow:hidden}.targeting-modal .modal-side-panel{min-width:0;padding:0 8px 0 0;margin:0;border-right:1px solid rgba(255,255,255,.12);border-bottom:0;overflow:hidden}.targeting-modal .modal-side-panel .spell-card{width:100%;max-width:100%;min-width:0}.targeting-modal .modal-side-instruction{display:none}.targeting-modal .modal-main-panel{min-width:0;min-height:0;overflow:hidden}.targeting-modal .targeting-header{margin-bottom:6px}.targeting-modal .targeting-header h2{font-size:1.05rem}.targeting-modal .targeting-caster{font-size:.7rem}.targeting-modal .targeting-hint{margin-top:5px;padding:5px 7px;font-size:.75rem}.targeting-modal .targeting-body{min-height:0;max-height:calc(78dvh - 160px);margin:0;overflow-y:auto}.targeting-modal .clash-selection-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:6px;padding:0}.targeting-modal .clash-card{min-height:var(--ee-control-normal);max-height:64px;padding:6px 8px;display:flex;flex-direction:row;justify-content:flex-start;gap:8px}.targeting-modal .clash-number{font-size:1.3rem}.targeting-modal .targeting-footer{margin-top:7px;gap:5px}.targeting-modal .targeting-footer button{min-height:var(--ee-control-compact);max-height:56px;padding:6px 10px;font-size:.78rem}.spectator-mode .game-control-row{grid-template-columns:var(--ee-control-compact) minmax(0,1fr) var(--ee-control-compact) minmax(72px,auto);max-width:100%;overflow:hidden}.spectator-mode .game-top-panel,.spectator-mode .game-top-panel>*,.spectator-mode .game-top-panel .player-stat-row,.spectator-mode .game-top-panel .player-stat-section,.spectator-mode .game-top-panel .player-stat-compact,.spectator-mode .player-console-identity-row,.spectator-mode .player-console-content-row{min-width:0;max-width:100%}.spectator-mode .mobile-phase-status{justify-content:center;min-width:0;overflow:hidden}.spectator-mode .game-top-panel .player-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.spectator-mode .game-top-panel .player-stat-row--opponent-ringleader{grid-template-columns:fit-content(44%) minmax(0,1fr)}.spectator-mode .game-top-panel .player-stat-row>.player-stat-section:first-child,.spectator-mode .game-top-panel .player-stat-compact.you,.spectator-mode .game-top-panel .player-stat-compact.opponent{width:100%;max-width:none}.game-view>.spectator-hands-dock{max-height:min(24dvh,128px);padding:4px 5px max(4px,var(--ee-safe-bottom))}.game-view>.spectator-hands-dock:has(.spectator-hand.is-expanded){max-height:min(42dvh,360px)}.spectator-hands-dock__hands{grid-template-columns:minmax(0,1fr) var(--ee-control-compact);gap:4px}.spectator-hand{min-height:43px;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:4px;padding:3px 4px;overflow:hidden}.spectator-hand__heading{width:100%;min-width:0;display:grid;grid-template-columns:38px 34px;gap:2px;margin:0;overflow:hidden}.spectator-hand__heading button{min-height:34px;padding:2px 4px}.spectator-hand__toggle{width:100%;max-width:none;min-width:0;overflow:hidden}.spectator-hand__toggle .bot-name-label{width:auto;min-width:0;gap:3px;font-size:.66rem}.spectator-hand__toggle .bot-name-label__text{display:none}.spectator-hand__toggle .bot-name-label__policy{flex:0 0 auto;margin-left:0}.spectator-hand__toggle .bot-avatar{--bot-size: 17px}.spectator-hand__heading .dock-graveyard-btn{position:relative;width:34px;min-width:34px;height:34px;min-height:34px;overflow:hidden}.spectator-hand__heading .dock-graveyard-badge{position:absolute;right:1px;bottom:1px;margin:0}.spectator-hand__cards{min-width:0;max-width:100%;flex-wrap:nowrap;gap:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.spectator-hand__cards::-webkit-scrollbar{display:none}.spectator-hand__cards button{width:auto;min-width:72px;max-width:128px;height:34px;min-height:34px;padding:2px 5px;justify-content:flex-start}.spectator-hand__cards .dock-hand-summary-name{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-hand.is-expanded{grid-template-columns:minmax(0,1fr)}.spectator-hand.is-expanded .spectator-hand__expanded-cards{max-height:min(26dvh,220px);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.spectator-log-toggle,.bottom-command-dock .spectator-log-toggle{grid-column:2;grid-row:1 / span 2;width:var(--ee-control-compact);min-width:var(--ee-control-compact);height:var(--ee-control-compact);min-height:var(--ee-control-compact);align-self:center;padding:0}.spectator-draft-presentation{z-index:var(--ee-layer-board-presentation);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px;padding:8px 6px;background:linear-gradient(90deg,#080f1494,#080f144d,#080f1494)}.spectator-draft-player{width:100%;min-width:0;padding:6px 3px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#10171dc7}.spectator-draft-player__name{margin-bottom:2px;font-size:.76rem}.spectator-draft-player__elephants{gap:5px}.spectator-draft-elephant .element-elephant-visual{display:inline-flex}.spectator-draft-elephant__image,.spectator-draft-elephant__fallback{width:min(76px,19vw)!important;height:min(76px,19vw)!important}.spectator-draft-elephant .element-elephant-visual__name{display:none}.spectator-draft-elephant__element{margin-top:2px;font-size:.67rem}.spectator-draft-elephant__element>.animated-element-emoji{display:none}.game-over-modal.modal-overlay{align-items:stretch;padding:max(4px,var(--ee-safe-top)) 4px max(4px,var(--ee-safe-bottom))}.game-over-modal .game-over-modal__content{width:100%;max-width:none;height:calc(100dvh - max(4px,var(--ee-safe-top)) - max(4px,var(--ee-safe-bottom)));max-height:none;border-radius:10px}.game-over-modal .game-over-modal__header{gap:2px;padding:6px 8px 0;border-radius:9px 9px 0 0}.game-over-modal .game-over-title{font-size:1.5rem;line-height:1}.game-over-modal .winner-announce{font-size:.9rem;line-height:1.1}.game-over-modal .game-over-tabs{width:100%;margin-top:4px;padding:2px}.game-over-modal .game-over-tab{flex:1 1 0;min-width:max-content;padding:4px 7px;font-size:.6rem}.game-over-modal .game-over-modal__body{padding:6px 8px}.game-over-modal .game-over-modal__footer{gap:6px;padding:6px 8px}.game-over-modal .game-over-modal__footer>button{min-height:var(--ee-control-compact);padding:5px 8px;font-size:.76rem}.game-over-modal .summary-tab{gap:5px}.game-over-modal .summary-player-card{gap:3px;padding:5px 7px}.game-over-modal .game-tab{gap:6px;padding:3px}.game-over-modal .game-player-card{gap:4px;padding:6px}.game-over-modal .game-elephant-img{max-width:92px}}@media(max-width:350px){.mobile-phase-status{gap:3px;padding-inline:5px}.mobile-phase-status__label,.mobile-phase-status__separator{display:none}.mobile-phase-status__instruction{font-size:.67rem}.top-counters{padding-inline:5px}.top-counters__compact{gap:3px}.game-top-panel .player-stat-row{grid-template-columns:minmax(0,1fr)}.game-top-panel .player-stat-compact,.game-top-panel .player-stat-compact.opponent{min-height:58px}.game-top-panel .player-stat-row>.player-stat-section:first-child,.game-top-panel .player-stat-compact.you{width:100%;max-width:none}.phase-hero{min-height:34px}.bottom-command-dock .dock-log-label{font-size:0}.bottom-command-dock .dock-log-label:before{content:"Log";font-size:.72rem}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.game-view{height:100dvh}.game-top-panel{padding-top:3px}.game-top-panel .player-stat-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.phase-hero{min-height:32px}.game-view>.bottom-command-dock{max-height:min(58dvh,255px)}.game-view>.bottom-command-dock.prompt-active{max-height:min(64dvh,285px)}.bottom-command-dock .dock-panel-cards,.bottom-command-dock .dock-hand-full-cards{max-height:min(43dvh,205px)}.draft-view{min-height:100dvh}.draft-view>.elements-grid,.draft-modal-content>.elements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid,.hand-formation-grid,.discard-grid,.hand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(display-mode:standalone)and (max-width:767px),(display-mode:fullscreen)and (max-width:767px){.game-top-panel{padding-top:max(4px,var(--ee-safe-top))}}