/* Compact mobile layouts for sports, games and chat. */
.engagement-page{--eg-yellow:#ffe23b;--eg-muted:#777;--eg-card:#121212;color:#eee;font-size:13px;min-width:0;padding-bottom:16px}
.engagement-page *{box-sizing:border-box}.engagement-page a{text-decoration:none}.engagement-page h3{font-size:14px;margin:0 0 12px}.engagement-page .btn{font-size:12px}.engagement-page .eg-empty{color:#737373;text-align:center;padding:28px 8px;grid-column:1/-1}.engagement-page small{color:#777}.engagement-page .row{gap:8px}.engagement-page .between{justify-content:space-between}.engagement-page .eg-tab,.engagement-page .eg-type,.engagement-page .eg-sport-tab,.engagement-page .eg-time-tab,.engagement-page .eg-platform{border:0;background:none;border-radius:0;box-shadow:none;padding:8px 12px;white-space:nowrap;color:#888;min-height:0}.engagement-page .active{color:var(--eg-yellow)}.engagement-page .eg-tab.active{border-bottom:2px solid var(--eg-yellow);color:var(--eg-yellow)}
.eg-sport-primary{display:flex;gap:8px;align-items:center;margin:0 0 10px}.eg-sport-tabs{display:flex;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;gap:2px}.eg-sport .eg-sport-tab{padding:6px 12px;border-radius:20px;font-size:12px}.eg-sport .eg-sport-tab.active{background:var(--eg-yellow);color:#16140a;font-weight:700}.eg-platform-picker{position:relative;flex:none}.eg-platform-picker summary{list-style:none;background:#171717;padding:9px 8px;color:var(--eg-yellow);border-radius:5px;font-size:11px;cursor:pointer}.eg-platform-picker>div{position:absolute;right:0;z-index:5;top:36px;width:130px;background:#242424;border:1px solid #333;border-radius:8px;overflow:hidden}.eg-platform-picker .eg-platform{display:block;width:100%;text-align:left}.eg-time-row{display:flex;border-bottom:1px solid #1c1c1c;padding-bottom:9px;margin-bottom:7px;position:relative;gap:5px}.eg-time-tabs{display:flex;flex:1;justify-content:space-between}.eg-sport .eg-time-tab{padding:7px 4px;display:flex;align-items:center;gap:4px;font-size:11px}.eg-time-tab>span{font-size:14px}.eg-filter{flex:none}.eg-filter summary{list-style:none;color:#aaa;padding:7px 2px;font-size:11px;cursor:pointer}.eg-filter>form{position:absolute;z-index:6;right:0;top:37px;width:250px;padding:14px;background:#202020;border:1px solid #333;border-radius:10px}.eg-sport-caption{display:flex;justify-content:space-between;color:#777;font-size:10px;margin:9px 2px}.eg-match-list{display:grid;gap:10px}.eg-match-card{background:var(--eg-card);border-radius:11px;padding:12px 9px 0;overflow:hidden}.eg-match-body{display:grid;grid-template-columns:42% 58%;gap:0}.eg-match-teams{padding-right:9px;min-width:0}.eg-league{display:flex;gap:5px;align-items:center;color:#9a9a9a;font-size:10px;height:30px;line-height:1.4}.eg-league-mark{color:#e0d18c;font-size:20px}.eg-team{display:flex;align-items:center;gap:6px;margin-top:16px;min-height:29px;font-size:11px}.eg-team>span:not(.eg-team-crest){flex:1;line-height:1.5}.eg-team em{font-style:normal;color:#e94e40;font-size:12px}.eg-team-crest{display:inline-flex;width:23px;height:27px;justify-content:center;align-items:center;font-size:10px;font-weight:800;color:#fff;clip-path:polygon(10% 0,90% 0,95% 65%,50% 100%,5% 65%);background:linear-gradient(100deg,#427275,#113e50);flex:none}.eg-team-crest-1{background:linear-gradient(100deg,#c9a656,#6f4e24)}.eg-team-crest-2{background:linear-gradient(100deg,#9a487b,#422653)}.eg-team-crest-3{background:linear-gradient(100deg,#507fbe,#233854)}.eg-match-stats{font-size:8px;color:#777;margin-top:16px;white-space:nowrap}.eg-match-stats span{color:#b19b56;margin:0 3px}.eg-match-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.eg-market-title{display:block;text-align:center;color:#777;font-size:10px;padding-bottom:8px}.eg-odds-options{display:flex;flex-direction:column;height:151px;gap:5px}.eg-odd{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#090909;border:1px solid transparent;border-radius:4px;min-width:0;color:#eee;padding:5px 2px}.eg-odd>span{font-size:9px;color:#727272;white-space:nowrap}.eg-odd>strong{font-size:13px;font-weight:500}.eg-odd.selected{border-color:var(--eg-yellow);background:#292510;color:var(--eg-yellow)}.eg-odd.selected>span{color:#d7ca7d}.eg-match-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 1px;font-size:10px;margin-top:6px;border-top:1px solid #1d1d1d}.eg-match-footer a{color:#aaa;width:58%;text-align:center}.eg-match-footer small{color:#888;font-size:9px}.eg-sport-links{display:flex;justify-content:space-around;font-size:11px;padding:20px 0}.eg-sport-links a{color:#aaa}.eg-match-score{text-align:center;background:linear-gradient(180deg,#1d2423,#111);padding:18px 12px;border-radius:10px}.eg-score-meta{font-size:11px;color:#999}.eg-score-teams{display:flex;align-items:center;justify-content:space-around;margin:20px 0}.eg-score-teams>div{display:flex;flex-direction:column;align-items:center;gap:9px;width:33%;font-size:12px}.eg-score-teams>.eg-team-crest,.eg-score-teams .eg-team-crest{width:36px;height:42px;font-size:16px}.eg-score-teams>span{font-size:25px;font-weight:700}.eg-detail-tabs{display:flex;margin-top:15px;border-bottom:1px solid #222}.eg-detail-market,.eg-ticket{padding:15px;background:#131313;border-radius:8px;margin-top:14px}.eg-detail-odds{display:flex;gap:8px;min-height:65px}.eg-detail-odds .eg-odd>span{font-size:12px}.eg-ticket .row>span strong{color:var(--eg-yellow);margin-left:10px}.eg-ticket form{margin-top:14px}.eg-records{margin-top:18px;background:#121212;border-radius:9px;padding:13px}.eg-records summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-size:13px}.eg-records[open] summary{margin-bottom:16px}.eg-receipt{padding:13px 0;border-top:1px solid #252525}.eg-receipt h3{font-size:12px;margin:0}.eg-receipt p{font-size:12px;color:#bbb}.eg-receipt .row:last-child{margin-top:12px;display:flex;flex-wrap:wrap}
.eg-wallet-strip{display:flex;align-items:center;justify-content:space-between;background:#19170e;padding:12px;border-radius:8px;margin-bottom:12px;font-size:11px;color:#a7a18a}.eg-wallet-strip strong{color:var(--eg-yellow);font-size:16px;margin-left:5px}.eg-wallet-strip small{font-size:8px}.eg-wallet-strip a{color:var(--eg-yellow);font-size:10px}.eg-provider-tabs{display:flex;border-bottom:1px solid #242424;overflow-x:auto}.eg-provider-tabs .eg-tab{font-size:11px;padding:12px 10px;flex:1}.eg-game-type-tabs{display:flex;gap:10px;margin-top:12px}.eg-games .eg-type{font-size:11px;border-radius:5px;background:#171717;padding:6px 13px}.eg-games .eg-type.active{color:#121212;background:var(--eg-yellow)}.eg-search{margin:14px 0}.eg-search form{display:flex;gap:7px;align-items:end}.eg-search label{flex:1;min-width:0;font-size:0;gap:0}.eg-search input{font-size:12px;padding:9px 11px;border-radius:20px;background:#171717;border:0}.eg-search .btn{padding:8px 13px;min-height:34px;border-radius:20px}.eg-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.eg-game-tile{position:relative;min-width:0}.eg-games .eg-game-launch{display:block;width:100%;border:0;padding:0;background:none;box-shadow:none;text-align:left;min-height:0;border-radius:0}.eg-game-icon{display:flex;width:100%;aspect-ratio:1.04;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(circle at 30% 10%,#489d9f,#164251 65%,#0c2937);box-shadow:inset 0 0 0 1px #ffffff19;overflow:hidden}.eg-game-icon>span{font-size:55px;line-height:1;color:#cdf9ed;text-shadow:0 3px 0 #0c5364,0 7px 18px #0006;transform:rotate(-9deg)}.eg-game-tone-1{background:radial-gradient(circle at 30% 10%,#d48e5f,#8a3549 65%,#472143)}.eg-game-tone-1>span{color:#ffdf9d}.eg-game-tone-2{background:radial-gradient(circle at 30% 10%,#7288cb,#313968 65%,#20213e)}.eg-game-tone-2>span{color:#efdaff;font-weight:900}.eg-game-tone-3{background:radial-gradient(circle at 30% 10%,#61996f,#254942 65%,#132f30)}.eg-game-tone-4{background:radial-gradient(circle at 30% 10%,#ba8e3a,#73582a 65%,#33291a)}.eg-game-tone-5{background:radial-gradient(circle at 30% 10%,#9a6aa6,#4e3167 65%,#2d2040)}.eg-game-launch strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;margin-top:7px;font-weight:500;color:#ddd}.eg-game-launch small{display:block;font-size:8px;margin-top:4px}.eg-games .eg-game-save{position:absolute;right:4px;top:4px;padding:0;width:24px;height:24px;min-height:0;background:#0005;border:0;border-radius:50%;color:#fff;font-size:18px}.eg-games .eg-game-save.active{color:var(--eg-yellow)}.eg-game-collection h3{margin:23px 0 13px}.eg-active-game{background:#161616;padding:14px;margin-top:18px;border-radius:9px;border:1px solid #5a4e16}.eg-live-dot{font-size:10px;color:var(--eg-yellow)}.eg-active-game p{font-size:12px}.eg-active-game .eg-exit{margin-top:10px;width:100%}.eg-active-game form{margin-top:15px}.eg-game-collection .eg-empty{padding:14px 0;text-align:left;font-size:11px}
.eg-room-tabs{display:flex;overflow-x:auto;gap:8px;padding-bottom:12px;scrollbar-width:none}.eg-room{display:flex;align-items:center;gap:7px;min-width:155px;border:1px solid #252525;border-radius:8px;padding:9px;color:#aaa;background:#151515;font-size:11px;position:relative}.eg-room.active{border-color:#75631b;background:#211f13;color:#f0d63a}.eg-room-avatar{display:flex;align-items:center;justify-content:center;border-radius:10px;background:#3c3a2c;width:32px;height:32px;font-size:16px;flex:none}.eg-room small{display:block;font-size:9px;margin-top:4px}.eg-room em{position:absolute;right:4px;top:4px;background:#c74738;border-radius:10px;padding:1px 4px;color:#fff;font-size:8px;font-style:normal}.eg-chat-create{margin:0 0 12px;font-size:11px;color:#a19a71}.eg-chat-create summary{cursor:pointer;list-style:none;text-align:right}.eg-chat-create form{background:#171717;padding:15px;margin-top:10px;border-radius:8px}.eg-chat-frame{border:1px solid #222;border-radius:9px;overflow:visible;background:#101010}.eg-chat-header{display:flex;justify-content:space-between;align-items:center;padding:13px 11px;border-bottom:1px solid #252525}.eg-chat-header strong{font-size:12px}.eg-chat-header small{display:block;font-size:9px;margin-top:5px}.eg-room-info{position:relative;font-size:10px;color:#999}.eg-room-info summary{list-style:none;cursor:pointer;white-space:nowrap}.eg-room-info>div{position:absolute;z-index:8;right:0;top:25px;width:min(290px,80vw);background:#222;border:1px solid #444;padding:14px;border-radius:10px;box-shadow:0 10px 30px #000b}.eg-room-info .btn{margin-bottom:6px}.eg-chat-announcement{display:flex;align-items:center;gap:8px;background:#242110;color:#b6a760;padding:10px 12px;font-size:10px;line-height:1.6}.eg-chat-announcement>span{font-size:17px}.eg-chat-messages{min-height:320px;max-height:55vh;overflow-y:auto;padding:15px 11px;display:flex;flex-direction:column;gap:18px}.eg-chat-empty{margin:auto;text-align:center;color:#777;font-size:12px;padding:50px 0}.eg-chat-empty>span{display:block;font-size:40px;color:#454545}.eg-chat-empty small{font-size:10px}.eg-message{display:flex;gap:8px;max-width:90%;font-size:12px}.eg-message-avatar{flex:none;width:28px;height:28px;background:#393b42;color:#d1d5df;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:10px}.eg-message small{font-size:9px;display:block;margin-bottom:6px}.eg-message p{background:#242424;border-radius:0 8px 8px 8px;padding:10px 12px;line-height:1.6;margin:0;overflow-wrap:anywhere;color:#ddd}.eg-message.mine{align-self:flex-end;flex-direction:row-reverse}.eg-message.mine small{text-align:right}.eg-message.mine p{background:#d4bd3b;color:#191707;border-radius:8px 0 8px 8px}.eg-message.mine .eg-message-avatar{background:#554f29;color:#e8d477}.eg-chat-tools{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-top:1px solid #222}.eg-chat-tools .btn{border:0;background:none;font-size:9px;padding:4px;color:#777}.eg-chat-tools small{font-size:8px}.eg-chat-composer{position:sticky;bottom:72px;background:#171717;border-top:1px solid #292929;padding:10px;border-radius:0 0 9px 9px;z-index:4}.eg-chat-composer form{display:flex;gap:8px;align-items:center}.eg-chat-composer label{font-size:0;flex:1;min-width:0;gap:0}.eg-chat-composer input{font-size:12px;border:0;background:#242424;border-radius:20px;padding:10px 12px}.eg-chat-composer .btn{border-radius:20px;min-height:36px;padding:8px 15px}.eg-chat-composer .form-error{position:absolute;bottom:100%;background:#391b1b;font-size:11px}
@media(min-width:700px){.eg-game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.eg-match-list{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-chat-messages{min-height:420px}.eg-match-body{grid-template-columns:42% 58%}}