:root{--green:#1D9E75;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}.container__inner{display:flex;justify-content:space-between;gap:1em;max-width:var(--tantive-container-width-pc);margin:50px auto;}.tool-area{flex-grow:1;}h1{font-size:1.5em;margin-bottom:20px;}h2{position:relative;font-size:1.5em;padding:.25em .5em;width:-moz-fit-content;width:fit-content;}h2::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:3px;background-color:var(--tantive-main-dark-color);}.title-section{margin-bottom:50px;}.title-wrap{position:relative;width:-moz-fit-content;width:fit-content;}.title-catch{display:flex;align-items:center;position:absolute;top:0;width:100%;transform:translateY(-100%);font-size:.75em;}.title-catch::before,.title-catch::after{content:"";flex:1;height:1px;background-color:var(--tantive-main-dark-color);}.title-catch span{margin:0 1em;}.explain-plate{margin:1rem 1rem 0 1rem;font-size:.75rem;border-left:3px solid var(--tantive-main-dark-color);padding-left:1em;}.explain-title{font-weight:bold;margin-bottom:.5em;}.explain-body{margin-left:1em;}.card{background:white;border:1px solid var(--tantive-main-dark-color);border-radius:5px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);}.ctrl-group{display:flex;align-items:center;gap:.5rem;font-size:.75rem;}.ctrl-group input[type=range]{width:110px;accent-color:var(--tantive-main-dark-color);}.ctrl-val{font-size:.75rem;font-weight:500;min-width:80px;}.btn-go{padding:.5rem 1.25rem;font-size:.75rem;font-weight:500;color:white;background:var(--tantive-main-dark-color);border:none;border-radius:5px;cursor:pointer;transition:opacity .15s;}.btn-go:hover{opacity:.8;}.btn-sec{padding:.5rem .75rem;font-size:.75rem;background:white;border:.5px solid var(--tantive-main-dark-color);border-radius:5px;cursor:pointer;transition:all .15s;}.btn-sec:hover{filter:brightness(.88);}.top-counter{text-align:center;font-size:4rem;font-weight:500;letter-spacing:-.02em;margin-bottom:.125rem;font-variant-numeric:tabular-nums;transition:color .2s;line-height:1;}.top-counter.flash{color:var(--green);}.top-label{text-align:center;font-size:.75rem;margin-bottom:1.5rem;}.progress-wrap{margin-bottom:1.5rem;}.progress-label{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.25rem;}.progress-track{height:.5rem;background:var(--tantive-main-dark-color);border-radius:3px;overflow:hidden;}.progress-fill{height:100%;border-radius:3px;background:black;transition:width .08s;}.grid-label{font-size:.75rem;letter-spacing:.06em;margin-bottom:.75rem;}.player-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;}.capsule{aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--tantive-main-dark-color);border-radius:3px;transition:all .2s;}.capsule .cap-icon{font-size:1.125rem;line-height:1;}.capsule .tries-num{font-size:.5rem;margin-top:2px;line-height:1;}.capsule.idle{opacity:.35;}.capsule.pulling{animation:shake .4s ease infinite alternate;}.capsule.pulling .capsule-wrap::before{animation:open .4s ease;}.capsule.won{animation:none;transform:scale(1);}.capsule.won .tries-num{color:#4ade80;font-size:.5rem;font-weight:500;}.capsule.just-won{animation:burst .5s ease forwards;}.capsule.lost .capsule-wrap::before{transform:rotate(30deg);}@keyframes shake{0%{transform:rotate(-3deg) scale(1.02)}100%{transform:rotate(3deg) scale(1.02)}}@keyframes burst{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes open{0%{transform:rotate(0)}100%{transform:rotate(20deg)}}.capsule-wrap{position:relative;width:1.25rem;height:1.25rem;margin:auto;}.capsule-wrap::before,.capsule-wrap::after{content:"";position:absolute;width:100%;height:50%;left:0;}.capsule-wrap::before{top:0;background:white;border:1px solid;border-radius:.625rem .625rem 0 0;box-sizing:border-box;transform-origin:100% 100%;}.capsule-wrap::after{top:50%;background:red;border-radius:0 0 .625rem .625rem;}.won-icon-wrap{text-align:center;}.won-icon{width:1.25rem;height:1.25rem;-o-object-fit:contain;object-fit:contain;}.result-section{margin-bottom:2rem;}.result-banner{display:none;text-align:center;border-radius:5px;border:.5px solid var(--tantive-main-dark-color);margin-top:1rem;font-size:.75rem;line-height:1.8;background:white;}.result-banner.show{display:block;}.result-banner strong{color:var(--tantive-font-link-color);}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1em;list-style:none;padding:0;margin:1em 0 0 0;}.related-tools-link{display:flex;height:100%;flex-direction:column;align-items:center;gap:8px;padding:1em;border:1px solid var(--tantive-main-dark-color);border-radius:8px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s;}.related-tools-link:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);}.related-tools-emoji{font-size:2rem;}.related-tools-name{font-weight:bold;font-size:1rem;}.related-tools-desc{font-size:.8rem;color:#888;text-align:center;}.ad-area{flex:0 0 200px;}.ad-area-wrap{width:400px;position:sticky;top:100px;}.ad-area-wrap ins{width:300px;height:250px;}@media screen and (max-width:1280px){.container__inner{flex-direction:column-reverse;padding:0 1em}.input-section{flex-direction:column;gap:0}.ad-area-wrap{margin:auto;width:100%}.ad-area-wrap ins{width:300px;height:100px;margin:auto}.ad-area{flex:unset}.ad-moved-area:has(>*){margin-top:1em;margin-bottom:1em}}