.type-icons{display:flex;column-gap:10px;row-gap:10px;flex-wrap:wrap}.type-icon-button{cursor:pointer;border:none;background:none;padding-block:8px 2px;padding-inline:8px;border-radius:10px;border:solid 2px var(--color-bg-white);transition:scale .1s}.type-icon-button:hover{scale:1.05}.type-icon-button.checked{background-color:var(--color-sub);border-color:var(--color-main)}.type-icon-img{width:70px;display:flex;flex-direction:column;align-items:center}.type-icon-img .image{--image-size: 65px;border:solid 2px var(--color-bg-white);border-radius:10px;width:var(--image-size);height:var(--image-size);min-width:var(--image-size);min-height:var(--image-size)}.type-icon-img .image.size-40{--image-size: 40px}.type-icon-img .image.color-normal{background-color:#bdbdbd}.type-icon-img .image.color-fighting{background-color:#ffa742}.type-icon-img .image.color-flying{background-color:#9cccf3}.type-icon-img .image.color-poison{background-color:#c45eda}.type-icon-img .image.color-ground{background-color:#cc8331}.type-icon-img .image.color-rock{background-color:#c3bb8b}.type-icon-img .image.color-bug{background-color:#bbcd32}.type-icon-img .image.color-ghost{background-color:#936ccd}.type-icon-img .image.color-steel{background-color:#79c4d7}.type-icon-img .image.color-fire{background-color:#ff8e71}.type-icon-img .image.color-water{background-color:#73a3f6}.type-icon-img .image.color-grass{background-color:#67df62}.type-icon-img .image.color-electric{background-color:#e4e449}.type-icon-img .image.color-psychic{background-color:#ff8eb4}.type-icon-img .image.color-ice{background-color:#71e2f6}.type-icon-img .image.color-dragon{background-color:#7c89dd}.type-icon-img .image.color-dark{background-color:gray}.type-icon-img .image.color-fairy{background-color:#f8a3ee}.type-icon-img .text{margin:0;padding-top:4px;display:block;font-size:14px;text-align:center;color:#3c3c3c;text-wrap:nowrap;font-weight:700}@media (max-width: 450px){.type-icons{justify-content:center}.type-icon-img{width:50px}.type-icon-img .image{--image-size: 40px;border-width:1px}.type-icon-img .text{font-size:12px}.type-icon-button{padding-inline:4px;padding-block:4px 1px}.type-icon-button:hover{scale:1}}.attack-log{list-style-type:none;margin:0;padding:0;border:rgb(198,198,198) solid 2px;border-radius:10px;overflow-y:scroll;height:100%;align-self:flex-start}.attack-log-item{padding-inline:0px;padding-block:8px;margin-block:auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;place-items:center;border-bottom:rgb(198,198,198) solid 2px}.attack-log-item .type-icon-img{width:90px;flex-direction:row;row-gap:0;column-gap:15px}.attack-log-item .type-icon-img .text{font-size:18px;font-weight:400;padding-top:0}@media (max-width: 450px){.attack-log-item{grid-template-columns:3fr 1fr 2fr;padding-inline:15px}.attack-log-item span:not([class]){font-size:14px}.attack-log-item .type-icon-img{place-self:start;column-gap:8px}.attack-log-item .type-icon-img .image{--image-size: 25px}.attack-log-item .type-icon-img .text{font-size:15px}}.toggle-button-1{--size: 25px;--inner-size: calc(var(--size) * .95);display:inline-block;position:relative;width:calc(var(--inner-size) * 2);height:var(--inner-size);border-radius:var(--size);background-color:#ddd;cursor:pointer;transition:background-color .3s}.toggle-button-1:has(:checked){background-color:var(--color-main)}.toggle-button-1:after{position:absolute;top:calc((var(--inner-size) - var(--size)) / 2);left:0;width:var(--size);height:var(--size);border-radius:50%;box-shadow:0 0 5px #0003;background-color:#fff;content:"";transition:left .2s;border:solid 1px rgb(155,155,155)}.toggle-button-1:has(:checked):after{left:var(--size);border-color:#f54d5e}.toggle-button-1 input{display:none}.result{margin-top:30px;margin-left:var(--left-margin);border:solid 2px var(--color-main);background-color:var(--color-sub);padding-inline:25px;padding-block:20px;border-radius:10px}.result-text{font-size:20px;font-weight:700;display:block}.restart-button{padding-inline:12px;padding-block:8px;display:block;margin-top:15px}@media (max-width: 450px){.result{padding-block:10px;padding-inline:15px}.result-text{font-size:16px}}.attack-panel{--left-margin: 12px;height:calc(100% - 20px);padding-block:10px;width:100%;overflow-y:scroll}.attack-panel .type-icons{margin-left:calc(var(--left-margin) - 10px)}.attack-panel .attack-panel-button{margin-top:20px}.attack-panel .attack-toggle-wrapper{margin-top:25px}.attack-toggle-wrapper,.attack-panel-button{margin-left:var(--left-margin)}.attack-toggle-wrapper{display:flex;align-items:center;column-gap:5px}.attack-panel-button{padding-block:10px;width:calc(100% - var(--left-margin))}.toggle-label{margin-left:5px}.toggle-label.attack{color:#616060}@media (max-width: 450px){.attack-panel{padding-block:0}.attack-panel .type-icons{margin-left:0}}:root{--color-main: #ec342e;--color-sub: rgb(255, 207, 207);--color-bg-white: #f9f9f9}body{margin:0;background-color:var(--color-bg-white);font-family:Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#2b2b2b}#root{max-height:calc(100vh - 60px);padding-inline:35px;padding-bottom:60px}h1.title{height:calc(7vh - 30px);margin:0;padding-block:15px;letter-spacing:1px;text-align:center}main{padding-top:20px;padding-bottom:60px;height:calc(93vh - 80px)}.content-wrapper{height:100%;display:grid;grid-template-columns:2fr 3fr;grid-template-rows:100%;column-gap:30px;align-items:start;position:relative}.button{background-color:var(--color-main);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:16px;transition:opacity .2s,background-color .2s}.button:hover{opacity:.9}.button[disabled]{background-color:#9a9a9a;cursor:not-allowed}a.github-link{margin-left:5px}@media (max-width: 900px){.content-wrapper{grid-template-columns:1fr;grid-template-rows:3fr 4fr;row-gap:30px}}@media (max-width: 450px){h1.title{font-size:21px;height:calc(5vh - 30px)}#root{padding-bottom:15px;max-height:calc(100vh - 15px);padding-inline:30px}main{padding-top:10px;padding-bottom:20px;height:calc(95vh - 30px)}.content-wrapper{row-gap:15px}}