:root{color-scheme:dark;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#eef3fa;background:#0a111e;font-synthesis:none;--muted:#9daabd;--line:#2b3648;--accent:#e4ff82}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 5%,#1a2b42 0,transparent 65%)}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}main{max-width:1200px;margin:0 auto;padding:32px 40px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:40px}.brand{display:flex;align-items:center;gap:15px}.brand-mark{font-size:44px;color:var(--accent)}h1{font-size:27px;letter-spacing:.14em;margin:0 0 6px;font-weight:650}.english{font-size:12px;letter-spacing:.18em;color:var(--muted)}.quiet{background:transparent;color:#b6c2d3;border:1px solid var(--line);border-radius:9px;padding:12px 16px;font-size:14px;letter-spacing:.07em}.quiet span{margin-left:8px;letter-spacing:0}.table-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}#round{color:#f0f5fc;font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{--type:#a6b3c7;min-width:0;border:1px solid #435069;border-radius:18px;overflow:hidden;background:#121e30;position:relative;box-shadow:0 12px 30px #0003}.card-top{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;color:#afbdd1;font-size:13px;letter-spacing:.12em}.number{font-family:"Avenir Next",Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:clamp(96px,13vw,166px);line-height:1.15;letter-spacing:-.06em;text-align:center;padding:2px 12px 24px;color:#f3f7fc;font-variant-numeric:tabular-nums}.back{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 22px;color:#b8c5d8;font-size:14px}.back-icon{color:var(--back);display:flex;align-items:center;gap:5px}.icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0}.action{min-height:112px;display:flex;justify-content:center;align-items:center;gap:15px;background:color-mix(in srgb,var(--type) 13%,#121e30);border-top:1px solid color-mix(in srgb,var(--type) 32%,#121e30);color:var(--type);padding:20px 10px}.action>.icon{width:47px;height:47px}.action-text{display:flex;flex-direction:column;gap:6px}.action-text small{font-size:12px;letter-spacing:.08em;color:#bdc8d9}.action-text strong{font-size:23px;font-weight:600}.empty .number{color:#697990}.empty .action{color:#93a2b8}.controls{display:flex;gap:16px;max-width:600px;margin:34px auto 0}.primary,.secondary{height:66px;border-radius:12px;font-size:20px;font-weight:600}.primary{flex:2.1;border:1px solid var(--accent);background:var(--accent);color:#172017;display:flex;align-items:center;justify-content:center;gap:30px}.primary:hover{background:#efffb2}.primary:active{transform:translateY(1px)}.secondary{flex:1;border:1px solid #435069;color:#e2eaf5;background:#172235}.secondary span{margin-right:8px}.secondary:disabled{opacity:.35;cursor:default}.status{text-align:center;min-height:24px;margin:14px 0 28px;color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:16px;color:var(--muted);font-size:13px}details{max-width:760px}summary{cursor:pointer;text-align:right}.reference{line-height:1.8;padding:12px 0;font-size:14px}a{color:var(--accent);text-underline-offset:4px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:center;font-size:14px}th,td{border:1px solid #3b485b;min-width:30px;padding:5px}caption{text-align:left;margin-bottom:8px}.dealt{animation:deal .25s ease-out}@keyframes deal{from{transform:translateY(8px);opacity:.65}to{transform:translateY(0);opacity:1}}@media(max-width:700px){main{padding:22px 18px}header{margin-bottom:28px}h1{font-size:23px}.brand-mark{font-size:36px}.english{font-size:10px}.quiet{padding:11px 12px}.quiet span{display:none}.cards{gap:10px}.card{border-radius:12px}.card-top{padding:13px 12px;font-size:12px}.number{font-size:clamp(66px,16vw,112px);padding:12px 4px 23px}.back{flex-wrap:wrap;gap:4px;margin:0 3px 17px;font-size:12px}.action{min-height:120px;flex-direction:column;gap:10px;padding:14px 3px}.action>.icon{width:32px;height:32px}.action-text{text-align:center}.action-text strong{font-size:18px}.action-text small{font-size:12px}.controls{margin-top:25px}.primary,.secondary{height:62px;font-size:18px}.status{line-height:1.6}footer{font-size:12px;flex-wrap:wrap}details{width:100%}summary{text-align:left}}@media(min-width:701px) and (max-height:750px){main{padding-top:20px}header{margin-bottom:22px}.number{font-size:110px;padding-bottom:16px}.action{min-height:96px}.controls{margin-top:24px}.status{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.back{min-height:42px;flex-direction:column;justify-content:center}.english{display:block;max-width:170px;line-height:1.7}.brand{gap:10px}}