:root{--green:#07c168;--muted:#888}*{box-sizing:border-box}body{margin:0;background:#f0f1f3;font-family:Arial,'Noto Sans SC','Microsoft YaHei',sans-serif;color:#444;font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;background:transparent;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #008c4e;outline-offset:2px}#app{max-width:480px;margin:auto;background:#fff;min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid #eee;background:#fff}.brand{background:var(--green);border-radius:3px;color:#fff;padding:3px 7px;text-align:center;line-height:1.1}.brand b{font-size:14px}.brand small{display:block;font-size:10px}.title{font-size:20px;font-weight:600}.top-actions{display:flex;gap:9px;font-size:11px}.top-actions a,.top-actions button{display:flex;flex-direction:column;text-align:center;padding:0}.top-actions span{font-size:23px;line-height:24px}.hero{height:154px;background:radial-gradient(circle at 85% 25%,#e53519,transparent 45%),linear-gradient(115deg,#8b0700,#e8290c 60%,#9b1003);color:#ffe7a3;position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.hero:before,.hero:after{content:'✦';position:absolute;font-size:80px;opacity:.25;transform:rotate(25deg)}.hero:before{left:-15px;top:-25px}.hero:after{right:-5px;bottom:-32px}.hero strong{font-size:63px;text-shadow:2px 3px #782001;font-style:italic}.hero h1{margin:0;font-size:31px;letter-spacing:2px}.hero p{margin:7px 0;background:#fff0b6;border-radius:20px;padding:4px 15px;color:#a12700;font-weight:bold}.notice{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px;font-size:12px;color:#777;border-bottom:5px solid #f4f4f4}.notice b{color:#ff6060}.section{padding:9px;border-bottom:6px solid #f4f4f4}.tabs{display:flex;gap:8px;background:#f4f4f4;padding:0 0 7px}.tabs button{flex:1;border-radius:8px 8px 0 0;background:white;padding:7px}.tabs button.active{background:var(--green);color:#fff}.tabs small{display:block;margin-top:2px}.ribbon{margin:-1px auto 0;width:130px;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);background:var(--green);color:#fff;text-align:center;padding:3px}.result{border:1px solid var(--green);padding:9px 8px;text-align:center}.result-head{display:flex;justify-content:space-between;color:#0cba65;font-size:12px;margin-bottom:9px}.balls{display:flex;align-items:flex-start;justify-content:space-between}.ball{flex:1;min-width:0}.ball b{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:4px solid #3c9ef8;border-radius:50%;font-size:23px;margin:auto;box-shadow:inset 0 -3px 2px #ddd;background:#fff}.ball.c1 b{border-color:#fc5061}.ball.c3 b{border-color:#10ca4a}.ball small{display:block;font-size:11px;margin-top:4px}.plus{align-self:center;color:#999;font-size:22px;margin-top:-15px}.next{color:#f34b47;font-size:12px;margin:9px 0 0}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:12px 2px 4px}.chips button{background:#f7f7f7;border-radius:3px;font-size:12px;padding:6px 1px}.icons{display:grid;grid-template-columns:repeat(5,1fr);gap:17px 3px;padding:18px 6px}.icons a{text-align:center;font-size:12px}.icons img{width:48px;height:48px;display:block;object-fit:contain;margin:0 auto 7px}.years{display:flex;overflow:auto;gap:20px;padding:14px 10px;scrollbar-width:none}.years a{flex-shrink:0;text-align:center;color:#777;font-size:12px}.years span{display:block;background:#18d0a1;color:white;border-radius:50%;width:43px;height:43px;line-height:43px;font-size:24px;margin:0 auto 6px}.years .mono{background:#d8d8d8}.series{display:flex;gap:5px;padding:6px 9px;overflow:auto;scrollbar-width:none}.series a{flex-shrink:0;background:var(--green);color:white;border-radius:4px;padding:6px 12px;font-size:13px}.gallery{padding:8px;columns:2;column-gap:9px}.card{display:inline-block;width:100%;break-inside:avoid;margin-bottom:10px;border:1px solid #eee;box-shadow:0 1px 4px #0002;border-radius:3px;overflow:hidden;background:#fff}.card img{display:block;width:100%;height:auto;min-height:90px;background:#f5f6f8;object-fit:contain}.card .caption{padding:8px 3px;text-align:center;font-size:13px}.card small{display:block;color:#999;font-size:11px;margin-top:3px}.load{display:block;width:calc(100% - 20px);margin:8px 10px;padding:11px;background:#effbf5;color:#079f56;border-radius:4px}.source{font-size:11px;color:#999;text-align:center;padding:12px;line-height:1.8}.source a{text-decoration:underline}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;display:flex;justify-content:space-around;border-top:1px solid #eee;padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:10}.bottom a,.bottom button{flex:1;text-align:center;font-size:11px;color:#999;padding:0}.bottom span{display:block;font-size:25px;line-height:29px;color:#18ca83}.bottom .active{color:var(--green);font-weight:bold}.bottom .refresh{border-radius:50%;background:var(--green);color:white;width:35px;height:35px;line-height:35px;margin:-13px auto 6px;border:3px solid white;box-sizing:content-box}.page-title{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #eee;font-size:17px;font-weight:600}.page-title button{font-size:24px}.search-form{display:flex;gap:7px;padding:12px}.search-form input{min-width:0;flex:1;border:1px solid #ddd;border-radius:5px;padding:10px;background:#f8f8f8}.primary{background:var(--green);color:white;border-radius:4px;padding:9px 13px}.filters{display:flex;gap:10px;padding:0 12px 12px}.filters select{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;min-width:0;flex:1}.empty{padding:45px 20px;text-align:center;color:#999;line-height:1.8}.empty button{display:block;margin:15px auto}.count{padding:4px 12px;color:#888;font-size:12px}.detail-img{display:block;width:100%;height:auto;background:#fafafa;cursor:zoom-in}.detail-actions{display:flex;gap:10px;padding:12px;align-items:center;justify-content:space-between}.detail-actions select{padding:8px;max-width:50%;border:1px solid #ddd;background:#fff;border-radius:4px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.category-grid a{padding:15px 5px;text-align:center;background:#ecfaf3;color:#079b55;border-radius:6px}dialog{border:0;background:#111;color:white;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:50px 0 15px;margin:0}dialog::backdrop{background:#111}dialog>div{overflow:auto;height:calc(100% - 35px)}dialog img{width:100%;display:block;max-width:none}dialog p{text-align:center;font-size:12px;color:#aaa}#close-viewer{position:fixed;top:12px;right:14px;background:#333;color:white;border-radius:50%;font-size:30px;width:40px;height:40px;z-index:2}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#222e;color:#fff;border-radius:6px;padding:10px 16px;display:none;z-index:30;max-width:90%}@media(min-width:481px){#app{box-shadow:0 0 25px #0001}.hero{height:180px}.ball b{width:44px;height:44px}.icons img{width:53px;height:53px}}@media(max-width:350px){.title{font-size:17px}.ball b{width:33px;height:33px;font-size:20px}.top-actions{gap:6px}.icons img{width:40px;height:40px}}

/* Keep the source order in a stable two-column waterfall. */
.gallery.masonry{position:relative;columns:auto;padding:0;margin:8px;overflow-anchor:none}.masonry .card{position:absolute;margin:0;display:block}.feed-status{background:transparent;color:#999;font-size:13px;min-height:44px}.feed-status:disabled{cursor:default;opacity:1}.feed-status:not(:disabled){color:#079f56;background:#effbf5}
.section-tabs{display:flex;background:#f5f5f5;padding:8px;gap:8px}.section-tabs a{flex:1;text-align:center;padding:9px;background:#fff;border-radius:4px}.section-tabs .active{background:var(--green);color:#fff}.section-note{margin:10px 12px;padding:9px 10px;background:#f5faf7;color:#78837c;line-height:1.7;font-size:12px}.section h3{font-size:16px;margin:9px 0}.section-text{line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.section-video{width:100%;aspect-ratio:16/9;background:#101510;display:block}.media-status{font-size:12px;color:#999;text-align:center}.replay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.replay-grid button{padding:0;font-size:12px;text-align:center}.replay-grid img{display:block;aspect-ratio:16/9;width:100%;object-fit:cover;margin-bottom:6px}.corpus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0 8px}.corpus-grid a{padding:11px 2px;text-align:center;border-bottom:1px solid #eee;font-size:13px;overflow-wrap:anywhere;color:#555}.corpus-grid a:nth-child(-n+8){color:#08ac61}.corpus-grid [hidden]{display:none}.post-card{display:block;padding:15px 12px;border-bottom:6px solid #f5f5f5}.post-card h3{font-size:16px;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}.post-card p{line-height:1.7;color:#777;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-meta,.post-card small{font-size:12px;color:#999}.article-body{padding:15px 12px}.article-body h2{font-size:20px;line-height:1.6}.rich-content{line-height:1.9;overflow-wrap:anywhere;overflow-x:auto}.rich-content img,.section-picture{max-width:100%;height:auto;display:block}.rich-content table{max-width:100%;border-collapse:collapse}.rich-content td,.rich-content th{border:1px solid #ddd;padding:4px}.comment{padding:12px 0;border-bottom:1px solid #eee}.comment b{font-weight:500;color:#0aab60}.comment small{float:right;font-size:11px;color:#999}.comment p{line-height:1.7;overflow-wrap:anywhere}.stat-panel{padding:12px;border-bottom:5px solid #f4f4f4}.stat-panel h3{margin:0 0 12px;font-size:14px;font-weight:500}.stat-values{display:flex;flex-wrap:wrap;gap:12px}.stat-values>div{min-width:29px;text-align:center}.stat-values b{font-size:15px;color:#08ad61}.stat-values small{display:block;color:#999;font-size:10px;margin-top:4px}.filters input{min-width:0;width:50%;border:1px solid #ddd;border-radius:4px;padding:8px;background:white}.check-row{display:block;margin:8px 12px;font-size:13px}.query-table{width:100%;overflow:auto}.query-table table{width:100%;border-collapse:collapse;font-size:12px;text-align:center}.query-table td,.query-table th{padding:9px 4px;border:1px solid #eee}.query-table th{background:#f1faf5}.query-table td:last-child{color:#e44}.query-table td.matched{background:#07c168;color:#fff;font-weight:bold}.market-summary{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;background:linear-gradient(120deg,#0eb86e,#0a906b);color:#fff}.market-summary strong{font-size:36px}.market-summary span{font-size:13px}.rank-row{display:flex;align-items:center;padding:15px 10px;border-bottom:1px solid #eee;gap:13px}.rank-row>b{font-size:20px;color:#e6ae42;min-width:22px}.rank-row>div{flex:1;min-width:0}.rank-row strong{font-size:14px}.rank-row p{font-size:11px;color:#999;margin-bottom:0}.rank-row>span{color:#ed7052}.pager{display:flex;justify-content:center;gap:25px;padding:18px;color:var(--green)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:20px 12px}.tool-grid a{text-align:center;background:#f4fbf7;padding:18px 5px;border-radius:8px}.tool-grid span{display:block;font-size:37px;color:#0bb97a;margin-bottom:8px}.tool-detail{padding:20px 12px;text-align:center}.tool-result{padding:35px 8px;color:#05b56b;font-size:24px;line-height:1.7}.number-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:15px 0}.number-picker button{border-radius:50%;border:1px solid #ddd;aspect-ratio:1}.number-picker .selected{background:var(--green);color:white;border-color:var(--green)}

/* Match the reference draw panel while allowing narrow-screen wrapping. */
.home-live{margin:0 0 8px}.home-live [hidden]{display:none}.live-toggle{display:block;width:100%;text-align:center;padding:8px;color:#07bf67;font-size:13px;border-bottom:1px solid #e6f5ec}.live-toggle span{margin-left:5px}.home-live-content{padding-bottom:8px}.source-draw{padding:10px 7px 7px;border-color:#07c168}.source-draw .result-head{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;margin-bottom:10px;font-size:11px;line-height:1.8}.draw-period{font-size:13px;white-space:nowrap}.draw-countdown-label{color:#ff4949;white-space:nowrap}.draw-countdown-label b{font-weight:500;font-variant-numeric:tabular-nums}.draw-history{color:#07c168;white-space:nowrap}.source-draw .next{margin:9px 0 0;font-size:12px;line-height:1.6;white-space:normal}.source-draw .ball small{color:#555;font-size:11px}.source-draw .plus{margin-left:1px;margin-right:1px}@media(max-width:360px){.source-draw .draw-period{font-size:12px}.source-draw .result-head{font-size:10px;gap:2px}.source-draw .next{font-size:11px}}
.forum-filters{position:sticky;top:0;background:#fff;z-index:6;box-shadow:0 1px 3px #0001}.forum-tabs{display:flex;border-bottom:1px solid #eee}.forum-tabs a{flex:1;text-align:center;padding:12px 3px;font-size:14px;color:#777}.forum-tabs .active{color:#07b763;border-bottom:2px solid #07b763;font-weight:600}.sort-tabs a{padding:9px;font-size:13px}.forum-sync{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#999;font-size:11px;background:#fafafa}.forum-sync button{color:#08ac61;padding:3px 4px}.forum-card{padding:15px 12px}.forum-author{display:flex;align-items:center;gap:10px}.forum-author>img{width:38px;height:38px!important;min-height:0!important;border-radius:50%;object-fit:cover;background:#f3f3f3}.forum-author>div{flex:1;min-width:0}.forum-author b{font-weight:500;color:#555;font-size:14px}.forum-author small{display:block;margin-top:3px;font-size:11px}.period-tag{font-size:12px;color:#0bb36a;border:1px solid #0bb36a;padding:2px 4px;border-radius:3px}.forum-card h3 em{font-size:10px;color:#e76549;border:1px solid #e76549;border-radius:3px;padding:1px 3px;font-style:normal;margin-right:5px;vertical-align:middle}.forum-card .forum-excerpt{-webkit-line-clamp:4;white-space:pre-line;line-height:1.8;font-size:13px;margin:8px 0}.forum-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0}.forum-photos img{width:100%;height:100px!important;min-height:0!important;object-fit:cover;border-radius:3px;background:#f6f6f6}.forum-counts{display:flex;gap:13px;margin-top:12px;color:#999;font-size:11px;flex-wrap:wrap}.forum-counts span:last-child{margin-left:auto;color:#0baf63}.forum-back{display:block;color:#0baf63;padding:10px 12px}.comment{overflow:auto}

.history-card{padding:14px 9px;border-bottom:5px solid #f4f4f4}.history-row-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:13px}.history-row-head b{font-weight:500;color:#08b668}.history-row-head span{color:#999}.history-card .balls[hidden]{display:none}.history-card .ball b{width:38px;height:38px}.history-card .ball small{font-size:11px}@media(max-width:350px){.history-card .ball b{width:33px;height:33px;font-size:20px}}

.auto-list-status:disabled{border:0;background:transparent;color:#999;cursor:default;font-size:12px}.auto-list-status:not(:disabled){background:#effbf5;color:#079f56}

/* Retain list context when returning from a picture or forum post. */
.page-title{position:sticky;top:0;z-index:15;background:#fff}.rich-content img{cursor:zoom-in}#close-viewer{left:12px;right:auto;top:max(12px,env(safe-area-inset-top));width:auto;min-width:76px;padding:0 12px;border-radius:6px;font-size:17px}#viewer{padding-top:calc(52px + env(safe-area-inset-top))}

/* Make the main header legible on small screens. */
header{height:64px;padding:7px 10px;gap:8px}header .brand{flex-shrink:0;background:#087b43;border:1px solid #066737;border-radius:7px;padding:6px 9px;line-height:1.25;box-shadow:0 2px 5px #087b4326}header .brand b{font-size:17px;font-weight:800;letter-spacing:.2px}header .brand small{font-size:12px;font-weight:700;color:#fff3b0;margin-top:2px}header .title{font-size:24px;font-weight:800;color:#087b43;white-space:nowrap;line-height:1.2}header .top-actions{flex-shrink:0}@media(max-width:350px){header{padding-left:7px;padding-right:7px;gap:5px}header .brand{padding:6px}header .brand b{font-size:15px}header .brand small{font-size:11px}header .title{font-size:21px}header .top-actions{gap:6px}}

.hero .hero-bookmark{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 0;padding:6px 12px;border-radius:7px;background:#fff;color:#8b170a;line-height:1.25;box-shadow:0 2px 5px #6003}.hero .hero-bookmark b{font-size:23px;font-weight:800;letter-spacing:.3px}.hero .hero-bookmark span{font-size:12px;font-weight:700}@media(max-width:350px){.hero{gap:8px}.hero .hero-bookmark{padding:6px 8px;gap:6px}.hero .hero-bookmark b{font-size:21px}.hero .hero-bookmark span{font-size:11px}}

.live-schedule{display:flex;flex-direction:column;gap:8px;margin:8px 0;padding:12px;background:#ecfaf3;border:1px solid #b5e6cd;border-radius:7px;color:#286345;font-size:13px}.live-schedule>b{font-size:16px;color:#087b43}.live-schedule strong{font-weight:700}.live-schedule [data-live-countdown]{font-size:22px;color:#d73535;font-variant-numeric:tabular-nums}

/* Refine the original red banner. */
.hero{gap:14px;padding:12px 16px}.hero>strong{font-size:64px;flex-shrink:0}.hero>div{position:relative;z-index:1}.hero h1{font-size:30px;letter-spacing:2px}.hero p{margin:7px 0;font-size:12px;padding:4px 12px}.hero .hero-bookmark{display:flex;flex-direction:column;gap:3px;margin:7px auto 0;padding:0;background:transparent;box-shadow:none;color:#fff5cb;border-radius:0}.hero .hero-bookmark b{font-size:28px;font-weight:800;line-height:1.15;letter-spacing:.5px;text-shadow:0 2px 3px #65090080}.hero .hero-bookmark span{font-size:12px;font-weight:500;letter-spacing:2px;color:#ffe6a1}@media(max-width:350px){.hero{gap:10px;padding:12px}.hero>strong{font-size:56px}.hero h1{font-size:27px}.hero .hero-bookmark{padding:0;gap:3px}.hero .hero-bookmark b{font-size:25px}.hero .hero-bookmark span{font-size:12px}}

.hero h1,.hero .hero-bookmark span{color:#fff}

/* Improve readability of the site's address. */
.hero .hero-bookmark{margin:8px auto 0;gap:4px;padding:6px 12px;background:#780d06;border:1px solid #f5b6a0;border-radius:7px;box-shadow:0 2px 5px #65000030}
.hero .hero-bookmark b{color:#fff;font-size:34px;font-weight:800;line-height:1.15;letter-spacing:.4px;text-shadow:none}
.hero .hero-bookmark span{color:#fff;font-size:13px;font-weight:600;letter-spacing:1px}
.hero{height:auto;min-height:174px}.hero>strong{font-size:60px}.hero h1{font-size:28px}
header .brand b{color:#fff;font-size:19px;font-weight:800}header .brand small{color:#fff}
@media(max-width:350px){.hero{gap:9px;padding:12px}.hero>strong{font-size:50px}.hero h1{font-size:25px}.hero .hero-bookmark{padding:6px 9px;gap:4px}.hero .hero-bookmark b{font-size:30px}.hero .hero-bookmark span{font-size:12px}header .brand b{font-size:17px}}

.hero .hero-bookmark{background:transparent;border:0;border-radius:0;box-shadow:none}

.hero p{font-size:15px;font-weight:700;line-height:1.4;letter-spacing:1px;padding:4px 12px}@media(max-width:350px){.hero p{font-size:14px;letter-spacing:.5px;padding:4px 10px}}

.hero strong.hero-lottery-ball{position:relative;display:flex;align-items:center;justify-content:center;width:84px;height:84px;flex:0 0 84px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#91eaa7 0%,#22c254 28%,#07812e 68%,#034b20 100%);font-style:normal;text-shadow:none;box-shadow:inset -5px -7px 10px #003a2866,inset 3px 4px 6px #ffffff70,0 7px 10px #65090055;transform:rotate(-9deg)}
.hero-lottery-ball>span{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 45%,#e1e8e0 85%,#bbc9b8);color:#17271c;font-size:36px;font-weight:800;line-height:1;box-shadow:0 1px 2px #034b2055}
.hero strong.hero-lottery-ball:after{content:'';position:absolute;top:8px;left:16px;width:24px;height:8px;border-radius:50%;background:#ffffff70;transform:rotate(-25deg)}
@media(max-width:350px){.hero strong.hero-lottery-ball{width:64px;height:64px;flex-basis:64px}.hero-lottery-ball>span{width:44px;height:44px;font-size:29px}.hero strong.hero-lottery-ball:after{top:6px;left:12px;width:19px;height:6px}}

.hero .hero-ball-cluster{position:relative;flex:0 0 92px;width:92px;align-self:center;padding-bottom:17px;z-index:1}.hero-ball-cluster .hero-lottery-ball{margin:0 auto}.hero-mini-balls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:0}.hero-mini-balls .mini-ball{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:5px solid;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 40%,#dce4e8 100%);color:#20272b;font-size:12px;font-style:normal;font-weight:800;line-height:1;box-shadow:inset 0 -2px 2px #0002,0 3px 5px #65090050}.hero-mini-balls .mini-red{border-color:#f14954;transform:rotate(-14deg)}.hero-mini-balls .mini-blue{border-color:#328ee8;margin-top:5px;z-index:1}.hero-mini-balls .mini-green{border-color:#19ae57;transform:rotate(14deg)}@media(max-width:350px){.hero .hero-ball-cluster{flex-basis:72px;width:72px;padding-bottom:15px}.hero-mini-balls .mini-ball{width:25px;height:25px;border-width:4px;font-size:10px}}

.hero-mini-balls .mini-ball{width:25px;height:25px;border-width:4px;font-size:13px;flex-shrink:0}.hero-mini-balls .mini-gold{border-color:#efb536;transform:rotate(12deg)}.hero-mini-balls .mini-blue{margin-top:0}@media(max-width:350px){.hero-mini-balls .mini-ball{width:20px;height:20px;border-width:3px;font-size:11px}}


header .brand.brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 148px;width:148px;height:50px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1}
header .brand-logo img{display:block;width:100%;height:auto;max-height:50px;object-fit:contain}
@media(max-width:400px){header .title{font-size:22px}}
@media(max-width:380px){header .brand.brand-logo{width:140px;flex-basis:140px}header .title{font-size:20px}}
@media(max-width:350px){header .brand.brand-logo{width:126px;height:44px;flex-basis:126px}header .title{font-size:17px}}


header{height:88px}header .brand.brand-logo{width:220px;height:76px;flex-basis:220px}header .brand-logo img{max-height:76px}@media(max-width:350px){header{height:82px}header .brand.brand-logo{width:200px;height:70px;flex-basis:200px}header .brand-logo img{max-height:70px}}

/* Live text in the header address oval. */
header .brand.brand-marquee{position:relative}
header .brand-marquee>img{clip-path:polygon(0 0,100% 0,100% 59%,39% 59%,39% 100%,0 100%)}
.brand-url-oval{position:absolute;left:39%;right:0;bottom:4px;height:28px;display:flex;align-items:center;overflow:hidden;background:#0754bd;border:1px solid #034495;border-radius:999px;color:#fff;box-shadow:0 1px 3px #0754bd24}
.brand-url-track{display:flex;align-items:center;width:max-content;flex-shrink:0;animation:brand-url-scroll 7s linear infinite}
.brand-url-track>span{display:block;flex-shrink:0;padding:0 14px;font-size:20px;font-weight:600;letter-spacing:.5px;line-height:26px;white-space:nowrap}
@keyframes brand-url-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:350px){.brand-url-oval{height:26px;bottom:4px}.brand-url-track>span{font-size:18px;line-height:24px;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.brand-url-track{animation:none}}

/* Fixed address with flowing lights around the oval border. */
@property --brand-light-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.brand-url-oval{justify-content:center;border:2px solid transparent;background:linear-gradient(#0754bd,#0754bd) padding-box,conic-gradient(from var(--brand-light-angle),#ff5e69 0deg,#ffdf55 70deg,#45edb4 145deg,#53baff 220deg,#bf7eff 290deg,#ff5e69 360deg) border-box;animation:brand-border-lights 3s linear infinite}
.brand-url-fixed{position:relative;display:block;color:#fff;font-size:20px;font-weight:600;letter-spacing:.5px;line-height:24px;white-space:nowrap;text-align:center}
@keyframes brand-border-lights{to{--brand-light-angle:360deg}}
@media(max-width:350px){.brand-url-fixed{font-size:18px;line-height:22px}}
@media(prefers-reduced-motion:reduce){.brand-url-oval{animation:none}}

/* Align the oval with the wordmark and lift its lettering slightly. */
header .brand-marquee>img{clip-path:inset(0 61% 0 0)}
.brand-logo-wordmark{position:absolute;inset:0;pointer-events:none}
header .brand-logo-wordmark img{position:absolute;top:50%;left:0;width:100%;height:auto;max-height:none;transform:translateY(calc(-50% - 3px));clip-path:polygon(39% 0,100% 0,100% 59%,39% 59%)}
.brand-url-oval{left:40.64%;right:5.69%}

header .brand-marquee>img.brand-balls-clean{position:absolute;left:0;top:50%;transform:translateY(-50%);width:39%;height:100%;max-height:none;object-fit:contain;clip-path:none}

header .brand-logo-wordmark img{clip-path:polygon(41% 0,100% 0,100% 59%,41% 59%)}

.brand-url-oval{background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--brand-light-angle),#ff5e69 0deg,#ffdf55 70deg,#45edb4 145deg,#53baff 220deg,#bf7eff 290deg,#ff5e69 360deg) border-box;box-shadow:none}.brand-url-fixed{color:#0754bd}

.brand-logo-wordmark.brand-wordmark-clean{inset:auto;left:40.64%;right:5.69%;top:4px;height:39px;display:flex;align-items:center;justify-content:center;color:#078642;font-family:Arial,'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:32px;font-weight:400;line-height:1;white-space:nowrap;background:transparent;text-shadow:none;letter-spacing:0}
@media(max-width:350px){.brand-logo-wordmark.brand-wordmark-clean{top:3px;height:36px;font-size:29px}}

.brand-logo-wordmark.brand-wordmark-clean{font-weight:700}

.bottom{align-items:flex-end;padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.bottom a,.bottom button{font-size:12px;line-height:18px;color:#607068}.bottom .nav-icon{display:block;width:28px;height:28px;object-fit:contain;margin:0 auto 3px}.bottom .nav-icon-active{display:none}.bottom a.active .nav-icon-default{display:none}.bottom a.active .nav-icon-active{display:block}.bottom a.active{color:#07b95f;font-weight:600}.bottom .nav-refresh-icon{display:block;width:48px;height:48px;object-fit:contain;margin:-19px auto 2px}#app{padding-bottom:calc(78px + env(safe-area-inset-bottom))}

/* Complete original picture entries immediately beneath the home draw. */
.official-site-entries{padding:0;overflow:hidden}.official-site-entries h2{margin:0;padding:12px 6px;text-align:center;font-size:17px;font-weight:700;line-height:1.4;color:#17472c;background:#eaf8ed}.official-site-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:9px;background:#00ac56}.official-site-grid a{display:block;min-width:0;border:3px solid rgba(255,255,255,.7);border-radius:10px;overflow:hidden;background:#fff}.official-site-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;vertical-align:middle}@media(max-width:420px){.official-site-entries h2{font-size:15px}.official-site-grid{padding:7px;gap:5px}}

/* Keep the complete header logo close to the left edge. */
#app>header{padding-left:2px}
header .brand-marquee>img.brand-balls-clean{left:0}

header .brand-logo-wordmark.brand-wordmark-clean,header .brand-url-oval{left:36%;right:10.33%}

/* Official entrance groups follow the source site's title and grid dimensions. */
.official-site-entries h2{height:38px;line-height:33px;padding:0;text-align:center;font-size:20px;font-weight:bold;color:#000;background:linear-gradient(transparent,#f7f3f3);border-bottom:1px solid #738e9f;border-top-left-radius:5px;border-top-right-radius:5px;text-shadow:0 0 10px #e5e5e5}
.official-site-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:9px;background:#00ac56}
.official-site-grid a{margin:4px 3px;border:3px solid rgba(255,255,255,.7);border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.official-site-grid img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
@media(max-width:429px){.official-site-entries h2{font-size:17px}}
@media(max-width:409px){.official-site-entries h2{font-size:16px}}
@media(max-width:374px){.official-site-entries h2{font-size:15px}}

.official-site-entries h2{background:#d9f1e1;color:#123f28;border-bottom:2px solid #69b685;text-shadow:none}

#results:has(+ #official-sites){padding-bottom:0;border-bottom:0}
#official-sites{margin-top:0}

#official-sites:has(+ #official-sites-18){border-bottom:0;padding-bottom:0}
#official-sites-18{margin-top:0}

#official-sites-18{padding-bottom:0;border-bottom:0;margin-bottom:0}
#official-sites-18 .official-site-grid{padding-bottom:2px}
#official-sites-18 .official-site-grid a:nth-last-child(-n+4){margin-bottom:0}
#official-sites-18 + .section{padding-top:0}
#official-sites-18 + .section .chips{padding-top:4px}

#official-sites-18{margin-bottom:6px}

@media(max-width:480px){#app{width:calc(100% - 6px);margin-left:auto;margin-right:auto}.bottom{width:calc(100% - 6px);left:50%;transform:translateX(-50%)}}

/* Homepage lottery tabs: dimensions matched to the original 7.5-rem layout. */
#results>.tabs{gap:2%;padding:0;background:#f4f4f4}#results>.tabs>button{height:calc(min(100vw,480px)*.114666667);padding:calc(min(100vw,480px)*.013333333) 0;border-radius:calc(min(100vw,480px)*.021333333) calc(min(100vw,480px)*.021333333) 0 0;line-height:normal}#results>.tabs>button>b{display:block;font-size:calc(min(100vw,480px)*.034666667);font-weight:700;padding-bottom:calc(min(100vw,480px)*.013333333)}#results>.tabs>button>small{display:block;margin:0;font-size:calc(min(100vw,480px)*.032);color:#999}#results>.tabs>button.active{background:#07c160}#results>.tabs>button.active>small{color:#fff}

#results .home-live{margin-bottom:0;background:#fff}#results .live-toggle{width:calc(min(100vw,480px)*.274666667);height:calc(min(100vw,480px)*.061333333);margin:0 auto;padding:0;border:0;background:url('/assets/live-toggle-original.png') center/100% 100% no-repeat;color:#fff;font-size:calc(min(100vw,480px)*.032);display:flex;align-items:center;justify-content:center}#results .live-toggle span{margin-left:8px}

#results>.tabs>button{font-family:PingFangSC-Regular,'Microsoft YaHei',Helvetica;text-align:center;overflow:hidden}#results>.tabs>button>b,#results>.tabs>button>small{line-height:1.15;text-align:center}

#results>.tabs{margin-bottom:9px}#results .home-live{background:#fff}

#results{padding-top:0}

#results>.tabs{margin-left:-9px;margin-right:-9px;background:#f5f5f5;padding:calc(min(100vw,480px)*.013333333) calc(min(100vw,480px)*.021333333) 0;gap:0;justify-content:space-between}#results>.tabs>button{flex:none;width:49%}#results>.tabs>button:first-child{width:calc((100% - 0px)*.49 - min(100vw,480px)*.005333333)}

#results>.tabs{padding-top:calc(min(100vw,480px)*.013333333 - 3px)}

.official-site-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 calc(min(100vw,480px)*.016) calc(min(100vw,480px)*.016);background:#fff}.official-site-grid a{aspect-ratio:auto;margin:0;padding:calc(min(100vw,480px)*.026666667) calc(min(100vw,480px)*.013333333) calc(min(100vw,480px)*.013333333);border:0;border-radius:0;background:#fff;display:block}.official-site-label{display:block;min-width:0;height:calc(min(100vw,480px)*.08);line-height:calc(min(100vw,480px)*.08);background:#f8f8f8;color:#444;font-family:'Noto Sans SC',sans-serif;font-size:calc(min(100vw,480px)*.037333333);font-weight:400;font-style:normal;text-align:center;border-radius:calc(min(100vw,480px)*.010666667);white-space:nowrap;overflow:hidden}.official-site-grid a:nth-child(n+5){padding-top:0}


#app>header .brand-logo{transform:scale(.85);transform-origin:left center}

#app>header{height:70px;padding-top:0;padding-bottom:0}@media(max-width:350px){#app>header{height:66px}}

#app>header{height:66px}@media(max-width:350px){#app>header{height:62px}}

#app>header{height:62px}@media(max-width:350px){#app>header{height:58px}}

/* Original gallery number-ball artwork for current draws and history. */
.source-draw .ball b,.history-card .ball b{border:0;border-radius:0;box-shadow:none;background:transparent url('/assets/draw-ball-original-0.png?v=fixed-20261015') center/100% 100% no-repeat;color:#666;font-family:PingFangSC-Regular,"Microsoft YaHei",Helvetica,sans-serif;font-size:calc(min(100vw,480px)*.053333333);font-weight:600;width:min(100%,calc(min(100vw,480px)*.117307692));height:auto;aspect-ratio:1}
.source-draw .ball.c1 b,.history-card .ball.c1 b{background-image:url('/assets/draw-ball-original-1.png?v=fixed-20261015')}
.source-draw .ball.c2 b,.history-card .ball.c2 b{background-image:url('/assets/draw-ball-original-2.png?v=fixed-20261015')}
.source-draw .ball.c3 b,.history-card .ball.c3 b{background-image:url('/assets/draw-ball-original-3.png?v=fixed-20261015')}

.source-draw .next{margin:0;padding-top:calc(min(100vw,480px)*.026666667);padding-bottom:0;color:#e71607;font-family:"Source Han Sans CN";font-size:calc(min(100vw,480px)*.032);font-style:normal;font-weight:400;line-height:normal;text-align:center}
#results .source-draw .next{padding-top:calc(min(100vw,480px)*.013333333)}

.source-draw .draw-period{color:#333;font-family:PingFangSC-Regular,"Microsoft YaHei",Helvetica;font-size:calc(min(100vw,480px)*.037333333);font-style:normal;font-weight:400;line-height:1.15}
.source-draw .draw-period>span{color:#07c160;font:inherit}

.source-draw .draw-countdown-label{font-family:PingFangSC-Regular,"Microsoft YaHei",Helvetica;font-size:calc(min(100vw,480px)*.032);font-weight:400;line-height:1.15;color:red}.source-draw .draw-countdown-label b{font:inherit;color:inherit}

#app>header .top-actions .header-action-icon{display:block;width:18px;height:18px;object-fit:contain;align-self:center}

#app>header .top-actions{align-items:center}
#app>header .top-actions>a,#app>header .top-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:26px;padding:0;font-size:11px;line-height:14px}
#app>header .top-actions>a>span,#app>header .top-actions>button>span{display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:20px;line-height:18px}
#app>header .top-actions .header-action-icon{flex:none;margin:0}

/* Two official entrance groups: clear headings and light outlined links. */
#official-sites h2,#official-sites-18 h2{display:flex;align-items:center;justify-content:center;gap:12px;height:38px;margin:0;padding:0 12px;background:transparent;border:0;border-radius:0;color:#267a52;text-shadow:none;font-family:PingFangSC-Regular,"Microsoft YaHei",Helvetica;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:1px}
#official-sites h2::before,#official-sites h2::after,#official-sites-18 h2::before,#official-sites-18 h2::after{content:"";height:1px;max-width:54px;flex:1;background:#dce9e2}
#official-sites .official-site-grid,#official-sites-18 .official-site-grid{background:transparent;padding:0 8px 8px;gap:6px}
#official-sites .official-site-grid a,#official-sites-18 .official-site-grid a{padding:0;background:transparent}
#official-sites .official-site-label,#official-sites-18 .official-site-label{height:32px;line-height:30px;background:transparent;border:1px solid #e1e8e4;border-radius:5px;color:#465b50;font-size:14px;font-weight:400;transition:border-color .15s,color .15s}
#official-sites .official-site-grid a:hover .official-site-label,#official-sites-18 .official-site-grid a:hover .official-site-label{border-color:#07c160;color:#078746}
#official-sites-18{padding-top:4px;border-top:1px solid #edf1ee}
@media(max-width:350px){#official-sites h2,#official-sites-18 h2{font-size:14px;gap:8px}#official-sites .official-site-label,#official-sites-18 .official-site-label{font-size:12px}}

#official-sites-18 + .section{margin-top:4px;padding:0 8px 10px;border-bottom:0}
#official-sites-18 + .section .chips{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px 0;border-top:1px solid #e4ece7;border-bottom:1px solid #e4ece7}
#official-sites-18 + .section .chips button{min-width:0;height:32px;padding:0 2px;background:transparent;border:1px solid #e1e8e4;border-radius:5px;color:#465b50;font-size:12px;line-height:30px;white-space:nowrap;transition:border-color .15s,color .15s}
#official-sites-18 + .section .chips button:hover,#official-sites-18 + .section .chips button:focus-visible{border-color:#07c160;color:#078746}
@media(max-width:350px){#official-sites-18 + .section .chips{gap:6px}#official-sites-18 + .section .chips button{font-size:11px}}

#official-sites-18 + .section{padding-bottom:2px}
#official-sites-18 + .section + .section.icons{padding-top:6px;padding-bottom:12px;border-bottom:1px solid #e4ece7}

.hero .hero-ball-cluster{padding-top:34px}
.hero-region-balls{position:absolute;top:-3px;left:-4px;right:-4px;display:flex;justify-content:space-between;z-index:2}
.hero-region-ball{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#ffadb0 0%,#f23e46 35%,#ba1528 75%,#750e1b 100%);box-shadow:inset 2px 3px 4px #ffffff80,inset -3px -4px 5px #41051360,0 3px 5px #65090050;transform:rotate(-12deg)}
.hero-region-ball.region-am{background:radial-gradient(circle at 28% 20%,#a9deff 0%,#3099ed 35%,#155fae 75%,#0b3572 100%);transform:rotate(12deg)}
.hero-region-ball>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff 45%,#e6ebef 90%);color:#253448;font-size:13px;font-weight:700;letter-spacing:0;line-height:1;text-shadow:none}
@media(max-width:350px){.hero .hero-ball-cluster{padding-top:29px}.hero-region-balls{left:0;right:0}.hero-region-ball{width:36px;height:36px}.hero-region-ball>span{width:27px;height:27px;font-size:11px}}

#app .hero{height:auto;min-height:0;padding-top:5px;padding-bottom:5px}

/* Compact the red home banner above the welcome notice. */
#app .hero p{margin-top:4px;margin-bottom:4px}
#app .hero .hero-bookmark{margin-top:4px;padding-top:2px;padding-bottom:2px}

/* Reduce vertical space around the top logo. */
#app>header{height:56px;padding-top:0;padding-bottom:0}
@media(max-width:350px){#app>header{height:54px}}

#app>header .brand-logo{transform:scale(.70);transform-origin:left center}

/* Slightly tighter top logo strip. */
#app>header{height:52px}
#app>header .brand-logo{transform:scale(.65)}
@media(max-width:350px){#app>header{height:50px}}

/* Tighten only vertical whitespace, keep the current logo scale. */
#app>header{height:51px}
@media(max-width:350px){#app>header{height:47px}}

/* Compact the expanded homepage live player by twenty percent. */
#home-live-content .section-video,#home-live-content .live-player-shell>iframe{width:100%;height:auto;aspect-ratio:16/9!important;object-fit:contain}
#home-live-content .live-player-shell>iframe{display:block}
#home-live-content .section-video[hidden]{display:none}

/* Reduce vertical whitespace around the official site groups. */
#official-sites h2,#official-sites-18 h2{height:28px}
#official-sites .official-site-grid,#official-sites-18 .official-site-grid{padding-bottom:4px;row-gap:4px}
#official-sites-18{padding-top:0;margin-bottom:2px}

/* Match the official headings above the picture category entrances. */
#official-category-sites h2{display:flex;align-items:center;justify-content:center;gap:12px;height:28px;margin:0;padding:0 12px;background:transparent;border:0;border-radius:0;color:#267a52;text-shadow:none;font-family:PingFangSC-Regular,"Microsoft YaHei",Helvetica;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:1px}
#official-category-sites h2::before,#official-category-sites h2::after{content:"";height:1px;max-width:54px;flex:1;background:#dce9e2}
#official-sites-18 + #official-category-sites .chips{padding-top:0;padding-bottom:6px;border-top:0}
@media(max-width:350px){#official-category-sites h2{font-size:14px;gap:8px}}

/* Tighten the space above the Hong Kong and Macau category heading. */
#official-sites-18{margin-bottom:0}
#official-sites-18 .official-site-grid{padding-bottom:0}
#official-sites-18 + #official-category-sites{margin-top:0;padding-top:0}
#official-category-sites h2{height:24px}

/* Match the preceding official entrance heading and spacing. */
#official-sites-18 .official-site-grid{padding-bottom:4px}
#official-sites-18 + #official-category-sites{margin-top:0;padding-top:0;border-top:1px solid #edf1ee}
#official-category-sites h2{height:28px}

/* Give the category heading a little more vertical breathing room. */
#official-sites h2,#official-sites-18 h2,#official-category-sites h2{height:28px}

/* Plain, legible official site links without individual outlines. */
#official-sites .official-site-label,#official-sites-18 .official-site-label{border:0;border-radius:0;background:transparent;line-height:32px;color:#333}
#official-sites .official-site-grid a,#official-sites-18 .official-site-grid a{border:0;box-shadow:none}

/* Match the original site's 118 gallery entrance grid. */
#official-sites .official-site-grid,#official-sites-18 .official-site-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 calc(min(100vw,480px)*.016) calc(min(100vw,480px)*.016);background:#fff}
#official-sites .official-site-grid a,#official-sites-18 .official-site-grid a{display:block;margin:0;padding:calc(min(100vw,480px)*.026666667) calc(min(100vw,480px)*.013333333) calc(min(100vw,480px)*.013333333);border:0;border-radius:0;background:transparent;box-shadow:none}
#official-sites .official-site-label,#official-sites-18 .official-site-label{height:calc(min(100vw,480px)*.08);line-height:calc(min(100vw,480px)*.08);font-family:'Noto Sans SC',sans-serif;font-size:calc(min(100vw,480px)*.037333333);font-weight:400;color:#444;background:#f8f8f8;border:0;border-radius:calc(min(100vw,480px)*.010666667)}

/* ku49 identity: crisp emerald lettering, red numbers and champagne trim. */
.brand-url-fixed{font-family:Arial,"Noto Sans CJK SC",sans-serif!important;font-size:21px!important;font-weight:800!important;letter-spacing:.3px!important;line-height:24px!important}
.brand-url-fixed>b{color:#067a4d;font-weight:800}.brand-url-fixed>strong{color:#e52c3e;font-weight:800}.brand-url-fixed>i{color:#184c74;font-style:normal;font-weight:700}
.brand-url-oval{background:linear-gradient(#fffef6,#fff) padding-box,linear-gradient(130deg,#d8ac53,#fff0ae,#c3963f) border-box!important}
.gw-logo-url,.gw-domain-card strong{font-family:Arial,sans-serif;font-weight:800;letter-spacing:.4px}

/* Keep every segment of the ku49 header domain visible. */
header .brand .brand-url-fixed>b,header .brand .brand-url-fixed>strong,header .brand .brand-url-fixed>i{display:inline!important;position:static!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;font-family:Arial,sans-serif!important;font-size:inherit!important;line-height:inherit!important}
header .brand .brand-url-fixed>b{color:#067a4d!important}
header .brand .brand-url-fixed>strong{color:#e52c3e!important}
header .brand .brand-url-fixed>i{color:#184c74!important;font-style:normal!important}

/* Larger ku49 address in the left header without clipping. */
#app>header{height:64px!important}
#app>header .brand-logo{transform:scale(.82)!important}
header .brand .brand-url-oval{left:33%;right:7%;height:29px;bottom:3px}
header .brand .brand-url-fixed{font-size:25px!important;line-height:26px!important;letter-spacing:0!important}
@media(max-width:350px){#app>header{height:59px!important}#app>header .brand-logo{transform:scale(.77)!important}header .brand .brand-url-oval{left:32%;right:5%}header .brand .brand-url-fixed{font-size:24px!important}}

header .brand .brand-url-oval{right:0!important}

/* Aligned two-line ku49 wordmark and original vector ball emblem. */
#app>header>a.ku49-brand{display:block;position:relative;flex:0 0 224px;width:224px;height:62px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;line-height:0;transform:none!important}
header .ku49-brand-artwork{display:block;width:100%;height:100%;max-height:none;object-fit:contain;clip-path:none}
@media(max-width:370px){#app>header>a.ku49-brand{flex-basis:205px;width:205px;height:57px}}
@media(max-width:335px){#app>header>a.ku49-brand{flex-basis:190px;width:190px;height:53px}#app>header .top-actions{gap:6px}}

/* Give the lowered address its own full-height space. */
#app>header{height:78px!important}
#app>header>a.ku49-brand{height:76px}
@media(max-width:370px){#app>header{height:72px!important}#app>header>a.ku49-brand{height:69.5px}}
@media(max-width:335px){#app>header{height:67px!important}#app>header>a.ku49-brand{height:64.5px}}

/* Rebalanced logo: two aligned lines and a genuinely centered domain capsule. */
#app>header{height:74px!important}
#app>header>a.ku49-brand{height:72px}
@media(max-width:370px){#app>header{height:68px!important}#app>header>a.ku49-brand{height:65.9px}}
@media(max-width:335px){#app>header{height:63px!important}#app>header>a.ku49-brand{height:61.1px}}

/* Rebuilt header logo: one shared column fixes title/address alignment. */
#app>header{height:74px!important}
#app>header>a.ku49-brand-new{display:grid;grid-template-columns:56px 148px;align-items:center;column-gap:7px;flex:0 0 211px;width:211px;height:68px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1;text-align:left;transform:none!important}
header .ku49-clean-emblem{display:block;width:56px;height:56px;max-height:none;object-fit:contain;clip-path:none}
.ku49-clean-copy{display:grid;grid-template-columns:148px;grid-template-rows:32px 30px;gap:3px;width:148px}
.ku49-clean-title{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0;margin:0;color:#087447;font-family:"Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;font-size:29px;font-weight:800;line-height:32px;white-space:nowrap}
.ku49-clean-title>span{display:block;margin:0;padding:0;line-height:32px}
.ku49-clean-title>span:nth-child(-n+2){font-family:Arial,sans-serif;color:#d62b3e;font-size:32px;font-weight:800}
.ku49-clean-address{display:flex;align-items:center;justify-content:center;width:100%;height:30px;margin:0;padding:0 5px;border:1.5px solid #087447;border-radius:15px;background:#fffdf5;box-sizing:border-box;overflow:visible}
.ku49-clean-domain{display:flex;align-items:center;justify-content:center;gap:0;white-space:nowrap;font-family:Arial,sans-serif;font-size:23px;font-weight:800;line-height:1;color:#234d6c;transform:translateY(.5px)}
.ku49-clean-domain>span{display:block;line-height:1;font:inherit}
.ku49-clean-domain>span:first-child{color:#087447}.ku49-clean-domain>span:nth-child(2){color:#df2b3d}
@media(max-width:350px){#app>header{height:69px!important}#app>header>a.ku49-brand-new{grid-template-columns:47px 138px;column-gap:6px;flex-basis:191px;width:191px;height:65px}header .ku49-clean-emblem{width:47px;height:47px}.ku49-clean-copy{grid-template-columns:138px;width:138px}.ku49-clean-title{font-size:27px}.ku49-clean-title>span:nth-child(-n+2){font-size:30px}.ku49-clean-domain{font-size:22px}}

/* Tighter name lettering and a balanced two-line arrangement. */
.ku49-clean-title{justify-content:center;gap:2px;letter-spacing:0;align-items:center}
.ku49-clean-title>span:first-child{margin-right:-2px}
.ku49-clean-copy{grid-template-rows:31px 30px;row-gap:1px}
.ku49-clean-title,.ku49-clean-title>span{height:31px;line-height:31px}
@media(max-width:350px){.ku49-clean-title{gap:1px}.ku49-clean-title>span:first-child{margin-right:-1px}}

/* Shorter address oval, centered beneath the compact wordmark. */
.ku49-clean-address{width:126px;justify-self:center;padding-left:3px;padding-right:3px}
.ku49-clean-domain{font-size:22px}
@media(max-width:350px){.ku49-clean-address{width:120px}.ku49-clean-domain{font-size:21px}}

.ku49-clean-address{width:116px}.ku49-clean-domain{font-size:21px}
@media(max-width:350px){.ku49-clean-address{width:110px}.ku49-clean-domain{font-size:20px}}

.ku49-clean-title{gap:5px}.ku49-clean-title>span:first-child{margin-right:0}
@media(max-width:350px){.ku49-clean-title{gap:4px}.ku49-clean-title>span:first-child{margin-right:0}}

/* Bring both text rows closer to the emblem together. */
.ku49-clean-copy{position:relative;left:-10px}

.ku49-clean-copy{left:-15px}

.ku49-clean-copy{left:-19px}

.ku49-clean-copy{left:-22px}

.ku49-clean-copy{left:-25px}

.ku49-clean-copy{left:-28px}

header .ku49-clean-emblem{position:relative;left:-4px}

#app>header>a.ku49-brand-new{left:-3px}

.ku49-clean-copy{left:-31px}

#app>header>a.ku49-brand-new{transform:scale(.92)!important;transform-origin:left center}

/* Tighten the vertical padding around the scaled logo. */
#app>header{height:64px!important;padding-top:0;padding-bottom:0}
@media(max-width:350px){#app>header{height:61px!important}}

#app>header>a.ku49-brand-new{transform:scale(.86)!important}

#app>header>a.ku49-brand-new{left:-6px}

#app>header{height:60px!important}
@media(max-width:350px){#app>header{height:58px!important}}

#app>header{height:58px!important}
@media(max-width:350px){#app>header{height:56px!important}}

#main>.notice{padding-top:4px;padding-bottom:4px}

/* Match the full-width live panel at the requested 210px height. */
#home-live-content{margin-inline:-12px}
.live-player-shell{width:100%;height:210px}
.live-player-shell>.section-video,.live-player-shell>iframe,#home-live-content .section-video,#home-live-content .live-player-shell>iframe{display:block;width:100%!important;height:210px!important;aspect-ratio:auto!important;object-fit:contain}
.live-player-shell>.section-video[hidden]{display:none}
.live-player-shell .hk-live-own-domain{height:30px!important;min-height:30px!important;background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-size:clamp(12px,3.5vw,17px)!important;padding:0 8px!important}
.live-schedule-note{color:#f00;font-size:14px;line-height:1.5;text-align:center;padding:0 12px;max-width:420px}
#live-signal-refresh{color:#e00!important;border:1px solid #e00!important;border-radius:4px;padding:5px 8px!important;margin-top:10px;height:35px;font-size:14px!important;text-decoration:none!important}