/* finish.css: final polish layer. Loaded last. */ /* ---------- header: large title shares its row with the avatar (no floating logo) ---------- */ #hm .nb-mark{display:none} #hm .body{padding-top:calc(var(--sat) + 12px)} #hm .nb .av{opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;pointer-events:none} #hm.scrolled .nb .av{opacity:1;transform:none;pointer-events:auto} #hm .nb{pointer-events:none}#hm.scrolled .nb{pointer-events:auto} .lt-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px} .lt-row h1{min-width:0} .lt-av{flex:none;width:36px;height:36px;margin-bottom:3px;border-radius:50%;overflow:hidden;background:#5865f2;color:#fff;font-size:15px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 .5px rgba(255,255,255,.15);transition:transform .15s,opacity .15s} .lt-av img{width:100%;height:100%;object-fit:cover} .lt-av:active{transform:scale(.92);opacity:.8} .lt-home small{margin-bottom:4px} /* ---------- one card language: same radius, same hairline, same shadow ---------- */ :root{--r-card:20px;--hair:inset 0 0 0 .5px rgba(255,255,255,.08)} .feat,.gta,.cz-promo{border-radius:var(--r-card)} .feat+.gta{margin-top:12px} .grp,.cat,.sum{box-shadow:var(--hair)} /* ---------- GTA countdown: one clean strip instead of four boxes ---------- */ .gta-cd{gap:0;margin-top:18px;border-radius:14px;background:rgba(10,6,20,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.14);overflow:hidden} .gta-cd div{background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0;padding:12px 0 10px} .gta-cd div+div{border-left:.5px solid rgba(255,255,255,.14)} .gta-hd span{font-weight:500;color:rgba(255,255,255,.72)} .gta-btn:active{opacity:.85} /* ---------- Explore: all cards grid ---------- */ .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px} .cgrid .mc{flex:none;width:auto} .cgrid .mc b{font-size:12.5px} .cgrid .mc small{font-size:12.5px} @media(min-width:700px){.cgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px}} /* ---------- shop grid: names get two lines, rows line up ---------- */ .pc-t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;min-height:2.5em} .pc-t{display:flex;flex-direction:column;flex:1} .pc-p{margin-top:auto;padding-top:8px} /* ---------- forms: native-looking fields ---------- */ .fld span{font-size:13px;font-weight:600;color:var(--m);margin:0 4px 6px} .fld input,.fld select,.fld textarea{border:0!important;border-radius:12px!important;background:var(--cell2)!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.06);padding:13px 14px;font-size:16px;transition:box-shadow .15s} .fld input:focus,.fld select:focus,.fld textarea:focus{box-shadow:inset 0 0 0 1.5px var(--acc)} .fld select{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8c9e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important} .fld input::placeholder,.fld textarea::placeholder{color:#5d5f70} .fld input[type=checkbox]{width:auto} /* ---------- press feedback everywhere it was missing ---------- */ .cz-promo,.btn,.gta-btn,.lt-av,.pc-add{transition:transform .15s,opacity .15s,background .15s} .cz-promo:active{transform:scale(.98)} .btn:active{transform:scale(.98);opacity:.9} /* ---------- small type + spacing consistency ---------- */ .sh{margin:28px 4px 10px} .sh b{font-size:20px} .gi-t b{letter-spacing:-.1px} .cat{min-height:54px} .empty{padding:64px 0} /* ---------- MP mark: gold coin with an M ---------- */ .mp-i{display:inline-block;width:1em;height:1em;margin-right:.28em;vertical-align:-.14em;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe59a'/%3E%3Cstop offset='.55' stop-color='%23f0b52e'/%3E%3Cstop offset='1' stop-color='%23c48a12'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='11' fill='url(%23g)'/%3E%3Ccircle cx='12' cy='12' r='8.6' fill='none' stroke='%23a8740c' stroke-opacity='.55' stroke-width='1'/%3E%3Cpath d='M7.6 15.6V8.6l4.4 4.2 4.4-4.2v7' fill='none' stroke='%23573a00' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;color:transparent;font-size:inherit} .cw-bal .mp-i{font-size:22px} .cz-pill .mp-i{font-size:15px} /* ---------- 360 view: a real 3D case with thickness ---------- */ #v360 .v3-stage{position:relative;perspective:1500px;perspective-origin:50% 45%;cursor:grab} #v360 .v3-stage.grab{cursor:grabbing} #v360 .v3-case{position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform} #v360 .v3-f,#v360 .v3-b{position:absolute;left:0;top:0;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden} #v360 .v3-f{transform:translateZ(calc(var(--t) / 2))} #v360 .v3-b{transform:rotateY(180deg) translateZ(calc(var(--t) / 2))} #v360 .v3-f[hidden],#v360 .v3-b[hidden]{display:block!important} #v360 .sf{border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05)),#17171f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.28)} #v360 .sgl{border-radius:var(--r);background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.2) 46%,transparent 60%);background-size:280% 100%;background-position:var(--gx,30%) var(--gy,0)} .v3-e{position:absolute;left:50%;top:50%;height:var(--t);margin-top:calc(var(--t) / -2);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(180deg,#8d8fa3 0,#d9dae6 22%,#a9abbd 50%,#d9dae6 78%,#8d8fa3 100%)} .v3-e:after{content:"";position:absolute;inset:0;background:#05050a;opacity:var(--d,.3)} .v3-shadow{position:absolute;left:50%;bottom:4%;width:60%;height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);filter:blur(6px);pointer-events:none} .v3-foot button+button{margin-left:-4px} /* keep the 360 page from widening/sliding when the case's corners swing past the screen edge (iOS) */ #v360{overflow:hidden;overscroll-behavior:none;touch-action:none;max-width:100vw} #v360 .v3-stage{width:100%;touch-action:none;background:transparent} #v360 .v3-case{transform-origin:50% 50% 0;margin:0 auto} body:has(#v360.on){overflow:hidden} /* ---------- Baccarat ---------- */ .t-bac{background:radial-gradient(circle at 50% 30%,#4a1f2c,#22101a)} .t-bac{position:relative}.t-bac .mini-card{position:absolute}.t-bac .m1{transform:translate(-6px,2px) rotate(-10deg)}.t-bac .m2{transform:translate(7px,-1px) rotate(8deg)} .mini-card.red{color:#d0172f} .bac-table{min-height:0;padding:14px 12px 14px;gap:10px} .bac-road{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,12px);grid-auto-columns:12px;gap:2px;padding:6px;border-radius:10px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none;justify-content:start} .bac-road::-webkit-scrollbar{display:none} .bac-road i{width:12px;height:12px;border-radius:50%;font:800 7px/12px -apple-system,system-ui;text-align:center;font-style:normal;color:#fff;background:rgba(255,255,255,.04);position:relative} .bac-road .rd.P{background:#2f6fe0}.bac-road .rd.B{background:#d23a4a}.bac-road .rd.T{background:#2f9e5e} .bac-road .rd.pp:before,.bac-road .rd.bp:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;box-shadow:0 0 0 1px #0b2a20} .bac-road .rd.pp:before{left:0;top:0;background:#2f6fe0}.bac-road .rd.bp:after{right:0;bottom:0;background:#d23a4a} .bac-hands{display:grid;grid-template-columns:1fr 1fr;gap:8px} .bac-side{text-align:center;padding:8px 4px 10px;border-radius:14px;transition:background .25s,box-shadow .25s} .bac-side small{display:block;font-size:11px;font-weight:800;letter-spacing:1.4px} .bs-p small{color:#8fb4ff}.bs-b small{color:#ff9aa5} .bac-pt{display:inline-grid;place-items:center;min-width:30px;height:24px;margin-top:6px;padding:0 8px;border-radius:99px;background:rgba(0,0,0,.35);font:700 15px/1 -apple-system,system-ui;font-variant-numeric:tabular-nums} .bac-pt:empty{visibility:hidden} .bac-side.win{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1.5px rgba(240,194,75,.65)} .bac-side.win .bac-pt{background:var(--gold);color:#1a1205} .bac-cards{display:flex;justify-content:center;align-items:center;min-height:92px;margin-top:8px} .bac-cards .pc2{width:52px;height:74px;margin-left:-20px;padding:4px 5px;border-radius:7px} .bac-cards .pc2:first-child{margin-left:0} .bac-cards .pc2 b{font-size:15px}.bac-cards .pc2 i{font-size:12px}.bac-cards .pc2 em{font-size:24px;right:5px;bottom:3px} .bac-cards .pc2.side{margin-left:14px;margin-right:11px;transform:rotate(90deg)} .bac-cards:has(.side) .pc2:nth-child(2){margin-left:-28px} .bac-cards .pc2.side.in{animation:dealside .45s cubic-bezier(.2,.9,.3,1.08) both} @keyframes dealside{from{opacity:0;transform:translate(40px,-60px) rotate(30deg)}to{opacity:1;transform:rotate(90deg)}} .bac-table .bj-msg{margin:0;min-height:22px} .bac-spots{display:grid;gap:8px} .bspot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.14);color:#fff;transition:background .15s,border-color .15s,transform .12s} .bspot:active{transform:scale(.97)} .bspot b{font-size:14px;font-weight:700}.bspot small{font-size:11px;font-weight:600;color:rgba(255,255,255,.55)} .bac-spots{grid-template-columns:repeat(6,1fr);grid-template-areas:"pp pp t t bp bp" "p p p b b b"} .bspot.kP,.bspot.kB{min-height:76px} .bspot.kPP{grid-area:pp}.bspot.kT{grid-area:t}.bspot.kBP{grid-area:bp}.bspot.kP{grid-area:p}.bspot.kB{grid-area:b} .bspot.kP{border-color:rgba(143,180,255,.55);background:rgba(47,111,224,.14)}.bspot.kP b{color:#b9d0ff;font-size:17px} .bspot.kB{border-color:rgba(255,154,165,.55);background:rgba(210,58,74,.14)}.bspot.kB b{color:#ffc2c9;font-size:17px} .bspot.kT b{color:#a9e8c3} .bspot.won{border-color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 0 18px rgba(240,194,75,.35)} .bspot.lost{opacity:.45} .bstack{position:absolute;right:-6px;top:-8px;pointer-events:none;z-index:2} .bchip{display:grid;place-items:center;min-width:28px;height:28px;padding:0 4px;border-radius:99px;font:800 10px/1 -apple-system,system-ui;font-style:normal;color:#fff;box-shadow:inset 0 0 0 2.5px rgba(255,255,255,.9),0 3px 6px rgba(0,0,0,.45);animation:pop .35s cubic-bezier(.2,1.6,.4,1)} .bchip.c10{background:#3f7bd8}.bchip.c25{background:#2f9e5e}.bchip.c100{background:#1d1d26}.bchip.c500{background:#7b3fd1} .bj-chips .chip.sel{transform:translateY(-4px);box-shadow:inset 0 0 0 4px rgba(255,255,255,.92),inset 0 0 0 7px rgba(0,0,0,.12),0 0 0 2.5px var(--gold),0 10px 16px rgba(0,0,0,.45)} .bj-chips .chip:disabled{opacity:.4} .bac-rules{text-align:center;font-size:12px;color:var(--m);margin:12px 8px 0;line-height:1.4} /* card backs use the new MP coin */ .pc2.back:after{content:"";inset:auto;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe59a'/%3E%3Cstop offset='.55' stop-color='%23f0b52e'/%3E%3Cstop offset='1' stop-color='%23c48a12'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='11' fill='url(%23g)'/%3E%3Ccircle cx='12' cy='12' r='8.6' fill='none' stroke='%23a8740c' stroke-opacity='.55' stroke-width='1'/%3E%3Cpath d='M7.6 15.6V8.6l4.4 4.2 4.4-4.2v7' fill='none' stroke='%23573a00' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat} /* ---------- daily + weekly rewards ---------- */ .rw-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0} .rw-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:18px;text-align:left;background:linear-gradient(160deg,#1c1830,#14141c 70%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);overflow:hidden;transition:transform .15s} .rw-tile.wk{background:linear-gradient(160deg,#2a2210,#14141c 70%)} .rw-tile:active{transform:scale(.97)} .rw-tile.ready{box-shadow:inset 0 0 0 1px rgba(240,194,75,.55),0 0 24px -8px rgba(240,194,75,.5)} .rw-tile.ready:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%) 0 0/250% 100%;animation:shim 2.4s linear infinite;pointer-events:none} .rw-hd{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px} .rw-hd small{font-size:11px;font-weight:800;letter-spacing:1.3px;color:var(--m)} .rw-hd em{font-style:normal;font-size:11px;font-weight:700;color:#fbbf24;white-space:nowrap} .rw-tile b{display:flex;align-items:center;font:800 21px/1.1 -apple-system,system-ui;letter-spacing:-.3px;font-variant-numeric:tabular-nums} .rw-dots{display:flex;gap:4px} .rw-dots i{width:12px;height:5px;border-radius:3px;background:rgba(255,255,255,.12)} .rw-dots i.got{background:var(--gold)}.rw-dots i.now{background:rgba(240,194,75,.45);box-shadow:0 0 0 1px var(--gold)} .rw-sub{font-size:11.5px;color:var(--m);line-height:1.3} .rw-cta{margin-top:4px;font-size:13px;font-weight:700;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--m)} .rw-tile.ready .rw-cta{background:var(--gold);color:#1a1205} /* sheet */ .rw-sh{text-align:center} .rw-big{width:76px;height:76px;margin:6px auto 12px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#4a3aa8,#1c1830);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2),0 14px 30px -12px rgba(67,50,177,.8)} .rw-big.wk{background:radial-gradient(circle at 50% 30%,#8a6a1a,#2a2210);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2),0 14px 30px -12px rgba(240,194,75,.6)} .rw-big .mp-i{font-size:40px;margin:0} .rw-amt{display:flex;align-items:center;justify-content:center;font:800 32px/1 -apple-system,system-ui;letter-spacing:-.5px;margin:6px 0 18px!important} .rw-ladder{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:6px} .rw-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 9px;border-radius:12px;background:var(--cell2);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.06)} .rw-step small{font-size:9.5px;font-weight:700;color:var(--m)} .rw-step .mp-i{font-size:18px;margin:0} .rw-step b{font:800 12px/1 -apple-system,system-ui} .rw-step.got{opacity:.5}.rw-step.got .rw-coin{position:relative} .rw-step.got:after{content:"✓";font-size:11px;font-weight:900;color:#4ade80;margin-top:-2px} .rw-step.now{background:rgba(240,194,75,.14);box-shadow:inset 0 0 0 1.5px var(--gold)} .rw-step.now small{color:var(--gold)} .rw-weeks{display:flex;flex-direction:column;gap:6px;margin-bottom:6px;text-align:left} .rw-wk{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:12px;background:var(--cell2)} .rw-wk small{font-size:13px;font-weight:600;color:var(--m)} .rw-wk b{display:flex;align-items:center;font:700 15px/1 -apple-system,system-ui;font-variant-numeric:tabular-nums} .rw-wk.got{opacity:.5}.rw-wk.got small:after{content:" ✓";color:#4ade80} .rw-wk.now{background:rgba(240,194,75,.14);box-shadow:inset 0 0 0 1.5px var(--gold)}.rw-wk.now small{color:var(--gold)} .rw-sh .dm{text-align:left;margin:10px 2px 16px} .rw-sh .btn:disabled{opacity:.5} /* 360 zoom: perspective lives on the zoom layer so the case keeps its 3D while scaled */ #v360 .v3-stage{perspective:none;overflow:hidden} #v360 .v3-zoom{perspective:1500px;transform-origin:50% 50%;will-change:transform} .v3-zl{position:absolute;top:10px;right:10px;font:700 12px/1 -apple-system,system-ui;padding:6px 9px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;opacity:0;transition:opacity .25s;pointer-events:none} .v3-zl.on{opacity:1} #v360 .v3-zoom,#v360 .v3-case{will-change:auto} /* ---------- GTA VI: home card (calmer, in the app's style) ---------- */ .gta{cursor:pointer;background:#0d0a14;transition:transform .18s} .gta:active{transform:scale(.985)} .gta-bg{opacity:.55;-webkit-mask:linear-gradient(90deg,transparent 0,#000 55%);mask:linear-gradient(90deg,transparent 0,#000 55%)} .gta:before{background:linear-gradient(180deg,rgba(13,10,20,.2),rgba(13,10,20,.7) 60%,rgba(13,10,20,.92))!important} .gta-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .gta-hd b{background:linear-gradient(90deg,#ff8fb8,#ffc58f 55%,#7ee0d6);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important;font-size:28px!important;letter-spacing:-.3px} .gta-more{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:700;color:#fff;padding:6px 8px 6px 12px;border-radius:99px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .gta-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .gta-cd{background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)!important} .gta-cd b{font-family:-apple-system,"SF Pro Display",system-ui!important;font-weight:700!important} .gta-btn{background:#fff;color:#14091f} /* ---------- GTA VI hub ---------- */ .gh{display:flex;flex-direction:column;gap:12px;padding-bottom:calc(20px + var(--sab))} .gh-hero .gta{margin:0;cursor:default}.gh-hero .gta-more{display:none}.gh-hero .gta:active{transform:none} .gv{border-radius:18px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)} .gv-screen{position:relative;aspect-ratio:16/9;background:#000} .gv-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .gv-poster{position:absolute;inset:0;width:100%;background:center/cover;display:grid;place-items:center} .gv-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5))} .gv-pl{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0b0b10;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .15s} .gv-poster:active .gv-pl{transform:scale(.92)}.gv-pl svg{width:26px;height:26px;margin-left:3px} .gv-now{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--cell)} .gv-now small{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#ff8fb8} .gv-now b{display:block;font-size:17px;font-weight:700;margin-top:2px}.gv-now span{display:block;font-size:12.5px;color:var(--m);margin-top:1px} .gv-yt{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--t);padding:8px 12px;border-radius:99px;background:var(--cell2);text-decoration:none} .gv-yt svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2} .gh-sh{display:flex;align-items:baseline;justify-content:space-between;margin:10px 4px -2px}.gh-sh b{font-size:19px;font-weight:750}.gh-sh span{color:var(--m)} .gh-add{color:var(--acc);font-size:15px;font-weight:600} .gx{display:flex;flex-direction:column;gap:8px} .gx-it{display:flex;align-items:center;gap:6px;border-radius:14px;background:var(--cell);padding:8px} .gx-main{flex:1;display:flex;align-items:center;gap:12px;text-align:left;min-width:0} .gx-th{position:relative;flex:none;width:112px;aspect-ratio:16/9;border-radius:9px;background:#111 center/cover} .gx-th i{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.gx-th i svg{width:22px;height:22px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))} .gx-tx{min-width:0}.gx-tx b{display:block;font-size:14px;font-weight:600;line-height:1.3}.gx-tx small{display:block;font-size:12px;color:var(--m);margin-top:2px} .gx-del{flex:none;width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--m)} .gx-sk{height:80px;border-radius:14px;background:linear-gradient(100deg,var(--cell) 30%,var(--cell2) 50%,var(--cell) 70%) 0 0/200% 100%;animation:shim 1.2s linear infinite} .gx-empty{color:var(--m);font-size:14px;text-align:center;padding:16px} .gh-note{position:relative;margin-top:8px;padding:18px 18px 16px;border-radius:20px;background:linear-gradient(160deg,rgba(255,143,184,.1),rgba(126,224,214,.06) 60%),var(--cell);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1)} .gh-nh{display:flex;align-items:center;gap:12px;margin-bottom:12px} .gh-av{width:40px;height:40px;border-radius:12px;overflow:hidden;flex:none}.gh-av img{width:100%;height:100%;object-fit:cover} .gh-nh b{display:block;font-size:16px}.gh-nh small{display:block;font-size:12.5px;color:var(--m)} .gh-note p{font-size:15px!important;line-height:1.6!important;color:#dcdce6;margin:0 0 12px!important} .gh-sig{display:block;text-align:right;font:italic 600 17px/1 "New York",ui-serif,Georgia,serif;color:#ff8fb8} .gv-poster,.gx-th{overflow:hidden} .yt-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1} .yt-fb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px;background:radial-gradient(circle at 75% 70%,#ffb86b 0,#ff6f91 18%,transparent 40%),linear-gradient(180deg,#2a0f3d,#8a2a62 60%,#1a0a24)} .yt-fb b{font:900 clamp(16px,6vw,34px)/1 -apple-system,system-ui;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.yt-fb b i{font-style:normal;color:#ffd28f} .yt-fb small{font-size:12px;font-weight:700;color:rgba(255,255,255,.85)} .gx-th .yt-fb b{font-size:15px} .gv-pl,.gx-th>i{z-index:2} .gv-poster:after{z-index:1} .yt-fb{align-items:flex-start;justify-content:flex-start;text-align:left;padding:10px 12px}.yt-fb b{font-size:20px;white-space:nowrap}.gv-poster .yt-fb{padding:16px 18px}.gv-poster .yt-fb b{font-size:30px}.gx-th .yt-fb b{font-size:13px} .gv-blocked{position:absolute;inset:0} .gv-bk{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;background:rgba(6,4,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} .gv-bk b{font-size:17px}.gv-bk span{font-size:13px;color:rgba(255,255,255,.75);max-width:280px;line-height:1.4} .gv-bka{display:flex;gap:8px;margin-top:4px}.gv-bka .pbtn{flex:none;height:38px;font-size:13.5px} /* a picture fills the avatar circle edge to edge: no blue placeholder rim behind it */ .lt-av:has(img),#av:has(img){background:#0b0b10;box-shadow:0 0 0 .5px rgba(255,255,255,.15)} .lt-av:has(img),#av:has(img){position:relative;padding:0} .lt-av img,#av img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border-radius:50%} /* avatars never squish: iOS Safari pads