/* MENU-M2: prominent sign-in actions and a compact member wallet. */
.cinema-header nav{gap:10px}
.cinema-header nav .l98-entry-login,.cinema-header nav .l98-entry-register,.cinema-actions .l98-entry-login,.cinema-actions .l98-entry-register{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 24px;border:2px solid transparent;border-radius:14px;font-size:17px;font-weight:800;line-height:1.3;letter-spacing:.03em;text-decoration:none;white-space:nowrap;box-shadow:0 8px 24px #0003}
.cinema-header nav .l98-entry-login,.cinema-actions .l98-entry-login{background:#eff7dc;color:#173c2b;border-color:#eff7dc}
.cinema-header nav .l98-entry-register,.cinema-actions .l98-entry-register{background:#f2c174;color:#34220d;border-color:#f2c174}
.cinema-header nav .l98-entry-login:hover,.cinema-actions .l98-entry-login:hover{background:#fff;color:#173c2b}
.cinema-header nav .l98-entry-register:hover,.cinema-actions .l98-entry-register:hover{background:#ffdaa0;color:#34220d}
.cinema-actions .l98-entry-login,.cinema-actions .l98-entry-register{min-width:136px;min-height:56px;font-size:19px}
.cinema-login .btn{min-height:50px;font-size:16px;font-weight:750}
.cinema-login .btn-main{background:#1b5c3d;box-shadow:0 5px 15px #1b5c3d26}
.cinema-login-join a.l98-entry-register{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;background:#f2c174;color:#34220d;font-size:17px;font-weight:800;padding:10px 16px}
.l98-points-dialog-m2{color-scheme:light;box-sizing:border-box;width:min(660px,calc(100vw - 28px));max-width:none;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);margin:auto;padding:0;border:1px solid #e4dece;border-radius:22px;background:#f8f7f2;color:#26332b;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #0005;font-family:inherit;text-align:left}
.l98-points-dialog-m2:not([open]){display:none!important}
.l98-points-dialog-m2::backdrop{background:#101b17a6;backdrop-filter:blur(5px)}
.l98-points-m2-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid #e5dfd3}
.l98-points-m2-head h2{margin:0;color:#26332b;font-size:19px;font-weight:800;line-height:1.4}
.l98-points-m2-head p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#657164}
.l98-points-m2-head button{flex:0 0 40px;display:grid;place-items:center;width:40px;min-height:40px;padding:0;border:1px solid #e4dece;border-radius:12px;background:white;color:#4c5a4f;font:26px/1 system-ui;cursor:pointer}
.l98-points-m2-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}
.l98-points-dialog-m2 .l98-points-m2-option{display:flex!important;align-items:center;gap:12px;min-width:0;min-height:104px;padding:15px;border:1px solid #e7e0d5;border-radius:18px;background:#fff;color:#26332b!important;text-decoration:none!important;box-shadow:none;text-align:left;line-height:1.5}
.l98-points-dialog-m2 .l98-points-m2-option:hover{border-color:#267a58;background:#f2f8f1}
.l98-points-m2-icon{flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e7e0d5;border-radius:12px;background:#f6f4ee;color:#20825c}
.l98-points-m2-icon svg{display:block;width:25px;height:25px}
.l98-points-m2-option>span:nth-child(2){flex:1;min-width:0}
.l98-points-m2-option strong{display:block;font-size:16px;font-weight:800;color:#26332b}
.l98-points-m2-option small{display:block;margin-top:4px;font-size:12px;color:#657164;overflow-wrap:anywhere}
.l98-points-m2-arrow{font-size:22px;color:#768176}
.l98-points-dialog-m2 a:focus-visible,.l98-points-dialog-m2 button:focus-visible,.l98-wallet-m1-topup:focus-visible{outline:3px solid #267a58!important;outline-offset:2px!important}
@media(max-width:700px){.cinema-header{padding-left:16px;padding-right:16px;gap:10px}.cinema-header nav{gap:8px}.cinema-header nav .l98-entry-login,.cinema-header nav .l98-entry-register{min-height:46px;padding:10px 13px;font-size:15px}.cinema-header .cinema-brand{font-size:27px}.cinema-header .cinema-brand span{font-size:8px;letter-spacing:1px}.cinema-actions{gap:10px}.cinema-actions .l98-entry-login,.cinema-actions .l98-entry-register{flex:1;min-width:110px}}
@media(max-width:560px){.l98-points-m2-options{grid-template-columns:1fr}.l98-points-dialog-m2 .l98-points-m2-option{min-height:92px}.l98-wallet-m1{padding:16px}.l98-points-m2-head{padding:17px}}
@media(max-width:360px){.cinema-header{padding-left:12px;padding-right:12px}.cinema-header nav .l98-entry-login,.cinema-header nav .l98-entry-register{padding:10px;font-size:14px}.cinema-header .cinema-brand{font-size:24px}.cinema-header .cinema-brand span{display:none}}
/* The account controls live in the actual homepage clock, never the MENU drawer. */
#l98LifeClock:has(.l98-account-m2){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 24px;border-radius:22px}
#l98LifeClock .l98-account-m2{display:flex;align-items:center;gap:18px;min-width:0;border-left:1px solid #36454b;padding-left:26px}
.l98-account-m2-balance{display:flex;flex-direction:column;gap:5px;min-width:0}
.l98-account-m2-label{font-size:12px;line-height:1.5;font-weight:550;color:#a5b7b6}
.l98-account-m2-value{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;line-height:1.25}
.l98-account-m2-value strong{font-size:25px;font-weight:750;letter-spacing:-.03em;color:#e9f3ec;overflow-wrap:normal;word-break:normal;white-space:nowrap}
.l98-account-m2-value small{font-size:12px;color:#a5b7b6}
.l98-account-m2-actions{display:flex;align-items:center;gap:8px;flex:none}
.l98-account-m2 .l98-account-m2-topup,.l98-account-m2 .l98-account-m2-logout{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;box-sizing:border-box;padding:10px 14px;border:1px solid #425259;border-radius:12px;line-height:1.4;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}
.l98-account-m2 .l98-account-m2-topup{background:#e8c98b;color:#252316;border-color:#e8c98b;box-shadow:0 4px 14px #0002}
.l98-account-m2 .l98-account-m2-topup:hover{background:#f5dba8;border-color:#f5dba8}
.l98-account-m2 .l98-account-m2-logout{background:transparent;color:#c0cece}
.l98-account-m2 .l98-account-m2-logout:hover{color:#ffd8d1;background:#462b2b;border-color:#ab6a61}
.l98-account-m2-logout svg{width:17px;height:17px}
.l98-account-m2 a:focus-visible{outline:3px solid #a8ddc5;outline-offset:3px}
#l98LifeClock .h1-clock-actions{margin:0;gap:8px;justify-content:flex-end;flex-wrap:nowrap}
#l98LifeClock .h1-clock-actions .h1-btn{min-width:0;min-height:44px;font-size:13px;padding:10px 12px;white-space:nowrap}
@media(max-width:1150px){#l98LifeClock:has(.l98-account-m2){gap:18px;grid-template-columns:auto minmax(0,1fr)}#l98LifeClock .l98-account-m2{justify-content:flex-end;padding-left:18px;gap:12px}#l98LifeClock:has(.l98-account-m2) .h1-clock-actions{grid-column:1/-1;border-top:1px solid #304048;padding-top:12px;width:100%;justify-content:flex-end}#l98LifeClock .h1-clock-actions .h1-btn{flex:0 1 auto}}
@media(max-width:700px){#l98LifeClock:has(.l98-account-m2){grid-template-columns:1fr;gap:14px;padding:18px 16px}#l98LifeClock .h1-clock-face{font-size:30px}#l98LifeClock .l98-account-m2{border-left:0;border-top:1px solid #304048;padding:14px 0 0;justify-content:space-between;gap:10px}#l98LifeClock .h1-clock-actions{gap:8px}#l98LifeClock .h1-clock-actions .h1-btn{flex:1}#l98LifeClock .l98-account-m2-actions{gap:6px}.l98-account-m2 .l98-account-m2-topup,.l98-account-m2 .l98-account-m2-logout{padding:10px 12px}.l98-account-m2-value strong{font-size:24px}}
@media(max-width:360px){.l98-account-m2 .l98-account-m2-topup,.l98-account-m2 .l98-account-m2-logout{padding:10px 9px;font-size:13px}.l98-account-m2-logout svg{display:none}.l98-account-m2-value strong{font-size:22px}}

/* POINTS-D4R1: wrap complete control groups, never split balance digits. */
#l98LifeClock:has(.l98-account-m2){display:flex;flex-wrap:wrap;align-items:center}
#l98LifeClock:has(.l98-account-m2)>div:first-child{flex:0 0 auto;min-width:max-content}
#l98LifeClock .l98-account-m2{flex:1 1 320px;flex-wrap:wrap;justify-content:space-between;min-width:0;max-width:100%;box-sizing:border-box;row-gap:12px}
#l98LifeClock .l98-account-m2-balance{flex:0 0 auto;min-width:max-content}
#l98LifeClock .l98-account-m2-label,#l98LifeClock .l98-account-m2-value{white-space:nowrap;word-break:normal;overflow-wrap:normal}
#l98LifeClock .l98-account-m2-value{flex-wrap:nowrap;width:max-content;max-width:none}
#l98LifeClock .l98-account-m2-value>strong,#l98LifeClock .l98-account-m2-value>small{flex:0 0 auto;min-width:max-content;white-space:nowrap;word-break:normal;overflow-wrap:normal}
#l98LifeClock .l98-account-m2-actions{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto}
#l98LifeClock .h1-clock-actions{flex:0 0 auto}
@media(max-width:1150px){#l98LifeClock:has(.l98-account-m2) .h1-clock-actions{flex:1 0 100%;box-sizing:border-box}}
@media(max-width:700px){#l98LifeClock .l98-account-m2{flex-basis:100%}#l98LifeClock .h1-clock-actions .h1-btn{flex:1 1 0}}