/* Mobile navigation and direct plan reading; desktop remains unchanged. */
.mobile-navigation,.mobile-lottery-toggle,.scheme-short-name{display:none}
@media(max-width:700px){
.app-ui .app-header .header-inner{display:grid!important;grid-template-columns:1fr 56px 1fr;align-items:center;min-height:64px;padding:8px 16px;gap:8px;position:relative}
.app-header .brand{grid-column:2;grid-row:1;justify-content:center;margin:0!important}
.app-header .brand>span,.app-header .desktop-nav,.app-header .header-services{display:none!important}
.app-header .brand img,.app-header .brand svg,.app-header .brand .brand-mark{width:44px!important;height:44px!important;border-radius:50%;overflow:hidden;object-fit:contain}
.mobile-navigation{display:block;grid-column:1;grid-row:1;justify-self:start;z-index:110}
.mobile-navigation summary{list-style:none;padding:8px;cursor:pointer;color:#1565c0;display:flex}
.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary svg{width:25px;height:25px}
.mobile-navigation nav{position:absolute;top:100%;left:12px;min-width:180px;display:flex;flex-direction:column;gap:0;background:white;border:1px solid #d5e1ef;box-shadow:0 8px 24px #18345322;border-radius:12px;padding:8px}
.mobile-navigation nav a{padding:12px 16px;color:#183453;text-decoration:none;font-size:15px}
.mobile-lottery-toggle{display:block;grid-column:3;grid-row:1;justify-self:end;border:0!important;background:transparent!important;padding:8px 0!important;color:#1565c0;font-size:14px!important;white-space:nowrap}
.app-ui .page-breadcrumb,.app-ui .lottery-nav,.home-page .catalog-panel>.section-heading{display:none!important}
.precise-page #page-content{margin-top:8px!important;padding-top:0!important}
.precise-page .draw-summary,.precise-page .content-switch{display:none!important}
.precise-page #message:empty{display:none}.precise-page #message{margin:0!important;font-size:12px}
.precise-page #plans{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:8px 0!important}
.precise-page #plans button{font-size:14px!important;padding:10px 4px!important;min-width:0;white-space:nowrap}
.scheme-full-name{display:none}.scheme-short-name{display:inline}
.precise-page #detail>h2,.precise-page .precise-collect{display:none!important}
.precise-page #detail{margin-top:0!important}.precise-page .precise-components{margin-top:0!important}
}
@media(max-width:700px){
body.app-ui .app-header .brand>span.brand-mark{display:flex!important;border-radius:50%!important;width:44px!important;height:44px!important;overflow:hidden}
body.app-ui.plan-page.precise-page #page-content .content-switch{display:none!important}
}
@media(max-width:700px){body.app-ui.home-page #page-content .catalog-panel>.section-heading{display:none!important}}

.precise-current[hidden]{display:none!important}
@media(max-width:700px){
body.app-ui .app-header{position:sticky!important;top:0!important;z-index:200!important;background:#fff!important;backdrop-filter:none!important;opacity:1!important;border-bottom:1px solid #dce5ef!important;box-shadow:0 2px 8px #15345108}
body.app-ui .app-header .header-inner{background:#fff!important;min-height:64px;box-sizing:border-box}
body.app-ui .mobile-navigation summary,body.app-ui .mobile-lottery-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:10px!important;box-sizing:border-box;border:0!important;border-radius:12px!important;background:#f0f6fd!important;color:#1565c0!important;box-shadow:none!important;cursor:pointer}
body.app-ui .mobile-navigation summary svg,body.app-ui .mobile-lottery-toggle svg{width:24px;height:24px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.app-ui .mobile-navigation summary:hover,body.app-ui .mobile-lottery-toggle:hover{background:#e2efff!important}
body.app-ui .mobile-navigation summary:focus-visible,body.app-ui .mobile-lottery-toggle:focus-visible{outline:2px solid #1565c0;outline-offset:2px}
}

@media(max-width:700px){
body.app-ui.plan-page.precise-page #page-content .draw-snapshot{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;padding:12px 0!important}
body.app-ui.plan-page.precise-page #page-content .draw-switch-slot{display:none!important}
body.app-ui.plan-page.precise-page #page-content .draw-snapshot .draw-next{grid-column:2!important;grid-row:3!important;flex-direction:column!important;align-items:flex-end!important;gap:6px!important}
body.app-ui.plan-page.precise-page #page-content .draw-snapshot .draw-schedule-meta{display:flex!important;grid-column:1!important;grid-row:3!important;align-self:center;align-items:flex-start!important;min-width:120px;font-size:11px}
body.app-ui.plan-page.precise-page #page-content .draw-snapshot .draw-progress:not([hidden]){display:block!important;grid-column:1/-1;grid-row:4}
}

/* Mobile refinement: balanced header, focused cards, account menu. */
@media(max-width:700px){
body.app-ui .app-header .header-inner{height:60px!important;min-height:60px!important;padding:8px 16px!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important}
body.app-ui .app-header .header-services,body.app-ui .app-header .header-register{display:none!important}
body.app-ui .app-header .brand{align-self:center!important;justify-self:center!important;height:44px!important;padding:0!important;line-height:1!important;transform:none!important}
body.app-ui .app-header .brand-mark{margin:0!important}
body.app-ui .mobile-navigation summary,body.app-ui .mobile-lottery-toggle{background:#f5f8fc!important;border:1px solid #e8eef6!important;border-radius:14px!important;box-shadow:0 2px 5px #17375d05!important}
body.app-ui .home-page .directory-card-actions,body.app-ui.home-page .directory-card-actions{display:none!important}
body.app-ui .directory-result{border-radius:0 0 16px 16px;padding-bottom:16px}
body.app-ui.plan-page.precise-page #page-content .draw-snapshot{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important}
body.app-ui.plan-page #page-content .draw-snapshot .draw-lottery-icon{width:40px!important;height:40px!important;grid-row:1!important}
body.app-ui.plan-page #page-content .draw-snapshot .draw-title{grid-column:2!important;grid-row:1!important;align-self:center!important;min-width:0}
body.app-ui.plan-page #page-content .draw-snapshot .draw-title h1{font-size:16px!important;line-height:1.3!important}
body.app-ui.plan-page.precise-page #page-content .draw-snapshot .draw-next{grid-column:3!important;grid-row:1!important;align-self:center!important;align-items:flex-end!important;min-width:0!important;max-width:145px!important;gap:5px!important}
body.app-ui.plan-page #page-content .draw-snapshot #countdown{font-size:13px!important;white-space:normal!important}
body.app-ui.plan-page #page-content .draw-snapshot #next-issue{font-size:10px!important}
body.app-ui.plan-page #page-content .draw-snapshot .draw-schedule-meta{display:none!important}
body.app-ui.plan-page.precise-page #page-content .draw-snapshot .draw-progress:not([hidden]){grid-row:3!important}
body.app-ui .mobile-dock{overflow:visible!important}
body.app-ui .mobile-dock>a,body.app-ui .mobile-account>summary{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#8190a5;cursor:pointer;text-decoration:none;list-style:none}
body.app-ui .mobile-account{flex:1;position:relative;min-width:0}
body.app-ui .mobile-account>summary::-webkit-details-marker{display:none}
body.app-ui .mobile-account>summary>span{width:40px;height:34px;display:grid;place-items:center;border-radius:12px}
body.app-ui .mobile-dock .nav-icon{width:24px;height:24px;stroke-width:1.65}
body.app-ui .mobile-dock>a.current>span,body.app-ui .mobile-account[open]>summary>span{background:#eaf3ff;color:#1565c0;box-shadow:none;border:0}
body.app-ui .mobile-dock>a:before{display:none!important}
body.app-ui .mobile-account-menu{position:absolute;bottom:calc(100% + 16px);right:0;width:164px;padding:8px;background:#fff;border:1px solid #e1e8f2;border-radius:16px;box-shadow:0 12px 40px #18345320;display:flex;flex-direction:column}
body.app-ui .mobile-account-menu a,body.app-ui .mobile-account-menu button{display:block!important;padding:12px!important;text-align:left!important;border:0!important;background:none!important;font:14px system-ui!important;color:#203550!important;width:100%;box-sizing:border-box;text-decoration:none}
}
@media(max-width:700px){
html body.app-ui header.app-header div.header-inner{height:60px!important;min-height:60px!important;max-height:60px!important;padding:8px 16px!important;grid-template-rows:44px!important;align-content:start!important;box-sizing:border-box!important}
html body.app-ui header.app-header nav.header-services{display:none!important}
}
@media(max-width:700px){
html body.app-ui:not(.chat-embedded)>header.app-header>div.header-inner{height:60px!important;min-height:60px!important;padding:8px 16px!important;display:grid!important;grid-template-rows:44px!important;align-content:start!important}
html body.app-ui.plan-page.precise-page main#page-content .draw-snapshot.draw-compact .draw-schedule-meta{display:none!important}
}
@media(max-width:700px){html body.app-ui:not(.chat-embedded)>header.app-header>div.header-inner>nav.header-services,html body.app-ui:not(.chat-embedded)>header.app-header .header-services .header-register{display:none!important}}
/* Keep the draw module directly beneath the mobile header. */
@media(max-width:700px){
html body.app-ui.plan-page.precise-page main#page-content{margin-top:0!important;padding-top:0!important}
html body.app-ui.plan-page.precise-page main#page-content .draw-snapshot.draw-compact{margin-top:0!important;padding-top:0!important}
}
/* Solid mobile header and unboxed navigation icons. */
@media(max-width:700px){
html body.app-ui:not(.chat-embedded)>header.app-header,
html body.app-ui:not(.chat-embedded)>header.app-header>div.header-inner{background:#fff!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
html body.app-ui:not(.chat-embedded)>header.app-header .mobile-navigation summary,
html body.app-ui:not(.chat-embedded)>header.app-header .mobile-lottery-toggle{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
}

/* Align navigation glyphs, labels, and the next issue with the lottery title. */
@media(max-width:700px){
html body.app-ui:not(.chat-embedded)>header.app-header>div.header-inner{padding-left:12px!important;padding-right:12px!important;width:100%!important;max-width:none!important;margin:0!important}
html body.app-ui .mobile-navigation summary{justify-content:flex-start!important;padding-left:0!important}
html body.app-ui .mobile-lottery-toggle{justify-content:flex-end!important;padding-right:0!important}
html body.app-ui.plan-page #page-content .draw-snapshot .draw-title{align-self:start!important;padding-top:8px!important}
html body.app-ui.plan-page #page-content .draw-snapshot .draw-title h1{margin:0!important}
html body.app-ui.plan-page.precise-page #page-content .draw-snapshot .draw-next{align-self:stretch!important;justify-content:flex-start!important;padding-top:8px!important}
html body.app-ui.plan-page #page-content .draw-snapshot #next-issue{line-height:16px!important;margin:0!important}
}
@media(max-width:850px){
html body.app-ui .mobile-dock{align-items:stretch!important}
html body.app-ui .mobile-dock>a,html body.app-ui .mobile-account>summary{height:66px!important;box-sizing:border-box!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:10px!important;line-height:14px!important;letter-spacing:.5px!important;font-weight:500!important}
html body.app-ui .mobile-account{display:block;flex:1;min-width:0;height:66px}
html body.app-ui .mobile-dock>a>span:first-child,html body.app-ui .mobile-account>summary>span:first-child{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:30px!important;flex:0 0 30px!important;margin:0!important}
}
@media(max-width:700px){
html body.app-ui:not(.chat-embedded)>header.app-header{height:60px!important;min-height:60px!important}
}
@media(max-width:850px){
html body.app-ui .mobile-dock>a>span:first-child,html body.app-ui .mobile-account>summary>span:first-child{animation:none!important;transform:none!important}
}

/* App-style navigation: balanced circular controls and a modal side drawer. */
.mobile-menu-trigger{display:none}
#mobile-menu-dialog:not([open]){display:none!important}
@media(max-width:700px){
html body.app-ui .mobile-menu-trigger,html body.app-ui:not(.chat-embedded)>header.app-header .mobile-lottery-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;padding:10px!important;border-radius:50%!important;background:#f9fafb!important;border:1px solid #e5e9ef!important;box-shadow:0 2px 7px #162b4610,inset 0 1px 0 #fff!important;color:#244766!important;transition:transform .15s,background .15s}
.mobile-menu-trigger{grid-column:1;grid-row:1;justify-self:start}
html body.app-ui .mobile-menu-trigger svg,html body.app-ui .mobile-lottery-toggle svg{width:24px!important;height:24px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body.app-ui .mobile-menu-trigger:active,html body.app-ui .mobile-lottery-toggle:active{transform:scale(.93);background:#eaf0f6!important}
.mobile-menu-trigger:focus-visible,.mobile-menu-close:focus-visible{outline:2px solid #1565c0;outline-offset:3px}
html body.app-ui #mobile-menu-dialog[open]{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;height:100dvh;max-width:none;max-height:none;background:transparent;color:#20344c;overflow:hidden;display:block}
#mobile-menu-dialog::backdrop{background:rgba(25,40,60,.2);backdrop-filter:blur(3px)}
html body.app-ui #mobile-menu-dialog .mobile-menu-panel{width:min(80vw,320px);height:100%;box-sizing:border-box;padding:calc(22px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:#fcfdff;border-radius:0 24px 24px 0;box-shadow:12px 0 40px #1c31431f;animation:mobile-drawer-enter .24s cubic-bezier(.2,.8,.2,1);overflow-y:auto}
.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 24px}.mobile-menu-heading strong{font-size:22px;line-height:1.3;letter-spacing:-.5px}
html body.app-ui .mobile-menu-close{width:36px;height:36px;min-height:36px;padding:8px;border:0;background:#edf1f5;border-radius:50%;color:#53677f;display:grid;place-items:center}
.mobile-menu-close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}
.mobile-menu-caption{font-size:12px;color:#929ca9;margin:0 12px 8px}
html body.app-ui #mobile-menu-dialog nav{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0;background:none;box-shadow:none}
html body.app-ui #mobile-menu-dialog nav a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;color:#243449;text-decoration:none;font-size:16px;line-height:24px;font-weight:500;transition:background .15s}
html body.app-ui #mobile-menu-dialog nav a svg{width:23px;height:23px;flex:0 0 23px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html body.app-ui #mobile-menu-dialog nav a.current{color:#1565c0;background:#eaf2fc;font-weight:600}
html body.app-ui #mobile-menu-dialog nav a:active{background:#e2eaf4}
body.mobile-menu-open{overflow:hidden!important}
body.mobile-menu-open #page-content{transform:translateX(24px);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
@keyframes mobile-drawer-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){#mobile-menu-dialog .mobile-menu-panel{animation:none!important}body.mobile-menu-open #page-content{transition:none!important}.mobile-menu-trigger,.mobile-lottery-toggle{transition:none!important}}

/* Rounded lottery sheet, with independent scrolling and compact filters. */
.picker-controls{display:none}.all-lotteries-dialog [hidden]{display:none!important}
@media(max-width:700px){
html body.app-ui #all-lotteries-dialog[open]{position:fixed;inset:calc(12px + env(safe-area-inset-top)) 10px auto;margin:0;width:calc(100% - 20px);max-width:none;height:auto;max-height:calc(82dvh - env(safe-area-inset-top));padding:0;border:1px solid #e7ebf0;border-radius:28px;background:#fff;box-shadow:0 20px 65px #142b4626;display:flex;flex-direction:column;overflow:hidden;animation:lottery-sheet-enter .25s cubic-bezier(.2,.8,.2,1)}
#all-lotteries-dialog::backdrop{background:#14243b66;backdrop-filter:blur(3px)}
html body.app-ui #all-lotteries-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;flex-shrink:0;background:#fff;border:0}
html body.app-ui #all-lotteries-dialog h2{font-size:20px;line-height:28px;margin:0}
#all-lotteries-dialog>header p{display:none}
html body.app-ui #all-lotteries-close{width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:#f0f3f7;color:#607086;font-size:25px;line-height:32px}
.picker-controls{display:block;padding:0 18px 12px;flex-shrink:0}
html body.app-ui .picker-controls input{box-sizing:border-box;width:100%;height:42px;border:1px solid #e7ebf0;border-radius:14px;background:#f6f8fa;padding:0 14px;font-size:16px;color:#21354d}
.picker-filters{display:flex;gap:6px;overflow-x:auto;padding-top:12px;scrollbar-width:none}
html body.app-ui .picker-filters button{flex-shrink:0;border:0;border-radius:20px;padding:8px 12px;min-height:34px;background:#f1f4f8;color:#65738a;font-size:13px;line-height:18px}
html body.app-ui .picker-filters button[aria-pressed=true]{background:#1765bd;color:#fff}
html body.app-ui #all-lotteries-dialog .all-lotteries-body{padding:0 18px 20px;overflow:auto;min-height:0;overscroll-behavior:contain}
html body.app-ui #all-lotteries-dialog section{margin:0 0 16px}
html body.app-ui #all-lotteries-dialog h3{font-size:12px;color:#8b97a7;margin:12px 2px 10px;font-weight:500}
.picker-category-number{display:none}
html body.app-ui #all-lotteries-dialog .all-lotteries-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body.app-ui #all-lotteries-dialog .all-lotteries-grid a{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 8px;border:1px solid #e9edf2;border-radius:15px;background:#fafbfd;color:#26384e;font-size:13px;line-height:18px;text-decoration:none}
html body.app-ui #all-lotteries-dialog .all-lotteries-grid img{width:32px;height:32px;flex:0 0 32px;object-fit:contain}
html body.app-ui #all-lotteries-dialog .all-lotteries-grid a.picker-current{background:#eaf3ff;border-color:#95bcea;color:#145eb3;font-weight:600}
.picker-empty{text-align:center;color:#8390a1;padding:28px 0}
body.lottery-picker-open{overflow:hidden!important}
body.lottery-picker-open #page-content{transform:translateY(36px) scale(.97);transform-origin:top center;transition:transform .25s}
@keyframes lottery-sheet-enter{from{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){html body.app-ui #all-lotteries-dialog[open]{animation:none}body.lottery-picker-open #page-content{transition:none}}
@media(max-width:700px){
html body.app-ui #all-lotteries-dialog h2{color:#21354d;letter-spacing:0}
html body.app-ui #all-lotteries-dialog>header:after{display:none}
html body.app-ui #all-lotteries-dialog .all-lotteries-grid a{flex-direction:row;justify-content:flex-start;min-height:56px;text-align:left}
html body.app-ui #all-lotteries-dialog section{display:block;padding:0;border:0}
}
/* Fine alignment of the mobile draw title and remaining time. */
@media(max-width:700px){
html body.app-ui.plan-page #page-content .draw-snapshot .draw-title{position:relative;top:4px}
html body.app-ui.plan-page #page-content .draw-snapshot #countdown{position:relative;top:-5px}
}
/* Shared mobile inner-page draw and dock geometry. */
@media(max-width:700px){
html body.app-ui.plan-page #page-content .draw-snapshot{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important;padding:0 0 12px!important;margin-top:0!important}
html body.app-ui.plan-page #page-content .draw-snapshot .draw-next{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;align-self:stretch!important;padding-top:8px!important;min-width:0!important;max-width:145px!important;gap:5px!important}
html body.app-ui.plan-page #page-content .draw-snapshot #numbers{grid-column:1/-1!important;grid-row:2!important}
html body.app-ui.plan-page #page-content .draw-snapshot .draw-progress:not([hidden]){grid-column:1/-1!important;grid-row:3!important}
html body.app-ui.plan-page #page-content .draw-switch-slot{display:none!important}
html body.app-ui #all-lotteries-dialog[open]{inset:60px 0 0!important;width:100%!important;height:calc(100dvh - 60px)!important;max-height:none!important;border-radius:24px 24px 0 0!important;z-index:1000!important;box-shadow:none!important}
html body.app-ui #all-lotteries-dialog>header,html body.app-ui #all-lotteries-dialog .picker-controls input{display:none!important}
html body.app-ui #all-lotteries-dialog .picker-controls{padding:8px 14px 10px}
body.lottery-picker-open #page-content{transform:none!important}
body.lottery-picker-open>.app-header{z-index:1001!important}
body.lottery-picker-open>.mobile-dock{visibility:hidden!important}
}
@media(max-width:850px){
html body.app-ui .mobile-dock{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-around!important}
html body.app-ui .mobile-dock>.mobile-account{position:relative!important;inset:auto!important;margin:0!important;padding:0!important;flex:1 1 0!important;width:auto!important;max-width:none!important;height:66px!important;border:0!important;background:transparent!important}
html body.app-ui .mobile-dock>.mobile-account>summary{position:static!important;float:none!important;margin:0!important;width:100%!important;height:66px!important;min-height:0!important;list-style:none!important;transform:none!important}
}
@media(max-width:700px){
html body.app-ui.plan-page main#page-content{margin-top:0!important;padding-top:0!important}
}
/* A seamless picker shell and stable shared navigation. */
@media(max-width:700px){
html body.app-ui #all-lotteries-dialog[open]{border:0!important;border-radius:0!important;outline:0!important}
html body.app-ui.lottery-picker-open>header.app-header{position:fixed!important;inset:0 0 auto!important;width:100%!important;height:60px!important;transform:none!important;background:#fff!important;z-index:1001!important}
html body.app-ui #mobile-menu-dialog .mobile-menu-caption{display:none!important}
html body.app-ui #mobile-menu-dialog nav a{padding-left:4px!important;padding-right:4px!important}
}
@media(max-width:850px){
html body.app-ui .mobile-dock{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:5px 10px calc(5px + env(safe-area-inset-bottom))!important;gap:0!important;transform:none!important;transition:none!important;animation:none!important;background:#fff!important;border-top:1px solid #e4eaf1!important}
html body.app-ui .mobile-dock>a,html body.app-ui .mobile-dock>.mobile-account{flex:1 1 0!important;min-width:0!important;width:0!important;margin:0!important;border:0!important}
html body.app-ui .mobile-dock>a,html body.app-ui .mobile-dock>.mobile-account>summary{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif!important;font-size:10px!important;line-height:14px!important;font-weight:500!important;letter-spacing:.5px!important;transition:none!important;transform:none!important;animation:none!important}
html body.app-ui .mobile-dock>a>span:first-child,html body.app-ui .mobile-dock>.mobile-account>summary>span:first-child{box-sizing:border-box!important;min-height:30px!important;padding:0!important;border:0!important;transition:none!important;animation:none!important;transform:none!important}
html body.app-ui .mobile-dock .nav-icon{width:24px!important;height:24px!important;min-width:24px!important;display:block!important;transition:none!important;animation:none!important;transform:none!important}
}
@media(max-width:850px){html body.app-ui .mobile-dock{height:calc(77px + env(safe-area-inset-bottom))!important;min-height:calc(77px + env(safe-area-inset-bottom))!important}}
/* Align the draw identity and clock in one shared 40px row. */
@media(max-width:700px){
 html body.app-ui.plan-page #page-content .draw-snapshot .draw-lottery-icon{align-self:center!important;width:40px!important;height:40px!important;margin:0!important;object-fit:contain;transform:none!important}
 html body.app-ui.plan-page #page-content .draw-snapshot .draw-title{position:static!important;top:auto!important;align-self:center!important;padding:0!important;margin:0!important;gap:2px!important;min-height:40px;justify-content:center!important;align-items:flex-start!important}
 html body.app-ui.plan-page #page-content .draw-snapshot .draw-title h1{margin:0!important;line-height:22px!important}
 html body.app-ui.plan-page #page-content .draw-snapshot .draw-issue{margin:0!important;line-height:16px!important}
 html body.app-ui.plan-page #page-content .draw-snapshot .draw-next{align-self:center!important;padding:0!important;margin:0!important;gap:0!important;min-height:40px;justify-content:center!important}
 html body.app-ui.plan-page #page-content .draw-snapshot #countdown{position:static!important;top:auto!important;height:24px!important;min-height:24px!important;line-height:24px!important;margin:0!important}
}
/* A subtle raised header, with a clean white surface and soft lower edge. */
@media(max-width:850px){
 html body.app-ui:not(.chat-embedded)>header.app-header{background:#fff!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(35,62,94,.035),0 4px 12px -4px rgba(35,62,94,.14),0 10px 24px -14px rgba(35,62,94,.12)!important}
}
@media(max-width:700px){
 html body.app-ui.plan-page #page-content .draw-snapshot #countdown{transform:translateY(-3px)!important}
}

@media(max-width:700px){
html body.app-ui .mobile-account-menu a,html body.app-ui .mobile-account-menu button{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;gap:10px!important;border-radius:10px!important;min-height:44px}
html body.app-ui .mobile-account-menu .nav-icon{width:20px!important;height:20px!important;flex:0 0 20px!important;color:inherit}
html body.app-ui .mobile-account-menu a:hover,html body.app-ui .mobile-account-menu a:focus-visible{background:#eef5ff!important;color:#1565c0!important}
html body.app-ui .mobile-account-menu span{white-space:nowrap;font:inherit!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:inherit!important}
}

@media(max-width:700px){
html body.app-ui .mobile-account-menu .nav-icon{min-width:20px!important;min-height:20px!important;margin:0!important;align-self:center!important}
html body.app-ui .mobile-account-menu a>span,html body.app-ui .mobile-account-menu button>span{display:flex!important;align-items:center!important;min-height:0!important;height:20px!important;line-height:20px!important;flex:0 1 auto!important;align-self:center!important}
}