#ctt-online-streams.ctt-online-streams{margin:18px 0;padding:20px;border:1px solid rgba(56,189,248,.18);border-radius:22px;background:radial-gradient(circle at 88% 12%,rgba(14,165,233,.14),transparent 34%),linear-gradient(145deg,#07131f,#03080d);box-shadow:0 16px 42px rgba(0,0,0,.25);color:#f8fafc;direction:rtl}#ctt-online-streams *{box-sizing:border-box}.ctt-online-stream-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.ctt-online-stream-head span{display:block;color:#67e8f9;font:900 10px/1.4 Tahoma;letter-spacing:.12em}.ctt-online-stream-head h2{margin:5px 0 6px;font-size:22px;line-height:1.35;color:#fff}.ctt-online-stream-head p{margin:0;color:#94a3b8;font-size:12px;line-height:1.8}.ctt-online-live{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border:1px solid rgba(74,222,128,.2);border-radius:999px;background:rgba(15,23,42,.8)}.ctt-online-live i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.1)}.ctt-online-live b{font-size:10px;color:#86efac}.ctt-online-live small{color:#cbd5e1;font-size:9px}.ctt-online-stream-body{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;align-items:stretch}.ctt-online-list{display:grid;gap:7px;align-content:start;max-height:560px;overflow:auto;padding-left:2px}.ctt-online-card{width:100%;text-align:right;border:1px solid #203247;border-radius:13px;background:#0a1420;color:#e2e8f0;padding:11px 12px;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.ctt-online-card span{display:block;color:#4ade80;font-size:9px;font-weight:900;margin-bottom:3px}.ctt-online-card b{display:block;font-size:12px;line-height:1.5}.ctt-online-card small{display:block;margin-top:4px;color:#a8b7c7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctt-online-card small i{font-style:normal;color:#5e7186;font-size:7px;margin:0 3px}.ctt-online-card.active{border-color:#38bdf8;background:linear-gradient(145deg,#0d2234,#0a1622)}@media(hover:hover) and (pointer:fine){.ctt-online-card:hover{transform:translateY(-2px);border-color:#38bdf8}}.ctt-online-stage{min-width:0;border:1px solid #1d2d3d;border-radius:16px;background:#050b11;overflow:hidden}.ctt-online-players{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #162536;background:#07111b}.ctt-player{min-width:0;display:flex;align-items:center;gap:7px}.ctt-player.white{justify-content:flex-start}.ctt-player.black{justify-content:flex-end}.ctt-player span{font-size:8px;color:#7f91a7;white-space:nowrap}.ctt-player b{font-size:12px;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctt-player small{font-size:8px;color:#7dd3fc;white-space:nowrap}.ctt-online-sound{min-height:30px;border:1px solid #20374b;border-radius:999px;background:#0a1a28;color:#a5d8f3;padding:0 10px;font:900 8px Tahoma;cursor:pointer;white-space:nowrap}.ctt-online-framebox{position:relative;min-height:430px;display:grid;place-items:center;background:radial-gradient(circle,#0d2030,#05090d 70%)}.ctt-online-framebox iframe{display:block;width:100%;min-height:520px;border:0;background:#0b1118}.ctt-online-play{min-height:46px;border:1px solid rgba(56,189,248,.34);border-radius:13px;background:#0d2234;color:#e0f2fe;padding:0 18px;font:900 12px Tahoma;cursor:pointer}.ctt-online-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-top:1px solid #162536}.ctt-online-meta b{font-size:12px;color:#fff}.ctt-online-meta span{font-size:9px;color:#8092a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctt-online-moves{border-top:1px solid #142334;padding:8px 11px 10px;background:#06101a}.ctt-online-moves-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.ctt-online-moves-head b{font-size:9px;color:#cbd5e1}.ctt-online-moves-head small{font-size:7px;color:#64748b}.ctt-online-moves-list{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;direction:ltr}.ctt-online-moves-list .empty{direction:rtl;color:#526477;font-size:8px}.move-pair{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:4px 6px;border-radius:7px;background:#091724;border:1px solid #14283a}.move-pair em{font-style:normal;font-size:7px;color:#536b82}.move-pair b{font:700 9px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbeafe;min-width:23px}.move-pair.last{border-color:rgba(56,189,248,.34);background:#0c2030}.ctt-online-source{display:block;margin-top:5px;color:#435363;font-size:5px;line-height:1;text-align:left;direction:rtl;opacity:.42;transform:scale(.82);transform-origin:left top}.ctt-online-skeleton{padding:15px;border:1px dashed #26394e;border-radius:12px;color:#7890a5;font-size:10px;text-align:center}@media(max-width:760px){#ctt-online-streams.ctt-online-streams{margin:12px 0;padding:14px 11px;border-radius:18px}.ctt-online-stream-head{align-items:center}.ctt-online-stream-head h2{font-size:18px}.ctt-online-stream-head p{font-size:10px}.ctt-online-stream-body{display:block}.ctt-online-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;margin-bottom:10px;scroll-snap-type:x proximity}.ctt-online-card{flex:0 0 190px;scroll-snap-align:start}.ctt-online-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:8px}.ctt-player{display:block}.ctt-player.black{text-align:right}.ctt-player.white{text-align:left}.ctt-player span{display:block;font-size:7px}.ctt-player b{display:block;font-size:10px}.ctt-player small{display:block;font-size:7px;margin-top:2px}.ctt-online-sound{padding:0 7px;font-size:7px}.ctt-online-framebox{min-height:360px}.ctt-online-framebox iframe{min-height:430px}.ctt-online-meta{display:block}.ctt-online-meta span{display:block;margin-top:4px}.ctt-online-live small{display:none}.ctt-online-moves{padding:7px 8px}.ctt-online-source{font-size:5px;opacity:.38}} /* v13.29.67 — spectator-only embed: no click/tap can leave ChessTeachers. */ .ctt-online-framebox iframe{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important} .ctt-online-frame-lock{position:absolute;inset:0;z-index:3;background:transparent;pointer-events:auto;cursor:default;touch-action:pan-y} #ctp-online-streams-app-mount #ctt-online-streams{margin:0 auto;max-width:1000px;width:100%} /* v13.29.79 — visual refinement only: live viewer remains the same runtime/data source. */ #ctt-online-streams.ctt-online-streams{ max-width:1180px;margin:22px auto;padding:22px; border-color:rgba(56,189,248,.24); background: radial-gradient(circle at 92% 5%,rgba(34,211,238,.13),transparent 30%), radial-gradient(circle at 8% 92%,rgba(59,130,246,.09),transparent 34%), linear-gradient(145deg,#071522 0%,#04101a 52%,#02070c 100%); box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035); } #ctt-online-streams .ctt-online-stream-head{align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.10)} #ctt-online-streams .ctt-online-stream-head h2{font-size:24px;letter-spacing:-.02em} #ctt-online-streams .ctt-online-live{box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(34,197,94,.07)} #ctt-online-streams .ctt-online-stream-body{grid-template-columns:238px minmax(0,1fr);gap:16px;align-items:start} #ctt-online-streams .ctt-online-list{max-height:650px;gap:9px;padding:2px 1px 2px 4px;scrollbar-color:#24445d transparent} #ctt-online-streams .ctt-online-card{position:relative;padding:12px 13px 12px 15px;border-color:#1b3348;background:linear-gradient(145deg,#0a1724,#07111b);box-shadow:inset 0 1px rgba(255,255,255,.025)} #ctt-online-streams .ctt-online-card:after{content:'›';position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#35546d;font-size:18px;font-weight:900} #ctt-online-streams .ctt-online-card.active{border-color:rgba(56,189,248,.72);background:linear-gradient(145deg,#102b40,#0a1927);box-shadow:0 10px 28px rgba(14,165,233,.08),inset 3px 0 #38bdf8} #ctt-online-streams .ctt-online-stage{border-radius:20px;border-color:#20394f;background:linear-gradient(180deg,#07131e,#03090f);box-shadow:0 20px 58px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.03)} #ctt-online-streams .ctt-online-players{padding:12px 14px;background:linear-gradient(180deg,#091927,#07121d);border-bottom-color:#20384b} #ctt-online-streams .ctt-player{padding:8px 10px;border:1px solid rgba(148,163,184,.10);border-radius:12px;background:rgba(2,8,15,.48)} #ctt-online-streams .ctt-player.white:before,#ctt-online-streams .ctt-player.black:before{content:'';flex:0 0 9px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.035)} #ctt-online-streams .ctt-player.white:before{background:#f8fafc;border:1px solid #cbd5e1} #ctt-online-streams .ctt-player.black:before{background:#111827;border:1px solid #64748b} #ctt-online-streams .ctt-player b{font-size:13px;letter-spacing:-.01em} #ctt-online-streams .ctt-online-sound{min-height:36px;padding:0 12px;border-color:#28506c;background:linear-gradient(145deg,#0e2638,#091927);box-shadow:inset 0 1px rgba(255,255,255,.035)} #ctt-online-streams .ctt-online-framebox{min-height:590px;padding:16px;place-items:center;background:radial-gradient(circle at 50% 45%,#10283a 0%,#07121c 46%,#03080d 78%)} #ctt-online-streams .ctt-online-framebox:before{content:'LIVE BOARD';position:absolute;z-index:1;top:10px;left:12px;color:#28485f;font:900 7px/1 Tahoma;letter-spacing:.14em;pointer-events:none} #ctt-online-streams .ctt-online-framebox iframe{width:min(100%,610px)!important;height:590px!important;min-height:590px!important;margin:0 auto;border-radius:14px;background:#0b1118;box-shadow:0 22px 55px rgba(0,0,0,.5),0 0 0 1px rgba(148,163,184,.16);overflow:hidden} #ctt-online-streams .ctt-online-frame-lock{left:50%;right:auto;width:min(calc(100% - 32px),610px);transform:translateX(-50%);border-radius:14px} #ctt-online-streams .ctt-online-meta{padding:11px 14px;background:#06111b;border-top-color:#20384b} #ctt-online-streams .ctt-online-meta b{font-size:13px} #ctt-online-streams .ctt-online-moves{padding:10px 13px 12px;background:linear-gradient(180deg,#07131e,#06101a)} #ctt-online-streams .ctt-online-moves-head b{font-size:10px;color:#e2e8f0} #ctt-online-streams .ctt-online-moves-list{gap:6px;padding:2px 0 4px} #ctt-online-streams .move-pair{padding:6px 8px;border-radius:9px;background:#0a1926;border-color:#17334a;box-shadow:inset 0 1px rgba(255,255,255,.025)} #ctt-online-streams .move-pair.last{border-color:rgba(250,204,21,.44);background:linear-gradient(145deg,#1d2730,#172313);box-shadow:0 0 0 1px rgba(250,204,21,.06)} #ctt-online-streams .ctt-online-source{font-size:4px!important;opacity:.22!important;letter-spacing:-.02em;margin-top:3px;transform:scale(.72);transform-origin:left top} @media(max-width:900px){ #ctt-online-streams .ctt-online-stream-body{grid-template-columns:190px minmax(0,1fr)} #ctt-online-streams .ctt-online-framebox{min-height:520px;padding:12px} #ctt-online-streams .ctt-online-framebox iframe{height:510px!important;min-height:510px!important;width:min(100%,540px)!important} #ctt-online-streams .ctt-online-frame-lock{width:min(calc(100% - 24px),540px)} } @media(max-width:760px){ #ctt-online-streams.ctt-online-streams{padding:14px 10px;margin:14px auto;border-radius:18px} #ctt-online-streams .ctt-online-stream-head{align-items:flex-start} #ctt-online-streams .ctt-online-stream-body{display:block} #ctt-online-streams .ctt-online-list{display:flex;max-height:none;margin-bottom:10px;padding-bottom:4px} #ctt-online-streams .ctt-online-card{flex:0 0 178px} #ctt-online-streams .ctt-online-stage{border-radius:16px} #ctt-online-streams .ctt-online-players{gap:6px;padding:8px} #ctt-online-streams .ctt-player{padding:6px 7px} #ctt-online-streams .ctt-online-framebox{min-height:410px;padding:7px} #ctt-online-streams .ctt-online-framebox iframe{width:100%!important;height:430px!important;min-height:430px!important;border-radius:10px} #ctt-online-streams .ctt-online-frame-lock{width:calc(100% - 14px);border-radius:10px} #ctt-online-streams .ctt-online-meta{padding:9px 10px} #ctt-online-streams .ctt-online-source{font-size:4px!important;opacity:.18!important} } /* v13.29.81 — live viewer proportions: preserve runtime/data, fix oversized embed shell. */ #ctt-online-streams .ctt-online-stream-body{ grid-template-columns:minmax(180px,220px) minmax(0,1fr); gap:14px; } #ctt-online-streams .ctt-online-stage{ max-width:680px; width:100%; margin-inline:auto; } #ctt-online-streams .ctt-online-players{ padding:9px 10px; gap:7px; } #ctt-online-streams .ctt-player{ min-height:38px; padding:6px 9px; } #ctt-online-streams .ctt-online-framebox{ min-height:0!important; height:auto!important; padding:10px!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; overflow:hidden!important; background:radial-gradient(circle at 50% 35%,#10283a 0%,#07121c 48%,#03080d 82%)!important; } #ctt-online-streams .ctt-online-framebox iframe{ display:block!important; width:min(100%,470px)!important; height:515px!important; min-height:515px!important; max-height:515px!important; margin:0 auto!important; border-radius:12px!important; box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 0 1px rgba(148,163,184,.14)!important; } #ctt-online-streams .ctt-online-frame-lock{ top:10px!important; bottom:auto!important; left:50%!important; right:auto!important; width:min(calc(100% - 20px),470px)!important; height:515px!important; transform:translateX(-50%)!important; border-radius:12px!important; } #ctt-online-streams .ctt-online-meta{ padding:9px 11px!important; } #ctt-online-streams .ctt-online-moves{ padding:8px 10px 10px!important; } #ctt-online-streams .ctt-online-list{ max-height:585px!important; } @media(max-width:900px){ #ctt-online-streams .ctt-online-stream-body{grid-template-columns:170px minmax(0,1fr)} #ctt-online-streams .ctt-online-framebox iframe{width:min(100%,450px)!important;height:495px!important;min-height:495px!important;max-height:495px!important} #ctt-online-streams .ctt-online-frame-lock{width:min(calc(100% - 20px),450px)!important;height:495px!important} } @media(max-width:760px){ #ctt-online-streams .ctt-online-stage{max-width:520px} #ctt-online-streams .ctt-online-framebox{padding:6px!important} #ctt-online-streams .ctt-online-framebox iframe{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1.11!important} #ctt-online-streams .ctt-online-frame-lock{top:6px!important;width:calc(100% - 12px)!important;height:auto!important;aspect-ratio:1/1.11!important} } /* v13.29.83 — homepage parity: same horizontal footprint as sibling sections. */ body.home #ctt-online-streams.ctt-online-streams,body.front-page #ctt-online-streams.ctt-online-streams{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important} /* v13.29.84 — replacement update: full-width homepage + PWA overlay hard responsive. */ #ctt-online-streams.ctt-online-streams{grid-column:1/-1!important;min-width:0!important;max-width:100%!important;width:100%!important} #ctp-online-streams-app-mount,#ctp-online-streams-app-mount #ctt-online-streams{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important} #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-stream-body{display:block!important;width:100%!important;min-width:0!important} #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-list{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;width:100%!important;gap:8px!important;margin:0 0 10px!important;padding:2px 0 6px!important;scroll-snap-type:x proximity!important} #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-card{flex:0 0 min(44vw,190px)!important;min-width:145px!important;scroll-snap-align:start!important} #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-stage{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important} #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-framebox{width:100%!important;min-width:0!important;padding:6px!important} #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-framebox iframe{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1.11!important} #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-frame-lock{top:6px!important;width:calc(100% - 12px)!important;height:auto!important;aspect-ratio:1/1.11!important} @media(max-width:760px){body.home #ctt-online-streams.ctt-online-streams,body.front-page #ctt-online-streams.ctt-online-streams{margin-inline:0!important}} /* v13.29.85 — Lichess player popup, visually aligned with ChessTeachers profile cards. */ .ctt-player-profile-link{cursor:pointer!important;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;transition:color .18s ease,filter .18s ease} .ctt-player-profile-link:hover,.ctt-player-profile-link:focus{color:#67e8f9!important;outline:none;filter:drop-shadow(0 0 9px rgba(34,211,238,.28))} .ctt-lp-lock{overflow:hidden!important} .ctt-lichess-profile-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:18px;direction:rtl;font-family:inherit} .ctt-lichess-profile-modal.show{display:flex} .ctt-lp-backdrop{position:absolute;inset:0;background:rgba(0,6,14,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)} .ctt-lp-card{position:relative;width:min(560px,100%);max-height:min(760px,88vh);overflow:auto;color:#eaf6ff;background:linear-gradient(150deg,#071a27 0%,#03101b 58%,#07131f 100%);border:1px solid rgba(56,189,248,.35);border-radius:24px;box-shadow:0 34px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05);padding:20px} .ctt-lp-close{position:absolute;top:12px;left:12px;z-index:2;width:38px;height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#07101a;color:#cbd5e1;font-size:26px;line-height:1;cursor:pointer} .ctt-lp-hero{display:flex;gap:14px;align-items:center;padding:7px 2px 17px;border-bottom:1px solid rgba(148,163,184,.12)} .ctt-lp-avatar{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;border-radius:20px;font:900 30px/1 Georgia,serif;color:#0b1720;background:linear-gradient(145deg,#67e8f9,#fde68a);box-shadow:0 12px 35px rgba(34,211,238,.15)} .ctt-lp-id{min-width:0;display:flex;flex-direction:column;gap:4px}.ctt-lp-kicker{font:800 9px/1.4 Arial,sans-serif;letter-spacing:1.6px;color:#22d3ee}.ctt-lp-id h3{margin:0;padding-left:42px;color:#fff;font-size:21px;overflow-wrap:anywhere}.ctt-lp-id h3 em{font-style:normal;color:#fde68a;font-size:13px;margin-left:5px}.ctt-lp-id p{margin:0;color:#94a3b8;font-size:11px}.ctt-lp-id>b{width:max-content;margin-top:3px;padding:5px 8px;border-radius:999px;color:#94a3b8;background:rgba(148,163,184,.08);font-size:10px}.ctt-lp-id>b.online{color:#86efac;background:rgba(34,197,94,.1)} .ctt-lp-perfs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.ctt-lp-perf{padding:12px 8px;text-align:center;border:1px solid rgba(56,189,248,.14);border-radius:14px;background:rgba(2,15,25,.58)}.ctt-lp-perf span,.ctt-lp-perf small{display:block;color:#94a3b8;font-size:9px}.ctt-lp-perf strong{display:block;margin:5px 0;color:#fff;font-size:18px}.ctt-lp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.ctt-lp-summary span{display:flex;flex-direction:column;align-items:center;padding:10px 5px;border-radius:13px;background:rgba(15,23,42,.65)}.ctt-lp-summary b{color:#f8fafc;font-size:14px}.ctt-lp-summary small{color:#64748b;font-size:9px}.ctt-lp-bio{margin-top:12px;padding:12px 14px;color:#cbd5e1;background:rgba(2,6,23,.44);border:1px solid rgba(148,163,184,.11);border-radius:14px;font-size:11px;line-height:1.9;white-space:pre-line}.ctt-lp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:#64748b;font-size:10px}.ctt-lp-foot a{display:inline-flex;padding:9px 12px;border-radius:12px;color:#05131c!important;background:linear-gradient(135deg,#67e8f9,#fde68a);font-weight:900;text-decoration:none!important}.ctt-lp-loading,.ctt-lp-error{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#cbd5e1}.ctt-lp-loading i{width:30px;height:30px;border-radius:50%;border:3px solid rgba(56,189,248,.2);border-top-color:#22d3ee;animation:cttLpSpin .8s linear infinite}.ctt-lp-loading span,.ctt-lp-error span{color:#64748b;font-size:10px}@keyframes cttLpSpin{to{transform:rotate(360deg)}} @media(max-width:620px){.ctt-lichess-profile-modal{padding:10px}.ctt-lp-card{padding:17px 13px;border-radius:20px}.ctt-lp-avatar{flex-basis:58px;width:58px;height:58px;font-size:25px}.ctt-lp-id h3{font-size:18px}.ctt-lp-perfs{grid-template-columns:repeat(2,1fr)}.ctt-lp-summary{grid-template-columns:repeat(2,1fr)}.ctt-lp-foot{align-items:stretch;flex-direction:column}.ctt-lp-foot a{justify-content:center}} .ctt-online-streams .ctt-card-player-link,.ctt-online-streams .ctt-player-profile-link{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.ctt-online-streams .ctt-card-player-link:hover,.ctt-online-streams .ctt-player-profile-link:hover{filter:brightness(1.2)} /* v13.29.87 — keep player details inside ChessTeachers and make the names * visible on the embedded board bars open the same in-site profile popup. */ #ctt-online-streams .ctt-lp-foot{justify-content:flex-start!important} #ctt-online-streams .ctt-online-frame-lock{pointer-events:auto!important} #ctt-online-streams .ctt-board-profile-hit{ position:absolute;left:6px;z-index:2;width:58%;height:28px;padding:0;border:0!important;border-radius:0!important; background:transparent!important;color:transparent!important;font-size:0!important;line-height:0!important;text-indent:-9999px!important; overflow:hidden;cursor:pointer;pointer-events:auto;box-shadow:none!important;text-decoration:none!important;opacity:0!important } #ctt-online-streams .ctt-board-profile-hit.top{top:0} #ctt-online-streams .ctt-board-profile-hit.bottom{bottom:0} #ctt-online-streams .ctt-board-profile-hit:hover,#ctt-online-streams .ctt-board-profile-hit:focus{background:transparent!important;color:transparent!important;outline:none!important;opacity:0!important} @media(max-width:760px){#ctt-online-streams .ctt-board-profile-hit{width:70%;height:26px}} /* v13.29.89 final visual cleanup */ #ctt-online-streams .ctt-lp-kicker{display:none!important} #ctt-online-streams .ctt-board-profile-hit,#ctt-online-streams .ctt-board-profile-hit::before,#ctt-online-streams .ctt-board-profile-hit::after{color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:none!important;font-size:0!important;opacity:0!important;content:none!important} /* v13.29.90 — mobile board-only TV frame. Never use the game-analysis embed. */ #ctt-online-streams .ctt-online-framebox{overflow:hidden!important} @media(max-width:760px){ #ctt-online-streams .ctt-online-stream-body{display:block!important} #ctt-online-streams .ctt-online-stage{width:100%!important;max-width:100%!important;overflow:hidden!important} #ctt-online-streams .ctt-online-framebox{width:100%!important;max-width:100%!important;padding:5px!important;overflow:hidden!important} #ctt-online-streams .ctt-online-framebox iframe{ display:block!important;width:100%!important;max-width:100%!important; height:auto!important;min-height:0!important;max-height:none!important; aspect-ratio:1/1.10!important;border:0!important;transform:none!important } #ctt-online-streams .ctt-online-frame-lock{ top:5px!important;left:5px!important;right:5px!important;width:auto!important; height:auto!important;aspect-ratio:1/1.10!important;transform:none!important } #ctt-online-streams .ctt-online-list{max-width:100%!important;overflow-x:auto!important} } /* v13.29.91 — final mobile visual polish only; no data/runtime changes. */ @media(max-width:760px){ #ctt-online-streams.ctt-online-streams{ padding:15px 12px 16px!important;border-radius:20px!important; background:radial-gradient(circle at 92% 4%,rgba(34,211,238,.12),transparent 28%),linear-gradient(150deg,#071723,#04101a 58%,#02080d)!important; box-shadow:0 18px 46px rgba(0,0,0,.28)!important; } #ctt-online-streams .ctt-online-stream-head{align-items:flex-start!important;margin-bottom:14px!important;padding-bottom:12px!important;gap:10px!important} #ctt-online-streams .ctt-online-stream-head h2{margin:4px 0 5px!important;font-size:20px!important;line-height:1.45!important;letter-spacing:-.02em!important} #ctt-online-streams .ctt-online-stream-head p{font-size:9px!important;line-height:1.75!important;color:#8fa4b5!important} #ctt-online-streams .ctt-online-live{padding:7px 9px!important;box-shadow:none!important} #ctt-online-streams .ctt-online-list{gap:8px!important;margin-bottom:12px!important;padding:2px 1px 8px!important;scroll-padding-inline:2px!important} #ctt-online-streams .ctt-online-card{flex:0 0 min(44vw,176px)!important;min-width:154px!important;padding:11px 12px!important;border-radius:14px!important;background:linear-gradient(145deg,#0a1925,#07121c)!important} #ctt-online-streams .ctt-online-card.active{border-color:#38bdf8!important;background:linear-gradient(145deg,#10283b,#0a1927)!important;box-shadow:0 8px 22px rgba(14,165,233,.09),inset 3px 0 #38bdf8!important} #ctt-online-streams .ctt-online-card span{font-size:8px!important}.ctt-online-card b{font-size:11px!important}.ctt-online-card small{font-size:8px!important} #ctt-online-streams .ctt-online-stage{border-radius:18px!important;border-color:#203c50!important;overflow:hidden!important} #ctt-online-streams .ctt-online-players{padding:8px!important;gap:7px!important;background:linear-gradient(180deg,#091925,#07121b)!important} #ctt-online-streams .ctt-player{display:flex!important;align-items:center!important;min-height:48px!important;padding:7px 9px!important;border-radius:12px!important;background:rgba(2,8,15,.45)!important} #ctt-online-streams .ctt-player.white,#ctt-online-streams .ctt-player.black{justify-content:flex-start!important;text-align:right!important} #ctt-online-streams .ctt-player span{font-size:7px!important}.ctt-online-streams .ctt-player b{font-size:11px!important}.ctt-online-streams .ctt-player small{font-size:7px!important} #ctt-online-streams .ctt-online-sound{min-height:34px!important;padding:0 10px!important;font-size:7px!important} #ctt-online-streams .ctt-online-framebox{padding:7px!important;border-top:1px solid rgba(148,163,184,.08)!important;background:radial-gradient(circle at 50% 28%,#10283a,#07121c 48%,#03080d 82%)!important} #ctt-online-streams .ctt-online-framebox iframe{border-radius:12px!important;box-shadow:0 14px 34px rgba(0,0,0,.36)!important} #ctt-online-streams .ctt-online-meta{padding:9px 10px!important;background:#06111a!important}.ctt-online-streams .ctt-online-meta b{font-size:10px!important}.ctt-online-streams .ctt-online-meta span{font-size:8px!important} #ctt-online-streams .ctt-online-moves{padding:8px 9px 9px!important;background:#06101a!important}.ctt-online-streams .ctt-online-moves-list{gap:4px!important}.ctt-online-streams .move-pair{padding:4px 5px!important;border-radius:7px!important} } /* v13.29.92 — cache-busted mobile polish; visual only. */ @media(max-width:760px){ html body #ctt-online-streams.ctt-online-streams{margin:10px 0!important;padding:13px 10px 14px!important;border-radius:20px!important} html body #ctt-online-streams .ctt-online-stream-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:9px!important;margin-bottom:11px!important;padding-bottom:11px!important} html body #ctt-online-streams .ctt-online-stream-head h2{font-size:19px!important;line-height:1.4!important;margin:3px 0 4px!important} html body #ctt-online-streams .ctt-online-stream-head p{font-size:8.5px!important;line-height:1.7!important} html body #ctt-online-streams .ctt-online-live{align-self:start!important;padding:6px 8px!important;border-radius:999px!important} html body #ctt-online-streams .ctt-online-live b{font-size:8px!important} html body #ctt-online-streams .ctt-online-list{display:flex!important;gap:7px!important;margin:0 0 9px!important;padding:1px 0 7px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important} html body #ctt-online-streams .ctt-online-card{flex:0 0 46%!important;min-width:148px!important;max-width:180px!important;padding:10px!important;border-radius:14px!important;scroll-snap-align:start!important} html body #ctt-online-streams .ctt-online-card span{font-size:7.5px!important;margin-bottom:2px!important} html body #ctt-online-streams .ctt-online-card b{font-size:10.5px!important;line-height:1.5!important} html body #ctt-online-streams .ctt-online-card small{font-size:7.5px!important;margin-top:3px!important} html body #ctt-online-streams .ctt-online-stage{border-radius:17px!important;overflow:hidden!important} html body #ctt-online-streams .ctt-online-players{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;padding:7px!important;background:#07131d!important} html body #ctt-online-streams .ctt-player{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:6px!important;row-gap:1px!important;align-items:center!important;min-height:44px!important;padding:6px 8px!important;border-radius:11px!important;background:#06111a!important;border:1px solid rgba(104,145,174,.13)!important;text-align:right!important;justify-content:stretch!important} html body #ctt-online-streams .ctt-player.black{grid-column:1!important;grid-row:1!important} html body #ctt-online-streams .ctt-player.white{grid-column:2!important;grid-row:1!important} html body #ctt-online-streams .ctt-player span{grid-row:1/3!important;display:block!important;font-size:7px!important;color:#7f93a5!important} html body #ctt-online-streams .ctt-player b{display:block!important;min-width:0!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html body #ctt-online-streams .ctt-player small{display:block!important;margin:0!important;font-size:7px!important;color:#78cfee!important} html body #ctt-online-streams .ctt-online-sound{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;min-height:30px!important;padding:0 12px!important;font-size:7px!important} html body #ctt-online-streams .ctt-online-framebox{min-height:0!important;padding:6px!important;background:radial-gradient(circle at 50% 35%,#102637,#07121b 55%,#03080d 100%)!important} html body #ctt-online-streams .ctt-online-framebox iframe{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1.04!important;border-radius:11px!important;box-shadow:0 10px 28px rgba(0,0,0,.30)!important} html body #ctt-online-streams .ctt-online-frame-lock{top:6px!important;left:6px!important;right:6px!important;width:auto!important;height:auto!important;aspect-ratio:1/1.04!important} html body #ctt-online-streams .ctt-online-meta{padding:8px 9px!important}.ctt-online-meta b{font-size:9px!important}.ctt-online-meta span{font-size:7px!important} html body #ctt-online-streams .ctt-online-moves{padding:7px 8px!important} } /* v13.29.93 — mobile final polish: no half-cut carousel cards. */ @media (max-width:760px){ html body #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-list, html body #ctt-online-streams .ctt-online-list{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; max-width:100%!important; margin:0 0 12px!important; padding:2px 0!important; overflow:visible!important; scroll-snap-type:none!important; } html body #ctp-online-streams-app-mount #ctt-online-streams .ctt-online-card, html body #ctt-online-streams .ctt-online-card{ width:100%!important; min-width:0!important; max-width:none!important; flex:none!important; min-height:104px!important; padding:11px 12px!important; border-radius:15px!important; scroll-snap-align:none!important; } html body #ctt-online-streams .ctt-online-card:nth-child(5):last-child{ grid-column:1/-1!important; min-height:92px!important; } html body #ctt-online-streams .ctt-online-card small{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; line-height:1.65!important; overflow-wrap:anywhere!important; } html body #ctt-online-streams .ctt-online-stream-head{ margin-bottom:12px!important; } html body #ctt-online-streams .ctt-online-stage{ margin-top:2px!important; } } @media (max-width:390px){ html body #ctt-online-streams .ctt-online-card{min-height:98px!important;padding:10px!important} html body #ctt-online-streams .ctt-online-card b{font-size:10px!important} html body #ctt-online-streams .ctt-online-card small{font-size:7.5px!important} }