.header{display:flex;gap:24px;padding:8px}.tab{padding:8px 16px;cursor:pointer;border:1px solid black;background:#fff}.tab.active{background:#000;color:#fff}.container-arena{border:1px solid black;width:880px;margin:0 auto}.four-unit-container{justify-content:center;display:flex;gap:16px}.unit-container{border:1px solid #ccc;background:#fff;width:200 px}.container-arena input{width:160px;padding:6px;box-sizing:border-box;display:block;margin:0 auto}.duel-input{width:120px;height:20px;padding:2px 6px;box-sizing:border-box;display:block;margin:0 auto}.text3{margin-left:40px}.card-button button{margin:1em auto;width:160px;justify-content:center;display:flex}select{width:120px;height:20px}.skills-options>div:nth-child(3),.skills-labels>div:nth-child(3),.skills-cta>div:nth-child(3),.skills-cta2>div:nth-child(3){margin-bottom:0}.skills-options>div:nth-child(6),.skills-labels>div:nth-child(6),.skills-cta>div:nth-child(6),.skills-cta2>div:nth-child(6){margin-bottom:0}.skills-container{position:relative;width:200px;height:140px}fieldset{border:0;padding:0;margin:0;min-inline-size:0}.skills-labels{position:absolute;left:20px;width:20px}.skills-labels img{display:block;margin:0 auto;width:20px;height:20px}.skills-options{position:absolute;left:20px;width:160px}.skills-cta{position:absolute;left:160px;width:20px}.skills-cta2{position:absolute;left:180px;width:20px}.unit-container select{display:block;margin:0 auto}h2{text-align:center}.unit-container h3{border:2px solid black;text-align:center}.unit-container h4{border:2px solid gray;color:gray;text-align:center}.merge-container{position:relative}.merges-cta{position:absolute;left:160px;width:20px;height:60px}.merge-container-chosen{position:relative;margin:20px 0 0}.skills-labels-icon{border:1px solid white;background-color:#d3d3d3;color:#fff;border-radius:50%;align-items:center;justify-content:center;display:flex}.skills-cta-icon{width:18px;height:18px;border:1px solid #98FF98;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.skills-cta-nothing{width:18px;height:18px;border:1px solid white;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.skills-cta-icon:before{content:"";position:absolute;width:6px;height:10px;border:solid black;border-width:0 2px 2px 0;transform:rotate(45deg)}.skills-cta-hide{width:18px;height:18px;border:1px solid red;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.skills-cta-hide:before{content:"";position:absolute;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.contact-link{position:relative;text-decoration:none;color:#00f;cursor:pointer}.contact-link .tooltip{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:4px 8px;position:absolute;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}.contact-link:hover .tooltip{visibility:visible;opacity:1}.card-image-protrait{border:2px solid black;display:block;margin:1em auto 0;width:80px;height:80px}.card-icons{display:flex;justify-content:center;align-items:center;height:24px;width:80px;margin:0 auto 1em}.hero-icon-move{display:block;width:24px;height:24px}.hero-icon-move.hidden{visibility:hidden}.hero-icon-move.visible{visibility:visible}.card-container-merges{background:#f8f8f8;border:1px solid #ccc;border-radius:16px;padding-bottom:12px}.card-container-merges select,.card-container-merges input{width:120px;height:20px}.card-header-merges{display:flex;justify-content:space-between;cursor:pointer;font-weight:700;padding:12px}.card-row-merges,.card-row-blessings,.card-row-duel{display:flex;justify-Content:center;position:relative}.duel-prefix{position:absolute;left:44px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.duel-input{padding-left:24px;text-align:center}.card-container-chosen{background:#f8f8f8;overflow:hidden;border:1px solid #ccc;border-radius:16px;padding-bottom:12px}.card-container-chosen select{width:120px;height:20px}.card-header-chosen{display:flex;justify-content:space-between;cursor:pointer;font-weight:700;padding:12px}.card-row-chosen{position:relative;justify-content:center;display:block}.season-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;margin-left:6px;vertical-align:middle;border-radius:50%;background-color:#fff;position:relative}.season-icon--in{border:1px solid #98ff98;background-color:#fff;position:relative}.season-icon--in:after{content:"";width:5px;height:9px;border:solid black;border-width:0 2px 2px 0;transform:rotate(45deg)}.season-icon--out{border:1px solid red;background-color:#fff}.season-icon--out:after{content:"×";color:red;font-size:12px;line-height:1}.chosen-season-container{display:flex;gap:4px}.arrow{transition:transform .2s ease}.arrow-up{transform:rotate(180deg)}.skills-cta-x{width:18px;height:18px;border:1px solid red;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.skills-cta-x:before,.skills-cta-x:after{content:"";position:absolute;width:10px;height:2px;background-color:red}.skills-cta-x:before{transform:rotate(45deg)}.skills-cta-x:after{transform:rotate(-45deg)}.button-container{display:block;margin:1em auto;width:fit-content;position:relative}.button-load{padding:6px 24px 6px 32px;font-size:16px;font-weight:700;border:none;border-radius:8px;color:#fff;cursor:pointer;min-width:160px;height:48px;background-color:#999;background-image:linear-gradient(to right,#4caf50,#4caf50);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .5s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.button-load.meta{background-size:85% 100%}.button-load.max{background-size:100% 100%}.button-load:after{content:"";position:absolute;right:16px;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #4caf50;transform:translateY(-50%) translate(95%);transition:transform .3s ease}.button-load.meta:after{transform:translateY(-50%) translate(40%)}.button-load.max:after{transform:translateY(-50%) translate(0)}.button-slider{position:absolute;bottom:0;left:0;width:100%;height:4px;margin:0;padding:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none}.card-button-wrapper{display:block;margin:1em auto;width:fit-content;position:relative}.card-button{padding:6px 24px 6px 32px;font-size:14px;font-weight:700;border:none;border-radius:8px;min-width:160px;height:48px;color:#fff;background-color:#999;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s ease}.card-button.card-button--active{background-color:#4caf50}.card-slider{position:absolute;bottom:0;left:0;width:100%;height:4px;margin:0;padding:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none}.card-slider::-webkit-slider-runnable-track{height:4px;background:#ccc;border-radius:2px}.card-slider::-moz-range-track{height:4px;background:#ccc;border-radius:2px}.card-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#2196f3;border-radius:50%;cursor:pointer;margin-top:-6px}.card-slider::-moz-range-thumb{width:16px;height:16px;background:#4caf50;border-radius:50%;cursor:pointer}.card-slider:disabled{opacity:.4;cursor:not-allowed}.hero-table{border-collapse:collapse;margin:0 auto;width:1000px;font-family:sans-serif;table-layout:fixed}.hero-table th,.hero-table td{font-size:12px;border:1px solid #ccc;padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.hero-table .first-column{width:120px;text-align:left}.first-column-content{display:flex;justify-content:space-between}.highlight{background-color:#ff0;font-weight:700}.hero-table th,.hero-table td{vertical-align:top}.container-hero-page{width:1040px;margin:0 auto;border:1px solid black;background:#fff}.hero-table{font-family:Arial,sans-serif}.hero-table th,.hero-table td{border:1px solid #ddd}.hero-table th{background-color:#f4f4f4;font-weight:700;color:#333}.hero-table tr:nth-child(2n){background-color:#fafafa}.hero-table tr:hover{background-color:#f1f1f1}.first-column{font-weight:700;width:200px}.first-column-content{display:flex;gap:4px}.first-column-content span:first-child{font-weight:700}.first-column-content span:last-child{color:#555;font-style:italic}.scroll-to-top{position:fixed;bottom:40px;right:40px;padding:.8rem 1rem;font-size:1.5rem;border:none;border-radius:50%;background-color:#4f46e5;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000}.scroll-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top:hover{background-color:#6366f1}.footer{background-color:#111;color:#ccc;padding:2rem 3rem;font-size:.9rem}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.5rem}.footer-section h4{margin-bottom:.8rem;color:#fff}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{text-decoration:none;color:#ccc;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #222;padding-top:1rem;color:#777}
