:root{--ink:#073650;--muted:#668395;--sky:#83c3e7;--sky-floor:#9fc8dc;--warm:#f4ddc6;--orange:#f08436;--gold:#f5c880;--line:#dce9ee;--panel:#ffffffeb;--blue:#197da9;--font:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;background:radial-gradient(ellipse at 95% 3%,#ffe9cbbd,transparent 32%),radial-gradient(ellipse at 5% 30%,#cfebf799,transparent 35%),linear-gradient(135deg,#acd2e5,#83c3e7 54%,#a2ccdf);min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1987bb;outline-offset:4px}button,a,input{transition:background .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(1.025)}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:15px;z-index:100;padding:14px;background:#fff}.skip:focus{top:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:7px max(28px,calc((100vw - 1460px)/2));border-bottom:1px solid #5786a331;background:radial-gradient(ellipse at 12% 50%,#f4ddc6ad,transparent 45%),linear-gradient(110deg,#bddcea,#98cde7 70%,#83c3e7)}.brand{--height:51px;display:flex;align-items:center;gap:8px;flex-shrink:0}.brand svg{display:block;overflow:hidden}.brand-icon{width:calc(var(--height)*1.0885);height:var(--height)}.brand-wordmark{width:calc(var(--height)*3.06855);height:calc(var(--height)*.68)}.topbar nav{align-self:stretch;display:flex;align-items:center;gap:32px;font-size:13px;font-weight:650}.topbar nav a{height:100%;display:flex;align-items:center;gap:6px;position:relative;color:#3e647b;white-space:nowrap}.topbar nav a.active{color:#073650}.topbar nav a.active:after{content:"";height:3px;position:absolute;bottom:0;left:0;right:0;background:#e27e36;border-radius:3px 3px 0 0}.topbar nav i{width:5px;height:5px;background:#e27e36;border-radius:50%;align-self:center}.top-actions{display:flex;align-items:center;gap:15px;font-size:12px;white-space:nowrap}.test-pill{background:#eef7fc73;border:1px solid #4b7e982b;border-radius:20px;padding:6px 10px;font-size:10px;color:#426d81;display:flex;gap:5px;align-items:center}.test-pill i{width:5px;height:5px;border-radius:50%;background:#63a69b}.icon-button{height:25px;width:25px;border:1px solid #5d829556;border-radius:50%;font-weight:700}.back-platform{padding-left:15px;border-left:1px solid #527b9533}.back-platform span{margin-left:9px}.app-shell{max-width:1460px;margin:auto;padding:25px 28px 0}.game-banner{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffffa8;border-radius:18px;display:grid;grid-template-columns:1.3fr .85fr 1fr;align-items:center;gap:25px;min-height:181px;padding:28px 32px;background:radial-gradient(ellipse at 78% 3%,#f5d9b3c9,transparent 52%),linear-gradient(112deg,#edf7fcdc,#e0f0f9de 55%,#e9f4f8e0);box-shadow:0 8px 28px #235a7312,inset 0 1px #fff}.game-banner:after{content:"";position:absolute;right:-55px;top:-125px;height:380px;width:380px;border:1px solid #cb9c5c25;border-radius:50%;box-shadow:0 0 0 16px #dfc39b13,0 0 0 17px #c79e6420,0 0 0 65px #eedbc516;pointer-events:none;z-index:-1}.game-identity{display:flex;gap:19px;align-items:center}.eth-badge{display:grid;place-items:center;width:72px;height:90px;flex:none;position:relative}.eth-badge:before{content:"";position:absolute;height:68px;width:68px;top:12px;border-radius:22px;transform:rotate(-12deg);border:1px solid #a0c9dc99;background:linear-gradient(150deg,#fff8ee,#bfdce9);box-shadow:0 6px 14px #35677c16}.eth-badge svg{height:66px;width:44px;position:relative;filter:drop-shadow(3px 5px 2px #1c68842b)}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:750;color:#6d8a99}.game-identity h1{font-size:28px;letter-spacing:1px;line-height:1.4;margin-top:3px}.banner-caption{font-size:12px;color:#678595;margin-top:4px}.game-tags{display:flex;gap:8px;margin-top:11px;white-space:nowrap}.game-tags span{color:#5c8093;font-size:10px;padding:2px 7px;background:#f8fcff77;border:1px solid #8fb9cd39;border-radius:4px}.round-clock{border-left:1px solid #88afc34d;border-right:1px solid #88afc34d;padding:0 27px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.round-top{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap;color:#54778c}.open-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;background:#ccebe3;color:#347664}.open-badge.closed{background:#f4e0c4;color:#966a34}.round-clock>p{color:#73909e;font-size:10px;margin-top:10px}.countdown{font-size:36px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#174b67;line-height:1.25}.countdown span{font-size:28px;color:#8fadb9;margin:0 7px;position:relative;top:-2px}.round-clock small{font-size:9px;color:#8aa0a8;white-space:nowrap}.last-result{min-width:0}.result-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:650;margin-bottom:13px}.result-heading button{font-size:9px;color:#70909e;padding:0}.result-heading button span{margin-left:6px}.number-balls{display:flex;gap:10px}.number-balls>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:23px;font-weight:650;color:#164766;background:radial-gradient(ellipse at 28% 16%,#fff 0,#faf9f2 25%,#e6dcc782 63%,#c8bda896);border:1px solid #ffffffd9;box-shadow:inset -2px -3px 5px #97866926,inset 1px 2px 3px white,0 4px 7px #5b707c15}.last-result>p{font-size:9px;color:#8196a0;margin-top:12px}.notice-bar{display:flex;align-items:center;gap:10px;font-size:10px;color:#345f76;padding:12px 5px 17px}.notice-symbol{font-size:18px;color:#d1803c}.notice-bar p{flex:1}.notice-bar button{font-size:11px;white-space:nowrap;font-weight:650;color:#1d5877;padding:0}.notice-bar button span{margin-left:12px}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:21px;align-items:start}.betting-panel{background:var(--panel);border:1px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 25px #24546b15}.category-nav{display:flex;gap:0;border-bottom:1px solid #d5e6ee;background:linear-gradient(110deg,#edf4f9,#f4f7f9);padding:0 17px;overflow:auto;scrollbar-width:none}.category-nav button{min-height:55px;position:relative;white-space:nowrap;flex:1;font-size:13px;color:#6d8798;font-weight:650;padding:0 16px}.category-nav button.active{color:#174966}.category-nav button.active:after{content:"";position:absolute;bottom:0;height:3px;border-radius:3px 3px 0 0;left:13px;right:13px;background:linear-gradient(90deg,#ffc477,#e98b46)}.play-toolbar{display:flex;align-items:center;justify-content:space-between;padding:25px 27px 15px}.play-toolbar>div,.ticket-heading>div{display:flex;align-items:center;gap:10px}.section-index{font-size:9px;font-weight:750;letter-spacing:1px;color:#bc8a4c;background:#fcf2df;border:1px solid #f3e6cb;border-radius:4px;padding:3px 5px;align-self:center}.play-toolbar h2,.ticket-heading h2{font-size:17px;letter-spacing:.5px;font-weight:650}.small-link{font-size:10px;color:#7892a2;white-space:nowrap;padding:0}.small-link span{margin-left:6px}.sub-nav{display:flex;gap:5px;flex-wrap:wrap;padding:0 27px 13px}.sub-nav:empty{padding:0}.sub-nav button{border:1px solid #e4ecf0;border-radius:6px;min-height:30px;padding:4px 13px;color:#8195a1;font-size:11px}.sub-nav button.active{border-color:#b8d5e2;background:#eaf5fb;color:#226b8e}.market-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 27px 12px}.market-nav:empty{padding:0}.market-nav button{font-size:10px;padding:5px 10px;border-radius:4px;background:#f1f6f8;color:#748e9d}.market-nav button.active{color:#9a642a;background:#fbefd8}.selection-note{display:flex;gap:7px;align-items:center;margin:0 27px;padding:10px 0 15px;border-top:1px dashed #e1eaf0;font-size:10px;color:#8a9da8}.selection-note>i{width:4px;height:4px;border-radius:50%;background:#7cb1c4;flex:none}.selection-note p{flex:1}.selection-note>span{color:#a7885b;font-size:9px;white-space:nowrap}.selection-area{padding:0 27px;min-height:315px}.dual-row{display:grid;grid-template-columns:57px 1fr;gap:15px;align-items:center;padding:7px 0}.dual-position{text-align:center}.dual-position b{font-weight:650;font-size:12px;display:block}.dual-position small{display:block;color:#a3b0b8;font-size:8px;margin-top:2px}.dual-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.market-choice{min-height:54px;border:1px solid #dce7ed;background:linear-gradient(#fff,#f5f9fb);border-radius:8px;position:relative;padding:7px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 3px #133e5404}.market-choice .choice-title{font-size:15px;font-weight:650;color:#3e6378;line-height:1.2}.market-choice small{font-size:8px;color:#b3bdc3;margin-top:3px}.market-choice:after{content:"";position:absolute;right:6px;top:6px;width:3px;height:3px;border-radius:50%;background:#c2d1db}.market-choice:hover{border-color:#c4b18f;background:#fffaf0}.market-choice.selected{border-color:#e5ae62;background:linear-gradient(130deg,#fff6e5,#ffe9c2);box-shadow:inset 0 1px #fff,0 2px 5px #b48a4a14}.market-choice.selected .choice-title{color:#a25d1f}.market-choice.selected small{color:#c69353}.market-choice.selected:after{background:#d08337;width:4px;height:4px}.market-choice.unavailable small{font-size:8px}.dual-groups{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dual-group h3{font-size:13px;margin:10px 0 12px}.dual-group .dual-choices{grid-template-columns:repeat(2,1fr)}.selection-actions{display:flex;align-items:center;gap:17px;padding:17px 27px 20px;border-bottom:1px solid #e2ebef}.selection-actions>button{font-size:10px;color:#8b9faa;padding:0}.selection-actions>button:first-child{color:#5e899d;display:flex;align-items:center;gap:5px}.selection-actions>button>span{font-size:15px}.selection-actions>span{margin-left:auto;font-size:11px;color:#8c9faa}.selection-actions b{font-size:15px;color:#bd7d37;font-weight:600;margin:0 5px}.stake-editor{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:20px 27px 17px;background:linear-gradient(120deg,#f7fafb,#f0f6f9)}.stake-control,.multiplier-control{display:flex;align-items:center;gap:9px}.stake-control>label,.multiplier-control>label{font-size:11px;color:#7d929f;white-space:nowrap}.amount-input{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #d9e5eb;border-radius:6px;padding:6px 8px;width:90px;min-height:34px}.amount-input span{font-size:9px;color:#a7b5bd}.amount-input input{width:100%;min-width:0;border:0;background:none;outline:0;color:#3e677e;font-size:12px;text-align:right;font-variant-numeric:tabular-nums;padding:0}.quick-stakes{display:flex;gap:4px}.quick-stakes button{font-size:9px;min-width:25px;padding:6px 5px;border:1px solid #dce7ee;border-radius:4px;color:#8da2ae;background:#fff9}.quick-stakes button.active{border-color:#adc9d8;color:#3e7e9c;background:#e3f1f9}.stepper{display:flex;min-height:34px;align-items:center;background:white;border:1px solid #d9e5eb;border-radius:6px;overflow:hidden}.stepper button{font-size:15px;color:#92a7b1;padding:4px 8px}.stepper input{width:37px;appearance:textfield;-moz-appearance:textfield;text-align:center;font-size:11px;border:0;outline:none;color:#4d7186;background:transparent;padding:0}.stepper input::-webkit-inner-spin-button{appearance:none}.add-button{padding:9px 16px;background:linear-gradient(120deg,#ffcf8b,#f5ae63);border-radius:7px;display:flex;align-items:center;gap:23px;font-size:12px;font-weight:650;color:#7d4c1b;box-shadow:0 4px 7px #bc865f15,inset 0 1px #fff9;white-space:nowrap}.add-button b{font-size:18px;font-weight:500}.stake-help{grid-column:1/-1;font-size:8px;color:#a4b3bc;margin-top:-9px}
.ticket-panel{border:1px solid #ffffffd9;border-radius:14px;background:#fff9f1f2;position:sticky;top:20px;box-shadow:0 6px 23px #2b576e17}.ticket-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 17px;border-bottom:1px solid #ede6d9}.ticket-heading .section-index{font-size:8px}.ticket-heading h2{font-size:15px}.ticket-heading>div{gap:7px}.cart-count{font-size:8px;background:#f3e6d2;color:#bc8e54;padding:1px 5px;border-radius:4px}.ticket-body{min-height:270px;max-height:415px;overflow:auto;padding:0 19px}.empty-ticket{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:270px;text-align:center}.empty-ticket h3{font-size:12px;font-weight:500;color:#98a4a8;margin:14px 0 6px}.empty-ticket p{font-size:10px;color:#b2b9b9;line-height:1.9}.ticket-icon{position:relative;width:48px;height:60px;border:1px solid #dfd5c3;border-radius:6px;background:linear-gradient(140deg,#fffdf7,#f2e7d4);transform:rotate(-10deg);padding-top:25px;box-shadow:5px 5px 0 #ede5d630}.ticket-icon span{position:absolute;right:-7px;top:-7px;border:2px solid #fff9ef;border-radius:50%;height:23px;width:23px;background:#eccca0;color:#fff;font-size:16px;line-height:18px;font-weight:300}.ticket-icon i{display:block;height:2px;width:23px;margin:5px auto;background:#ddd1bd;border-radius:2px}.ticket-icon i:last-child{width:14px;margin-left:12px}.ticket-row{padding:14px 0;border-bottom:1px dashed #e2dfd5}.ticket-row-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.ticket-row-top button{margin-left:auto;color:#a8b5bd;font-size:16px;line-height:1;padding:0 2px}.ticket-row-number{font-size:11px;line-height:1.8;color:#b17b3f;margin:6px 0;overflow-wrap:anywhere}.ticket-row-bottom{display:flex;justify-content:space-between;font-size:9px;color:#a3b0b8}.ticket-row-bottom b{color:#52788d;font-size:11px;font-weight:500}.ticket-row .waiting-rate{font-size:8px;color:#ad9676;margin-left:5px}.ticket-summary{padding:19px 20px 17px;border-top:1px solid #eee6d9;background:#fffaf3;border-radius:0 0 14px 14px}.ticket-summary>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d9ba1;margin-bottom:10px}.ticket-summary b{font-size:11px;color:#6c8592;font-weight:500}.ticket-total span{align-self:end}.ticket-total small{display:block;font-size:8px;color:#b2b8b8}.ticket-total strong{font-size:29px;font-weight:650;line-height:1.4;color:#bd7835;letter-spacing:.5px;font-variant-numeric:tabular-nums}.quote-status{font-size:9px;line-height:1.7;color:#a19b8c;min-height:30px;margin:12px 0 13px}.checkout-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #d38b4344;border-radius:8px;background:linear-gradient(120deg,#ffc77b,#f2a25a);padding:13px 16px;color:#77491c;font-weight:650;font-size:12px;box-shadow:inset 0 1px #ffeacc,0 4px 8px #da9f7029}.checkout-button b{font-size:19px;font-weight:500}.checkout-button:disabled{opacity:.55;filter:saturate(.6)}.ticket-foot{text-align:center;color:#b5b4ab;font-size:8px;margin-top:11px}.ticket-edge{position:absolute;bottom:-4px;left:12px;right:12px;height:8px;background:radial-gradient(circle at 50% 0,transparent 4px,#fffaf3 4.5px) 0 0/13px 8px;transform:rotate(180deg);pointer-events:none}
.selection-area fieldset{border:0;padding:7px 0;margin:0;display:flex;gap:15px;align-items:center}.selection-area legend{float:left;width:57px;flex:none;text-align:center;font-size:11px;color:#55778b;line-height:1.5}.choice-grid{display:flex;gap:8px;flex-wrap:wrap;flex:1}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;left:0;top:0;width:1px;height:1px}.choice span{display:grid;place-items:center;min-width:42px;min-height:43px;padding:7px;border:1px solid #dce7ed;border-radius:7px;background:linear-gradient(#fff,#f5f9fb);font-size:16px;font-weight:550;color:#4b7187;box-shadow:0 2px 3px #123e5504}.choice input:checked+span{color:#a26729;border-color:#dfab62;background:linear-gradient(140deg,#fff6e5,#ffe9c2);box-shadow:0 2px 5px #b48a4a15}.choice input:focus-visible+span{outline:3px solid #1987bb;outline-offset:3px}.selection-area textarea{flex:1;max-width:100%;min-width:0;border:1px solid #d5e5ef;border-radius:8px;min-height:150px;padding:13px;background:#f8fbfc;line-height:1.8;color:#446c84;font-size:15px}.selection-area fieldset>small{font-size:9px;color:#8b9faa;display:block;max-width:130px}.selection-area .choice-grid:has(input[data-field="options"]){gap:12px}.selection-area .choice-grid:has(input[data-field="options"]) .choice span{min-width:75px;min-height:55px}.selection-area fieldset:first-child:has(input[data-field="positions"]){padding-bottom:16px;border-bottom:1px dashed #e2eaf0;margin-bottom:8px}.selection-area fieldset:has(textarea){flex-wrap:wrap}.selection-area fieldset:has(textarea)>small{max-width:none;margin-left:72px}.records-panel{margin-top:24px;background:#f9fcfde8;border:1px solid #fff;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #2b576e0b}.records-header{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #dce8ee}.records-tabs{display:flex;gap:25px}.records-tabs button{position:relative;padding:18px 0;font-size:12px;font-weight:650;color:#8da0ad}.records-tabs button.active{color:#1d5571}.records-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#e4a357}.records-tabs span{font-size:8px;margin-left:4px;background:#e8f1f7;padding:1px 4px;border-radius:3px;color:#6f97aa}.records-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-size:9px;color:#96a9b6;font-weight:500;padding:12px 26px;border-bottom:1px solid #e5edf1;background:#f3f8fa}td{padding:14px 26px;border-bottom:1px solid #e8f0f4;color:#6b8798;white-space:nowrap}td small{display:block;font-size:8px;color:#a8b6bf;margin-top:3px}td strong.record-number{font-size:14px;color:#be894a;letter-spacing:3px;font-weight:650}.records-empty{text-align:center;padding:38px;color:#a8b7bf;font-size:11px;height:116px}.record-status{font-size:9px;padding:3px 6px;border-radius:4px;background:#e7f3ec;color:#6a9a87}.record-status.waiting{background:#fcf0dd;color:#ba945f}.record-status.cancelled{background:#edf1f3;color:#9caeb8}.record-detail{font-size:10px;color:#5a8caa}.trust-strip{display:flex;justify-content:center;gap:70px;padding:28px 20px 25px;color:#567d94}.trust-strip>div{display:flex;align-items:center;gap:11px}.trust-symbol{font-size:27px;color:#558ea7;font-weight:300}.trust-strip b{font-size:10px;font-weight:600;display:block}.trust-strip small{display:block;font-size:8px;color:#6b91a7;margin-top:3px}.page-footer{border-top:1px solid #659bb52e;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#668a9f;padding:15px 0 21px}.page-footer>div{display:flex;gap:20px}.page-footer button{font-size:9px;padding:0}.mobile-ticket{display:none}
dialog{color:var(--ink);border:1px solid #fff;border-radius:20px;box-shadow:0 30px 90px #15374d50;padding:33px;background:radial-gradient(ellipse at 90% 0,#ffe6c3,transparent 45%),linear-gradient(140deg,#f5fbff,#e7f2f9);max-width:calc(100vw - 24px);max-height:92dvh;overflow:auto}dialog::backdrop{background:#07324d88;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:17px;top:13px;font-size:26px;color:#8aa4b5;font-weight:300;line-height:1;padding:4px 7px}.draw-dialog{width:620px}.draw-dialog-head{text-align:center}.draw-dialog-head h2{font-size:23px;margin:8px 0 10px;letter-spacing:1px}.draw-status{display:inline-flex;padding:3px 9px;border:1px solid #bad6e3;border-radius:20px;background:#e7f3f9;color:#5e859c;font-size:10px}.spin-stage{height:245px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;margin-top:8px;overflow:hidden}.spin-orbit{position:absolute;z-index:-1;width:330px;height:205px;border:1px solid #b3d2e0;border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 0 8px #e0eef34d}.spin-orbit:after{content:"";position:absolute;right:18px;top:16px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fff,#e9b976 70%,#b67938);box-shadow:0 2px 3px #5f827c33}.spin-orbit.inner{width:260px;height:165px;transform:rotate(16deg);opacity:.5}.spin-watermark{height:180px;width:195px;position:absolute;z-index:-2;opacity:.05}.spin-label{font-size:11px;color:#7b9aab;margin-bottom:15px}.spin-digits{display:flex;gap:8px}.spin-digits>b{height:65px;width:50px;border-radius:10px;border:1px solid #e0c293;background:linear-gradient(125deg,#fffdf7,#fbe5bf);display:grid;place-items:center;font-size:37px;font-weight:600;color:#996c33;box-shadow:0 5px 8px #425f7119,inset 0 1px #fff;font-variant-numeric:tabular-nums}.spin-subtitle{font-size:9px;color:#90a9b8;margin-top:16px}.spin-stage.spinning .spin-orbit{animation:spinOrbit 4s linear infinite}.spin-stage.spinning .spin-orbit.inner{animation-duration:3s;animation-direction:reverse}.spin-stage.spinning .spin-digits>b{box-shadow:0 0 15px #edb65935,inset 0 1px #fff}.stop-spin{display:flex;align-items:center;justify-content:space-between;width:min(285px,100%);margin:0 auto;padding:12px 22px;background:linear-gradient(110deg,#ffcf85,#f4a15b);border:1px solid #d5a163;border-radius:9px;color:#86521d;box-shadow:inset 0 1px #fff9,0 4px 10px #b5855426;font-size:14px;font-weight:650}.stop-spin b{font-size:23px;line-height:1;font-variant-numeric:tabular-nums;font-weight:550}.draw-message{font-size:11px;text-align:center;color:#7c9bad;line-height:1.8;margin:15px 0 10px;white-space:pre-line}.draw-calculation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:19px 10px;border-top:1px solid #c9e0ec;border-bottom:1px solid #c9e0ec;margin:18px 0 12px}.draw-calculation>div{text-align:center;flex:1}.draw-calculation span{font-size:9px;color:#829eae;display:block}.draw-calculation b{font-size:21px;letter-spacing:2px;font-weight:650;color:#436e88;display:block;margin:4px 0}.draw-calculation .calculated-result b{color:#b97c38}.draw-calculation i{font-style:normal;color:#a2b8c4;font-size:19px}.draw-calculation small,.draw-calculation a,.draw-calculation>div>div{font-size:8px;color:#8da4b2}.draw-calculation a{text-decoration:underline}.draw-settlement{font-size:11px;text-align:center;line-height:1.8;color:#61879c}.draw-settlement strong{color:#b87a39;font-size:19px;margin:0 4px}.draw-id{font-size:8px;text-align:center;color:#9eb2bd;margin-top:17px;overflow-wrap:anywhere}.proof-details{margin-top:20px;border-top:1px solid #c9e0ec;padding-top:13px}.proof-details summary{cursor:pointer;display:flex;justify-content:space-between;color:#7194a7;font-size:10px}.proof-details summary span{font-size:14px}.proof-details #proofChecks{font-size:10px;line-height:2;color:#5e9b82;margin:13px 0}.proof-details .failed{color:#c3654c}.proof-actions{display:flex;gap:10px}.proof-actions button{border:1px solid #bed4df;border-radius:6px;color:#668c9e;font-size:10px;padding:7px 12px}.rules-dialog{width:580px}.rules-dialog h2{font-size:23px;margin:8px 0 25px}.rules-steps{display:grid;gap:22px}.rules-steps article{display:flex;gap:16px}.rules-steps article>b{font-size:11px;color:#b58345;border-radius:5px;background:#fbedd6;border:1px solid #e5cfa8;height:30px;width:30px;flex:none;display:grid;place-items:center}.rules-steps h3{font-size:13px;margin-bottom:5px}.rules-steps p{color:#6d8a9e;font-size:11px;line-height:1.85}.rules-note{background:#e4eef5;padding:13px 15px;border-radius:7px;font-size:10px;color:#7491a4;line-height:1.9;margin:23px 0}.understood{width:100%;padding:12px;background:#166582;color:#f0f9ff;border-radius:7px;font-size:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:min(540px,calc(100vw - 32px));background:#0b3f59f2;color:#eef7fc;border:1px solid #689bb077;border-radius:9px;box-shadow:0 8px 25px #15374d30;font-size:12px;z-index:1000;text-align:center}@keyframes spinOrbit{to{transform:rotate(344deg)}}
@media(min-width:1700px){.app-shell{padding-top:34px}.game-banner{min-height:195px}.selection-area{min-height:350px}.dual-row{padding:10px 0}.market-choice{min-height:57px}.ticket-body,.empty-ticket{min-height:300px}}
@media(max-width:1250px){.topbar{gap:20px}.topbar nav{gap:22px}.brand{--height:46px}.top-actions{gap:10px}.back-platform{display:none}.game-banner{grid-template-columns:1.3fr .9fr 1fr;padding:24px;gap:20px}.game-identity{gap:10px}.game-identity h1{font-size:24px}.eth-badge{width:58px}.round-clock{padding:0 20px}.number-balls{gap:6px}.number-balls>b{width:37px;height:37px;font-size:21px}.play-layout{grid-template-columns:minmax(0,1fr) 298px;gap:16px}.play-toolbar,.selection-actions{padding-left:22px;padding-right:22px}.selection-area{padding-left:22px;padding-right:22px}.sub-nav,.market-nav{padding-left:22px;padding-right:22px}.selection-note{margin-left:22px;margin-right:22px}.dual-row{grid-template-columns:45px 1fr;gap:10px}.dual-choices{gap:7px}.stake-editor{grid-template-columns:1fr auto;padding:18px 22px;gap:13px}.add-button{grid-column:2;grid-row:1/3;align-self:center;padding:12px}.multiplier-control{grid-column:1;grid-row:2}.stake-help{margin-top:0}.choice span{min-width:35px;min-height:40px;font-size:14px}.choice-grid{gap:6px}.category-nav button{padding:0 12px;font-size:12px}.selection-area legend{width:45px}}
@media(max-width:980px){.game-banner{grid-template-columns:1fr 1fr}.game-identity{grid-column:1/-1}.round-clock{padding:0;border:0}.last-result{border-left:1px solid #9ab6c64d;padding-left:22px}.topbar nav a:not(.active){display:none}.topbar{gap:15px;min-height:74px;padding:8px 24px}.top-actions{gap:8px}.play-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.dual-row{grid-template-columns:35px 1fr;gap:6px}.dual-choices{gap:5px}.market-choice{border-radius:6px;min-height:50px}.market-choice .choice-title{font-size:13px}.selection-area{padding-left:16px;padding-right:16px}.play-toolbar{padding-left:17px;padding-right:17px}.choice span{min-width:30px;min-height:36px;padding:5px;font-size:13px}.selection-area fieldset{gap:7px}.selection-area legend{width:35px}.trust-strip{gap:30px}.stake-editor{padding-left:16px;padding-right:16px}.quick-stakes button{min-width:23px}.stake-control{gap:6px}.amount-input{width:79px}.category-nav{padding:0 7px}.category-nav button{padding:0 11px}.selection-note{margin-left:17px;margin-right:17px}}
@media(max-width:760px){body{padding-bottom:78px}.topbar{min-height:68px;padding:8px 17px}.brand{--height:43px}.topbar nav{display:none}.top-actions .test-pill{font-size:9px;padding:5px 8px}.top-actions .icon-button{height:22px;width:22px;font-size:11px}.app-shell{padding:18px 14px 0}.game-banner{padding:21px 20px;gap:18px;border-radius:13px}.game-identity h1{font-size:24px}.game-identity .eyebrow{font-size:8px;letter-spacing:1px}.game-tags{margin-top:8px}.eth-badge{height:75px;width:58px}.eth-badge:before{height:55px;width:55px;top:9px;border-radius:16px}.eth-badge svg{height:54px;width:36px}.banner-caption{font-size:10px}.game-tags span{font-size:8px;padding:2px 5px}.round-top{font-size:8px;gap:5px}.round-clock>p{font-size:9px;margin-top:8px}.countdown{font-size:32px}.countdown span{font-size:23px;margin:0 4px}.round-clock small{font-size:7px}.last-result{padding-left:14px}.result-heading{font-size:9px;margin-bottom:10px}.result-heading button{display:none}.number-balls{gap:5px}.number-balls>b{width:29px;height:29px;font-size:17px}.last-result>p{font-size:8px;margin-top:9px}.notice-bar{padding:12px 2px;font-size:9px;gap:7px;align-items:start}.notice-symbol{font-size:15px;line-height:1.2}.notice-bar button{font-size:9px;align-self:center}.notice-bar button span{margin-left:4px}.notice-bar p{max-width:calc(100% - 122px)}.play-layout{grid-template-columns:1fr}.ticket-panel{position:static;scroll-margin-top:20px}.category-nav button{min-height:49px;font-size:12px;padding:0 13px}.category-nav button.active:after{left:10px;right:10px}.play-toolbar{padding:21px 18px 15px}.play-toolbar h2{font-size:16px}.sub-nav,.market-nav{padding-left:18px;padding-right:18px;gap:5px}.sub-nav button{font-size:10px;min-height:29px;padding:4px 11px}.market-nav button{font-size:9px;padding:4px 7px}.selection-note{margin:0 18px;padding-bottom:12px;font-size:9px}.selection-note>span{font-size:8px}.selection-area{padding:0 17px;min-height:310px}.dual-row{grid-template-columns:32px 1fr;gap:7px;padding:7px 0}.dual-position b{font-size:10px}.dual-position small{font-size:6px}.dual-choices{gap:6px}.market-choice{min-height:47px;padding:6px 1px}.market-choice .choice-title{font-size:14px}.market-choice small{font-size:7px}.market-choice.unavailable small{font-size:6px}.market-choice:after{right:4px;top:4px;width:2px;height:2px}.selection-actions{padding:14px 18px 18px;font-size:9px;gap:15px}.selection-actions>button{font-size:9px}.selection-actions>span{font-size:10px}.stake-editor{grid-template-columns:1fr auto;gap:14px;padding:18px}.stake-control{flex-wrap:wrap;gap:8px}.stake-control>label{width:100%;font-size:10px}.multiplier-control{display:block}.multiplier-control>label{display:block;font-size:10px;margin-bottom:7px}.quick-stakes button{min-width:27px}.amount-input{width:85px}.stepper{min-height:31px;width:101px}.add-button{grid-column:2;grid-row:1/3;align-self:center;padding:13px 12px;gap:16px;font-size:11px}.stake-help{font-size:8px}.selection-area legend{width:32px;font-size:9px}.choice-grid{gap:6px}.choice span{min-width:27px;min-height:37px;padding:5px;font-size:13px}.selection-area fieldset{gap:7px;padding:8px 0}.selection-area fieldset>small{max-width:none;font-size:8px}.selection-area fieldset:has(textarea)>small{margin-left:40px}.ticket-body,.empty-ticket{min-height:180px}.ticket-heading{padding:19px 21px}.ticket-summary{padding:20px 22px}.empty-ticket{padding:24px}.ticket-total strong{font-size:30px}.checkout-button{font-size:13px;padding:14px 17px}.ticket-summary>div{font-size:11px}.quote-status{font-size:10px}.ticket-foot{font-size:9px}.records-panel{margin-top:20px}.records-header{padding:0 18px}.records-tabs{gap:20px}.records-tabs button{font-size:11px;padding:16px 0}.records-header .small-link{font-size:9px}th,td{padding-left:18px;padding-right:18px}.records-empty{font-size:10px;white-space:normal}.trust-strip{gap:20px;padding:22px 5px}.trust-strip>div{gap:7px}.trust-symbol{font-size:22px}.trust-strip b{font-size:9px}.trust-strip small{font-size:7px;max-width:110px}.page-footer{font-size:8px;gap:12px;align-items:start;padding:14px 0 19px}.page-footer>div{gap:12px;flex-wrap:wrap}.page-footer button{font-size:8px}.mobile-ticket{position:fixed;display:flex;align-items:center;justify-content:space-between;bottom:0;left:0;right:0;z-index:20;padding:12px 21px max(13px,env(safe-area-inset-bottom));background:#fffaf4f2;border-top:1px solid #dfcdaa;box-shadow:0 -5px 23px #1b4c6518;backdrop-filter:blur(12px)}.mobile-ticket small{display:block;font-size:9px;color:#8f9fa6}.mobile-ticket small b{font-size:9px;font-weight:600;color:#b38752;margin:0 3px}.mobile-ticket strong{font-size:23px;line-height:1.2;display:block;color:#b77a36;font-weight:600}.mobile-ticket strong span{font-size:9px;font-weight:500;color:#9eacaf}.mobile-ticket>button{padding:11px 17px;background:linear-gradient(120deg,#ffce88,#f4ad65);border:1px solid #e0ac6d;border-radius:7px;font-size:11px;color:#8a5b27;font-weight:600}.mobile-ticket>button span{margin-left:23px}dialog{padding:28px 20px 24px;border-radius:17px}.draw-dialog-head h2{font-size:21px}.draw-calculation{gap:5px;padding:16px 0}.draw-calculation b{font-size:19px;letter-spacing:1px}.draw-calculation small{font-size:7px}.draw-message{font-size:10px}.spin-stage{height:230px}.spin-digits>b{width:46px;height:62px;font-size:34px}.rules-dialog h2{font-size:21px}.toast{bottom:92px;font-size:11px}}
@media(max-width:370px){.brand{--height:38px}.game-banner{padding:18px 15px}.number-balls{gap:3px}.number-balls>b{width:25px;height:25px;font-size:15px}.dual-choices{gap:4px}.dual-row{gap:4px;grid-template-columns:28px 1fr}.market-choice .choice-title{font-size:13px}.selection-area{padding:0 13px}.choice span{min-width:24px;padding:4px;font-size:12px}.choice-grid{gap:5px}.quick-stakes button:last-child{display:none}.trust-strip{gap:12px}.trust-strip small{max-width:80px}.top-actions{gap:5px}.spin-digits>b{width:41px;height:58px}}
.selection-area .choice-grid{min-width:0}
@media(max-width:760px){.selection-area .choice-grid:not(:has(input[data-field="options"])) {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.selection-area .choice-grid:not(:has(input[data-field="options"])) .choice span{min-height:42px;min-width:0}.selection-area textarea{flex-basis:calc(100% - 42px)}}
@media(max-width:760px){.number-balls{gap:4px}.number-balls>b{width:clamp(21px,6vw,29px);height:clamp(21px,6vw,29px);font-size:clamp(14px,4vw,17px)}}
@media(max-width:370px){.number-balls{gap:3px}.number-balls>b{width:clamp(18px,6vw,21px);height:clamp(18px,6vw,21px);font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Compact betting layout: keep the number controls close to the game header. */
.topbar{min-height:68px;padding-top:5px;padding-bottom:5px}
.brand{--height:46px}
.app-shell{padding-top:12px}
.game-banner{min-height:100px;padding:12px 22px;gap:20px;border-radius:14px}
.game-identity{gap:12px}
.game-identity .eyebrow,.game-tags{display:none}
.game-identity h1{font-size:25px;margin-top:0;letter-spacing:.5px}
.eth-badge{width:49px;height:60px}
.eth-badge:before{width:47px;height:47px;top:6px;border-radius:14px}
.eth-badge svg{width:31px;height:47px}
.round-clock{padding:0 20px}
.round-clock>p{margin-top:3px;font-size:11px}
.round-top{font-size:11px;flex-wrap:wrap;gap:4px 8px}
.countdown{font-size:30px;line-height:1.15}
.countdown span{font-size:23px}
.result-heading{margin-bottom:7px;font-size:12px}
.last-result>p{margin-top:6px;font-size:10px}
.number-balls{gap:8px}
.number-balls>b{width:34px;height:34px;font-size:21px}
.notice-bar{padding:7px 3px;font-size:11px;gap:8px}
.notice-bar button{font-size:12px}
.play-layout{gap:16px}
.category-nav{padding:0 10px}
.category-nav button{min-height:47px;padding:0 13px;font-size:16px;font-weight:700;color:#496c80}
.sub-nav{padding:10px 18px 7px;gap:6px}
.sub-nav button{min-height:34px;padding:4px 14px;font-size:14px;color:#5c7d91}
.market-nav{padding:7px 18px;gap:6px}
.market-nav button{min-height:33px;padding:5px 12px;font-size:14px;color:#52758a}
.selection-note{margin:0 18px;padding:7px 0 8px;font-size:11px;gap:8px}
.selection-note>span{font-size:11px}
.selection-note .small-link{font-size:12px;color:#527e96}
.selection-area{padding:0 18px;min-height:0}
.dual-row{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:5px 0}
.dual-position b{font-size:14px}
.dual-position small{font-size:9px}
.dual-choices{gap:8px}
.market-choice{min-height:47px;padding:5px 3px}
.market-choice .choice-title{font-size:18px}
.market-choice small,.market-choice.unavailable small{font-size:10px}
.selection-area fieldset{gap:10px;padding:5px 0}
.selection-area legend{width:42px;font-size:13px}
.selection-area .choice span{font-size:18px;min-height:40px}
.selection-actions{padding:10px 18px;gap:14px;flex-wrap:wrap}
.selection-actions>button{font-size:12px}
.selection-actions>span{font-size:12px}
.selection-actions b,.selection-actions strong{font-size:15px;color:#ae6f30;font-weight:650}
.stake-editor{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 14px;padding:12px 18px 10px;align-items:center}
.stake-control{gap:7px;flex-wrap:wrap}
.stake-control>label,.multiplier-control>label{font-size:12px;color:#5b7a8c}
.amount-input{width:84px;min-height:35px}
.amount-input input{font-size:14px}
.quick-stakes button{font-size:11px;min-width:27px;padding:6px}
.multiplier-control{display:flex;gap:8px;align-items:center}
.multiplier-control>label{margin:0}
.stepper{min-height:35px;width:96px}
.stepper input{font-size:13px}
.bet-actions{display:flex;gap:9px;align-items:stretch}
.bet-actions .add-button,.bet-now-button{grid-column:auto;grid-row:auto;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 13px;font-size:14px;font-weight:700;border-radius:7px;white-space:nowrap}
.bet-now-button{color:#fff;background:linear-gradient(120deg,#207da8,#15547b);border:1px solid #155d82;box-shadow:inset 0 1px #ffffff40,0 4px 8px #15547b22}
.bet-now-button b{font-size:19px;font-weight:500}
.stake-help{font-size:10px;margin:0}
.ticket-panel{top:12px}
.ticket-heading{padding:15px 18px 13px}
.ticket-heading h2{font-size:17px}
.ticket-body,.empty-ticket{min-height:175px}
.empty-ticket{padding:16px}
.empty-ticket h3{font-size:13px;margin-top:10px}
.empty-ticket p{font-size:11px}
.ticket-summary{padding:14px 18px}
.number-selection{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.selection-area .number-selection .choice-grid[data-digit-grid]{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;flex:1;min-width:0}
.selection-area .number-selection .choice span{min-width:0;padding:4px 2px;min-height:40px}
.digit-shortcuts{display:grid;grid-template-columns:repeat(4,30px);gap:4px;flex:none}
.digit-shortcuts button{display:grid;place-items:center;min-width:0;min-height:34px;padding:3px;font-size:14px;font-weight:650;border:1px solid #bfd7e4;border-radius:5px;background:#edf5f9;color:#356a86}
.digit-shortcuts button.active{color:#93551f;background:#fff0d9;border-color:#dea35d}
@media(max-width:1150px){
  .stake-editor{grid-template-columns:minmax(0,1fr) auto}
  .bet-actions{grid-column:1/-1;justify-content:flex-end}
  .stake-control>label{width:auto}
}
@media(max-width:980px){
  .play-layout{grid-template-columns:minmax(0,1fr)}
  .ticket-panel{position:static}
  .game-banner{grid-template-columns:1.15fr .9fr 1fr;gap:14px;padding:12px 18px}
  .game-identity{grid-column:auto}
  .game-identity h1{font-size:21px}
  .game-identity .banner-caption{font-size:10px}
  .eth-badge{display:none}
  .round-clock{border-left:1px solid #88afc34d;border-right:1px solid #88afc34d;padding:0 14px}
  .last-result{padding:0;border:0}
  .round-top{font-size:10px}
  .stake-editor{grid-template-columns:minmax(0,1fr) auto auto}
  .bet-actions{grid-column:auto}
}
@media(max-width:760px){
  .topbar{min-height:62px;padding:6px 14px}
  .brand{--height:40px}
  .app-shell{padding:9px 12px 0}
  .game-banner{grid-template-columns:minmax(0,1fr) 142px;padding:10px 14px;gap:8px 12px;min-height:0}
  .game-identity h1{font-size:21px;letter-spacing:0}
  .game-identity .banner-caption{font-size:10px}
  .round-clock{padding:0 0 0 12px;border-right:0;grid-row:1;grid-column:2}
  .round-top{font-size:9px;gap:2px 5px}
  .round-clock>p{font-size:10px}
  .countdown{font-size:27px}
  .countdown span{font-size:20px;margin:0 3px}
  .round-clock small{font-size:8px}
  .last-result{grid-column:1/-1;display:flex;gap:10px;align-items:center;border-top:1px solid #a3c0cd44;padding:7px 0 0}
  .result-heading{margin:0;font-size:11px;white-space:nowrap}
  .last-result>p{display:none}
  .number-balls{gap:5px}
  .number-balls>b{width:24px;height:24px;font-size:16px}
  .notice-bar{padding:7px 2px;font-size:10px;align-items:center}
  .notice-bar p{max-width:none}
  .notice-bar button{font-size:10px}
  .notice-symbol{display:none}
  .category-nav{padding:0 5px}
  .category-nav button{font-size:15px;min-height:45px;padding:0 13px}
  .sub-nav,.market-nav{padding:8px 13px 6px;gap:5px}
  .sub-nav button,.market-nav button{font-size:14px;min-height:33px;padding:4px 10px}
  .selection-note{margin:0 13px;padding:6px 0 7px;font-size:10px;flex-wrap:wrap;gap:5px 8px}
  .selection-note p{flex-basis:calc(100% - 15px)}
  .selection-note>span{font-size:10px;margin-left:12px}
  .selection-note .small-link{margin-left:auto;font-size:11px}
  .selection-area{padding:0 13px;min-height:0}
  .dual-row{grid-template-columns:30px minmax(0,1fr);gap:6px;padding:5px 0}
  .dual-position b{font-size:12px}
  .dual-position small{font-size:8px}
  .dual-choices{gap:5px}
  .market-choice{min-height:46px;padding:5px 1px}
  .market-choice .choice-title{font-size:17px}
  .market-choice small,.market-choice.unavailable small{font-size:8px}
  .selection-area fieldset{gap:7px;padding:6px 0}
  .selection-area legend{width:30px;font-size:11px}
  .number-selection{gap:7px}
  .selection-area .number-selection .choice-grid[data-digit-grid]{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .selection-area .number-selection .choice span{min-height:39px;font-size:18px}
  .digit-shortcuts{grid-template-columns:repeat(2,30px);gap:5px}
  .digit-shortcuts button{min-height:34px;font-size:14px}
  .selection-actions{padding:9px 13px;gap:9px 13px}
  .selection-actions>button,.selection-actions>span{font-size:11px}
  .stake-editor{grid-template-columns:minmax(0,1fr) auto;padding:11px 13px;gap:10px}
  .stake-control>label{font-size:12px;width:auto}
  .multiplier-control{display:block}
  .multiplier-control>label{display:block;font-size:12px;margin-bottom:5px}
  .quick-stakes button{font-size:11px;min-width:27px}
  .bet-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .bet-actions .add-button,.bet-now-button{font-size:15px;min-height:45px;padding:10px 8px;gap:9px}
  .stake-help{font-size:9px}
  .ticket-body,.empty-ticket{min-height:155px}
}
@media(max-width:370px){
  .game-banner{grid-template-columns:minmax(0,1fr) 127px;padding:10px 11px;gap:7px}
  .game-identity h1{font-size:19px}
  .round-clock{padding-left:9px}
  .digit-shortcuts{grid-template-columns:repeat(2,27px)}
  .selection-area legend{width:27px}
  .selection-area .number-selection .choice span{font-size:17px}
}
.test-source-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:8px 13px;background:#eaf5f9bd;border:1px solid #c2dce9;border-radius:7px;font-size:11px;color:#47778e}
.test-source-strip span{flex:1}
.test-source-strip button{font-size:12px;color:#16587b;font-weight:650;white-space:nowrap}
.test-source-strip a,#pageNotice a{text-decoration:underline;text-underline-offset:3px;font-weight:650}
.draw-timing{margin:12px 0;padding:12px 14px;border:1px solid #d2e3eb;border-radius:9px;background:#edf5f8}
.timing-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:9px}
.timing-heading>span{color:#77929e;font-size:10px}
.timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px}
.timing-grid span{font-size:10px;color:#76909e;display:block}
.timing-grid strong{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;color:#1c617f}
.draw-timing>p{font-size:9px;color:#859ba5;margin-top:8px}
@media(max-width:760px){.test-source-strip{font-size:10px;flex-wrap:wrap}.test-source-strip span{flex-basis:100%}.test-source-strip button{font-size:11px;margin-left:auto}.timing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timing-heading{flex-wrap:wrap;gap:3px}.timing-grid strong{font-size:15px}}
/* The wheel previews timestamped blocks from the server's history pool. */
.spin-stage{height:234px}
.spin-label{margin-bottom:4px}
.spin-block-time{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums;color:#205775;letter-spacing:.5px;margin-bottom:12px;text-align:center}
.spin-subtitle{margin-top:12px;font-size:10px}
.block-meta{border:1px solid #bcd7e5;background:#edf7fb;border-radius:10px;padding:11px 14px;margin:0 0 14px;text-align:left}
.block-meta-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;margin-bottom:7px}
.block-meta-head>span{font-size:10px;padding:2px 7px;background:#dcebf3;border-radius:4px;color:#4d7a91}
.block-number-line{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:10px;color:#6b8ca0}
.block-number-line strong{font-size:17px;color:#205775;font-variant-numeric:tabular-nums}
.block-number-line>span:last-child{margin-left:auto;font-size:10px}
.block-number-line a{text-decoration:underline;text-underline-offset:3px;color:#276c92}
.block-hash{font-size:10px;color:#6b8ca0;margin-top:5px}
.block-hash code{display:block;font-size:10px;overflow-wrap:anywhere;color:#4f7990;line-height:1.6;margin-top:2px}
.win-dialog{width:430px;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 0,#ffe2a8,#f8fbfb 65%)}
.win-emblem{margin:0 auto 11px;width:61px;height:61px;border:1px solid #f0c580;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#ba7932;background:linear-gradient(145deg,#fff3cf,#f6cc87);box-shadow:0 4px 18px #d99d4522}
.win-dialog h2{font-size:29px;letter-spacing:2px;margin:6px 0;color:#8e5b25}
#winPeriod{font-size:11px;color:#7c96a3}
.win-number{font-size:38px;font-weight:700;color:#1a5a7b;letter-spacing:9px;line-height:1.5;font-variant-numeric:tabular-nums;margin:11px 0 3px}
#winSummary{font-size:13px;color:#668799}
.win-return{display:flex;justify-content:center;align-items:baseline;gap:9px;padding:16px 0;color:#a66a2d}
.win-return>span{font-size:12px;color:#7c8e97}
.win-return>strong{font-size:33px;font-weight:700;font-variant-numeric:tabular-nums}
.win-return>small{font-size:11px}
.win-footnote{font-size:10px;color:#8c9da4;line-height:1.7}
.win-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.win-actions button{padding:11px 8px;border:1px solid #bdd5e1;border-radius:7px;font-size:12px;color:#356c88;background:#edf5fa}
.win-actions button:last-child{background:linear-gradient(110deg,#ffcf85,#f4a15b);border-color:#e5ae6d;color:#895a27;font-weight:650}
@media(max-width:760px){.spin-stage{height:218px}.spin-block-time{font-size:19px}.block-meta{padding:10px 11px}.block-hash code{font-size:9px}.win-dialog{padding:26px 21px}.win-number{font-size:34px;letter-spacing:8px}}

/* Animate one compositor layer; digit nodes and detail cards stay mounted. */
.block-time-wheel{position:relative;overflow:hidden;height:76px;width:100%;max-width:340px;contain:layout paint;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);margin:0 auto 8px}
.block-time-wheel:after{content:"";position:absolute;top:19px;left:12px;right:12px;height:38px;border-top:1px solid #9dc3d64d;border-bottom:1px solid #9dc3d64d;pointer-events:none}
#timeTrack{will-change:transform;transform:translate3d(0,-19px,0)}
#timeTrack>div{height:38px;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:38px;font-weight:650;color:#205775;font-variant-numeric:tabular-nums;white-space:nowrap}
.spinning .spin-digits>b{animation:none;filter:none}
.spinning:has(.block-time-wheel:not([hidden])) .spin-label{margin-bottom:0}
.draw-actions{display:flex;gap:10px;align-items:stretch;justify-content:center}
.draw-actions .stop-spin{margin:0;min-width:0;flex:1}
.repeat-draw{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid #1f7197;border-radius:8px;background:linear-gradient(120deg,#267fa5,#185b80);color:#fff;font-size:14px;font-weight:650}
.repeat-draw b{font-size:22px;font-weight:500}
.repeat-draw:disabled{opacity:.45;cursor:wait}
@media(max-width:760px){.draw-actions .stop-spin,.repeat-draw{font-size:12px;padding:11px 12px}.spin-stage:has(.block-time-wheel:not([hidden])){height:245px}#timeTrack>div{font-size:17px}}