:root{--green:#08c765;--red:#ff272d;--text:#353535}


*{box-sizing:border-box}


html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:#e9e9e9}


button{font:inherit;color:inherit;cursor:pointer}


.site-shell{width:100%;max-width:496px;min-height:100vh;margin:auto;background:#fff;position:relative;padding-bottom:calc(70px + env(safe-area-inset-bottom));box-shadow:0 0 3px #aaa}


.topbar{height:56px;display:grid;grid-template-columns:110px 1fr 112px;align-items:center;padding:0 18px;border-top:1px solid #ddd}


.topbar>strong{text-align:center;font:400 21px serif}


.backup{justify-self:start;border:0;border-radius:3px;background:#08bd61;color:#fff;font:bold 12px Arial;padding:2px 9px;line-height:13px}


.backup b{display:block;color:#f4ff2b;font:700 12px/13px Arial,sans-serif}
.backup small{display:flex;align-items:center;justify-content:center;gap:2px;color:#fff;font:700 10px/12px "Microsoft YaHei",sans-serif}
.backup-hand{display:block;width:13px;height:13px;flex:0 0 13px;overflow:visible}


.top-actions{display:flex;justify-content:flex-end;gap:10px}


.top-actions span{display:flex;flex-direction:column;text-align:center;font:bold 23px serif;line-height:20px}


.top-actions small{font:13px serif;margin-top:3px;color:#111}


.hero{height:auto;aspect-ratio:480/178;margin:0 9px;background:#fff;position:relative;overflow:hidden}


.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#bcd6e8}


.hero:before{width:112px;height:112px;left:-45px;bottom:-34px}


.hero:after{width:125px;height:125px;right:-58px;top:-25px;background:#c8dce8}


.hero-copy{position:relative;z-index:2;text-align:center;padding:14px 80px 0 48px}


.hero-copy>b{display:block;font-size:27px;color:#ef3b9b;white-space:nowrap;text-shadow:1px 1px #fff}


.hero-copy>strong{display:block;font-size:32px;line-height:38px;color:#05afdc;text-shadow:2px 2px #fff}


.hero-copy>em{display:inline-block;background:#ed0b85;color:#fff;border-radius:22px;padding:0 13px;font:bold 29px Arial;line-height:37px;font-style:normal}


.hero-copy>em span{color:#222;background:#fff;margin-left:5px;font-size:21px}


.hero-copy>div{display:flex;gap:7px;justify-content:center;margin-top:10px}


.hero-copy i{font-style:normal;font-weight:bold;color:#fff;padding:5px 10px;border-radius:18px;background:linear-gradient(#e07cfb,#9024dd);white-space:nowrap}


.hero-copy i:nth-child(2){background:linear-gradient(#3fc7f5,#088ccf)}


.hero-copy i:nth-child(3){background:linear-gradient(#42d490,#08a94f)}


.lottery-machine{position:absolute;right:13px;bottom:26px;z-index:3;transform:rotate(-8deg)}


.lottery-machine span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(#fff,#e0648e);border:2px solid #eee;color:#fff;font:bold 11px Arial;margin-left:-7px}


.marquee{height:40px;margin:0 9px;display:flex;align-items:center;gap:10px;border-bottom:6px solid #f4f4f4;padding:0 10px}


.marquee span{font-size:13px}


.marquee p{margin:0 0 0 auto;font:14px serif}


.tabs{margin:0 9px;display:grid;grid-template-columns:repeat(3,1fr);height:62px;background:#f6f6f6;overflow:hidden}


.tab{border:0;background:#f7f7f7;font:17px serif;color:#333}


.tab span{display:block;margin-top:3px;font:16px serif;color:#999}


.tab.active{background:var(--green);color:#fff}


.tab.active span{color:#fff}


.tab em{font:10px sans-serif;background:#ff3d4a;color:#fff;border-radius:7px;padding:1px 4px;margin-left:3px}


.live-toggle{display:block;width:130px;height:39px;margin:0 auto -1px;border:0;background:var(--green);color:#fff;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);position:relative;z-index:2}


.player-wrap{margin:0 19px;background:#111;padding:7px}


.player-wrap video,.player-wrap iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}


.player-wrap p{color:#ddd;font-size:11px;word-break:break-all;margin:5px}


.sim-stage{aspect-ratio:16/7;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:linear-gradient(135deg,#03b85c,#05d574)}


.sim-stage span{font-size:12px;margin-top:6px}


.draw-box{margin:0 19px;border:1px solid var(--green);border-radius:2px;padding:10px 12px 7px}


.draw-meta{display:flex;align-items:center;gap:13px;font:18px serif;white-space:nowrap}


.draw-meta>span:first-child b{color:#0abf62;font-weight:400}


.draw-meta>span:nth-child(2){color:var(--red);font-size:16px}


.draw-meta>span:nth-child(2) b{font-weight:400}


.draw-meta button{border:0;background:none;color:#08ae5b;margin-left:auto;padding:0;font:17px serif}


.balls,.traits{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;gap:5px}


.balls{margin-top:10px}


.ball{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:bold 28px Arial;color:#555;background:#eee;border:5px solid;box-shadow:inset 0 0 0 2px #fff}


.ball.red{border-color:#ff4a4e}


.ball.blue{border-color:#379de8}


.ball.green{border-color:#24c26b}


.plus{text-align:center;font:24px Arial;color:#999}


.traits{margin-top:4px;text-align:center;font:15px serif}


.next-line{text-align:center;color:red;margin:8px 0 0;font-size:14px}


.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px 13px;padding:13px 23px}


.quick-grid button{height:39px;border:0;border-radius:4px;background:#f7f7f7;font:18px serif}


.wide-divider{height:7px;margin:0 9px;background:#eee}


.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:27px 14px 8px}


.feature-grid button{border:0;background:#fff;padding:0;font:16px serif}


.feature-grid span{display:block;margin-top:9px;white-space:nowrap}


.feature{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:auto;color:#fff;font:30px Arial;font-style:normal}


.feature.video{background:#53dfb8}


.feature.books{background:#429dec}


.feature.chart{background:#f89527}


.feature.query{background:#5ed755}


.feature.baby{background:#45afe0}


.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:496px;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;border:1px solid #ddd;background:#fff;box-shadow:0 -2px 5px #aaa3}


.bottom-nav button{border:0;background:#fff;color:#888;padding:3px}


.bottom-nav i{display:block;font:24px serif;line-height:23px}


.bottom-nav span{font-size:12px}


.bottom-nav .active{color:var(--green)}


.bottom-nav button:nth-child(3) i{width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;margin:-24px auto 1px;display:grid;place-items:center;border:4px solid #fff}


.modal{position:fixed;inset:0;z-index:50;background:#f5f5f5;overflow:auto}


.modal-card{width:100%;max-width:496px;margin:auto;background:#fff;min-height:100vh}


.modal-card>header{height:46px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;border-bottom:1px solid #f1f1f1;text-align:center;background:#fff}


.modal-card>header button{height:46px;border:0;background:#fff;font:300 29px/1 Arial;color:#222;text-align:left;padding:0 0 2px 14px}
.modal-card>header strong{font-size:16px;font-weight:400;color:#222}
.history-tabs{height:45px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee;background:#fff}
.history-tabs button{position:relative;border:0;background:#fff;font-size:15px;color:#111}
.history-tabs button.active{color:#05bc60}
.history-tabs button.active:after{content:"";position:absolute;left:50%;bottom:-1px;width:64px;height:2px;background:#05bc60;transform:translateX(-50%)}
.history-toolbar{height:57px;padding:0 25px 0 7px;display:flex;align-items:center;justify-content:space-between;background:#f0f0f0}
.history-toolbar>strong{font-size:18px;font-weight:400;white-space:nowrap}
.history-toolbar>div{display:flex;align-items:center;gap:14px}
.history-toolbar button{min-width:43px;height:27px;padding:0 10px;border:0;border-radius:15px;background:#fff;font-size:12px;color:#333}
.history-toolbar button:last-child{min-width:74px}
.history-toolbar button.active{background:#05bf62;color:#fff}
.history-date-filter{height:48px;padding:7px 12px;display:flex;gap:8px;background:#fafafa;border-bottom:1px solid #eee}
.history-date-filter[hidden]{display:none}
.history-date-filter input{flex:1;min-width:0;padding:0 10px;border:1px solid #ddd;border-radius:4px;background:#fff;font:14px inherit}
.history-date-filter button{width:76px;border:0;border-radius:4px;background:#08c765;color:#fff}


.history-row{padding:17px 4px 6px;border:0;background:#fff}


.history-row-head{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 3px;margin-bottom:6px}
.history-row-head strong{font-size:18px;font-weight:400;color:#333}


.history-row time{color:#999;font-size:16px;font-weight:400}
.history-result{padding:14px 8px 12px;border:1px solid #07bd60;border-radius:4px;background:#fff}


.history-result .mini-balls{display:grid;grid-template-columns:repeat(6,1fr) min(4vw,20px) 1fr;align-items:center;gap:0}


.mini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#555;background:#eee;border:3px solid;font:bold 14px Arial}


.mini.red{border-color:#ff4a4e}


.mini.blue{border-color:#379de8}


.mini.green{border-color:#24c26b}


.history-result .mini-balls .plus{font-size:min(5vw,24px);color:#888;text-align:center}
.history-ball-traits{display:grid;grid-template-columns:repeat(6,1fr) min(4vw,20px) 1fr;gap:0;margin-top:6px;color:#333;font-size:min(3vw,15px);text-align:center}
.history-ball-traits span:nth-child(7){grid-column:8}
.history-ball-traits[hidden]{display:none}
.history-empty{padding:50px 0;text-align:center;color:#999}


.more{display:block;margin:18px auto 30px;border:1px solid #ddd;background:#fff;padding:8px 35px;border-radius:5px}


@media(max-width:420px){.topbar{padding:0 10px;grid-template-columns:95px 1fr 100px}


.hero-copy{padding-left:18px;padding-right:60px}


.hero-copy>b{font-size:22px}


.hero-copy>strong{font-size:28px}


.hero-copy i{font-size:12px;padding:4px 7px}


.draw-box{margin:0 10px;padding-left:8px;padding-right:8px}


.draw-meta{gap:7px;font-size:16px}


.draw-meta>span:nth-child(2){font-size:13px}


.draw-meta button{font-size:15px}


.ball{width:44px;height:44px;font-size:23px;border-width:4px}


.quick-grid{padding-left:14px;padding-right:14px;gap:14px 8px}


.quick-grid button{font-size:16px}


.feature{width:52px;height:52px}


.feature-grid span{font-size:14px}


}



/* Source-site fidelity overrides */
.topbar>strong,.marquee p,.tab,.tab span,.draw-meta,.draw-meta button,.traits,.quick-grid a,.feature-grid button{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-style:normal}

.topbar>strong{font-weight:400}

.backup{display:block;text-align:center;text-decoration:none}

.top-actions{gap:8px}

.top-actions button,.top-actions a{border:0;background:none;padding:0;text-decoration:none;color:#111;display:flex;flex-direction:column;text-align:center;font:bold 23px Arial;line-height:20px}

.top-actions small{font:13px "Microsoft YaHei";margin-top:3px}

.hero{display:block;background:#eaf2f7}

.hero:before,.hero:after{display:none}

.hero img{display:block;width:100%;height:100%;object-fit:contain}

.quick-grid a{height:39px;border:0;border-radius:4px;background:#f7f7f7;font-size:18px;text-decoration:none;display:grid;place-items:center;color:#333}

.tool-modal{position:fixed;inset:0;z-index:60;background:#0007;display:grid;place-items:center;padding:20px}

.tool-modal[hidden]{display:none}

.tool-modal section{width:min(420px,100%);min-height:170px;border-radius:10px;background:#fff;padding:22px;position:relative}

.tool-modal section>button{position:absolute;right:10px;top:6px;border:0;background:none;font-size:28px;color:#999}

.tool-modal h3{text-align:center;margin:5px 0 20px}

.tool-modal input{width:100%;height:40px;border:1px solid #ddd;border-radius:5px;padding:0 12px}

.tool-modal p{line-height:1.8;color:#666}

.tool-modal .tool-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

.tool-modal .tool-links a{background:#f4f4f4;border-radius:4px;padding:9px 3px;text-align:center;text-decoration:none;color:#333;font-size:14px}


@media(max-width:420px){.quick-grid a{font-size:16px}

}



.top-actions button,.top-actions a{width:34px;align-items:center}

.top-actions img{width:23px;height:23px;object-fit:contain}

.feature-grid{row-gap:18px}

.feature-grid button{transition:transform .16s ease,opacity .16s ease}

.feature-grid button:active,.quick-grid a:active,.bottom-nav button:active{transform:scale(.94);opacity:.72}

.feature{background:none!important;overflow:visible}

.feature img{display:block;width:100%;height:100%;object-fit:contain}

.tab{transition:background-color .22s ease,color .22s ease}

.live-toggle{transition:filter .2s ease,transform .2s ease}

.live-toggle:active{transform:scale(.97);filter:brightness(.92)}

.ball{animation:ball-pop .32s cubic-bezier(.2,.85,.35,1.25) both}

.ball:nth-of-type(2){animation-delay:.035s}

.ball:nth-of-type(3){animation-delay:.07s}

.ball:nth-of-type(4){animation-delay:.105s}

.ball:nth-of-type(5){animation-delay:.14s}

.ball:nth-of-type(6){animation-delay:.175s}

.ball:nth-of-type(7){animation-delay:.21s}

@keyframes ball-pop{from{opacity:0;transform:translateY(6px) scale(.7)}

to{opacity:1;transform:none}

}


.gallery-section{border-top:7px solid #eee;background:#fff;padding-bottom:26px}

.gallery-context{display:flex;align-items:center;gap:8px;padding:11px 12px 0;font-size:14px;color:#555}
.gallery-context strong{flex:0 0 auto;color:#08b95e;font-size:16px;white-space:nowrap}
.gallery-context span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-context em{flex:0 0 auto;margin-left:auto;padding:2px 6px;border-radius:8px;background:#ff3d4a;color:#fff;font-size:10px;font-style:normal}

.year-tabs{display:flex;gap:8px;padding:12px 12px 10px;overflow-x:auto;scrollbar-width:none}

.year-tabs::-webkit-scrollbar{display:none}

.year-tabs button{flex:0 0 auto;border:0;border-radius:4px;background:#07c160;color:#fff;padding:7px 15px;font-size:14px}

.year-tabs button.active{background:#f59f00}

.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;padding:0 12px}

.gallery-item{margin:0;border:1px solid #eee;border-radius:3px;background:#fff;overflow:hidden;box-shadow:0 1px 4px #0000000d;transition:transform .18s ease,box-shadow .18s ease}

.gallery-item:active{transform:scale(.985)}

.gallery-item button{display:block;width:100%;padding:0;border:0;background:#f4f4f4}

.gallery-item img{display:block;width:100%;height:auto;min-height:120px;object-fit:cover}

.picture-frame,.full-picture-frame{position:relative;display:block;container-type:inline-size;overflow:hidden}
.picture-frame img{position:relative;z-index:1}
.embedded-name{position:absolute;z-index:3;top:0;left:0;width:100%;height:36cqw;box-sizing:border-box;padding-top:15cqw;display:flex;align-items:center;justify-content:center;background:#fff;color:#111;font-weight:900;font-size:6cqw;line-height:1;white-space:nowrap}
.embedded-result{position:absolute;z-index:4;top:8.5cqw;left:15cqw;width:70cqw;min-height:5.6cqw;display:flex;align-items:center;justify-content:center;padding:0 1cqw;background:#fff;color:#e42d25;font-weight:700;font-size:3.15cqw;line-height:1.15;white-space:nowrap}
.official-card{position:relative;display:block;box-sizing:border-box;width:100%;overflow:hidden;background:#f8fffc url('/assets/official-card-bg.webp') center/cover no-repeat;color:#27332e;container-type:inline-size}.template-poetry{background-image:url('/assets/card-poetry.webp')}.template-fax{background-image:url('/assets/card-fax.webp')}.template-zodiac{background-image:url('/assets/card-zodiac.webp')}.template-numbers{background-image:url('/assets/card-numbers.webp')}.template-ai{background-image:url('/assets/card-ai.webp')}.template-paogou{background-image:url('/assets/card-paogou.webp')}.template-sibuxiang{background-image:url('/assets/card-sibuxiang.webp')}
.result-card{height:300px;padding:10px 9px;border-top:5px solid #149d71}.result-card.theme-1{border-color:#378bd5;background-blend-mode:screen}.result-card.theme-2{border-color:#d9a126;background-color:#fffdf5}.result-card.theme-3{border-color:#a76ac7;background-color:#fdf9ff}.result-card.theme-4{border-color:#df685f;background-color:#fff9f8}
.official-card header{display:flex;height:43px;box-sizing:border-box;flex-direction:column;align-items:center;border-bottom:2px solid var(--accent,#74cbb0);padding-bottom:6px}.official-card header small{color:var(--accent,#078a57);font-size:10px;font-weight:700}.official-card header b{margin-top:3px;color:#16251f;font-size:16px;line-height:1.15}.layout-1 header{align-items:flex-start;padding-left:8px}.layout-2 header b{letter-spacing:1px}.layout-3 header{border-bottom-style:double}
.result-card section{display:flex;height:237px;flex-direction:column;justify-content:space-between;padding-top:7px}.prediction{display:flex;min-height:82px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:6px;background:#ffffffc7;padding:7px 5px}.prediction>b{color:#087952;font-size:13px}.prediction span,.prediction q{font-size:12px;line-height:1.25;text-decoration:none}.prediction q{color:#8a5b22}.zodiac-pick>strong{color:#b84d42;font-size:14px}.number-pick>span{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.number-pick em{border-radius:10px;background:#fff;padding:2px 5px;font-size:11px;font-style:normal;font-weight:700}.number-pick .red{color:#e73838}.number-pick .blue{color:#2586dd}.number-pick .green{color:#079c51}.number-pick small{color:#68766f;font-size:9px}
.opened-result{display:flex;flex-direction:column;align-items:center;gap:5px;border-top:1px dashed #79bba3;padding-top:7px}.opened-result>i{color:#d3372f;font-size:11px;font-style:normal;font-weight:700}
.paogou-pick .dog-route{display:flex;align-items:center;gap:3px}.dog-route span{display:grid;grid-template-columns:12px 24px;grid-template-rows:18px 12px;align-items:center}.dog-route i{grid-row:1/3;font-size:9px;font-style:normal}.dog-route em{font-size:13px;font-style:normal;font-weight:900}.dog-route small{font-size:9px}.dog-route u{text-decoration:none}.sibuxiang-pick>div{display:grid;width:100%;grid-template-columns:repeat(4,1fr);gap:4px}.sibuxiang-pick>div span{display:flex;flex-direction:column;border:1px solid var(--accent,#7a826e);border-radius:5px;background:#ffffffbd;padding:3px}.sibuxiang-pick i{font-size:8px;font-style:normal}.sibuxiang-pick strong{font-size:14px}.sibuxiang-pick em{font-size:10px;font-style:normal}.fax-pick{border:1px solid #b54b42;border-radius:0}.fax-pick strong{color:#a72f29;font-size:13px}
.card-balls{display:flex;align-items:center;justify-content:center;gap:3px}.card-balls i{font-size:12px;font-style:normal}.card-balls em{display:grid;width:22px;height:22px;place-items:center;border:2px solid;border-radius:50%;background:#fff;font-size:10px;font-style:normal;font-weight:900}.card-balls .red{color:#ff3b3b}.card-balls .blue{color:#3297ef}.card-balls .green{color:#08bd61}
.card-traits{display:grid;width:100%;grid-template-columns:repeat(7,1fr);gap:1px}.card-traits span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:1px}.card-traits b{font-size:10px}.card-traits em{font-size:8px;font-style:normal}.card-traits .red{color:#e73838}.card-traits .blue{color:#2586dd}.card-traits .green{color:#079c51}
.gallery-item.official-wide{grid-column:1/-1}.tea-card{aspect-ratio:16/10;padding:3.5cqw 4cqw}.tea-card header{padding-bottom:1.3cqw}.tea-card header small{font-size:2.1cqw}.tea-card header b{margin-top:.5cqw;font-size:3.8cqw}.tea-card section{display:grid;gap:.7cqw;padding-top:1.2cqw}.tea-period{padding:.8cqw 1.5cqw;border-left:.8cqw solid #29ad7a;background:#ffffffc9;text-align:left}.tea-period>div{display:flex;align-items:center;gap:1.3cqw}.tea-period b{font-size:2.3cqw}.tea-period em{border-radius:1.5cqw;background:#e8f7f1;color:#08794e;padding:.2cqw 1cqw;font-size:1.8cqw;font-style:normal}.tea-period div span{font-size:2.1cqw}.tea-period>strong{display:inline-block;margin-top:.4cqw;color:#d83028;font-size:2.15cqw}.tea-period>strong.waiting{color:#078a57}.tea-period>small{display:block;margin-top:.3cqw;color:#52615b;font-size:1.75cqw;white-space:nowrap}
#image-official{position:absolute;inset:0}#image-official[hidden]{display:none}.full-picture-frame.official-view{aspect-ratio:4/5;background:#fff}.full-picture-frame.official-view.tea-view{width:min(100%,650px);aspect-ratio:16/10}.full-picture-frame.official-view .official-card{height:100%}

.gallery-item figcaption{height:34px;padding:7px 8px;overflow:hidden;font-size:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}

.gallery-loading{grid-column:1/-1;text-align:center;color:#999;padding:30px}

.gallery-more{display:block;width:calc(100% - 24px);height:42px;margin:16px 12px 0;border:1px solid #08b95e;border-radius:6px;background:#fff;color:#07964e;font-size:15px}
.gallery-more[hidden]{display:none}
.gallery-more:disabled{opacity:.55}

.image-viewer{position:fixed;inset:0;z-index:80;background:#000e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 10px 30px}

.image-viewer[hidden]{display:none}

.image-viewer>button{position:absolute;top:12px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:28px}

.full-picture-frame{width:min(100%,400px);max-height:82vh}
.image-viewer img{display:block;width:100%;max-height:82vh;object-fit:contain}
.full-picture-frame .embedded-name{font-size:24px}
.full-picture-frame .embedded-result{font-size:12.6px}

.image-viewer strong{margin-top:10px;color:#fff;font-weight:400}

.bottom-nav{height:calc(62px + env(safe-area-inset-bottom))}

.bottom-nav button{height:61px}

.bottom-nav i{width:28px;height:28px;margin:0 auto;display:grid;place-items:center}

.bottom-nav i img{display:block;max-width:28px;max-height:28px;object-fit:contain}

.bottom-nav .special{height:78px;margin-top:-16px;justify-content:flex-start}

.bottom-nav .special i{width:50px;height:50px;margin-top:-4px;overflow:hidden;border:5px solid #fff;border-radius:50%;background:#07c160;box-shadow:0 2px 7px #0000002e}

.bottom-nav .special i img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.bottom-nav .special i .expert-icon{display:block;width:32px;height:32px}

.bottom-nav .special span{margin-top:-1px;white-space:nowrap}

@media(max-width:420px){.top-actions img{width:21px;height:21px}

.feature-grid{padding-left:8px;padding-right:8px}

.gallery-grid{gap:8px;padding:0 9px}

.feature-grid span{font-size:13px}

.history-toolbar{padding-right:10px}

.history-toolbar>strong{font-size:16px}

.history-toolbar>div{gap:6px}

.history-toolbar button{min-width:40px;padding:0 8px}

.history-toolbar button:last-child{min-width:58px}

}

@media(prefers-reduced-motion:reduce){.ball,.feature-grid button,.quick-grid a,.tab{animation:none;transition:none}

}

.hero{position:relative}
.hero img{transition:opacity .24s ease}
.hero img.fade{opacity:.25}
.hero-dots{position:absolute;left:50%;bottom:6px;display:flex;gap:5px;transform:translateX(-50%)}
.hero-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#ffffff80}
.hero-dots i.active{background:#d9d9d9}


/* Original draw-ball artwork and geometry */
.balls{grid-template-columns:repeat(6,1fr) min(4vw,20px) 1fr;gap:0;margin-top:min(3vw,15px)}
.ball{width:min(11.4vw,56.5px);height:min(11.4vw,56.5px);margin:0 auto;border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:none;color:#666;font-family:"DIN Alternate",Bahnschrift,"Avenir Next Condensed",Arial,sans-serif;font-size:min(5.7vw,28.3px);font-weight:800;line-height:1}
.draw-item .ball.waiting-ball{border:3px solid #d5dadd;border-radius:50%;background:#fff;background-image:none;animation:none}
.ball.red{background-image:url('/assets/draw/ball-red.png');background-color:transparent;border:0}
.ball.blue{background-image:url('/assets/draw/ball-blue.png');background-color:transparent;border:0}
.ball.green{background-image:url('/assets/draw/ball-green.png');background-color:transparent;border:0}
.balls .plus{font-size:min(5.7vw,28.3px);font-weight:500;color:#777}
.traits{grid-template-columns:repeat(6,1fr) min(4vw,20px) 1fr;gap:0;margin-top:min(1.4vw,7px);font-size:min(3.15vw,15.6px);color:#333}
.traits span:nth-child(7){grid-column:8}
.mini-balls{display:grid;grid-template-columns:repeat(6,1fr) min(4vw,20px) 1fr;gap:0}
.mini{width:min(11.4vw,56.5px);height:min(11.4vw,56.5px);border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:#666;font-family:"DIN Alternate",Bahnschrift,"Avenir Next Condensed",Arial,sans-serif;font-size:min(5.7vw,28.3px);font-weight:700;line-height:1}
.mini.red{background-image:url('/assets/draw/ball-red.png');border:0}
.mini.blue{background-image:url('/assets/draw/ball-blue.png');border:0}
.mini.green{background-image:url('/assets/draw/ball-green.png');border:0}

/* Exact type scale, announcement motion and centered special tab */
html,body,.topbar>strong,.marquee p,.tab,.tab span,.draw-meta,.draw-meta button,.traits,.quick-grid a,.feature-grid button,.history-tabs,.history-toolbar,.history-row,.bottom-nav{font-family:Avenir,Helvetica,Arial,sans-serif}.topbar>strong{font-size:min(4.65vw,22.6px);font-weight:500}.tab{font-size:min(3.8vw,18.47px);font-weight:900;line-height:1.1}.tab span{margin-top:min(.5vw,2.43px);font-size:min(3vw,14.58px);font-weight:400;line-height:normal}.live-toggle{font-family:Avenir,Helvetica,Arial,sans-serif;font-size:min(3.8vw,18.47px);font-weight:900;line-height:min(7vw,34px)}.draw-meta{font-size:min(3.9vw,19.3px)}.draw-meta>span:nth-child(2){font-size:min(3.55vw,17.6px);font-weight:500}.draw-meta button{font-size:min(3.65vw,18.1px)}.next-line{font-family:Avenir,Helvetica,Arial,sans-serif;font-size:min(3.45vw,17.1px)}.bottom-nav span{font-size:13px}
.marquee{gap:min(1.55vw,8px);height:min(7.2vw,36px);padding:0 min(2.3vw,11px);border-bottom:1px solid #e6e6e6}.marquee .notice-icon{display:inline-flex;flex:0 0 min(4.2vw,21px);width:min(4.2vw,21px);height:min(4.2vw,21px);align-items:center;justify-content:center;color:#e62755}.marquee .notice-icon svg{display:block;width:100%;height:100%;overflow:visible}.marquee .notice-icon path{fill:currentColor}.marquee .notice-icon path+path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.marquee-window{min-width:0;flex:1;overflow:hidden;white-space:nowrap}.marquee-window p{display:inline-block;margin:0;white-space:nowrap;animation:notice-marquee 16s linear infinite}@keyframes notice-marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}
.bottom-nav button{position:relative;display:flex;height:62px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav .special{position:relative;top:-16px;height:78px;margin-top:0;justify-content:flex-start;gap:0;background:transparent}.bottom-nav .special i,.bottom-nav button:nth-child(3) i{width:50px;height:50px;margin:0;overflow:hidden;border:5px solid #fff;border-radius:50%;background:#07c160;box-shadow:0 2px 7px #0000002e}.bottom-nav .special span{margin-top:0;line-height:18px}

/* Three-game overview, following the compact stacked layout of the reference. */
.draw-list{margin:0 9px 8px;background:#fff}
.period-strip{margin:0 9px 8px;padding:10px 10px 8px;background:#fff;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;overflow:hidden}
.period-strip>span{display:block;margin-bottom:8px;color:#078b4a;font-size:13px;font-weight:700}
.period-strip>div{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.period-strip>div::-webkit-scrollbar{display:none}
.period-strip button{flex:0 0 auto;border:1px solid #dce9e2;border-radius:15px;background:#f7fbf8;color:#333;padding:5px 11px;font-size:13px}
.period-strip button.active{border-color:#08bd61;background:#08bd61;color:#fff}
.picture-period-nav{display:flex;gap:7px;padding:8px 0;overflow-x:auto;scrollbar-width:none}
.picture-period-nav::-webkit-scrollbar{display:none}
.picture-period-nav button{flex:0 0 auto;border:0;border-radius:13px;background:#f1f3f5;color:#333;padding:5px 10px;font-size:13px}
.picture-period-nav button.active{background:#08bd61;color:#fff}
.draw-item{padding:10px 6px 7px;border-bottom:1px dashed #cfcfcf}
.draw-item:last-child{border-bottom:0}
.draw-item .draw-meta{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;font-size:min(4.2vw,20px)}
.draw-item .draw-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draw-item .draw-meta>span b{font-weight:400}
.draw-item .game-countdown{font-size:min(4.1vw,20px);font-weight:500;color:#222;text-align:center}
.draw-item .row-history{justify-self:end;border:0;background:none;padding:2px 0;color:#555;font-size:min(3.8vw,18px)}
.draw-item .balls{margin-top:7px}
.draw-item .ball{width:min(10.7vw,53px);height:min(10.7vw,53px);font-size:min(5.3vw,26px)}
.draw-item .traits{margin-top:1px;font-size:min(3.1vw,15px)}
.draw-next{display:flex;align-items:center;gap:8px;min-height:27px;margin-top:4px;color:#555;font-size:min(3.25vw,16px)}
.draw-next span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draw-next button{flex:0 0 auto;margin-left:auto;padding:3px 7px;border:0;border-radius:3px;background:#ed9a23;color:#fff;font-size:min(3.1vw,15px)}
.draw-next button:active{filter:brightness(.92)}
.live-toggle{margin-top:0}

@media(max-width:360px){
.draw-list{margin-left:5px;margin-right:5px}
.draw-item{padding-left:3px;padding-right:3px}
.draw-item .draw-meta{gap:3px}
.draw-next{font-size:11px}
}

/* Long-lived official-card system: readable paper layers over varied artwork. */
.official-card{isolation:isolate;background-color:#f7f3e9;background-position:center;background-size:cover;background-repeat:no-repeat}
.scene-plain{background-image:linear-gradient(145deg,#fff 0 58%,#f0f5f1 100%)!important}
.scene-paogou{background-image:url('/assets/card-paogou.webp')!important}.scene-sibuxiang{background-image:url('/assets/card-sibuxiang.webp')!important}
.pictorial-sibuxiang img{content:url('/assets/card-sibuxiang.webp')!important}
.source-official-card{display:block;background:#fff;color:#111;text-align:center}.source-official-card img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#f7f7f7}.source-card-title{display:block;padding:7px 4px 2px;font-weight:700}.source-card-result{display:block;padding:2px 4px 8px;color:#d33;font-size:11px}
.scene-ai{background-image:url('/assets/card-ai.webp')!important}.scene-fax{background-image:url('/assets/card-fax.webp')!important}
.scene-poetry{background-image:url('/assets/card-poetry.webp')!important}.scene-numbers{background-image:url('/assets/card-numbers.webp')!important}
.scene-zodiac-tiger-dragon{background-image:url('/assets/card-zodiac-tiger-dragon-v2.webp')!important}
.scene-zodiac-rabbit-horse{background-image:url('/assets/card-zodiac-rabbit-horse-v2.webp')!important}
.scene-zodiac-monkey-rooster{background-image:url('/assets/card-zodiac-monkey-rooster-v2.webp')!important}
.scene-zodiac-ox-goat{background-image:url('/assets/card-zodiac-ox-goat-v2.webp')!important}
.scene-zodiac-snake-rat{background-image:url('/assets/card-zodiac-snake-rat-v2.webp')!important}
.scene-zodiac-dog-boar{background-image:url('/assets/card-zodiac-dog-boar-v2.webp')!important}
.scene-floral-bird{background-image:url('/assets/card-floral-bird-v2.webp')!important}
.scene-celestial{background-image:url('/assets/card-celestial-v2.webp')!important}
.scene-river{background-image:url('/assets/card-river-v2.webp')!important}
.scene-study-scroll{background-image:url('/assets/card-study-scroll-v2.webp')!important}

.result-card{height:352px;padding:8px;border-top:0;box-shadow:inset 0 0 0 1px #ffffff80}
.result-card:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#fff1 0,#fff0 45%,#fff2 100%);pointer-events:none}
.official-card header{position:relative;z-index:2;display:flex;width:100%;height:54px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff;border-bottom:3px solid var(--accent);border-radius:8px;background:#fffffff0;box-shadow:0 2px 8px #233b3022;padding:5px 31px 5px 9px}
.official-card header small{color:var(--accent);font-size:9px;line-height:1}.official-card header b{max-width:100%;margin-top:3px;overflow:hidden;color:#171b19;font-size:16px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.official-card header>i{position:absolute;top:5px;right:6px;border-radius:10px;background:var(--accent);color:#fff;padding:2px 5px;font-size:8px;font-style:normal}
.layout-1 header{width:91%;align-items:flex-start;border-left:6px solid var(--accent);border-radius:2px 13px 13px 2px;padding-left:8px}.layout-2 header{width:89%;margin-left:auto;align-items:flex-end;border-radius:16px 2px 2px 16px;padding-right:33px}.layout-3 header{width:94%;height:50px;margin:2px auto 0;border:2px double var(--accent);border-radius:24px;background:#fff}.layout-4 header{height:53px;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 84%,#242424);box-shadow:0 3px 0 #ffffffb8}.layout-4 header small,.layout-4 header b{color:#fff}.layout-4 header>i{background:#fff;color:var(--accent)}.layout-5 header{align-items:flex-start;border:0;border-top:4px solid var(--accent);border-bottom:1px solid #d5d5d5;border-radius:0;background:#fff;padding-left:13px}.layout-5 header:before{position:absolute;left:0;width:5px;height:27px;background:var(--accent);content:""}
.result-card section{display:flex;height:282px;box-sizing:border-box;flex-direction:column;gap:7px;justify-content:space-between;padding-top:7px}
.prediction{position:relative;display:flex;min-height:0;flex:1;box-sizing:border-box;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff;border-radius:9px;background:#fffffff2;box-shadow:0 3px 11px #1d302426;padding:8px 7px;color:#27312c}
.prediction:before{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);content:"";opacity:.8}.prediction>b,.section-title>b{color:var(--accent);font-size:13px}.prediction span,.prediction q,.prediction p{margin:0;font-size:10.5px;line-height:1.3;text-decoration:none}.prediction q{color:#6e4422;font-weight:700}.prediction>p{color:#5b6660}.section-title{display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe7e2;padding-bottom:4px}.section-title small{border-radius:9px;background:#edf3ef;color:#65756c;padding:2px 6px;font-size:8px}
.opened-result{display:flex;min-height:91px;box-sizing:border-box;flex-direction:column;align-items:center;gap:4px;border:1px solid #ffffff;border-top:0;border-radius:8px;background:#fffffff4;box-shadow:0 2px 8px #25352c1c;padding:5px 5px 4px}.opened-result>i{color:#d3372f;font-size:10px;font-style:normal;font-weight:800}.card-balls{gap:2px}.card-balls em{width:21px;height:21px;font-size:9px}.card-traits em{font-size:7px}.card-traits b{font-size:9px}
.layout-1 .opened-result{border-left:4px solid var(--accent)}.layout-2 .opened-result{border-radius:18px 4px}.layout-3 .prediction{border-radius:18px}.layout-4 .opened-result{border-bottom:4px solid var(--accent)}.layout-5 .prediction{border-radius:0;border-left:4px solid var(--accent)}

.paogou-pick{align-items:stretch;background:#fff9eef2}.paogou-pick .dog-route{justify-content:center}.dog-route span{grid-template-columns:12px 26px;grid-template-rows:19px 13px}.dog-route em{font-size:14px}.paogou-pick>q{text-align:center}.paogou-pick>p{text-align:center;font-size:9px}
.sibuxiang-pick{background:#fbfff8f3}.sibuxiang-pick>div:not(.section-title){gap:5px}.sibuxiang-pick>div span{border-color:var(--accent);background:#fff}.sibuxiang-pick>p{font-size:9px}
.analysis-grid{display:grid;width:100%;grid-template-columns:1.5fr .8fr .8fr;gap:4px}.analysis-grid span{display:flex;flex-direction:column;border-radius:5px;background:#edf4fa;padding:4px;font-size:8px}.analysis-grid strong{margin-top:3px;color:#214b78;font-size:10px}.focus-line{width:100%;box-sizing:border-box;border-left:3px solid #338bc0;background:#f1f8fc;padding:5px;color:#163f5b;font-size:10px;font-weight:800}
.fax-pick{align-items:stretch;border:1px solid #a84b3e;border-radius:2px;background:#fffdf5f4}.fax-meta{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8a78f;padding-bottom:4px}.fax-meta i{background:#a43d32;color:#fff;padding:3px 6px;font-size:9px;font-style:normal}.fax-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:5px}.fax-columns span{border:1px solid #d6b8a5;background:#fff8eb;padding:4px;text-align:left}.fax-columns b{color:#8d2d25;font-size:10px}
.literary{display:grid;grid-template-columns:31px 1fr;grid-template-rows:1fr auto;align-items:center;background:#fffdf8ed;text-align:left}.literary .seal{display:grid;width:28px;height:28px;place-items:center;border-radius:4px;background:#ac372e;color:#fff;font-style:normal;font-weight:900}.poem-copy{display:flex;flex-direction:column;gap:3px}.poem-copy small{color:#777;font-size:8px}.poem-copy q{font-family:KaiTi,STKaiti,serif;font-size:13px}.poem-copy p{font-size:9px}.poem-hints{display:flex;grid-column:1/-1;width:100%;justify-content:space-between;border-top:1px solid #ddd1bf;padding-top:4px}.poem-hints span{font-size:9px}
.riddle-pick{align-items:stretch;background:#fffffff7;text-align:left}.riddle-label{position:absolute;top:0;left:0;background:var(--accent);color:#fff;padding:4px 9px;border-radius:0 0 10px;font-size:9px}.riddle-pick>q{margin:9px 0 2px;padding-left:7px;border-left:3px solid #caa56b;font-family:KaiTi,STKaiti,serif;font-size:13px;line-height:1.45}.riddle-note{display:flex;flex-direction:column;background:#f6f1e7;padding:4px 6px}.riddle-note span{color:#a23831;font-size:9px}.riddle-note b{font-size:9px;font-weight:500}.riddle-pick>p{font-size:9px}
.interpretation-pick{align-items:stretch;text-align:left}.interpretation-pick>q{font-family:KaiTi,STKaiti,serif;font-size:12px}.interpretation-pick>p{border-left:3px solid var(--accent);background:#f4f7f5;padding:4px;font-size:9px}.interpretation-pick>div:last-child{display:flex;justify-content:space-between;color:#7d3d2b}
.humor-pick{display:grid;grid-template-columns:32px 1fr;align-items:start;text-align:left}.humor-pick>i{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#ffb229;color:#fff;font-style:normal;font-weight:900}.humor-pick>div{display:flex;flex-direction:column;gap:4px}.humor-pick p{font-size:9.5px}.humor-pick span{border-top:1px dashed #d5b97f;padding-top:4px;color:#9b5c18;font-size:9px}
.aphorism-pick{align-items:stretch;border:2px double #b54a3d;background:#fffdf8f5}.aphorism-pick>small{color:#a53e35;letter-spacing:3px}.aphorism-pick>q{font-family:KaiTi,STKaiti,serif;font-size:15px;text-align:center}.aphorism-pick>p{font-size:9px;text-align:center}.aphorism-pick>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dcc4b3;padding-top:4px}.aphorism-pick>div b{font-size:10px}
.wave-columns{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:4px}.wave-columns span{display:flex;flex-direction:column;border:1px solid;border-radius:5px;background:#fff;padding:4px}.wave-columns span>b{font-size:9px}.wave-columns span>em{font-size:9px;font-style:normal}.wave-columns .red{color:#d93a3a}.wave-columns .blue{color:#267bc8}.wave-columns .green{color:#17894e}
.almanac-pick{display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left}.almanac-pick>aside{display:flex;height:64px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--accent);background:#f7eee0}.almanac-pick>aside b{font-size:22px}.almanac-pick>aside small{font-size:9px}.almanac-pick>div{display:flex;flex-direction:column;gap:4px}.almanac-pick>div>small{color:var(--accent);font-size:9px}.almanac-pick>div>em{font-size:8px;font-style:normal;color:#777}
.character-pick{display:grid;grid-template-columns:52px 1fr;align-items:center;text-align:left}.portrait-mark{display:grid;width:46px;height:61px;place-items:center;border-radius:24px 24px 8px 8px;background:linear-gradient(#f1d7bd,#c98a6b);color:#fff;font-family:KaiTi,serif;font-size:24px}.character-pick>div:last-child{display:flex;flex-direction:column;gap:5px}.character-pick q{font-size:11px}.character-pick small{font-size:9px}
.mystery-pick{display:grid;grid-template-columns:55px 1fr;align-items:center;text-align:left}.compass{display:flex;width:50px;height:50px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;border:2px solid #b9974d;border-radius:50%;background:#0e2835;color:#e8d99d}.compass i,.compass small{font-size:7px;font-style:normal}.compass b{font-size:16px}.mystery-pick>div:last-child{display:flex;flex-direction:column;gap:4px}.mystery-pick>div>strong{font-size:10px}.mystery-pick>div>small{font-size:8px;color:#666}
.zodiac-pick{align-items:stretch}.zodiac-medals{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.zodiac-medals span{display:flex;width:29px;height:29px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d2a760;border-radius:50%;background:#fff9e9}.zodiac-medals b{font-size:11px}.zodiac-medals small{color:#a44332;font-size:7px}.zodiac-pick>p,.zodiac-pick>q{text-align:center;font-size:9px}
.number-pick{align-items:stretch}.number-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.number-chips em{display:flex;min-width:25px;flex-direction:column;align-items:center;border:1px solid;border-radius:10px;background:#fff;padding:2px;font-style:normal}.number-chips b{font-size:10px}.number-chips small{font-size:7px}.number-chips .red{color:#d93a3a}.number-chips .blue{color:#267bc8}.number-chips .green{color:#17894e}.number-pick>p,.number-pick>small{text-align:center;font-size:9px}
.general-lines{display:grid;width:100%;grid-template-columns:1fr 1.4fr;gap:4px}.general-lines span{display:flex;flex-direction:column;border-left:3px solid var(--accent);background:#f3f6f4;padding:4px;font-size:8px}.general-lines b{font-size:9px}.general-pick.split{display:grid;grid-template-columns:43px 1fr;text-align:left}.general-pick.split aside{display:flex;height:64px;flex-direction:column;align-items:center;justify-content:center;background:var(--accent);color:#fff}.general-pick.split aside b{font-size:22px}.general-pick.split aside small{font-size:8px}.general-pick.split>div{display:flex;flex-direction:column;gap:4px}.general-pick.split strong{font-size:10px}

.tea-card{background-image:url('/assets/card-poetry.webp')!important}.full-picture-frame.official-view{aspect-ratio:4/5}.full-picture-frame.official-view .result-card{height:100%}
@media(max-width:380px){.result-card{height:338px}.result-card section{height:268px}.official-card header b{font-size:14px}.prediction span,.prediction q,.prediction p{font-size:9px}.card-balls em{width:19px;height:19px}}

/* Results only where the subject needs them; illustration lives in its own lane. */
.card-main{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1fr) 61px;gap:6px}.card-copy{display:flex;min-width:0;min-height:0}.card-copy>.prediction{width:100%;height:100%}.motif-pane{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:center;border:1px solid #ffffff;border-radius:8px;background:linear-gradient(160deg,#fffffff5,#f7f0dfe8);box-shadow:0 2px 8px #26352c1c}.motif-pane:before{position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:6px;content:""}.motif-pane img{position:relative;z-index:1;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 2px 2px #3f35252a)}
.result-summary{display:flex;min-height:31px;box-sizing:border-box;align-items:center;gap:7px;border-left:4px solid var(--accent);border-radius:4px;background:#fffffff2;box-shadow:0 2px 6px #25352c1a;padding:5px 7px}.result-summary i{flex:0 0 auto;color:#b83b32;font-size:9px;font-style:normal;font-weight:800}.result-summary span{overflow:hidden;color:#4f5954;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.result-none section{gap:0}.result-none .card-main{height:100%}.result-none .prediction{justify-content:space-evenly}.result-compact .card-main{min-height:0}.result-full .prediction{min-height:0}
@media(max-width:380px){.card-main{grid-template-columns:minmax(0,1fr) 53px;gap:4px}.result-summary{padding-left:5px;padding-right:5px}.result-summary span{font-size:8px}}

.hero{container-type:inline-size}.hero-ad-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:3cqw 6cqw;color:#fff;pointer-events:none;text-shadow:0 2px 10px #0006}.hero-ad-copy[hidden]{display:none}.hero-ad-copy>b{font-family:Arial,sans-serif;font-size:9.2cqw;font-weight:900;line-height:1.1;letter-spacing:-.15cqw}.hero-ad-copy>span{margin-top:1.5cqw;font-size:4.3cqw;font-weight:700;line-height:1.3}.hero-ad-copy>em{display:inline-flex;align-items:center;margin-top:2.5cqw;padding:1cqw 3.4cqw;border:1px solid #ffe4a1;border-radius:20px;background:linear-gradient(110deg,#ffe6a1,#c9912e);color:#382810;font-size:3.1cqw;font-style:normal;font-weight:800;text-shadow:none}.hero-ad-copy.violet>em{background:linear-gradient(110deg,#e9dcff,#acd9ff);border-color:#f0e6ff;color:#36226c}.hero-ad-copy.red>em{background:linear-gradient(110deg,#fff1bc,#e4b85e);color:#7f1c22}.hero-dots{z-index:3}