body{padding-top:76px!important}.customer-account-bar{position:absolute;top:16px;right:20px;display:flex;gap:12px;align-items:center;z-index:50}.customer-account-bar a,.customer-account-bar button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;border:1px solid #dfb65e;border-radius:6px;background:#15243d;color:#f4d48d;text-decoration:none;font:700 15px Arial;cursor:pointer}.customer-account-bar form{margin:0}.customer-account-bar .account-register{background:#dfb65e;color:#101725}.account-page{margin:0;background:radial-gradient(ellipse at top,#1c2a43,#070c16 65%);color:#f5f6fb;font:16px/1.5 Arial,sans-serif;min-height:100vh}.account-page *{box-sizing:border-box}.account-shell{max-width:1080px;margin:30px auto;padding:0 20px 60px}.account-card{max-width:500px;margin:30px auto;background:#0d1424;border:1px solid #2b3446;border-radius:20px;padding:36px;box-shadow:0 24px 70px #0005}.account-card h1{margin:0 0 8px;font-size:28px}.account-muted{color:#a8b1c3}.account-card label{display:block;margin-top:20px}.account-card input{width:100%;margin-top:8px;padding:16px;border:1px solid #303d58;border-radius:10px;background:#17213a;color:#fff;font:inherit}.account-primary{width:100%;margin-top:24px;padding:16px;background:#1689dd;border:0;border-radius:8px;color:#fff;font:700 17px Arial;cursor:pointer}.account-page a{color:#f4d48d}.account-footer{text-align:center;border-top:1px solid #2b3446;margin-top:24px;padding-top:22px}.account-error{background:#401b25;color:#ffd9df;padding:12px;border-radius:8px}.account-history{display:grid;gap:16px;margin-top:26px}.account-order{background:#111b2c;border:1px solid #2b3b53;border-radius:14px;padding:22px}.account-order header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-numbers{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.account-number{background:#233651;border:1px solid #456080;border-radius:6px;padding:7px 12px}.account-status{color:#f4d48d}.account-password{position:relative}.account-password input{padding-right:68px}.account-password button{position:absolute;right:10px;top:19px;background:transparent;color:#b9c9e3;border:0;padding:7px;cursor:pointer}@media(max-width:540px){.customer-account-bar{right:12px;gap:8px}.customer-account-bar a,.customer-account-bar button{padding:10px 14px}.account-card{padding:24px}.account-shell{padding:0 12px 40px}}

/* Keep the home artwork flush with the viewport behind account buttons. */
body.lotto-home-page{padding-top:0!important;margin:0!important;min-height:100vh;min-height:100dvh}.lotto-home-page .channel-menu{margin:0!important;min-height:100vh;min-height:100dvh}

.account-order{background:#fff;color:#17283d}.account-order .account-muted{color:#667a92}.account-order .account-status{color:#8a173a}.history-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.history-meta>div{background:#f6f8fb;border:1px solid #e1e7ef;border-radius:8px;padding:14px}.history-meta small,.history-meta strong{display:block}.history-meta small{color:#607792;font-size:12px;margin-bottom:6px}.history-table-wrap{overflow:auto;border:1px solid #e1e7ef;border-radius:9px}.history-table{width:100%;border-collapse:collapse;font-size:14px}.history-table th{background:#f3f5f8;color:#607792;font-size:12px}.history-table th,.history-table td{padding:14px 10px;text-align:right;border-bottom:1px solid #e1e7ef;white-space:nowrap}.history-table th:first-child,.history-table td:first-child{text-align:left}.history-table td:last-child{color:#8a173a;font-weight:bold}.history-number{background:#f4e9ee;color:#8a173a;border-radius:5px;padding:5px}.history-table small{display:block;color:#607792}.history-total{display:flex;align-items:center;justify-content:space-between;background:#fffaf0;border:1px solid #dfb65e;border-radius:10px;padding:18px;margin-top:16px}.history-total strong{font-size:25px;color:#8a173a}.history-total small{font-size:12px;color:#607792}.history-breakdown{display:flex;justify-content:space-between;border-bottom:1px solid #e1e7ef;padding:14px 4px;font-size:14px}.history-downloads,.history-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.history-downloads a,.history-filters a,.history-filters button{padding:10px 14px;border-radius:7px;background:#293f65;color:#fff;text-decoration:none;border:1px solid #dfb65e;font:700 14px Arial}.history-filters select{padding:10px;background:#17213a;color:#fff;border:1px solid #456080;border-radius:7px}.history-filters label{display:flex;gap:10px;align-items:center}@media(max-width:540px){.history-meta{grid-template-columns:1fr}.account-order{padding:16px}.history-table th,.history-table td{padding:12px 6px;font-size:12px}}

.account-page .account-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 18px;border:1px solid #dfb65e;border-radius:10px;background:linear-gradient(135deg,#123d59,#09283c);color:#fff;text-decoration:none;font-weight:700;box-shadow:inset 0 0 0 1px #dfb65e33;margin:0 10px 12px 0}.account-page .account-nav-button:hover{background:#194e6b}.account-nav-button:focus-visible{outline:3px solid #dfb65e;outline-offset:3px}.history-draw-countdown{font-size:14px;color:#375f8e;font-weight:700}.account-order.history-draw-finished{border:2px solid #dc3545;background:#fff2f3}.history-draw-finished .history-draw-countdown,.history-draw-finished header strong,.history-draw-finished .account-status{color:#b91c1c}

.account-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.account-history .account-order{min-width:0}.account-history .history-meta{grid-template-columns:1fr 1fr}.account-history .history-meta strong{overflow-wrap:anywhere}.account-history .history-table th,.account-history .history-table td{padding:12px 7px;font-size:12px}.account-history .history-total strong{font-size:23px}@media(max-width:700px){.account-history{grid-template-columns:1fr}.account-history .history-meta{grid-template-columns:1fr}}

.account-order header{justify-content:flex-start;align-items:center;gap:12px}.account-order .account-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid;border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap}.account-order .status-approved{color:#16803d;background:#ecfdf3;border-color:#86d7a4}.account-order .status-pending{color:#a16b00;background:#fff8db;border-color:#e7c553}.account-order .status-deny{color:#c52b35;background:#fff0f1;border-color:#efa2a9}.account-status svg{flex:none}

/* Display order history at 90% of its original size. */
.account-page .account-history{zoom:.9}

/* Mobile account forms keep readable white text in both themes. */
@media(max-width:767px){html[data-customer-theme] .account-page .account-card,html[data-customer-theme] .account-page .account-card *{color:#fff!important;-webkit-text-fill-color:#fff!important}html[data-customer-theme] .account-card input::placeholder{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1}html[data-customer-theme] .account-card input{background:#17213a!important;caret-color:#fff}html[data-customer-theme] .account-card input:-webkit-autofill{-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 1000px #17213a inset!important}}

.account-card .account-google-button{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 14px;padding:14px;border:1px solid #dfb65e;border-radius:10px;background:#293f65;color:#fff!important;text-decoration:none;font-weight:700}.account-forgot-link{text-align:center}.account-page .account-card{color:#fff}.account-card h1,.account-card label,.account-footer{color:#fff}

@media(max-width:767px){.account-page.account-mode-register .account-card{zoom:.9;margin:20px auto;padding:24px;}.account-mode-register .account-card label{margin-top:14px}.account-mode-register .account-card input{padding:12px}.account-mode-register .account-card h1{font-size:26px}}

/* Google sign-in button */
.account-card .account-google-button{min-height:56px;padding:14px 20px;border:1px solid #dfb65e;border-radius:12px;background:linear-gradient(135deg,#203654,#14243e);color:#f4d48d!important;box-shadow:0 4px 12px #0003;font-weight:700;transition:background .15s,box-shadow .15s}
.account-card .account-google-button .account-google-letter{color:#ea4335!important;font-size:22px;font-weight:800;line-height:1}
.account-card .account-google-button:hover{background:linear-gradient(135deg,#2c4569,#1d3150);box-shadow:0 5px 16px #0004}
.account-card .account-google-button:focus-visible{outline:2px solid #f4d48d;outline-offset:3px}

/* Google button reference: blue button, white logo tile and text. */
.account-card .account-google-button{position:relative;justify-content:flex-start;gap:16px;min-height:64px;padding:6px;border:1px solid #2877ef;border-radius:6px;background:#2469e8;color:#fff!important;box-shadow:0 2px 5px #0003}
.account-card .account-google-button .account-google-logo{display:flex;align-items:center;justify-content:center;flex:0 0 50px;width:50px;height:50px;background:#fff;border-radius:3px}
.account-google-logo svg{display:block}
.account-card .account-google-button .account-google-text{flex:1;text-align:center;padding-right:12px;color:#fff!important;font-size:18px;font-weight:600;line-height:1.3}
.account-card .account-google-button:hover{background:#195bce;box-shadow:0 3px 8px #0004}
.account-card .account-google-button:focus-visible{outline:2px solid #8cbcff;outline-offset:3px}
@media(max-width:360px){.account-card .account-google-button{gap:10px}.account-card .account-google-button .account-google-text{font-size:16px;padding-right:6px}}

/* Match Login height and keep the Google logo beside its label. */
.account-card .account-google-button{justify-content:center;gap:12px;min-height:57px;padding:8px 16px;border-radius:8px}
.account-card .account-google-button .account-google-logo{flex:0 0 36px;width:36px;height:36px;border-radius:3px}
.account-card .account-google-button .account-google-logo svg{width:28px;height:28px}
.account-card .account-google-button .account-google-text{flex:0 1 auto;padding:0;text-align:left;font:700 17px/1.3 Arial,sans-serif}
@media(max-width:360px){.account-card .account-google-button{gap:10px;padding:8px 12px}.account-card .account-google-button .account-google-text{padding:0;font-size:16px}}

/* Consistent mobile account navigation, matching the home page. */
@media(max-width:767px){
 body .customer-account-bar{top:8px!important;right:12px!important;gap:8px!important;min-height:34px!important;align-items:center}
 body .customer-account-bar a,body .customer-account-bar button{box-sizing:border-box!important;min-height:34px!important;height:34px!important;padding:7px 12px!important;font:700 13px/18px Arial,sans-serif!important;border-radius:6px!important;white-space:nowrap}
 body .customer-account-bar form{margin:0!important;padding:0!important;display:flex;align-items:center}
}

/* Customer authentication over a blurred live homepage. */
body.account-auth-modal{padding:0!important;height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;background:#160205!important}
.account-home-backdrop{position:fixed;inset:-12px;z-index:0;filter:blur(8px);pointer-events:none}
.account-home-backdrop iframe{display:block;width:100%;height:100%;border:0}
body.account-auth-modal::after{content:"";position:fixed;inset:0;background:rgba(3,7,16,.64);z-index:1;pointer-events:none}
body.account-auth-modal>.customer-account-bar,body.account-auth-modal>.customer-theme-control{display:none!important}
body.account-auth-modal .account-shell{position:fixed;inset:0;z-index:2;max-width:none;margin:0;padding:24px 16px;display:flex;align-items:center;justify-content:center;overflow:auto}
body.account-auth-modal .account-shell>.account-nav-button{display:none}
body.account-auth-modal .account-card{position:relative;width:min(100%,500px);max-height:calc(100dvh - 48px);overflow:auto;margin:0;padding:32px;border-radius:20px;border:1px solid #303849;background:#0b1221!important;box-shadow:0 24px 80px #0008;zoom:1}
.account-modal-close{position:absolute;top:12px;right:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff!important;text-decoration:none;font:28px/1 Arial}
.account-modal-close:hover{background:#24314a}
.account-modal-close:focus-visible{outline:2px solid #f4d48d;outline-offset:2px}
body.account-auth-modal .account-card h1{padding-right:24px}
@media(max-width:767px){body.account-auth-modal .account-shell{padding:12px}body.account-auth-modal .account-card{max-height:calc(100dvh - 24px);padding:24px 20px}body.account-auth-modal.account-mode-register .account-card{zoom:.9;margin:0;max-height:calc((100dvh - 24px)/.9)}body.account-auth-modal .account-card h1{font-size:25px}}

/* Slightly smaller desktop registration popup. */
@media(min-width:768px){
 body.account-auth-modal.account-mode-register .account-card{zoom:.81;margin:0;max-height:calc((100dvh - 48px)/.81)}
}

/* Compact mobile authentication; keyboard opens only when a field is tapped. */
@media(max-width:767px){
 body.account-auth-modal.account-mode-login .account-card,body.account-auth-modal.account-mode-register .account-card{zoom:.8;width:min(500px,calc((100vw - 24px)/.8));max-height:calc((100dvh - 24px)/.8);margin:0}
}

/* Desktop login popup at 80% size. */
@media(min-width:768px){body.account-auth-modal.account-mode-login .account-card{zoom:.8;margin:0;max-height:calc((100dvh - 48px)/.8)}}

/* Fast standalone login and registration: no homepage or blur rendering. */
body.account-auth-modal{background:#0d1424!important}
body.account-auth-modal::after{display:none}

/* Fit mobile registration within the available screen height. */
@media(max-width:767px){
 body.account-auth-modal.account-mode-register .account-card{padding:20px;width:min(500px,calc((100vw - 24px)/.8));max-height:calc((100dvh - 24px)/.8);overscroll-behavior:contain}
 body.account-mode-register .account-card h1{font-size:24px;margin:0 0 6px}
 body.account-mode-register .account-card p{margin:10px 0;line-height:1.35}
 body.account-mode-register .account-card label{margin-top:10px}
 body.account-mode-register .account-card input{margin-top:5px;padding:10px 12px;min-height:42px;font-size:16px}
 body.account-mode-register .account-password input{padding-right:68px}
 body.account-mode-register .account-password button{top:11px}
 body.account-mode-register .account-primary{margin-top:14px;padding:11px;min-height:44px}
 body.account-mode-register .account-card .account-google-button{margin:12px 0 10px;min-height:44px;padding:5px 12px}
 body.account-mode-register .account-card .account-google-logo{width:30px;height:30px;flex-basis:30px}
 body.account-mode-register .account-footer{margin-top:12px;padding-top:12px}
}

/* Mobile order-page controls match the My orders button. */
@media(max-width:767px){
 body.account-page:not(.account-auth-modal) .account-nav-button,
 body.account-page:not(.account-auth-modal) .history-filters button,
 body.account-page:not(.account-auth-modal) .order-photo-button,
 body.account-page:not(.account-auth-modal) .history-filters select,
 body.account-page:not(.account-auth-modal) .customer-theme-control select{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:34px!important;height:34px!important;padding:7px 12px!important;font:700 13px/18px Arial,sans-serif!important;border-radius:6px!important;white-space:nowrap}
 body.account-page:not(.account-auth-modal) .customer-theme-control,
 body.account-page:not(.account-auth-modal) .history-filters label{font-size:13px!important;gap:8px!important}
 body.account-page:not(.account-auth-modal) .history-filters{gap:8px;align-items:center;flex-wrap:wrap}
 body.account-page:not(.account-auth-modal) .order-photo-button svg{width:16px;height:16px}
}