:root{--green:#1D9E75;--red-result:#E24B4A;--surface2:#222;}*,*::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);}.bet-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem;}.bet-btn{padding:.5rem .75rem;font-size:.75rem;border-radius:20px;border:.5px solid var(--tantive-main-dark-color);background:white;cursor:pointer;transition:all .15s;}.bet-btn:hover:not(.active){filter:brightness(.88);}.bet-btn.active{background:var(--tantive-main-dark-color);color:white;border-color:transparent;}.ctrl-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem;}.btn-go{padding:.5rem 1.25rem;font-size:.75rem;font-weight:500;background:var(--tantive-main-dark-color);color:white;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);}.slider-wrap{display:flex;align-items:center;gap:.5rem;font-size:.75rem;}.slider-wrap input[type=range]{width:80px;accent-color:var(--text);}.slider-lbl{font-size:.75rem;min-width:48px;}.wheel-center{display:flex;justify-content:center;margin-bottom:1.25rem;}.wheel-wrap{position:relative;width:160px;height:160px;}.needle{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:1.25rem solid var(--tantive-main-dark-color);}#wcanvas{width:160px;height:160px;border-radius:50%;display:block;}.wheel-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font-weight:500;color:#fff;opacity:0;transition:opacity .35s;pointer-events:none;}.wheel-result.show{opacity:1;}.wheel-result .rnum{font-size:2rem;line-height:1;}.wheel-result .rcol{font-size:.75rem;margin-top:.125rem;opacity:.85;letter-spacing:.05em;}.result-flash{text-align:center;font-size:1.25rem;font-weight:500;height:2rem;line-height:2rem;margin-bottom:1rem;transition:opacity .4s;}.result-flash.win{color:var(--green);}.result-flash.lose{color:var(--red-result);}.chips-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem;}.chips-title{font-size:.75rem;letter-spacing:.08em;}.chips-count{font-size:1.5rem;font-weight:500;transition:color .3s;min-width:40px;}.chips-count.up{color:var(--green);}.chips-count.dn{color:var(--red-result);}.chips-delta{font-weight:500;transition:opacity .5s;opacity:0;min-width:36px;}.chips-delta.up{color:var(--green);}.chips-delta.dn{color:var(--red-result);}.chip-grid{display:grid;grid-template-columns:repeat(10,22px);grid-template-rows:repeat(11,22px);gap:.125rem;}.chip-cell{width:22px;height:22px;border-radius:50%;border:1px solid transparent;position:relative;background:var(--surface2);transition:background .2s,border-color .2s;}.chip-cell.active::before{content:"";position:absolute;width:58%;height:58%;top:50%;left:50%;border-radius:50%;background:rgba(255,255,255,.22);transform:translate(-50%,-50%);}.chip-cell.fresh{animation:popin .18s ease;}@keyframes popin{0%{transform:scale(.4)}100%{transform:scale(1)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem;}.stat{background:var(--tantive-body-background-color);border-radius:5px;padding:.75rem;border:.5px solid var(--tantive-main-dark-color);}.stat-l{font-size:.75rem;margin-bottom:.25rem;}.stat-v{font-size:1.125rem;font-weight:500;}.history-row{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:1rem;min-height:26px;}.hist-dot{width:22px;height:22px;border-radius:50%;font-size:.5rem;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.hist-dot.red{background:#C0392B;}.hist-dot.black{background:#1a1a1a;border:.5px solid var(--tantive-main-dark-color);}.hist-dot.green{background:#1D9E75;}.insight-section{margin-bottom:50px;}.insight{border-left:2px solid var(--tantive-main-dark-color);padding:.5rem .75rem;font-size:.75rem;line-height:1.6;background:white;}.insight strong{font-style:normal;}.section-label{font-size:.75rem;letter-spacing:.08em;margin-bottom:.5rem;}.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}}