.ctd{padding:56px 0 0;font-family:var(--font-sans);color:var(--color-text)}
.ctd__in{container:ctd/inline-size;max-width:var(--container-extra-wide);margin:0 auto;padding:0 var(--gutter)}
.ctd--s2 .ctd__in{max-width:1280px}
.ctd a{text-decoration:none}
.ctd__h{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding-bottom:16px;margin:0 0 24px;border-bottom:1px solid var(--color-border)}
.ctd__t{display:flex;align-items:center;gap:14px;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--color-ink)}
.ctd__t i{width:12px;height:12px;border-radius:50%;flex:none;background:var(--color-brand)}
.ctd__sub{padding-bottom:3px;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.3;color:var(--color-text-soft)}
.ctd__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:16px}

.ctw{--a:var(--color-brand);--ac:var(--a);--at:var(--color-bg);container-type:inline-size;position:relative;display:flex;min-width:0;min-height:208px;overflow:hidden;border-radius:20px;background:var(--color-bg-cream);border:1px solid var(--color-border);transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);-webkit-tap-highlight-color:transparent}
@supports (color:color-mix(in srgb,red 50%,blue)){.ctw{--ac:color-mix(in srgb,var(--a) 80%,var(--color-ink));--at:color-mix(in srgb,var(--a) 13%,var(--color-bg))}}
.ctd a.ctw,.ctd a.ctw:hover,.ctd a.ctw:focus,.ctd a.ctw:visited{color:var(--color-text)}
.ctw:hover{border-color:var(--ac);box-shadow:var(--shadow-soft);transform:translateY(-2px)}
.ctw:focus-visible,.ctg:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}
.ctw--m{grid-column:span 2}
.ctw--zodia{--a:#6b4fd8}
.ctw--eortologio{--a:#d4205f}
.ctw--lexi{--a:#2f9e5a}
.ctw--pazl{--a:#d8661c}
.ctw--kouiz{--a:#c98a00}
.ctw--tv{--a:#2a6fdb}
.ctw--reality{--a:#c0368f}
.ctw--poios-einai{--a:#e2553a}
.ctw--sosto-lathos{--a:#12936e}
.ctw--megalyteros{--a:#7a3cc4}

.ctw__b{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0;padding:18px}
.ctw__l{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:4px}
.ctw__ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--at);color:var(--ac)}
.ctw__lab{min-width:0;font-size:10.5px;font-weight:700;letter-spacing:.12em;line-height:1.25;color:var(--color-text-soft)}
.ctw__lab b{font-weight:700;color:var(--ac)}
.ctw__live{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.12em;color:#d93a42}
.ctw__live i{width:7px;height:7px;border-radius:50%;background:#e5484d;animation:ctPulse 1.8s ease-out infinite}
@keyframes ctPulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.55)}70%{box-shadow:0 0 0 7px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.ctw__k{font-size:12px;line-height:1.3;color:var(--color-text-soft)}
.ctw__v{font-size:clamp(20px,1.9vw,24px);font-weight:700;letter-spacing:-.015em;line-height:1.15;color:var(--color-ink)}
.ctw__t{font-size:17px;font-weight:600;line-height:1.25;color:var(--color-ink)}
.ctw__names{font-size:clamp(20px,2vw,25px);font-weight:700;letter-spacing:-.015em;line-height:1.15;color:var(--color-ink);text-wrap:balance}
.ctw__big{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--color-ink);font-variant-numeric:tabular-nums}
.ctw__big small{margin:0 6px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--color-text-soft)}
.ctw__big small:last-child{margin-right:0}
.ctw__s{font-size:13px;line-height:1.45;color:var(--color-text-soft)}
.ctw__clamp,.ctw__clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ctw__clamp2{-webkit-line-clamp:2}
.ctw__f{margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:700;line-height:1.3;color:var(--ac)}
.ctw__f.is-done,.ctg__f.is-done{color:#1f9d61}
.ctw__stars{display:flex;gap:3px}
.ctw__stars i{width:13px;height:13px;background:var(--color-border-strong);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.ctw__stars i.is-on{background:#f2b705}

.ctw__side{flex:0 0 42%;display:flex;align-items:center;justify-content:center;min-width:0;padding:18px 18px 18px 0}
.ctw__glyph{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--at);color:var(--ac);box-shadow:0 0 0 10px color-mix(in srgb,var(--a) 6%,transparent);font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols","DejaVu Sans",sans-serif;font-size:48px;line-height:1;transition:transform .5s var(--ease)}
.ctw--zodia:hover .ctw__glyph{transform:rotate(-8deg) scale(1.04)}
.ctw__cal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:118px;padding:14px 8px 13px;border-radius:18px;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);text-align:center;transition:transform .4s var(--ease)}
.ctw--eortologio:hover .ctw__cal{transform:rotate(-3deg)}
.ctw__cal small{font-size:9.5px;font-weight:700;letter-spacing:.12em;line-height:1.2;color:var(--color-text-soft)}
.ctw__cal small:first-child{color:var(--ac)}
.ctw__cal b{font-size:46px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-ink);font-variant-numeric:tabular-nums}
.ctw__tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;max-width:172px}
.ctw__tiles i{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;background:var(--color-bg);box-shadow:inset 0 0 0 1.5px var(--color-border-strong);font-size:15px;font-style:normal;font-weight:700;line-height:1;color:var(--color-ink);transition:transform .45s var(--ease)}
.ctw__tiles i.is-g{background:#2f9e5a;box-shadow:none;color:#fff}
.ctw__tiles i.is-y{background:#d9a514;box-shadow:none;color:#fff}
.ctw__tiles i.is-q{box-shadow:inset 0 0 0 1.5px var(--ac);color:var(--ac)}
.ctw__tiles i.is-e{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-border)}
.ctw--lexi:hover .ctw__tiles i:nth-child(-n+5){transform:rotateX(360deg)}
.ctw__tiles i:nth-child(2){transition-delay:.06s}
.ctw__tiles i:nth-child(3){transition-delay:.12s}
.ctw__tiles i:nth-child(4){transition-delay:.18s}
.ctw__tiles i:nth-child(5){transition-delay:.24s}
.ctw__pz{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:var(--color-bg-soft)}
.ctw__pz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ctw__jig{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ctw__jig path{vector-effect:non-scaling-stroke}
.ctw__jig-l{fill:none;stroke:rgba(255,255,255,.85);stroke-width:1.4}
.ctw__jig-hole{fill:var(--color-bg-cream);opacity:.94;transition:opacity .5s}
.ctw__jig-p{fill:rgba(255,255,255,.25);stroke:#fff;stroke-width:2.2;transform-box:fill-box;transform-origin:center;transform:translate(14%,-18%) rotate(-8deg);filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));transition:transform .6s var(--ease),opacity .6s}
.ctw--pazl:hover .ctw__jig-p{transform:none;opacity:0}
.ctw--pazl:hover .ctw__jig-hole{opacity:0}

.ctd__games{margin-top:40px}
.ctd__gh{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:0 0 16px}
.ctd__gh h3{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:700;letter-spacing:.16em;line-height:1.3;color:var(--color-ink)}
.ctd__gh h3 svg{color:var(--color-brand)}
.ctd .ctd__gh a,.ctd .ctd__gh a:visited{font-size:13px;font-weight:600;color:var(--color-brand)}
.ctd .ctd__gh a:hover{color:var(--color-ink)}
.ctd__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.ctg{display:flex;flex-direction:column;gap:4px;min-width:0}
.ctd a.ctg,.ctd a.ctg:hover,.ctd a.ctg:visited{color:var(--color-text)}
.ctg__ph{position:relative;display:block;aspect-ratio:16/10;margin-bottom:8px;overflow:hidden;border-radius:14px;background:var(--color-bg-soft)}
.ctg__ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ctg:hover .ctg__ph img{transform:scale(1.06)}
.ctg__k{font-size:10.5px;font-weight:700;letter-spacing:.13em;color:var(--color-brand)}
.ctg__t{font-size:16px;font-weight:600;line-height:1.25;color:var(--color-ink)}
.ctg:hover .ctg__t{color:var(--color-brand)}
.ctg__d{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;line-height:1.42;color:var(--color-text-soft)}
.ctg__f{margin-top:4px;font-size:12.5px;font-weight:700;color:var(--color-ink)}

@container ctd (max-width:1080px){
	.ctd__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
	.ctd__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3.25);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1*var(--gutter));padding:0 var(--gutter) 10px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}
	.ctg{scroll-snap-align:start}
}
@container ctd (max-width:600px){
	.ctd__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.ctd__sub{display:none}
	.ctw{min-height:184px;border-radius:18px}
	.ctw__b{gap:7px;padding:15px}
	.ctw__ic{width:28px;height:28px;border-radius:9px}
	.ctw__lab{font-size:10px;letter-spacing:.1em}
	.ctw__side{flex-basis:40%;padding:15px 15px 15px 0}
	.ctw__glyph{width:76px;height:76px;font-size:38px;box-shadow:0 0 0 7px color-mix(in srgb,var(--a) 6%,transparent)}
	.ctw__cal{width:98px;padding:12px 6px 11px}
	.ctw__cal b{font-size:38px}
	.ctw__big{font-size:34px}
	.ctw__t{font-size:16px}
	.ctd__games{margin-top:32px}
	.ctd__row{grid-auto-columns:64%;gap:14px}
}
@container (max-width:215px){
	.ctw__live{gap:0;font-size:0}
}
@media (max-width:600px){
	.ctd{padding-top:44px}
}
@media (prefers-reduced-motion:reduce){
	.ctw,.ctg__ph img,.ctw__tiles i,.ctw__jig-p,.ctw__jig-hole,.ctw__glyph,.ctw__cal{transition:none}
	.ctw__live i{animation:none}
}