/* E-Sign Lounge UI (preview). Brand: #1E6BFF blue, #0b1b3a navy, #F5F9FF bg, system font. */
.lx{--b:#1E6BFF;--b2:#1557d6;--bs:#EAF2FF;--n:#0b1b3a;--t:#1d2433;--m:#5b6b86;--l:#e3e8f0;--l2:#eef2f8;--bg:#F5F9FF;--ok:#12b76a;--aw:#f5a524;--bz:#e5484d;--r:14px;--sh:0 1px 2px rgba(11,27,58,.06),0 4px 16px rgba(11,27,58,.06);--sh2:0 12px 40px rgba(11,27,58,.18);
 font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--t);font-size:15px;line-height:1.45;max-width:1280px;margin:0 auto}
.lx *{box-sizing:border-box}.lx [hidden]{display:none!important}
:where(.lx) button{background:none;color:inherit;border:0;border-radius:0;padding:0;box-shadow:none;min-height:0;font-weight:inherit;width:auto;margin:0;letter-spacing:normal;text-transform:none}
:where(.lx) input,:where(.lx) textarea,:where(.lx) select{width:auto;margin:0;box-shadow:none}:where(.lx) header{all:unset}.lx button{font:inherit;width:auto;margin:0;cursor:pointer}.lx a{color:var(--b)}
.lx .btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--l);background:#fff;color:var(--n);border-radius:10px;padding:8px 14px;font-weight:600;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}
.lx .btn:hover{background:var(--bs);border-color:#c9dcff}.lx .btn:active{transform:scale(.97)}.lx .btn.p{background:var(--b);border-color:var(--b);color:#fff;box-shadow:0 2px 8px rgba(30,107,255,.3)}.lx .btn.p:hover{background:var(--b2)}.lx .btn.g{border-color:transparent;background:transparent}.lx .btn.d{color:#c0262d}
.lx .pv{font-size:12.5px;color:#8a5a00;background:#fff8e6;border:1px solid #f5dfa3;border-radius:999px;padding:3px 10px;display:inline-block;margin:4px 0 8px}
/* avatars + presence */
.lx .av{--s:36px;width:var(--s);height:var(--s);border-radius:50%;flex:0 0 var(--s);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:calc(var(--s)*.38);position:relative;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.lx .av.sm{--s:24px}.lx .av.lg{--s:56px}.lx .av .dot{position:absolute;right:-1px;bottom:-1px;width:32%;height:32%;min-width:9px;min-height:9px;border-radius:50%;border:2px solid #fff;background:#c3cad6}.lx .dot.on,.lx .dot.available{background:var(--ok)}.lx .dot.away{background:var(--aw)}.lx .dot.busy{background:var(--bz)}
/* app shell */
.la{display:grid;grid-template-columns:272px minmax(0,1fr);height:max(520px,calc(100dvh - var(--top,150px) - 12px));background:#fff;border:1px solid var(--l);border-radius:18px;box-shadow:var(--sh);overflow:hidden;position:relative}
.sb{background:#f7f9fd;border-right:1px solid var(--l);display:flex;flex-direction:column;min-height:0}
.sbh{display:flex;align-items:center;gap:10px;padding:14px 14px 10px}.sbh .lg{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1E6BFF,#5b8cff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 10px rgba(30,107,255,.3)}.sbh b{display:block;color:var(--n);font-size:15.5px}.sbh small{color:var(--m);font-size:12px}.sbh .x{display:none;margin-left:auto}
.sbsc{flex:1;overflow-y:auto;padding:4px 8px 12px}.sbt{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m);padding:12px 8px 4px}.sbt a,.sbt button{border:0;background:none;color:var(--m);font-size:16px;line-height:1;padding:2px 6px;border-radius:6px;text-decoration:none}.sbt a:hover,.sbt button:hover{background:var(--l2);color:var(--n)}
.it{display:flex;align-items:center;gap:9px;padding:5px 10px;border-radius:10px;color:var(--t);text-decoration:none;font-size:14.5px;transition:background .12s,color .12s;min-width:0;position:relative}.it:hover{background:#edf2fb}.it.on{background:var(--b);color:#fff}.it.on .ic,.it.on .cnt{color:#dbe7ff}.it .ic{width:20px;text-align:center;color:var(--m);font-weight:600;flex:0 0 20px}.it .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.it.un .nm{font-weight:700;color:var(--n)}.it.on.un .nm{color:#fff}.it .cnt{font-size:12px;color:var(--m)}
.bd{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bz);color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;animation:pop .25s ease}.it.arch{opacity:.6}
.tn{margin:8px 6px 2px;font-size:12px;color:var(--m);background:#fff;border:1px solid var(--l);border-radius:10px;padding:8px 10px}
.ups{margin:6px 4px;padding:16px;border-radius:14px;background:linear-gradient(160deg,#EAF2FF,#fff 70%);border:1px solid #d4e3ff;text-align:left}.ups .em{font-size:26px}.ups b{display:block;color:var(--n);margin:4px 0}.ups p{font-size:13px;color:var(--m);margin:0 0 10px}
.sbme{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--l);background:#fff}.sbme .nm{flex:1;min-width:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbme small{display:block;color:var(--m);font-weight:400;font-size:12px}.sbme select{font:inherit;font-size:12.5px;border:1px solid var(--l);border-radius:8px;padding:4px;width:auto;margin:0;background:#fff}
.mn{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
.chd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--l);min-height:62px}.chd h1{font-size:17px;margin:0;color:var(--n);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chd p{margin:0;font-size:12.5px;color:var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chd .tt{flex:1;min-width:0}.chd .ib{border:1px solid transparent;background:none;border-radius:10px;padding:7px 10px;font-size:14px;color:var(--n);display:inline-flex;gap:6px;align-items:center;transition:background .12s}.chd .ib:hover{background:var(--l2)}.chd .ib.p{background:var(--bs);color:var(--b);font-weight:600}#menu{display:none}
.bdy{flex:1;display:flex;min-height:0}.ms{flex:1;overflow-y:auto;padding:12px 0 8px;scroll-behavior:smooth;min-width:0}
.mem{width:230px;border-left:1px solid var(--l);overflow-y:auto;padding:8px;background:#fcfdff}.mem h3{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--m);margin:8px 8px}.mem .it{cursor:pointer}.mem.hid{display:none}
/* messages */
.m{display:flex;gap:12px;padding:4px 18px;position:relative;transition:background .12s}.m:hover{background:#f7f9fd}.m.g0{margin-top:10px}.m .gut{width:38px;flex:0 0 38px;display:flex;justify-content:center}.m .gut .tsh{opacity:0;font-size:10.5px;color:var(--m);padding-top:4px;transition:opacity .12s}.m:hover .gut .tsh{opacity:1}
.m .bx{flex:1;min-width:0}.m .hd{display:flex;align-items:baseline;gap:8px}.m .hd b{color:var(--n);font-size:14.5px}.m .hd time{font-size:12px;color:var(--m)}.m .tx{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--t)}.m .tx.act{font-style:italic;color:#4b3aa8}.m.del .tx{color:var(--m);font-style:italic}.m .rq{border-left:3px solid #c9dcff;padding:2px 8px;margin:2px 0 4px;font-size:13px;color:var(--m);background:#f7f9fd;border-radius:0 8px 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m .pin{font-size:11.5px;color:#8a5a00;background:#fff8e6;border-radius:999px;padding:1px 8px;margin-left:4px}
.m.new{animation:slin .22s ease}.rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.rx button{border:1px solid var(--l);background:#fff;border-radius:999px;padding:1px 8px;font-size:13px;display:inline-flex;gap:4px;align-items:center;transition:all .12s}.rx button:hover{border-color:#b7cdf8}.rx button.me{background:var(--bs);border-color:#9ebcff;color:var(--b);font-weight:600}
.ha{position:absolute;right:14px;top:-14px;display:flex;gap:2px;background:#fff;border:1px solid var(--l);border-radius:10px;box-shadow:var(--sh);padding:2px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .12s,transform .12s;z-index:3}.m:hover .ha,.m:focus-within .ha,.m.tap .ha{opacity:1;transform:none;pointer-events:auto}.ha button{border:0;background:none;border-radius:8px;padding:4px 7px;font-size:15px;line-height:1}.ha button:hover{background:var(--l2)}
.sys{text-align:center;font-size:12.5px;color:var(--m);padding:4px 18px}.sys span{background:#f3f6fb;border-radius:999px;padding:3px 10px;display:inline-block}.sys.gm span{background:#EAF2FF;color:var(--n)}.sys a{font-weight:600}
.day{display:flex;align-items:center;gap:10px;color:var(--m);font-size:12px;font-weight:600;padding:10px 18px}.day::before,.day::after{content:'';flex:1;height:1px;background:var(--l)}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:24px;color:var(--m)}.empty .ill{width:88px;height:88px;border-radius:28px;background:linear-gradient(135deg,#EAF2FF,#f5f0ff);display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:12px;box-shadow:var(--sh)}.empty b{color:var(--n);font-size:17px;display:block;margin-bottom:4px}
.sk{display:flex;gap:12px;padding:10px 18px}.sk i{display:block;border-radius:8px;background:linear-gradient(90deg,#eef2f8 25%,#f7f9fd 37%,#eef2f8 63%);background-size:400% 100%;animation:shim 1.3s ease infinite}.sk .a{width:38px;height:38px;border-radius:50%;flex:0 0 38px}.sk .l1{height:12px;width:30%;margin:4px 0 8px}.sk .l2{height:12px;width:70%}
.typ{height:20px;padding:0 20px;font-size:12.5px;color:var(--m)}.typ i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--m);margin-right:2px;animation:bl 1.2s infinite}.typ i:nth-child(2){animation-delay:.2s}.typ i:nth-child(3){animation-delay:.4s;margin-right:6px}
.rb{display:flex;align-items:center;gap:8px;margin:0 16px;padding:6px 12px;background:var(--bs);border-radius:12px 12px 0 0;font-size:13px;color:var(--n)}.rb button{margin-left:auto;border:0;background:none;font-size:16px}
.cmp{display:flex;align-items:flex-end;gap:6px;margin:0 16px 14px;padding:6px;border:1.5px solid var(--l);border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s}.cmp:focus-within{border-color:#9ebcff;box-shadow:0 0 0 4px rgba(30,107,255,.12)}.cmp textarea{flex:1;border:0;outline:0;resize:none;font:inherit;font-size:15px;padding:8px 6px;max-height:140px;min-height:38px;margin:0;background:transparent;width:auto}.cmp .ib{border:0;background:none;font-size:20px;padding:6px 8px;border-radius:10px;color:var(--m)}.cmp .ib:hover{background:var(--l2)}.cmp .snd{border:0;width:40px;height:40px;border-radius:12px;background:var(--b);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.cmp .snd:hover{background:var(--b2)}.cmp .snd:active{transform:scale(.94)}.cmp .snd:disabled{background:#b9c6dc}
.cta{margin:0 16px 14px;padding:12px 14px;border-radius:14px;background:#f7f9fd;border:1px dashed #c9d6ea;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}.cta.gtop{margin:8px 16px 4px;padding:8px 12px;border-style:solid;flex-shrink:0;position:static}@media(max-width:600px){.cta.gtop{margin:6px 10px 2px;font-size:13px;gap:8px}.cta.gtop{flex-wrap:nowrap;padding:6px 8px;line-height:1.25}.cta.gtop span{min-width:0}.cta.gtop .btn{padding:6px 9px;font-size:12.5px;white-space:nowrap}}
.cta form{display:flex;gap:6px;flex:1;min-width:200px}.cta input{flex:1;border:1px solid var(--l);border-radius:10px;padding:8px 10px;font:inherit;margin:0;width:auto}
/* popovers, modals, toasts */
.pop{position:fixed;z-index:1000;background:#fff;border:1px solid var(--l);border-radius:14px;box-shadow:var(--sh2);padding:8px;animation:fade .15s ease}.ep{width:300px;max-width:calc(100vw - 16px)}.ep .tabs{display:flex;gap:2px;border-bottom:1px solid var(--l2);margin-bottom:6px}.ep .tabs button{border:0;background:none;padding:4px 8px;border-radius:8px;font-size:17px}.ep .tabs button.on{background:var(--bs)}.ep .gr{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:200px;overflow-y:auto}.ep .gr button{border:0;background:none;font-size:21px;padding:4px 0;border-radius:8px;transition:transform .1s,background .1s}.ep .gr button:hover{background:var(--l2);transform:scale(1.15)}
.mo{position:fixed;inset:0;background:rgba(11,27,58,.45);backdrop-filter:blur(2px);z-index:999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .15s ease}.mo .card{background:#fff;border-radius:20px;box-shadow:var(--sh2);width:min(520px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;animation:up .2s ease}.mo h2{margin:0 0 4px;color:var(--n);font-size:20px}.mo .sub{color:var(--m);font-size:13.5px;margin:0 0 14px}
.gcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:8px 0 14px}.gc{border:1.5px solid var(--l);border-radius:16px;padding:12px;background:#fff;text-align:left;transition:all .15s;display:flex;flex-direction:column;gap:6px}.gc:hover{border-color:#9ebcff;transform:translateY(-2px);box-shadow:var(--sh)}.gc.on{border-color:var(--b);box-shadow:0 0 0 3px rgba(30,107,255,.15)}.gc .il{height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px}.gc b{color:var(--n);font-size:14.5px}.gc small{color:var(--m);font-size:12px}
.il.chess{background:linear-gradient(135deg,#f0d9b5,#b58863)}.il.checkers{background:linear-gradient(135deg,#fde2e2,#e9ecf2)}.il.ttt{background:linear-gradient(135deg,#EAF2FF,#e6fff4)}.il.c4{background:linear-gradient(135deg,#dbe7ff,#fff3c4)}.il.word{background:linear-gradient(135deg,#f3e8ff,#EAF2FF)}
.mo label.f{display:block;font-size:13px;font-weight:600;color:var(--n);margin:6px 0 4px}.mo select{width:100%;font:inherit;padding:9px 10px;border:1px solid var(--l);border-radius:10px;margin:0 0 12px;background:#fff}.mo .ac{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.err{color:#c0262d;font-size:13px;min-height:18px}
.lg2{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.lgc{display:flex;align-items:center;gap:10px;border:1px solid var(--l);border-radius:12px;padding:8px 10px}.lgc .il{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.lgc .t{flex:1;min-width:0;font-size:13.5px}.lgc .t b{display:block;color:var(--n)}
.toasts{position:fixed;right:16px;bottom:16px;z-index:1001;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 32px))}.toast{background:#fff;border:1px solid var(--l);border-radius:14px;box-shadow:var(--sh2);padding:12px 14px;font-size:14px;animation:up .2s ease}.toast .ac{display:flex;gap:6px;margin-top:8px}.toast.e{border-color:#f3c9cc}
.seg{display:none}
@keyframes shim{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes bl{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media(max-width:860px){.mem{position:absolute;right:0;top:62px;bottom:0;z-index:20;box-shadow:var(--sh2);width:250px}.mem.hid{display:none}}
@media(max-width:760px){.lx{font-size:15px}.la{grid-template-columns:1fr;border-radius:14px;height:max(520px,calc(100dvh - var(--top,120px) - 8px))}
 .sb{position:absolute;inset:0 auto 0 0;width:min(86vw,320px);z-index:30;transform:translateX(-102%);transition:transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:var(--sh2)}.la.open .sb{transform:none}.la.open::after{content:'';position:absolute;inset:0;background:rgba(11,27,58,.35);z-index:25;animation:fade .2s}.sbh .x{display:block;border:0;background:none;font-size:18px}
 #menu{display:inline-flex}.chd{padding:8px 10px;min-height:54px;gap:4px}.chd .ib .lb{display:none}
 .seg{display:flex;gap:4px;padding:6px;margin:8px 10px 0;background:#f1f4fa;border-radius:12px}.seg button{flex:1;border:0;background:none;padding:8px 4px;border-radius:9px;font-weight:600;font-size:14px;color:var(--m);display:flex;gap:6px;justify-content:center;align-items:center;transition:all .15s}.seg button.on{background:#fff;color:var(--b);box-shadow:var(--sh)}
 .la[data-seg=public] .s-team,.la[data-seg=public] .s-dm,.la[data-seg=team] .s-pub,.la[data-seg=team] .s-dm,.la[data-seg=dm] .s-pub,.la[data-seg=dm] .s-team{display:none}
 .m{padding:4px 12px;gap:10px}.m .gut{width:34px;flex-basis:34px}.lx .av{--s:34px}.lx .av.sm{--s:24px}.cmp{margin:0 8px 10px}.rb{margin:0 8px}.ha{right:8px}.mem{top:54px}}
/* game page */
.gp{max-width:760px;margin:0 auto}.gtop{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.gtop h1{font-size:20px;margin:0;color:var(--n);flex:1}.gcard{background:#fff;border:1px solid var(--l);border-radius:20px;box-shadow:var(--sh);padding:16px}
.pcs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.pcd{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1.5px solid var(--l);transition:all .2s;min-width:0}.pcd.r{flex-direction:row-reverse;text-align:right}.pcd .t{min-width:0}.pcd b{display:block;color:var(--n);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcd small{color:var(--m);font-size:12px}.pcd.turn{border-color:var(--b);background:var(--bs);box-shadow:0 0 0 3px rgba(30,107,255,.12)}.pcd.win{border-color:var(--ok);background:#eafbf2}.vs{font-weight:800;color:var(--m);font-size:13px}
.turnb{text-align:center;margin:12px 0;font-weight:700;color:var(--n);font-size:15px}.turnb .chip{display:inline-flex;align-items:center;gap:8px;background:#f3f6fb;border-radius:999px;padding:6px 14px}.turnb .chip.me{background:var(--b);color:#fff;animation:pulse 1.6s ease infinite}.turnb .chip.ck{background:#fde8e8;color:#b00}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(30,107,255,.45)}50%{box-shadow:0 0 0 8px rgba(30,107,255,0)}}
.bw{display:flex;justify-content:center}.gb{display:grid;user-select:none;touch-action:manipulation;--bsz:min(560px,calc(100vw - 48px),calc(100dvh - 330px));width:max(260px,var(--bsz))}.gb>div{display:flex;align-items:center;justify-content:center;position:relative;cursor:default}.gb .mv{cursor:pointer}
.gttt{grid-template-columns:repeat(3,1fr);gap:8px;--bsz:min(380px,calc(100vw - 48px))}.gttt>div{aspect-ratio:1;background:#f7f9fd;border:1.5px solid var(--l);border-radius:16px;font-size:calc(var(--bsz)/5);font-weight:800;transition:background .15s,border-color .15s}.gttt>div.mv:hover{background:var(--bs);border-color:#9ebcff}.gttt .x0{color:#1E6BFF}.gttt .x1{color:#e5484d}.gttt .w{background:#eafbf2;border-color:var(--ok)}
.gc4{grid-template-columns:repeat(7,1fr);gap:6px;background:linear-gradient(180deg,#2b6bff,#1847b8);padding:10px;border-radius:18px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.15),var(--sh)}.gc4>div{aspect-ratio:1;border-radius:50%;background:#f5f8ff;box-shadow:inset 0 3px 6px rgba(0,0,0,.25)}.gc4 .p0{background:radial-gradient(circle at 35% 35%,#ff7a7a,#e5484d 60%,#b8262b)}.gc4 .p1{background:radial-gradient(circle at 35% 35%,#ffe58a,#f5c400 60%,#c99a00)}.gc4 .lst{outline:3px solid #fff;outline-offset:-3px}.gc4 .colh{background:#dbe7ff}
.g8{grid-template-columns:repeat(8,minmax(0,1fr));border-radius:12px;overflow:hidden;box-shadow:var(--sh),0 0 0 6px #fff,0 0 0 7px var(--l)}.g8>div{aspect-ratio:1;min-width:0;overflow:visible}.g8 .lt{background:#eef3fb}.g8 .dk{background:#7b97c4}.g8.chess .lt{background:#f0e6d6}.g8.chess .dk{background:#b58863}.g8 .lst{background-image:linear-gradient(rgba(255,214,0,.42),rgba(255,214,0,.42))}.g8 .sel{box-shadow:inset 0 0 0 4px var(--b)}
.g8 .hint::after{content:'';width:30%;height:30%;border-radius:50%;background:rgba(30,107,255,.55);position:absolute;pointer-events:none}.g8 .hint.cap::after{width:84%;height:84%;background:none;border:4px solid rgba(30,107,255,.55)}.g8 .src::before{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 2px rgba(30,107,255,.35)}
.pc{font-size:calc(var(--bsz)/8*.78);line-height:1;transition:transform .15s}.pc.w{color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000a}.pc.b{color:#14171f;text-shadow:0 1px 1px #fff8}
.ck{width:76%;height:76%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--bsz)/8*.4);color:#ffe58a;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),0 3px 6px rgba(0,0,0,.25)}.ck.p0{background:radial-gradient(circle at 35% 30%,#ff7a7a,#e5484d 55%,#a51d22)}.ck.p1{background:radial-gradient(circle at 35% 30%,#5b6478,#1d2433 60%)}
.pop-in{animation:popin .32s cubic-bezier(.2,.9,.3,1.3)}.drop{animation:drop .45s cubic-bezier(.3,1.1,.5,1)}@keyframes popin{0%{transform:scale(.4);opacity:.3}100%{transform:scale(1);opacity:1}}@keyframes drop{0%{transform:translateY(calc(var(--rows,6)*-110%))}100%{transform:none}}
.wg{font-size:clamp(26px,8vw,42px);letter-spacing:.3em;font-family:ui-monospace,Menlo,monospace;text-align:center;margin:14px 0;font-weight:800;color:var(--n)}.wkeys{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;max-width:480px;margin:0 auto}.wkeys button{height:44px;border-radius:10px;border:1px solid var(--l);background:#fff;font-weight:700;color:var(--n);transition:all .12s}.wkeys button:hover:not(:disabled){background:var(--bs);border-color:#9ebcff}.wkeys button:disabled{opacity:.35}.wmiss{text-align:center;color:var(--m);font-size:14px}
.gact{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.gfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--m);flex-wrap:wrap}.hist{font-size:12.5px;color:var(--m);text-align:center;margin-top:8px}
.cel{text-align:center}.cel .big{font-size:64px;animation:pop .5s ease}.cel h2{font-size:24px}.conf{position:fixed;inset:0;pointer-events:none;z-index:1002;overflow:hidden}.conf i{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;animation:fall 2.4s ease-in forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.8}}
@media(max-width:760px){.gcard{padding:12px;border-radius:16px}.gb{--bsz:min(560px,calc(100vw - 40px))}.gttt{--bsz:min(380px,calc(100vw - 40px))}.pcd{padding:8px}.pcd small{display:none}}
@media(prefers-reduced-motion:reduce){.lx *{animation:none!important;transition:none!important}}
@media(max-width:760px){.sseg{margin:0 10px 4px}}
/* tasks */
.mem.tsk{width:360px;padding:12px;background:#fbfcff}.tph{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tph b{font-size:16px;color:var(--n)}
.tabs2{display:flex;gap:4px;background:#f1f4fa;border-radius:12px;padding:4px}.tabs2 button{flex:1;padding:7px 4px;border-radius:9px;font-size:13px;font-weight:600;color:var(--m);display:flex;gap:4px;justify-content:center;align-items:center}.tabs2 button.on{background:#fff;color:var(--b);box-shadow:var(--sh)}.tabs2 .cn{font-size:11px;background:var(--l);border-radius:999px;padding:0 6px;color:var(--n)}
.tkl{display:flex;flex-direction:column;gap:10px}.tk{background:#fff;border:1px solid var(--l);border-radius:14px;padding:12px;box-shadow:0 1px 2px #0b1b3a0a;transition:box-shadow .15s,transform .15s;animation:up .2s ease}.tk:hover{box-shadow:var(--sh)}.tk.od{border-left:4px solid #e5484d}.tk.dn{opacity:.6}.tk.dn .tkt{text-decoration:line-through}
.tkh{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.tkh select{font:inherit;font-size:12.5px;border:1px solid var(--l);border-radius:999px;padding:3px 8px;background:#fff;font-weight:600;color:var(--n)}.chip{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 8px}
.tkt{display:block;color:var(--n);font-size:15px}.tkn{margin:4px 0;font-size:13px;color:var(--m);white-space:pre-wrap}.tkd{font-size:12.5px;color:var(--t);margin-top:4px}.tk.od .tkd{color:#c0262d;font-weight:600}.tkc{display:inline-block;font-size:12.5px;margin-top:4px;text-decoration:none;background:var(--bs);border-radius:8px;padding:1px 8px}
.tka{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tkp{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--l);border-radius:999px;padding:2px 8px 2px 2px;font-size:13px}.tkp a{text-decoration:none;font-size:14px;padding:0 2px;border-radius:6px}.tkp a:hover{background:var(--l2)}
.tkr{font-size:11.5px;color:var(--m);margin-top:8px;border-top:1px dashed var(--l);padding-top:6px}.tkx{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.tkx .btn{padding:4px 8px;font-size:12.5px}
.mo .in{width:100%;font:inherit;padding:9px 10px;border:1px solid var(--l);border-radius:10px;margin:0 0 10px;background:#fff}.mo textarea.in{resize:vertical}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.cp{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--l);border-radius:999px;padding:4px 10px 4px 6px;font-size:13px;cursor:pointer;background:#fff}.cp:has(input:checked){border-color:#9ebcff;background:var(--bs)}.cp input{width:auto;margin:0}.cp.soon{opacity:.6;cursor:not-allowed}.cp em{font-style:normal;font-size:10.5px;background:#fff4d6;color:#8a5a00;border-radius:999px;padding:0 6px}
.rm{border:1px solid var(--l);border-radius:14px;padding:10px 12px;margin:4px 0 10px}.rm legend{font-weight:700;font-size:13px;color:var(--n);padding:0 4px}
@media(max-width:860px){.mem.tsk{width:min(380px,100%)}}@media(max-width:760px){.mem.tsk{width:100%;left:0}.row2{grid-template-columns:1fr}}

.mo.lx,.pop.lx{max-width:none;margin:0}.lx.pop{position:fixed}

/* More games (original CSS art) */
.il.reversi{background:linear-gradient(135deg,#d9f5e5,#EAF2FF)}.il.dots{background:linear-gradient(135deg,#EAF2FF,#ffe9ea)}.il.battleship{background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.il.mancala{background:linear-gradient(135deg,#fdf0dc,#f3e3c7)}.il.gomoku{background:linear-gradient(135deg,#f6e7c8,#fff)}.il.crazy8{background:linear-gradient(135deg,#ffe9ea,#EAF2FF)}
.grv,.ggm{gap:2px;padding:6px;border-radius:14px}.grv{grid-template-columns:repeat(8,minmax(0,1fr));background:#0f6b45;box-shadow:var(--sh)}.ggm{grid-template-columns:repeat(13,minmax(0,1fr));background:#e9c98f;gap:0;padding:8px;box-shadow:inset 0 0 0 2px #c79a55,var(--sh)}
.grv>div{aspect-ratio:1;background:#16895a;border-radius:4px;display:grid;place-items:center;position:relative}.ggm>div{aspect-ratio:1;display:grid;place-items:center;position:relative;background:linear-gradient(#a87a3d,#a87a3d) center/1px 100% no-repeat,linear-gradient(#a87a3d,#a87a3d) center/100% 1px no-repeat}
.ds{width:82%;aspect-ratio:1;border-radius:50%;display:block;box-shadow:0 2px 3px rgba(0,0,0,.35)}.ds.p0{background:radial-gradient(circle at 35% 30%,#555,#111 70%)}.ds.p1{background:radial-gradient(circle at 35% 30%,#fff,#d9dee8 70%)}
.grv .hint::after{content:"";width:26%;height:26%;border-radius:50%;background:rgba(255,255,255,.45)}.grv .mv:hover{background:#1fa36c}.ggm .mv:hover::after{content:"";width:60%;height:60%;border-radius:50%;background:rgba(0,0,0,.18)}
.grv .lst,.ggm .lst{box-shadow:inset 0 0 0 3px #f5c400}.ggm .w .ds,.grv .w .ds{outline:3px solid #12b76a}.ds.flip{animation:lgflip .35s ease}@keyframes lgflip{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.gdb{grid-template-columns:repeat(4,12px 1fr) 12px;grid-template-rows:repeat(4,12px 1fr) 12px;aspect-ratio:1;--bsz:min(420px,calc(100vw - 48px));background:#fff;padding:10px;border-radius:16px;box-shadow:var(--sh)}
.gdb .dt{background:#0b1b3a;border-radius:50%}.gdb .eh,.gdb .ev{background:#eef2f8;border-radius:6px;transition:background .15s}.gdb .eh{margin:2px 0}.gdb .ev{margin:0 2px}.gdb .mv:hover{background:#b9cdf7}.gdb .on.p0{background:#1E6BFF}.gdb .on.p1{background:#e5484d}.gdb .lst{box-shadow:0 0 0 3px #f5c400}
.gdb .bx{display:grid;place-items:center;font-weight:800;color:#fff;border-radius:6px;margin:3px;font-size:14px}.gdb .bx.p0{background:#9ebcff}.gdb .bx.p1{background:#ffadb0}
.gmc{grid-template-columns:1.1fr repeat(6,1fr) 1.1fr;grid-template-rows:1fr 1fr;gap:6px;background:linear-gradient(180deg,#b98345,#8f5f2a);padding:10px;border-radius:999px/60px;--bsz:min(620px,calc(100vw - 40px));box-shadow:var(--sh)}
.gmc>div{background:#6e4520;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;position:relative;color:#fff;box-shadow:inset 0 4px 8px rgba(0,0,0,.45)}.gmc .st{grid-row:1/3;aspect-ratio:auto;border-radius:40px}.gmc .st.l{grid-column:1}.gmc .st.r{grid-column:8}
.gmc b{position:absolute;bottom:2px;font-size:12px}.gmc .sd{display:flex;flex-wrap:wrap;gap:2px;width:70%;justify-content:center}.gmc .sd i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d6f5ff,#3aa0c8)}
.gmc .hint{box-shadow:inset 0 4px 8px rgba(0,0,0,.45),0 0 0 3px #f5c400}.gmc .lst{background:#7f5428}.gmc .src{box-shadow:inset 0 0 0 3px #fff}.gmc .cap{background:#12b76a}
.gbs,.gce{width:min(760px,calc(100vw - 48px));display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.gb>.sea{display:block}.sea{flex:0 0 auto;width:min(360px,calc(100vw - 48px))}.sea h4{margin:0 0 6px;font-size:14px;color:var(--n)}.sea small{color:var(--m);font-weight:400}
.sg{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;background:#0b4f8a;padding:6px;border-radius:12px}.sg>div{aspect-ratio:1;background:#3b8fd6;border-radius:4px;display:grid;place-items:center;color:#fff;font-weight:800}.sg .sh{background:#8a99ad}.sg .hit{background:#e5484d}.sg .miss{background:#7fb6e6;color:#0b4f8a}.sg .mv:hover{background:#9ac8f0}.sg .lst{box-shadow:0 0 0 3px #f5c400}
.ctab{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;background:#0f6b45;border-radius:16px;padding:14px}.pile{display:flex;gap:12px;align-items:center}.cnts{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cnts span{background:rgba(255,255,255,.15);color:#fff;border-radius:999px;padding:3px 10px;font-size:13px}.cnts .on{background:#f5c400;color:#0b1b3a}
.cd{width:54px;height:78px;border-radius:8px;background:#fff;border:1px solid #d5dbe6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0b1b3a;box-shadow:0 2px 4px rgba(0,0,0,.2)}.cd b{font-size:18px}.cd i{font-style:normal;font-size:22px}.cd.red{color:#e5484d}.cd.back{background:repeating-linear-gradient(45deg,#1E6BFF 0 6px,#1557d6 6px 12px);color:#fff;font-weight:800}
.suitc{background:#fff;border-radius:10px;padding:4px 10px;font-weight:700}.suitc.red{color:#e5484d}.hand{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.hc{padding:0;border:0;background:none;border-radius:8px}.hc:disabled{opacity:.55}.hc.hint .cd{box-shadow:0 0 0 3px #12b76a;transform:translateY(-4px)}.cact,.spk{display:flex;gap:8px;justify-content:center;align-items:center;width:100%}
@media(max-width:760px){.gmc{border-radius:24px;padding:6px;gap:4px}.gmc .sd i{width:5px;height:5px}.cd{width:44px;height:64px}.cd b{font-size:15px}.gdb{--bsz:min(420px,calc(100vw - 40px))}}

.il.snakes{background:linear-gradient(135deg,#dcfce7,#fef9c3)}.il.tycoon{background:linear-gradient(135deg,#e0e7ff,#fef3c7)}
.gsl{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;background:#0b1b3a;padding:4px;border-radius:12px}.gsl .sq{aspect-ratio:1;background:#fff7e6;border-radius:3px;position:relative;font-size:10px;overflow:hidden}.gsl .sq.a{background:#e8f6ff}.gsl small{position:absolute;top:1px;left:3px;color:#5b6b86}
.gsl em{position:absolute;bottom:1px;right:2px;font-style:normal;font-size:9px;font-weight:700}.gsl em.ld{color:#12804a}.gsl em.sn{color:#c2262b}.gsl .tks{position:absolute;inset:30% 0 0;display:flex;flex-wrap:wrap;gap:1px;justify-content:center;align-items:center}.tks i{width:38%;max-width:14px;aspect-ratio:1;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.4)}
.gsl .lst{box-shadow:inset 0 0 0 3px #f5c400}.gsl .src{box-shadow:inset 0 0 0 3px #7c5cff}.slx,.tyc{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.cnts2{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cnts2 span{border:2px solid;border-radius:999px;padding:2px 10px;font-size:13px;display:flex;gap:5px;align-items:center;background:#fff}.cnts2 i{width:10px;height:10px;border-radius:50%}.die{font-size:40px;line-height:1}
.gty{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:3px;aspect-ratio:1;background:#d7e8d0;padding:5px;border-radius:14px;--bsz:min(600px,calc(100vw - 40px))}.gty .sp{background:#fff;border-radius:6px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;padding:2px;overflow:hidden}
.gty .sp b{font-size:10px;line-height:1.1;color:#0b1b3a}.gty .sp small{font-size:9px;color:#5b6b86}.gty .bar{position:absolute;top:0;left:0;right:0;height:16%}.gty .ic{font-size:16px}.gty .own{position:absolute;bottom:3px;left:3px;width:9px;height:9px;border-radius:2px}.gty .tks{display:flex;gap:1px;position:absolute;bottom:2px;right:2px}.gty .tks i{width:10px}
.gty .lst{box-shadow:0 0 0 3px #f5c400}.gty .tyc{grid-row:2/6;grid-column:2/6;margin:0;justify-content:center;background:#f3faf0;border-radius:10px;padding:6px;overflow:auto}.tyl{font-weight:900;letter-spacing:4px;color:#0f6b45}.tyb{text-align:center;font-size:13px}.tys{font-size:12px}.tys button{margin:2px;padding:4px 8px;font-size:12px}.tylog{font-size:11px;color:#5b6b86;text-align:center}
@media(max-width:760px){.gty .sp b{font-size:8px}.gty .ic{font-size:12px}.gty .tyc .die{font-size:28px}.cnts2 span{font-size:11px;padding:1px 6px}.gsl small{font-size:8px}}

.il.pool{background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.il.snooker{background:linear-gradient(135deg,#dcfce7,#fee2e2)}.il.cricket{background:linear-gradient(135deg,#ecfccb,#fef9c3)}.il.penalty{background:linear-gradient(135deg,#dcfce7,#fff)}
.gcue,.gcr,.gpk{width:min(840px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;gap:10px}.cuecv{width:100%;height:auto;border-radius:14px;touch-action:none;box-shadow:var(--sh)}.cuec{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.cuec input{vertical-align:middle;width:160px}
.crw,.pkw{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.crs,.pks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.crs>div,.pks>div{background:#fff;border:1px solid var(--l);border-radius:12px;padding:6px 12px}.crs .on{border-color:#12b76a;box-shadow:0 0 0 2px #12b76a33}
.pitch{width:100%;height:150px;border-radius:16px;background:linear-gradient(180deg,#5fae4a,#3f8f33);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.pitch::before{content:"";position:absolute;left:42%;right:42%;top:8%;bottom:8%;background:#d9c38b;border-radius:4px}.stumps{position:absolute;top:14%;width:18px;height:22px;background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 7px)}
.crb{position:relative;font-size:30px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.4)}.crb.big{color:#fde047}.crb.out{color:#fecaca}.pitch small{position:relative}.seg{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.seg .on{background:var(--bs);border-color:var(--b);color:var(--b)}
.meter{position:relative;width:100%;max-width:360px;height:26px;border-radius:999px;background:linear-gradient(90deg,#fecaca,#fde68a 35%,#86efac 47%,#86efac 53%,#fde68a 65%,#fecaca)}.meter i{position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;background:#0b1b3a}.mk{position:absolute;top:2px;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #0b1b3a;animation:lgmeter 1.2s linear infinite alternate}@keyframes lgmeter{from{left:0}to{left:calc(100% - 22px)}}
.goal{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,70px);width:100%;max-width:420px;border:6px solid #fff;border-bottom:0;background:repeating-linear-gradient(90deg,#e8f5e9 0 8px,#cfe8d2 8px 10px),#e8f5e9;box-shadow:var(--sh);border-radius:6px 6px 0 0}
.gz{border:1px dashed #9bb8a0;background:transparent;font-size:28px;cursor:pointer}.gz:hover:not(:disabled){background:rgba(30,107,255,.15)}.gz.shot{background:rgba(245,196,0,.25)}.gz.dive{background:rgba(229,72,77,.18)}.pkm{font-size:22px;font-weight:800;margin:4px}.pkd i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e3e8f0;margin:0 1px}.pkd .g{background:#12b76a}.pkd .x{background:#e5484d}
@media(max-width:760px){.goal{grid-template-rows:repeat(2,56px)}.pitch{height:120px}}

.il.holdem,.il.blackjack{background:linear-gradient(135deg,#d1fae5,#fde68a)}
.gcd{width:min(760px,calc(100vw - 48px));display:block}.gb>.felt{display:flex}.felt{flex-direction:column;align-items:center;gap:10px;background:radial-gradient(ellipse at center,#16895a,#0f6b45 70%);border-radius:28px;padding:14px;color:#fff;width:100%}
.brd,.mine,.dlr div{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;align-items:center}.cd.slot{background:rgba(255,255,255,.12);border:1px dashed rgba(255,255,255,.4);box-shadow:none}.cd.sm2{width:36px;height:52px}.cd.sm2 b{font-size:13px}.cd.sm2 i{font-size:15px}
.pot{background:rgba(0,0,0,.25);border-radius:999px;padding:3px 12px;font-size:13px}.seats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.seat{background:rgba(255,255,255,.95);color:#0b1b3a;border-radius:12px;padding:6px 10px;min-width:120px;text-align:center}.seat small{display:block;color:#5b6b86;font-size:12px}.seat.on{box-shadow:0 0 0 3px #f5c400}.seat.fold{opacity:.55}
.dbtn{display:inline-block;background:#fff;border:2px solid #0b1b3a;border-radius:50%;width:18px;height:18px;font-size:10px;line-height:14px}.lasth{font-size:12px;text-align:center;background:rgba(0,0,0,.2);border-radius:10px;padding:6px 10px}.pact{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.rz{display:flex;gap:6px;align-items:center;background:rgba(0,0,0,.2);padding:4px 10px;border-radius:999px}.rz input{width:130px}
.bjh{display:flex;gap:3px;justify-content:center;align-items:center;margin-top:4px;padding:2px;border-radius:8px}.bjh.cur{box-shadow:0 0 0 2px #12b76a}.fun{font-size:12px;opacity:.9;margin:0;text-align:center}
@media(max-width:760px){.seat{min-width:0;flex:1 1 40%}.felt{border-radius:18px;padding:10px}}

.il .gic,.gapp .gic,.gilg .gic{display:block;width:100%;height:100%}
.il{overflow:hidden}.il .gic{width:28px;height:28px;margin:auto}
.gc .il .gic{width:32px;height:32px}
.gapp{padding:0!important;overflow:hidden}.gapp .gic{width:22px;height:22px}
.gilg{width:72px;height:72px;margin:0 auto 10px}.gilg .gic{width:72px;height:72px}
.la.gch .it .ic.gapp{width:28px;height:28px;border-radius:8px}
.toast .gic{display:inline-block;vertical-align:-6px;width:20px;height:20px;margin-right:4px}


.fshare.locked{opacity:.85}
.fcard{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;padding:10px 12px;border:1px solid var(--l,#e3e8f0);border-radius:12px;background:#f8fbff;max-width:min(420px,90vw)}
.fcard.img{flex-direction:column;align-items:stretch;padding:8px}
.fcard.img img{display:block;max-width:100%;max-height:280px;border-radius:8px;object-fit:contain;background:#eef2f8}
.fcard .fnm{font-weight:600;color:var(--n,#0b1b3a);overflow:wrap;word-break:break-word}
.fcard .fsz,.fcard .fic{color:#5b6b86;font-size:13px}
.fcard .fdl{margin-left:auto;font-weight:700;color:#1E6BFF;text-decoration:none}
.fcard.locked{background:#fff7ed;border-color:#fed7aa}
.fcard.pdf .fprev{font-weight:700;color:#0b1b3a;text-decoration:none}
#ms.fdrop,#pdlog.fdrop{outline:2px dashed #1E6BFF;outline-offset:-6px;background:rgba(30,107,255,.04)}


/* ---- in-game table chat ---- */
.gp.gwithchat .gtop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gp.gwithchat .gtop h1{flex:1;min-width:0}
.gp .gtops{display:flex;gap:8px;align-items:center;margin-left:auto}
.gcbd{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#1E6BFF;color:#fff;font:700 11px/18px system-ui;margin-left:4px;vertical-align:1px}
.gmain{display:flex;gap:14px;align-items:stretch}
.gmain>.gcard{flex:1;min-width:0}
.gchat{width:320px;flex:none;display:flex;flex-direction:column;background:#fff;border:1px solid var(--l,#e3e8f0);border-radius:16px;box-shadow:0 6px 22px rgba(16,40,90,.06);overflow:hidden;max-height:min(720px,calc(100vh - 120px))}
.gchat:not(.open){display:none}
.gchh{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eef2f8;background:#F5F9FF}
.gchh b{color:#0b1b3a;font-size:15px}.gchx{border:0;background:none;font-size:18px;cursor:pointer;color:#5b6b86;padding:4px 8px}
.gchm{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fbfcff;min-height:220px}
.gcm{background:#fff;border:1px solid #eef2f8;border-radius:12px;padding:8px 10px;max-width:100%}
.gcm b{display:block;font-size:12.5px;color:#0b1b3a}.gcm span{display:block;font-size:14px;color:#24324a;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px}
.gcm time{display:block;font-size:11px;color:#8a94a6;margin-top:4px}.gcm.me{background:#EAF2FF;border-color:#cfe0ff;align-self:flex-end}
.gchf{display:flex;gap:8px;padding:10px;border-top:1px solid #eef2f8;background:#fff}
.gchf input{flex:1;min-width:0;border:1px solid #dbe5f5;border-radius:999px;padding:10px 14px;font:inherit}
.gchf .btn{border-radius:999px;padding:0 16px;min-height:40px}
@media(max-width:899px){
 .gmain{display:block}
 .gchat{position:fixed;left:0;right:0;bottom:0;z-index:900;width:100%;max-height:min(70vh,560px);border-radius:18px 18px 0 0;transform:translateY(110%);transition:transform .25s ease;display:flex!important;box-shadow:0 -10px 40px rgba(16,40,90,.2)}
 .gchat.open{transform:none}
 .gchx{display:inline-block}
 body.gchat-open::after{content:"";position:fixed;inset:0;background:rgba(11,27,58,.35);z-index:850}
}
@media(min-width:900px){.gchx{display:none}}


/* the site-wide main{max-width;padding} rule was squeezing the chat pane */
.la main.mn{max-width:none;margin:0;padding:0;width:auto;min-width:0}
.lx{transition:color .2s}.la,.sb,.sbme,.cmp,.mem,.chd{transition:background-color .25s,border-color .25s,color .25s}
.it{transition:background .15s,color .15s,transform .15s}.it:active{transform:scale(.98)}.it .ic.em{font-size:15px;filter:saturate(1.1)}
.m{transition:background .15s}.m:hover{background:rgba(30,107,255,.045)}.m.flash{animation:flash 1.6s ease}@keyframes flash{0%,40%{background:rgba(245,165,36,.22)}100%{background:transparent}}
.lx .av.xs{--s:18px;font-size:8px;margin-right:-5px;box-shadow:0 0 0 2px #fff}
.thr{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:3px 10px 3px 6px;border:1px solid transparent!important;border-radius:10px!important;font-size:12.5px!important;color:var(--b)!important;cursor:pointer}.thr:hover{background:#fff!important;border-color:var(--l)!important}.thr b{margin-left:6px}.thr span{color:var(--m);font-size:12px}
.wel{margin:8px 4px 14px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#EAF2FF,#f6f0ff 60%,#fff);border:1px solid #dce7ff;display:flex;gap:14px;align-items:center;animation:rise .35s ease}
.wel .wi{width:52px;height:52px;border-radius:14px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;font-size:28px;background:#fff;box-shadow:0 4px 14px rgba(30,107,255,.15)}.wel b{display:block;font-size:17px;color:var(--n)}.wel span{font-size:13px;color:var(--m)}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cmp .ib.att{font-size:18px;opacity:.85}.cmp{transition:box-shadow .2s,border-color .2s}.cmp:focus-within{box-shadow:0 0 0 3px rgba(30,107,255,.18);border-color:#9dbcff}
.thm{margin-left:auto;font-size:16px;padding:4px 8px;border-radius:8px}.thm:hover{background:var(--l2)}
.bnav{display:none}
/* ---------- dark theme ---------- */
.lx.dk{--t:#e6ebf5;--n:#f2f5fb;--m:#93a1ba;--l:#263049;--l2:#1c2438;--bs:#1b2a4d;--bg:#0f1524;color:var(--t)}
.dk .la{background:#121a2b;border-color:#263049}.dk .sb{background:#0e1524;border-color:#263049}.dk .sbme,.dk .tn,.dk .cmp,.dk .mem,.dk .rb,.dk .seg button.on{background:#141d31;border-color:#263049;color:var(--t)}
.dk .chd,.dk .ms,.dk .bdy,.dk .mn{background:#121a2b;color:var(--t)}.dk .it{color:#c8d1e3}.dk .it:hover{background:#1b2540}.dk .it.on{background:var(--b);color:#fff}.dk .it.un .nm{color:#fff}
.dk .m:hover{background:rgba(255,255,255,.035)}.dk .m .hd b,.dk .chd h1{color:#f2f5fb}.dk .day span,.dk .day{color:#93a1ba}.dk .sys span{background:#1b2540;color:#a9b5cc}.dk .ha{background:#1b2540;border-color:#263049}
.dk .rx button,.dk .rq{background:#1b2540!important;border-color:#2c3756!important;color:#c8d1e3!important}.dk textarea,.dk input,.dk select{background:#0e1524!important;color:#e6ebf5!important;border-color:#263049!important}
.dk .btn{background:#1b2540;border-color:#2c3756;color:#e6ebf5}.dk .btn.p{background:var(--b);color:#fff}.dk .wel{background:linear-gradient(135deg,#17254a,#221a3d 60%,#141d31);border-color:#2c3756}.dk .wel .wi{background:#0e1524}.dk .empty b{color:#f2f5fb}
.dk .seg{background:#0e1524}.dk .ups{background:#141d31;border-color:#263049}.dk .av .dot{border-color:#121a2b}.dk .lx .av.xs,.dk .av.xs{box-shadow:0 0 0 2px #121a2b}.dk .pop,.dk .mo .in{background:#141d31;color:var(--t)}
/* ---------- calls ---------- */
.cbtn[disabled]{opacity:.45;cursor:not-allowed}
.cind{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:8px 14px;background:linear-gradient(90deg,#e9fbf1,#f3fff8);border-bottom:1px solid #c9efd9;font-size:13.5px;color:#0b5132;animation:rise .3s ease}.cind .who{color:#3f6b55;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cind .btn.sm{padding:5px 14px}
.dk .cind{background:#11291f;border-color:#1d4a35;color:#9ff0c4}.dk .cind .who{color:#7fbf9d}
.live{width:9px;height:9px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 0 rgba(18,183,106,.6);animation:pulse 1.6s infinite;flex:0 0 9px}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.cmod{position:fixed;inset:0;z-index:9000;background:rgba(8,14,30,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .2s ease;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@keyframes fade{from{opacity:0}to{opacity:1}}.cbox{background:#fff;color:#1d2433;border-radius:20px;max-width:400px;width:100%;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.35);text-align:center;animation:rise .25s ease}.cbox h3{margin:8px 0 6px;color:#0b1b3a;font-size:19px}.cbox p{color:#5b6b86;font-size:14px;margin:0 0 16px}.cic{font-size:34px}
.cact{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.cmod .btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e8f0;background:#fff;color:#0b1b3a;border-radius:12px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;margin:0;width:auto}.cmod .btn.p{background:#1E6BFF;border-color:#1E6BFF;color:#fff}.cmod .btn.d{background:#e5484d;border-color:#e5484d;color:#fff}.cmod .btn.sm{padding:4px 10px;font-size:12.5px}
.ring{display:flex;justify-content:center}.cav{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1E6BFF,#7c5cff);color:#fff;font-weight:800;font-size:26px;display:flex;align-items:center;justify-content:center}.cav.big{width:84px;height:84px;font-size:34px;animation:pulse2 1.4s infinite}@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(30,107,255,.5)}70%{box-shadow:0 0 0 22px rgba(30,107,255,0)}100%{box-shadow:0 0 0 0 rgba(30,107,255,0)}}
.cbl{list-style:none;padding:0;margin:0 0 14px;text-align:left}.cbl li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f8}
.cwin{position:fixed;z-index:8000;right:16px;bottom:16px;width:min(760px,calc(100vw - 32px));height:min(560px,calc(100vh - 32px));background:#0b1222;color:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;animation:rise .3s ease}
.cwin.mini{height:auto;width:300px}.cwin.mini .cgrid{display:none}
.chead{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;background:rgba(255,255,255,.04)}.ctime{color:#9fb0cf;font-variant-numeric:tabular-nums}.cn{color:#9fb0cf;margin-left:auto;font-size:12.5px}.cmin{background:rgba(255,255,255,.08);border:0;color:#fff;border-radius:8px;width:30px;height:28px;cursor:pointer;margin:0;padding:0}
.cgrid{flex:1;display:grid;gap:8px;padding:8px;grid-template-columns:1fr;grid-auto-rows:1fr;min-height:0}.cgrid[data-n="2"]{grid-template-columns:1fr 1fr}.cgrid[data-n="3"],.cgrid[data-n="4"]{grid-template-columns:1fr 1fr}.cgrid[data-n="5"],.cgrid[data-n="6"]{grid-template-columns:1fr 1fr 1fr}
.ctile{position:relative;background:#18223a;border-radius:14px;overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:center}.ctile video{width:100%;height:100%;object-fit:cover;background:#18223a}.ctile.self video{transform:scaleX(-1)}.ctile.scr video{transform:none;object-fit:contain}
.ctile .cav{position:absolute;display:none}.ctile.novid video{visibility:hidden}.ctile.novid .cav{display:flex}.ctile.fail{outline:2px solid #e5484d}
.ctile .cnm{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.55);padding:3px 9px;border-radius:999px;font-size:12.5px}
.ctile[data-st="connecting"]::after,.ctile[data-st="new"]::after{content:"Connecting…";position:absolute;top:8px;right:8px;font-size:11.5px;background:rgba(0,0,0,.5);padding:2px 8px;border-radius:999px}
.cbar{display:flex;justify-content:center;gap:10px;padding:10px 12px 14px}.cb{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:9px 10px;border:0;margin:0;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-size:20px;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s}.cb span{font-size:11.5px;color:#cfd8ea}.cb:hover{background:rgba(255,255,255,.18)}.cb:active{transform:scale(.95)}
.cb.off{background:#fff;color:#0b1222}.cb.off span{color:#0b1222}.cb.on{background:#1E6BFF}.cb.end{background:#e5484d}.cb.end:hover{background:#c9353a}

/* ---------- Lounge DMs ---------- */
.mn{position:relative}.pv2{position:absolute;inset:0;z-index:5;background:#fff;display:flex;flex-direction:column;min-height:0;animation:rise .2s ease}.pv2[hidden]{display:none!important}
.pv2 .chd .av{margin-right:2px}.pv2 .ms{flex:1;overflow-y:auto;min-height:0;padding:10px 14px}.pv2 .cmp{margin:8px 12px 12px}
.pdban{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 12px 0;padding:12px 14px;border-radius:14px;background:#f5f8ff;border:1px solid #dce7ff;font-size:13.5px}.pdban b{display:block;color:var(--n)}.pdban span{color:var(--m);font-size:12.5px}
.pdban.rq{background:linear-gradient(135deg,#fff8e6,#fffdf6);border-color:#f5dfa3}.pdban .btn{padding:6px 12px;font-size:13px}
.pdp{font-size:10.5px;color:var(--m);font-weight:600;border:1px solid var(--l);border-radius:999px;padding:0 6px;margin-left:4px}.pdrq{color:#b45309!important}.pbd{margin-left:4px;font-style:normal}
.pdo{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e3e8f0;border-radius:12px;margin:0 0 8px;cursor:pointer}.pdo b{display:block;color:#0b1b3a;font-size:14px}.pdo small{color:#5b6b86;font-size:12.5px}.pdo input{margin-top:3px}
.dk .pv2{background:#121a2b}.dk .pdban{background:#141d31;border-color:#2c3756}.dk .pdban.rq{background:#2a2312;border-color:#5c4a1d}
.m .gut .av,.m .hd b{cursor:pointer}

/* ---------- color themes (per user) ---------- */
.lx.th-blue{--b:#1E6BFF;--b2:#1557d6;--bs:#e3eeff}.lx.th-blue .sb{background:#eaf2ff}.lx.th-blue .la{background:#fbfdff}
.lx.th-green{--b:#12a150;--b2:#0e8743;--bs:#e3f7eb}.lx.th-green .sb{background:#e9f8ef}.lx.th-green .la{background:#fbfefc}
.lx.th-purple{--b:#7c3aed;--b2:#6829d6;--bs:#efe7ff}.lx.th-purple .sb{background:#f2ecff}.lx.th-purple .la{background:#fdfbff}
.lx.th-rose{--b:#e11d48;--b2:#be123c;--bs:#ffe4ea}.lx.th-rose .sb{background:#fff0f3}.lx.th-rose .la{background:#fffbfc}
.lx.th-orange{--b:#ea580c;--b2:#c2410c;--bs:#ffeddc}.lx.th-orange .sb{background:#fff3e8}.lx.th-orange .la{background:#fffcf9}
.lx.th-slate{--b:#475569;--b2:#334155;--bs:#e7ebf0}.lx.th-slate .sb{background:#eef1f5}.lx.th-slate .la{background:#fbfcfd}
.lx[class*=th-] .it.on{background:var(--b)}.lx[class*=th-] .snd:not([disabled]){background:var(--b)}
.csx{text-align:left;max-width:440px}.csl{display:block;font-weight:700;font-size:13px;color:#0b1b3a;margin:14px 0 6px}.csrow{display:flex;gap:8px}.csrow input,.csx select{flex:1;padding:9px 12px;border:1px solid #d6deea;border-radius:10px;font:inherit;width:100%}
.csh{display:block;color:#5b6b86;font-size:12px;margin-top:5px}.cserr{color:#c0262d;font-size:12.5px;min-height:0;margin-top:4px}
.csw{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.csw button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:2px solid #e3e8f0;border-radius:12px;background:#fff;cursor:pointer;font:inherit;font-size:12px;color:#1d2433;margin:0}
.csw button i{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.csw button.on{border-color:#1E6BFF;box-shadow:0 0 0 3px rgba(30,107,255,.18)}
.aka{text-decoration:underline dotted;text-underline-offset:3px}
/* games CSS added a generic .seg rule that un-hid the section tabs on desktop */
@media(min-width:761px){.la .seg{display:none!important}}
/* ---------- phone ---------- */
@media(max-width:760px){
 .la{border-radius:0;border-left:0;border-right:0;height:calc(100dvh - var(--top,150px) - 58px)}
 .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:700;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--l);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 .bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:19px;color:var(--m);padding:4px 0;border-radius:10px;position:relative}.bnav button span{font-size:10.5px;font-weight:600}.bnav button.on{color:var(--b)}.bnav button.on span{color:var(--b)}.bnav .bd{position:absolute;top:0;right:22%;min-width:16px;height:16px;font-size:10px}
 .dk .bnav,.lx.dk~.bnav{background:rgba(14,21,36,.96);border-color:#263049}
 .lx{padding-bottom:62px}.mn>.seg{display:none}.chd .cbtn .lb{display:none}
 .cwin{inset:0;width:100%;height:100%;border-radius:0;right:0;bottom:0}.cwin.mini{inset:auto 8px 70px auto;width:220px;height:auto;border-radius:16px}
 .cgrid[data-n="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.cgrid[data-n="3"],.cgrid[data-n="4"]{grid-template-columns:1fr 1fr}.cgrid[data-n="5"],.cgrid[data-n="6"]{grid-template-columns:1fr 1fr}
 .cb{min-width:58px}.wel{padding:14px}.wel .wi{width:44px;height:44px;flex-basis:44px;font-size:23px}
}
@media(prefers-reduced-motion:reduce){.cwin,.cmod,.cbox,.wel,.cind,.live,.cav.big{animation:none}}

.la.gch{font-family:"Google Sans",Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;--gsb:#f6f8fc;--gsel:#d3e3fd;--gbub:#f2f2f2;--gme:#d3e3fd;--gtx:#1f1f1f;--gmu:#5f6368;border-radius:16px;box-shadow:0 1px 3px rgba(60,64,67,.15)}
.lx:not(.dk) .la.gch{background:#fff}
.lx:not(.dk):not(.th-blue):not(.th-green):not(.th-purple):not(.th-rose):not(.th-orange):not(.th-slate) .la.gch .sb{background:var(--gsb)}
.la.gch .sb{border-right:0}
.la.gch .sbh{padding:12px 14px 4px}
.la.gch .gnewr{padding:6px 12px 8px}
.la.gch .gnew{display:inline-flex;align-items:center;gap:12px;border:0;border-radius:16px;padding:16px 22px 16px 18px;background:#c2e7ff;color:#001d35;font:600 14.5px/1 inherit;box-shadow:0 1px 2px rgba(60,64,67,.25);cursor:pointer;transition:box-shadow .15s,background .15s}
.la.gch .gnew:hover{box-shadow:0 2px 6px rgba(60,64,67,.3);background:#b3dcf7}.la.gch .gnew .gpi{font-size:18px}
.dk .la.gch .gnew{background:#004a77;color:#c2e7ff}
.la.gch .sbsc{padding:0 8px 12px}
.la.gch .sbt{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--gtx);padding:10px 8px 4px 4px;justify-content:flex-start;gap:4px;cursor:pointer;user-select:none;border-radius:8px}
.dk .la.gch .sbt{color:var(--t)}
.la.gch .sbt>span:not(.gcar){margin-left:auto}.la.gch .sbt>a{margin-left:auto}
.la.gch .gcar{display:inline-block;width:16px;text-align:center;font-size:11px;color:var(--gmu);transition:transform .15s}
.la.gch .gsec.gcol .gcar{transform:rotate(-90deg)}.la.gch .gsec.gcol>*:not(.sbt){display:none!important}
.la.gch .it{border-radius:999px;padding:5px 12px 5px 14px;font-size:14px;color:var(--gtx);gap:12px}
.dk .la.gch .it{color:var(--t)}
.la.gch .it:hover{background:rgba(68,71,70,.08)}
.la.gch .it.on,.lx .la.gch .it.on{background:var(--gsel);color:#041e49}.la.gch .it.on .nm{color:#041e49;font-weight:600}
.dk .la.gch .it.on{background:#004a77;color:#c2e7ff}.dk .la.gch .it.on .nm{color:#c2e7ff}
.la.gch .it.un .nm,.lx .la.gch .it.un .nm{font-weight:700;color:var(--gtx)}
.dk .la.gch .it.un .nm{color:#fff}
.la.gch .it .bd{margin-left:auto;background:none;color:var(--gtx);font-weight:700;font-size:12px;min-width:0;padding:0}
.la.gch .it.un .bd{font-size:0;width:8px;height:8px;border-radius:50%;background:#0b57d0;padding:0}
.la.gch .it .ic{width:22px;text-align:center;color:var(--gmu);font-size:16px}
.la.gch .gsi{font-size:17px;font-weight:500}
.la.gch .gapp{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #e0e3e7;font-size:13px}
.la.gch .gct{margin-left:auto;font-size:12px;color:var(--gmu)}
.la.gch .tn{font-size:11.5px;color:var(--gmu);margin:4px 12px}
/* invite */
.la.gch .gnewr{display:flex}.la.gch .ginvr{padding:0 12px 6px}
.la.gch .ginv{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #0b57d0;background:#fff;color:#0b57d0;border-radius:999px;padding:8px 14px;font:600 13px/1 inherit;cursor:pointer}
.la.gch .ginv:hover{background:#e8f0fe}.dk .la.gch .ginv{background:transparent;color:#a8c7fa;border-color:#a8c7fa}
.ginvm .csrow input{flex:1;min-width:0}.ginsh{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ginteam{margin-top:14px;border-top:1px solid #e3e5e8;padding-top:10px}
/* Google linking */
.la.gch .ggr{cursor:default}.la.gch .glc{margin-left:auto;border-radius:999px;background:#0b57d0;color:#fff!important;text-decoration:none;font-size:12px;font-weight:600;padding:4px 12px}
.la.gch .glc:hover{background:#0842a0}.la.gch .glon{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#137333;font-weight:600}.la.gch .glon i{width:8px;height:8px;border-radius:50%;background:#1e8e3e}
.la.gch .glban{display:flex;align-items:center;gap:10px;margin:10px 16px 0;padding:10px 12px 10px 14px;border-radius:12px;background:#e8f0fe;color:#041e49;font-size:13.5px}
.dk .la.gch .glban{background:#1e2a42;color:var(--t)}.la.gch .glban .glt{flex:1}.la.gch .glban .glc{margin-left:0}.la.gch .glx{border:0;background:none;font-size:15px;color:var(--gmu);cursor:pointer;padding:4px}
/* show every section together, Google Chat style */
.la.gch .s-pub,.la.gch .s-team,.la.gch .s-dm,.la.gch[data-seg] .s-pub,.la.gch[data-seg] .s-team,.la.gch[data-seg] .s-dm{display:block}
.la.gch .sseg{display:none!important}
/* conversation header */
.la.gch .chd{border-bottom:0;padding:10px 16px;min-height:60px;gap:8px}
.la.gch .chd h1{font-size:20px;font-weight:500;color:var(--gtx)}.dk .la.gch .chd h1{color:var(--t)}
.la.gch .chd h1::after{content:' ▾';font-size:12px;color:var(--gmu)}
.la.gch .chd p{color:var(--gmu)}
.la.gch .chd .ib{border-radius:999px;border:0;background:#f1f3f4;padding:8px 12px;font-size:14px;color:#444746;min-height:36px}
.dk .la.gch .chd .ib{background:#1e2a42;color:var(--t)}
.la.gch .chd .ib:hover{background:#e3e5e8}
.la.gch .chd .ib.p{background:#c2e7ff;color:#001d35}
.la.gch .chd #menu{background:none;font-size:20px}
/* messages */
.la.gch .ms{padding-bottom:6px}
.la.gch .m{padding:3px 20px;gap:12px}.la.gch .m:hover{background:none}
.la.gch .m .hd{gap:6px}.la.gch .m .hd b{font-size:12.5px;font-weight:600;color:var(--gtx)}.dk .la.gch .m .hd b{color:var(--t)}
.la.gch .m .hd time{font-size:11.5px;color:var(--gmu)}
.la.gch .m .tx{display:inline-block;max-width:min(560px,100%);background:var(--gbub);border-radius:4px 18px 18px 18px;padding:7px 14px;margin-top:3px;font-size:14px;color:var(--gtx)}
.la.gch .m:not(.g0) .tx{border-radius:18px}
.dk .la.gch .m .tx{background:#1e2a42;color:var(--t)}
.la.gch .m.me{flex-direction:row-reverse}.la.gch .m.me .bx{display:flex;flex-direction:column;align-items:flex-end}
.la.gch .m.me .gut{display:none}
.la.gch .m.me .hd b{display:none}
.la.gch .m.me .tx{background:var(--gme);border-radius:18px 4px 18px 18px;color:#041e49}
.la.gch .m.me:not(.g0) .tx{border-radius:18px}
.dk .la.gch .m.me .tx{background:#004a77;color:#e8f0fe}
.la.gch .m.me .rx,.la.gch .m.me .igrid{align-self:flex-end}
.la.gch .m.ment .tx{box-shadow:inset 3px 0 0 #0b57d0}
.la.gch.gmen .m:not(.ment){display:none}
.la.gch .m .tx.act{background:none;padding-left:0}
.la.gch .m.del .tx{background:none;font-style:italic;color:var(--gmu)}
.la.gch .day{justify-content:center;font-weight:500;color:var(--gmu);font-size:12px;padding:14px 18px 6px}
.la.gch .day::before,.la.gch .day::after{display:none}
.la.gch .igrid{display:grid;gap:3px;margin-top:6px;max-width:400px;border-radius:16px;overflow:hidden;grid-template-columns:1fr 1fr}
.la.gch .igrid.n1{grid-template-columns:1fr}.la.gch .igrid.n3 a:first-child{grid-row:span 2}
.la.gch .igrid a{display:block;background:#e8eaed}.la.gch .igrid img{display:block;width:100%;height:100%;min-height:110px;max-height:260px;object-fit:cover}
.la.gch .wel{border-radius:16px}
/* pill composer */
.la.gch .cmp.gpill{border:0;border-radius:28px;background:#f0f4f9;padding:6px 8px;margin:0 16px 14px;align-items:center;gap:2px;box-shadow:none}
.dk .la.gch .cmp.gpill{background:#1e2a42}
.la.gch .cmp.gpill:focus-within{box-shadow:0 0 0 2px #a8c7fa}
.la.gch .cmp.gpill textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.la.gch .cmp.gpill textarea{background:transparent;border:0;padding:9px 8px;font-size:14px}
.la.gch .cmp .ib{font-size:17px;color:#444746;width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}
.la.gch .cmp .ib:hover{background:rgba(68,71,70,.1)}
.la.gch .cmp .gplus{background:#c2e7ff;color:#001d35;font-size:22px;font-weight:400;margin-right:4px}
.la.gch .cmp .gfmt u{font:600 15px/1 inherit}
.la.gch .cmp .snd{width:38px;height:38px;border-radius:50%;background:none;color:#0b57d0;font-size:18px}
.la.gch .cmp .snd:disabled{color:#a5a8ab;background:none}
.la.gch .cmp .snd:not(:disabled):hover{background:rgba(11,87,208,.1)}
/* phones: the sidebar is the list screen, conversations open full-screen with a back arrow */
@media(max-width:760px){
 .la.gch .sb{width:100%;transform:translateX(-100%);box-shadow:none;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
 .la.gch.open .sb{transform:none}.la.gch.open::after{display:none}
 .la.gch .sbh .x{display:none}
 .la.gch>.mn>.seg{display:none!important}
 .la.gch .gnewr{position:absolute;right:14px;bottom:78px;z-index:5;padding:0}
 .la.gch .ginvr{padding:4px 12px 4px}.la.gch .ginv{width:100%;justify-content:center;padding:10px 14px}
 .la.gch .sbsc{padding-bottom:96px}
 .la.gch .gnew{padding:14px 20px 14px 16px;box-shadow:0 2px 8px rgba(60,64,67,.3)}
 .la.gch .it{padding:9px 12px 9px 14px;font-size:15px}
 .la.gch .chd{padding:8px 8px;min-height:54px}.la.gch .chd h1{font-size:17px}
 .la.gch .chd .ib{padding:0;width:34px;height:34px;min-height:34px;justify-content:center;font-size:14px}.la.gch .chd #memb{width:auto;padding:0 9px}.la.gch .chd .tt{min-width:96px}.la.gch .chd{gap:4px}
 .la.gch .m{padding:3px 12px}.la.gch .m .tx{max-width:82vw}
 .la.gch .cmp.gpill{margin:0 8px 10px}
 .la.gch .cmp .gfmt{display:none}
}

/* ---- mobile Google Chat home shell (preview-gchatmobile) ---- */
@media(max-width:768px){
 body:has(.la.gch)>header,body:has(.la.gch)>#hmenu,body:has(.la.gch)>#hmb{display:none!important}
 body:has(.la.gch){background:#fff}
 .lx:has(.la.gch){min-height:100dvh;padding:0!important;margin:0}
 .lx:has(.la.gch) .bnav{display:none!important}
 .la.gch{border-radius:0;box-shadow:none;min-height:100dvh}
 .la.gch .gsrch{display:flex;align-items:center;gap:10px;margin:10px 12px 4px;padding:8px 10px;background:#eef1f6;border-radius:999px}
 .la.gch .gsrch .ghb{border:0;background:none;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;color:#444746}
 .la.gch .gsrch input{flex:1;min-width:0;border:0;background:transparent;font:500 15px/1.2 inherit;color:#1f1f1f;outline:none}
 .la.gch .gsrch input::placeholder{color:#5f6368;font-weight:400}
 .la.gch .gsrch .gavt{width:34px;height:34px;border-radius:50%;background:#1E6BFF;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 system-ui;text-decoration:none;flex-shrink:0}
 .la.gch .ght{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px}
 .la.gch .ght h2{margin:0;font-size:28px;font-weight:700;color:#1f1f1f;letter-spacing:-.02em}
 .la.gch .sbh{display:none!important}
 .la.gch .gnewr{display:none!important}
 .la.gch .ginvr{padding:4px 14px 8px}.la.gch .ginv{width:100%;justify-content:center}
 .la.gch .sbt{display:none!important}
 .la.gch .s-sh,.la.gch .s-gg{display:none!important}
 .la.gch .sbsc{padding:0 0 110px}
 .la.gch .it.git{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:0;margin:0}
 .la.gch .it.git:hover{background:#f6f8fc}
 .la.gch .it.git .gav{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:700 16px/1 system-ui;flex-shrink:0}
 .la.gch .it.git .ic,.la.gch .it.git .av.sm{display:none!important}
 .la.gch .it.git .gbody{flex:1;min-width:0}
 .la.gch .it.git .gtopl{display:flex;align-items:baseline;gap:8px}
 .la.gch .it.git .nm{font-size:15.5px;font-weight:700;color:#1f1f1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .la.gch .it.git .gprev{display:block;font-size:13.5px;color:#5f6368;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
 .la.gch .it.git .gright{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;min-width:48px}
 .la.gch .it.git .gtime{font-size:12px;color:#5f6368}
 .la.gch .it.git .bd,.la.gch .it.git.un .bd{font-size:0!important;width:10px!important;height:10px!important;min-width:10px;border-radius:50%;background:#0b57d0;padding:0!important;margin:0}
 .la.gch .it.git .gct,.la.gch .it.git .cnt{display:none}
 .la.gch #memp{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(320px,86vw);z-index:950;box-shadow:-8px 0 24px rgba(0,0,0,.25);padding:52px 8px calc(16px + env(safe-area-inset-bottom));overflow-y:auto}
 .la.gch #memp.hid{display:none}
 .la.gch .gmembk{position:fixed;inset:0;background:rgba(11,27,58,.45);z-index:949}
 .la.gch .gmembk[hidden]{display:none}
 .la.gch .gmemx{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(127,127,127,.15);color:inherit;font-size:18px;cursor:pointer}
 .la.gch .gnavp{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:800;background:#e8f0fe;border-radius:999px;padding:6px 8px;gap:2px;box-shadow:0 4px 16px rgba(60,64,67,.22);align-items:center}
 .la.gch .gnavp button{border:0;background:transparent;width:48px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;position:relative;color:#041e49}
 .la.gch .gnavp button.on{background:#d3e3fd}
 .la.gch .gnavp .pbd{position:absolute;top:4px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#0b57d0;color:#fff;font:700 10px/16px system-ui;text-align:center}
 .la.gch .gfab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:801;width:56px;height:56px;border-radius:16px;border:0;background:#0b57d0;color:#fff;font-size:28px;font-weight:400;box-shadow:0 4px 14px rgba(11,87,208,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
 .la.gch .gfab:active{transform:scale(.96)}
 .la.gch.open .gnavp,.la.gch.open .gfab{display:flex}
 .la.gch:not(.open) .gnavp,.la.gch:not(.open) .gfab{display:none}
 .la.gch .gsec.gfil>*:not(.sbt){display:none!important}
 .la.gch[data-gtab="dm"] .s-pub,.la.gch[data-gtab="dm"] .s-team,.la.gch[data-gtab="dm"] .s-gm,.la.gch[data-gtab="dm"] .ginvr{display:none!important}
 .la.gch[data-gtab="spaces"] .s-dm,.la.gch[data-gtab="spaces"] .s-gm,.la.gch[data-gtab="spaces"] .ginvr{display:none!important}
 .la.gch[data-gtab="games"] .s-pub,.la.gch[data-gtab="games"] .s-team,.la.gch[data-gtab="games"] .s-dm,.la.gch[data-gtab="games"] .ginvr{display:none!important}
 .la.gch[data-gtab="games"] .s-gm .sbt{display:block!important;font-size:20px;padding:8px 16px}
 .la.gch[data-gtab="home"] .s-gm{display:none!important}
 .dk .la.gch .gsrch{background:#1e2a42}.dk .la.gch .gsrch input{color:#e8eaed}.dk .la.gch .ght h2{color:#e8eaed}
 .dk .la.gch .it.git .nm{color:#e8eaed}.dk .la.gch .gnavp{background:#1e2a42}.dk .la.gch .gnavp button.on{background:#004a77}
}
@media(min-width:769px){
 .la.gch .gsrch,.la.gch .ght,.la.gch .gnavp,.la.gch .gfab{display:none!important}
}