:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#202023;background:#fff;font-synthesis:none;--red:#eb4246;--muted:#88888e;--line:#e9e9eb;--surface:#f7f7f8;--ease:cubic-bezier(.22,.8,.26,1)}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ed777a;outline-offset:4px}button{transition:background .2s,color .2s,transform .2s}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:88px;margin:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:28px;font-weight:750;letter-spacing:-1.5px;display:flex;align-items:center}.brand-period{color:var(--red)}.brand-mark{display:block;width:18px;height:25px;background:var(--red);border-radius:4px;transform:rotate(-9deg);margin-right:10px;box-shadow:3px 2px 0 #f9cccc}.header-note{font-size:12px;color:#939398;margin-left:auto}.text-link{font-size:12px;color:#55555c;border-left:1px solid var(--line);padding-left:28px}.text-link span{margin-left:8px}main,footer{max-width:1264px;width:90%;margin:auto}.intro{text-align:center;padding-top:54px}.intro h1{font-size:clamp(28px,3.05vw,43px);font-weight:650;letter-spacing:-1.6px;margin:0 0 15px}.intro p{font-size:14px;color:var(--muted);letter-spacing:.4px;margin:0}.experiment-grid{display:grid;grid-template-columns:230px minmax(340px,1fr) 215px;gap:34px;align-items:center;padding:32px 0 36px}h2,h3,p{margin-top:0}.inventory h2,.current h2{font-size:13px;font-weight:600;margin:0}.inventory-list{margin-top:19px}.inventory-row{display:flex;align-items:center;gap:15px;height:60px;font-size:12px}.pair{display:flex;gap:4px;align-items:center}.pair i{display:inline-block;width:23px;height:34px;border-radius:4px;border:1px solid #dddde1}.pair i.red{border-color:#e93b40;background:var(--red)}.pair i.white{background:#fff}.odds{margin-left:auto;font-family:ui-monospace,SFMono-Regular,monospace;color:#99999e;font-size:12px;padding-right:10px}.inventory-note{font-size:11px;line-height:1.95;color:#99999e;margin:20px 0 0}.stage-column{min-width:0}.stage{position:relative;width:340px;height:310px;margin:0 auto;perspective:1000px}.box-top{position:absolute;left:45px;top:144px;width:250px;height:72px;background:#252528;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);z-index:1}.box-slot{position:absolute;left:48px;top:23px;width:154px;height:14px;background:#070707;box-shadow:0 1px 0 #49494c;transform:perspective(150px) rotateX(22deg)}.box-front{position:absolute;left:45px;top:215px;width:250px;height:85px;background:linear-gradient(108deg,#1d1d20,#101012);border-radius:0 0 6px 6px;z-index:4;box-shadow:inset 0 1px #38383b}.box-label{font-size:8px;letter-spacing:3px;color:#68686d;position:absolute;left:24px;bottom:21px}.box-dot{position:absolute;right:22px;bottom:22px;width:4px;height:4px;border-radius:50%;background:#55555a}.stage-shadow{position:absolute;bottom:-5px;left:40px;width:260px;height:28px;background:#0002;filter:blur(13px);border-radius:50%}.card-lift{position:absolute;left:119px;top:25px;width:102px;height:147px;z-index:2;transform:translateY(130px) scale(.9);opacity:0;transition:transform .65s var(--ease),opacity .3s}.stage.has-card .card-lift{transform:translateY(0) rotate(-6deg);opacity:1}.stage.drawing .card-lift{transform:translateY(160px) rotate(0) scale(.95);opacity:0}.playing-card{display:block;padding:0;width:100%;height:100%;border:0;background:transparent;perspective:800px;border-radius:9px}.playing-card:disabled{opacity:1}.card-inner{width:100%;height:100%;display:block;position:relative;transform-style:preserve-3d;transition:transform .65s var(--ease)}.playing-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d7d7db;border-radius:9px;background:#fff;box-shadow:0 6px 14px #0000000b}.card-face.red{background:var(--red);border-color:#d7363a;box-shadow:inset 0 0 0 3px #ffffff17,0 7px 16px #b4242420}.card-face.back{transform:rotateY(180deg)}.stage-hint{position:absolute;top:74px;width:100%;text-align:center;font-size:12px;color:#aaaab0;transition:opacity .25s}.stage.has-card .stage-hint{opacity:0}.draw-controls{display:flex;gap:8px;justify-content:center;margin-top:23px}.button{height:42px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:550;padding:0 19px;border:1px solid #dfdfe3;border-radius:7px;background:white;white-space:nowrap}.button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.button.primary{background:#202023;border-color:#202023;color:white}.button.primary:hover:not(:disabled){background:#3c3c40;transform:translateY(-1px)}.button.secondary:hover:not(:disabled){background:var(--surface)}.button.running{background:#fff1f1;border-color:#facacc;color:#d83238}.play-icon{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.running .play-icon{width:7px;height:9px;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}.speed-control select{height:42px;border:1px solid #dfdfe3;border-radius:7px;padding:0 22px 0 10px;background:#fff;font-size:11px;color:#6e6e74;max-width:102px}.count-note{text-align:center;font-size:10px;color:#99999e;margin:13px 0 0;min-height:16px}.section-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.section-label>span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:#a0a0a6}.face-info{margin:21px 0;display:flex;flex-direction:column;gap:10px}.small-label{font-size:11px;color:#939399}.face-info strong{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:500;min-height:25px}.color-dot{display:inline-block;flex-shrink:0;width:11px;height:11px;border:1px solid #d8d8dd;border-radius:50%;vertical-align:middle}.color-dot.red{background:var(--red);border-color:var(--red)}.color-dot.white{background:white}.color-dot.unknown{background:#e9e9ed;border-color:#e9e9ed}.muted{color:#99999f!important}.back-info strong{font-size:14px}.flip-button{width:100%;height:37px}.current>p{margin:11px 0 0;font-size:10px;line-height:1.6;color:#a0a0a6}.statistics{border-top:1px solid var(--line);padding:32px 0 0}.stats-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.stats-title-row h2{font-size:25px;letter-spacing:-.6px;font-weight:600;margin-bottom:8px}.red-text{color:var(--red)!important}.stats-title-row p{font-size:12px;color:#939399;margin:0}.stats-actions{display:flex;gap:22px}.text-button{background:none;border:0;padding:6px 0;font-size:11px;color:#65656d}.text-button:hover{color:var(--red)}.filter-toolbar{margin:28px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.filter-tabs{display:flex;padding:4px;background:#f5f5f6;border-radius:8px;gap:3px}.filter{border:0;background:transparent;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:7px;color:#818188;font-size:11px;padding:9px 12px;white-space:nowrap}.filter.active{color:#29292d;background:white;box-shadow:0 1px 4px #0000000c}.filter .color-dot{width:8px;height:8px}.filter>span{font-size:10px;color:#9b9ba1;font-variant-numeric:tabular-nums}.filter.active>span{color:#55555d}.batch-actions{display:flex;align-items:center;gap:6px}.batch-actions>span{font-size:10px;color:#99999f;margin-right:7px}.batch{padding:6px 10px;font-size:10px;line-height:1.4;background:white;border:1px solid #e4e4e8;border-radius:5px;color:#62626b;font-variant-numeric:tabular-nums}.batch:hover:not(:disabled){border-color:#f3aaaa;color:var(--red)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 28px}.metric{border-right:1px solid var(--line);padding:0 28px}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric .small-label{color:#75757d}.metric>div{margin:11px 0 10px;display:flex;align-items:baseline;gap:8px;height:44px}.metric strong{font-size:38px;line-height:1.1;letter-spacing:-1.5px;font-weight:500;font-variant-numeric:tabular-nums}.unit{font-size:11px;color:#99999e}.metric p{margin:0;font-size:10px;color:#a0a0a5}.metric-divider{margin:0 9px;color:#d4d4da}.charts-grid{display:grid;grid-template-columns:1fr 1.95fr;gap:33px;border-top:1px solid var(--line);padding:27px 0 32px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.chart-heading h3{font-size:12px;font-weight:550;margin:0;white-space:nowrap}.chart-heading>span{font-size:10px;color:#a0a0a5}.distribution{padding-right:28px;border-right:1px solid var(--line)}.bar-row{display:grid;grid-template-columns:50px 1fr 40px;gap:12px;align-items:center;margin:22px 0}.bar-label{font-size:11px;color:#76767e}.bar-track{height:7px;border-radius:4px;background:#f0f0f2;position:relative}.bar-fill{height:100%;border-radius:4px;background:#ed7578;transition:width .25s}.bar-fill.type-1{background:#d3d3da}.bar-fill.type-2{background:repeating-linear-gradient(135deg,#ec8e91 0,#ec8e91 3px,#f6d5d6 3px,#f6d5d6 6px)}.theory-marker{position:absolute;width:1px;background:#777780;top:-3px;height:13px}.bar-value{text-align:right;font-size:11px;color:#5c5c65;font-variant-numeric:tabular-nums}.bar-count{grid-column:2;font-size:10px;color:#aaaab1;margin-top:-7px}.distribution-foot{font-size:10px;color:#99999f;display:flex;align-items:center;gap:7px;margin-top:24px}.theory-tick{width:1px;height:10px;background:#888890;display:inline-block}.chart-legend{display:flex;align-items:center;gap:5px;white-space:nowrap}.chart-legend i{display:block;width:12px;height:2px;background:var(--red)}.dash{margin-left:8px;display:inline-block;width:13px;border-top:1px dashed #a9a9b0}.chart-container{position:relative}#chart{width:100%;display:block;overflow:visible}#chart text{font-family:inherit;font-size:10px;fill:#aaaab1}.chart-empty{position:absolute;inset:15% 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;line-height:1.8;color:#9a9aa2;pointer-events:none}.chart-empty span{font-size:10px;color:#b3b3b9}.axis-note{display:flex;justify-content:space-between;font-size:10px;color:#a0a0a8;margin:7px 0 0;padding-left:35px}.records-header{border-top:1px solid var(--line);padding:26px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.records-header h3{font-size:15px;font-weight:550;margin:0}.records-header h3 span{margin-left:15px;font-size:10px;font-weight:400;color:#aaaab1}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-weight:400;background:#f8f8f9;color:#96969f;font-size:10px;padding:12px 18px}td{padding:12px 18px;border-bottom:1px solid #f1f1f3;color:#666670}td:first-child{font-family:ui-monospace,SFMono-Regular,monospace;color:#aaaab1}td .color-dot{width:8px;height:8px;margin-right:8px}.records-empty{text-align:center;font-size:12px;color:#aaaab1;padding:31px 10px;margin:0}.show-more{display:block;margin:16px auto 0}.data-note{font-size:10px;color:#aaaab1;margin:17px 0 32px;line-height:1.7}.principle{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.95fr;gap:34px;padding:40px 0 44px}.principle-index{font-size:10px;color:#99999f}.principle h2{font-size:25px;line-height:1.6;letter-spacing:-.5px;font-weight:500;margin-top:17px}.principle-body>p{font-size:12px;line-height:2;color:#77777e;max-width:670px;margin-bottom:24px}.principle-body strong{color:var(--red);font-weight:550}.possibilities{display:flex;gap:32px;margin:0 0 25px}.possibilities>div{display:flex;align-items:center;gap:12px}.possibilities .pair i{width:20px;height:28px}.possibilities span{font-size:10px;color:#888890}.principle-body .principle-foot{font-size:10px;color:#a1a1a8;margin:0}footer{display:flex;align-items:center;gap:23px;height:80px;border-top:1px solid var(--line);color:#b0b0b7;font-size:10px}footer>span:last-child{margin-left:auto}.brand-small{font-size:15px;font-weight:650;color:#777780;letter-spacing:-.5px}.reset-confirm{display:flex;align-items:center;gap:24px;margin-top:18px;padding:10px 15px;background:#fff4f4;border-radius:5px;font-size:12px}.fast .card-lift,.fast .card-inner{transition-duration:.1s}@media(min-width:1450px){.experiment-grid{padding-top:40px;padding-bottom:43px}.intro{padding-top:62px}.stage{height:330px}.box-top{top:159px}.box-front{top:230px}.card-lift{top:40px}.stage-shadow{bottom:0}}
@media(max-width:1050px){.experiment-grid{grid-template-columns:180px minmax(300px,1fr) 170px;gap:20px}.stage{transform:scale(.92);transform-origin:center bottom;width:300px}.box-top,.box-front{left:25px}.card-lift{left:99px}.stage-shadow{left:20px}.button{padding:0 12px}.filter-toolbar{flex-wrap:wrap}.metric{padding:0 19px}.metric strong{font-size:33px}.possibilities{gap:16px}.possibilities>div{flex-direction:column;gap:7px}.records-header>.small-label{font-size:9px}}
@media(max-width:760px){.site-header{height:70px}.brand{font-size:24px}.header-note{display:none}.text-link{margin-left:auto;border:0}.intro{padding-top:35px}.intro h1{font-size:28px;letter-spacing:-1px}.intro p{font-size:11px;line-height:1.8}.experiment-grid{grid-template-columns:1fr;gap:0;padding:0 0 28px}.inventory{order:2;display:flex;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);margin-top:26px;padding-top:19px;gap:12px}.inventory h2{font-size:11px;flex:1}.inventory-list{display:flex;gap:18px;margin:0}.inventory-row{height:auto;gap:6px;font-size:10px}.inventory-row .pair{gap:2px}.inventory-row .pair i{width:11px;height:17px;border-radius:2px}.inventory-row .odds{display:none}.inventory-note{width:100%;font-size:10px;line-height:1.6;margin:0}.inventory-note br{display:none}.stage-column{order:0}.stage{height:294px;transform:scale(.88);margin-top:-10px;transform-origin:center bottom}.draw-controls{margin-top:29px}.draw-controls .button{padding:0 18px}.current{order:1;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin-top:22px;padding:15px;background:#fafafa;border:1px solid #ededf0;border-radius:8px}.section-label{grid-column:1/-1;padding-bottom:11px}.face-info{margin:0;gap:7px}.face-info strong,.back-info strong{font-size:13px}.current>p{grid-column:1/-1;font-size:9px;margin:0}.flip-button{font-size:10px;padding:0 10px}.small-label{font-size:10px}.statistics{padding-top:26px}.stats-title-row h2{font-size:21px}.stats-title-row p{font-size:10px}.stats-actions{gap:15px}.text-button{font-size:10px}.filter-toolbar{margin:23px 0;gap:14px}.filter-tabs{width:100%;justify-content:space-between}.filter{font-size:10px;padding:9px 7px;gap:5px;flex:1}.batch-actions{margin-left:auto}.metric-grid{grid-template-columns:1fr 1fr;gap:24px 0;margin-bottom:24px}.metric{padding:0 0 0 22px}.metric:nth-child(2){border:0}.metric:nth-child(3){padding-left:0}.metric>div{height:35px;margin:9px 0 6px}.metric strong{font-size:32px}.metric p{font-size:9px}.charts-grid{grid-template-columns:1fr;gap:29px;padding-top:23px}.distribution{border:0;padding:0}.chart-heading{margin-bottom:17px}.bar-row{grid-template-columns:56px 1fr 45px;margin:19px 0;gap:10px}.distribution-foot{margin-top:17px}.convergence{padding-top:22px;border-top:1px solid var(--line)}.chart-empty{font-size:11px}.axis-note{font-size:9px}.records-header{align-items:flex-start;flex-direction:column;gap:10px}.records-header h3{font-size:14px}.records-header h3 span{margin-left:10px;font-size:9px}th,td{padding:12px 10px;font-size:10px}th:first-child,td:first-child{padding-left:9px}.principle{grid-template-columns:1fr;gap:9px;padding:28px 0}.principle h2{font-size:22px;margin:12px 0}.principle h2 br{display:none}.principle-body>p{font-size:11px}.possibilities{justify-content:space-between;gap:7px}.possibilities>div{flex-direction:row;gap:7px}.possibilities span{font-size:9px}.possibilities .pair i{width:14px;height:21px}.principle-body .principle-foot{font-size:9px}footer{height:70px;gap:14px;font-size:9px}.reset-confirm{gap:13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}