/* PAOKWORLD 2.0 beta – app.css 0.9.9l · fonts: Inter / Inter Tight, SIL OFL 1.1 (fonts/OFL-Inter.txt) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-greek-400.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF,U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-greek-500.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF,U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-greek-600.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF,U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-greek-700.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF,U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/intertight-greek-600.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF,U+1F00-1FFF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/intertight-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/intertight-greek-700.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF,U+1F00-1FFF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/intertight-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ---------- tokens · v4 look (15 Oct 14:40): own PAOKWORLD identity – PAOK stripes, violet accent, match tickets, titles above cards ---------- */
:root{
  --bg:#EFEFF0;--head:#1B1C1E;--head-ink:#F2F3F5;--head-ink2:#A9AEB8;
  --surface:#FFFFFF;--surface2:#F6F6F7;--photo:#DCDDDF;--ink:#151617;--ink2:#64676C;--line:#EBEBED;--chip:#EFEFF1;
  --bar:#1F2228;--bar-ink:#F2F3F5;--btn:#15171C;--btn-ink:#FFFFFF;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 6px 18px rgba(16,24,40,.06);
  --accent:#2C3440;--accent-soft:rgba(44,52,64,.08);--on-accent:#FFFFFF;   /* 0.9.3 (owner): no violet – graphite */
  --foot:#1F6FE0;--bask:#D2601A;--live:#FF3B30;
  --sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-h:'Inter Tight','Inter',system-ui,sans-serif;
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#0F1011;--head:#151617;--head-ink:#EDEEEF;--head-ink2:#95989D;
  --surface:#18191B;--surface2:#1F2022;--photo:#28292C;--ink:#EDEEEF;--ink2:#95989D;--line:#2A2B2E;--chip:#26272A;
  --bar:#232427;--bar-ink:#ECEEF2;--btn:#ECEEF2;--btn-ink:#0F1011;
  --shadow:0 1px 2px rgba(0,0,0,.3);
  --accent:#D3D7DE;--accent-soft:rgba(211,215,222,.12);--on-accent:#111213;   /* 0.9.3 (owner): no violet – silver */
  --foot:#5EA2FF;--bask:#FF9A5A;
  color-scheme:dark;
}

/* ---------- base ---------- */
*{box-sizing:border-box}
/* only weights 400–700 are shipped: never let the browser fake a heavier weight (that smeared the header on iPhone) */
html{font-synthesis:none;-webkit-font-smoothing:antialiased}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:400 15px/1.45 var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{overscroll-behavior-y:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
img{max-width:100%}
h1,h2,h3{font-family:var(--font-h);margin:0;letter-spacing:-.01em}
.boot{height:100dvh;display:flex;align-items:center;justify-content:center;font:700 22px var(--font-h);color:var(--ink2)}

/* ---------- shell ---------- */
/* iOS home-screen app: 100vh/100dvh there is the screen MINUS the status bar, which left an empty strip under the
   tab bar. A fixed shell pinned to all four edges always fills the real screen (browser, iOS and Android apps). */
.shell{position:fixed;top:var(--app-top,0);left:0;right:0;height:var(--app-h,100%);display:flex;flex-direction:column;background:var(--bg);overflow:hidden}
html,body{overflow:hidden;min-height:var(--app-h,100%)}
.hdr{flex-shrink:0;background:var(--head);color:var(--head-ink);padding:var(--sat) var(--sar) 0 var(--sal);position:relative;z-index:5}
.hdr::after{content:"";display:block;height:4px;background:repeating-linear-gradient(90deg,#0B0B0D 0 10px,#F2F3F5 10px 20px)}
.hdr-row{height:56px;display:flex;align-items:center;gap:2px;padding:0 4px 0 14px;max-width:1280px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;color:var(--head-ink)}
.brand img{width:30px;height:30px;border-radius:50%;flex-shrink:0}
.brand b{font:700 19px var(--font-h);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand b.c-f{color:var(--head-ink)}.brand b.c-b{color:var(--head-ink)}
.back{width:40px;height:44px;margin-left:-10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--head-ink)}
.back svg{width:22px;height:22px}
.hnav{display:none;gap:4px;margin-right:12px}
.hnav a{height:34px;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--head-ink2)}
.hnav a[aria-current="page"]{color:var(--head-ink);background:rgba(255,255,255,.08)}
.hnav a .dot{width:7px;height:7px}
.ib{position:relative;width:42px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--head-ink)}
.ib svg{width:21px;height:21px}
.badge{position:absolute;top:7px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--live);color:#fff;font:700 10px/16px var(--font);text-align:center}
.subs-wrap{background:var(--surface);border-bottom:1px solid var(--line)}
.subs{display:flex;gap:4px;overflow-x:auto;padding:0 10px;scrollbar-width:none;max-width:1280px;margin:0 auto}
.subs::-webkit-scrollbar{display:none}
.sub{position:relative;height:44px;padding:0 10px;flex-shrink:0;color:var(--ink2);font-size:14px;font-weight:600;white-space:nowrap}
.sub[aria-selected="true"]{color:var(--ink)}
.sub[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}
.sub.s-foot[aria-selected="true"]::after{background:var(--foot)}
.sub.s-bask[aria-selected="true"]::after{background:var(--bask)}
.main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.page{padding:12px calc(10px + var(--sar)) 28px calc(10px + var(--sal));display:flex;flex-direction:column;gap:12px;max-width:1280px;margin:0 auto}
.page > *{flex-shrink:0;min-width:0}
.page.narrow{max-width:860px}
.page.flush{padding:0;gap:0;max-width:860px}

/* ---------- tab bar (phone) ---------- */
.tabs{flex-shrink:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--surface);border-top:1px solid var(--line);padding:0 var(--sar) max(4px,calc(var(--sab) - 14px)) var(--sal);min-height:58px}
.tab{position:relative;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink2);font-size:11px;font-weight:600}
.tab svg{width:22px;height:22px}
.tab[aria-current="page"]{color:var(--ink)}
.tab.t-foot[aria-current="page"]{color:var(--foot)}
.tab.t-bask[aria-current="page"]{color:var(--bask)}
.tab[aria-current="page"]:not(.t-live)::before{content:"";position:absolute;top:0;left:24%;right:24%;height:3px;border-radius:0 0 3px 3px;background:currentColor}
.tab.t-home[aria-current="page"]::before,.tab.t-forum[aria-current="page"]::before{background:repeating-linear-gradient(90deg,var(--ink) 0 4px,transparent 4px 7px)}
.live-pill{position:relative;width:36px;height:24px;border-radius:12px;background:linear-gradient(145deg,#2E3442,#141821);color:#ECEEF2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.live-pill svg{width:18px;height:18px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--live);display:inline-block;flex-shrink:0}
.live-pill .dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border:2px solid var(--surface)}
.pulse{animation:pwpulse 1.8s infinite}
@keyframes pwpulse{0%{box-shadow:0 0 0 0 rgba(255,59,48,.7)}70%{box-shadow:0 0 0 7px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}

/* ---------- block = PAOK-stripes title ABOVE a card (PAOKWORLD section style) ---------- */
.blk{display:flex;flex-direction:column;gap:8px}
.blk-h{display:flex;align-items:center;gap:10px;padding:6px 4px 0}
.stripes{width:14px;height:20px;flex-shrink:0;border-radius:3px;background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 6px);box-shadow:inset 0 0 0 1px var(--line)}
.blk.f .stripes{background:repeating-linear-gradient(90deg,var(--foot) 0 3px,transparent 3px 6px)}
.blk.b .stripes{background:repeating-linear-gradient(90deg,var(--bask) 0 3px,transparent 3px 6px)}
.blk-h h2{font:700 20px var(--font-h);letter-spacing:-.02em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blk-h a,.blk-h button{font-size:13px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:2px;white-space:nowrap}
.blk-h svg{width:15px;height:15px}
.blk-b{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.blk-b > .hscroll{background:transparent}
.a-news .blk-b,.a-texts .blk-b,.a-videos .blk-b,.a-games .blk-b{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.a-news .hscroll,.a-texts .hscroll,.a-videos .hscroll,.a-games .hscroll{padding:2px 4px 6px;margin:0 -10px;padding-left:10px;padding-right:10px;scroll-padding:0 10px}
.list > *{border-bottom:1px solid var(--line)}
.list > *:last-child{border-bottom:0}

/* rows */
.row{display:flex;gap:12px;align-items:center;padding:11px 14px;text-align:left;width:100%}
.row:active{background:var(--surface2)}
.row .th{width:84px;height:60px;flex-shrink:0;border-radius:10px;background:var(--photo) center/cover no-repeat}
.row .tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ttl{font-size:14.5px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.row.unread .ttl{font-weight:700}
.meta{font-size:12px;color:var(--ink2);display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.meta b{color:var(--ink);font-weight:600}
.desc{font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:var(--accent);letter-spacing:.02em}
.tag .dot{width:7px;height:7px}
.c-f{color:var(--foot)}.c-b{color:var(--bask)}.c-o{color:var(--accent)}
.bg-f{background:var(--foot)}.bg-b{background:var(--bask)}.bg-o{background:var(--accent);color:var(--on-accent)}
.count{min-width:34px;height:24px;padding:0 8px;border-radius:999px;background:var(--chip);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.newdot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}
.chev,.row > svg{width:16px;height:16px;color:var(--ink2);flex-shrink:0}
.empty{padding:22px 16px;text-align:center;color:var(--ink2);font-size:14px}
.note{font-size:12px;color:var(--ink2)}
.btn{height:44px;padding:0 16px;border-radius:12px;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn svg{width:16px;height:16px;flex-shrink:0}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.btns .btn{font-size:13px;padding:0 10px;text-align:center;line-height:1.2}
.skel{height:64px;border-radius:16px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface2) 50%,var(--surface) 100%);background-size:200% 100%;animation:sk 1.2s infinite}
@keyframes sk{to{background-position:-200% 0}}
.err{padding:16px;border-radius:16px;background:var(--surface);color:var(--ink2);font-size:14px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}

/* avatars: real picture or a coloured initial */
.av{width:36px;height:36px;border-radius:50%;background:var(--chip) center/cover no-repeat;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}
.av.sm{width:30px;height:30px;font-size:12.5px;border-radius:9px}

/* hero */
.hero{cursor:pointer;position:relative;min-height:250px;border-radius:16px;overflow:hidden;background:#28292C center/cover no-repeat;display:flex;align-items:flex-end;color:#F2F3F5;text-align:left;box-shadow:var(--shadow)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,16,.95) 0%,rgba(10,12,16,.55) 48%,rgba(10,12,16,0) 85%)}
.hero > div{position:relative;padding:18px;display:flex;flex-direction:column;gap:8px}
.hero h1{font-size:24px;line-height:1.18;font-weight:700}
.hero .meta{color:#CDCFD2}
.hero .lbl{align-self:flex-start;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:600;padding:5px 10px 5px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.hero .lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.hero .lbl.f::before{background:var(--foot)}.hero .lbl.b::before{background:var(--bask)}


/* sideways rows (news photos, games, videos) */
.hscroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 14px;padding:14px;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.hscroll > *{scroll-snap-align:start;flex-shrink:0}
.ncard{width:210px;display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--surface);border-radius:14px;padding:0 0 12px;box-shadow:var(--shadow);overflow:hidden}
.ncard > .ttl,.ncard > .meta{padding:0 12px}
.ncard .ph{width:100%;aspect-ratio:16/10;border-radius:0;background:var(--photo) center/cover no-repeat}
.ncard .ttl{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vcard{width:270px;display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--surface);border-radius:14px;padding:0 0 12px;box-shadow:var(--shadow);overflow:hidden}
.vcard > .ttl,.vcard > .meta{padding:0 12px}
.vcard .ph{position:relative;width:100%;aspect-ratio:16/9;border-radius:0;background:#1B1D22 center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.vcard .play{width:46px;height:46px;border-radius:50%;background:rgba(15,17,21,.72);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.85)}
.vcard .play svg{width:20px;height:20px;margin-left:3px}
.vcard .ttl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* match tickets */
.tkt{width:262px;display:flex;align-items:stretch;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);text-align:left;position:relative;overflow:hidden}
.tkt .stub{width:72px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 4px;background:var(--surface2);border-right:2px dashed var(--line)}
.tkt .stub b{font:700 26px/1 var(--font-h);letter-spacing:-.02em}
.tkt .stub span{font-size:11px;font-weight:600;color:var(--ink2);text-align:center}
.tkt.f .stub b{color:var(--foot)}.tkt.b .stub b{color:var(--bask)}
.tkt.live .stub{background:#14161B;color:#fff}.tkt.live .stub b{color:#fff;font-size:20px}.tkt.live .stub span{color:#FF8A82}
.tkt-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px}
.tkt .tag{color:var(--ink2);font-weight:600}
.tkt .vs{font:700 15px/1.25 var(--font-h);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tkt-line{font-size:12.5px;color:var(--ink2);display:flex;align-items:center;gap:6px;margin-top:auto}

/* live card */
.livecard{border-radius:16px;padding:16px;color:#ECEEF2;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);
  background:radial-gradient(120% 140% at 100% 0%,rgba(255,59,48,.18) 0%,rgba(255,59,48,0) 45%),linear-gradient(160deg,#25262A 0%,#131415 100%)}
.livecard h3{font-size:16px;font-weight:700}
.livecard .row-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pill-live{height:24px;padding:0 9px;border-radius:12px;background:rgba(255,59,48,.16);color:#FF8A82;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.livecard .btn{background:#ECEEF2;color:#111}

/* home grid: phone = one column in reading order; desktop = magazine (main + side) */
.home{display:flex;flex-direction:column;gap:12px}
.home .col{display:contents}
.a-hero{order:1}.a-live{order:2}.a-games{order:3}.a-news{order:4}.a-texts{order:4}.a-forum{order:5}.a-videos{order:6}.a-articles{order:7}.a-foot{order:8}

/* fixtures (sport tabs) */
.fx{padding:14px;display:flex;flex-direction:column;gap:10px}
.fx-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}
.fx-body{display:flex;align-items:center;gap:12px}
.fx-teams{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.fx-team{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;min-width:0}
.fx-team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crest{width:26px;height:26px;border-radius:50%;background:var(--chip);flex-shrink:0}
.fx-when{flex-shrink:0;padding-left:12px;border-left:1px solid var(--line);text-align:right;display:flex;flex-direction:column;gap:2px}
.fx-when b{font:700 17px var(--font-h)}
.fx-when span{font-size:12px;color:var(--ink2)}

/* match center */
.mc{border-radius:16px;background:linear-gradient(160deg,#25262A 0%,#131415 100%);color:#ECEEF2;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}
.mc-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#9C9FA4}
.mc-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;text-align:center;gap:6px}
.mc-score b{font:700 15px var(--font-h)}
.mc-score .big{font:700 34px var(--font-h);line-height:1}
.mc-parts{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.mc-parts span{min-width:54px;border-radius:10px;background:rgba(255,255,255,.07);padding:6px 8px;display:flex;flex-direction:column;align-items:center;font-size:12px}
.mc-parts small{color:#9C9FA4;font-size:10.5px}
.play-row{display:flex;gap:12px;padding:10px 14px;font-size:14px}
.play-row b{width:46px;flex-shrink:0;color:var(--ink2);font-weight:600}

/* section heading outside blocks */
.sec{display:flex;justify-content:space-between;align-items:baseline;padding:4px 4px 0}
.sec h2{font-size:17px;font-weight:700}

/* account button (replaces ☰): the member's avatar, or «Σύνδεση» for guests */
.me-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px}
.me-btn .av{width:32px;height:32px;font-size:13px;box-shadow:0 0 0 2px var(--head),0 0 0 3.5px rgba(255,255,255,.35)}
.me-btn.has-alerts .av{box-shadow:0 0 0 2px var(--head),0 0 0 3.5px var(--live)}
.login-btn{height:34px;padding:0 12px;border-radius:10px;background:#F2F3F5;color:#15171C;font-size:13px;font-weight:700;display:flex;align-items:center;margin-left:4px}

/* sport page: next game + table */
.sportp{display:flex;flex-direction:column;gap:12px}
.sportp .col{display:flex;flex-direction:column;gap:12px;min-width:0}
.next{padding:16px;display:flex;flex-direction:column;gap:10px}
.next-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;text-align:center}
.next-vs b{font:700 21px/1.15 var(--font-h);letter-spacing:-.02em}
.next-vs span{color:var(--ink2);font-weight:700}
.next-when{display:flex;justify-content:center;gap:10px;align-items:center;font-size:14px;font-weight:600}
.next-when .cd{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.blk.f .next-when .cd{background:rgba(31,111,224,.12);color:var(--foot)}.blk.b .next-when .cd{background:rgba(210,96,26,.12);color:var(--bask)}
.next .note,.next .tag{align-self:center;text-align:center}
.tbl{font-size:13.5px}
.tbl-r{display:grid;grid-template-columns:26px minmax(0,1fr) 30px 58px 40px 32px;gap:6px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.tbl-r:last-child{border-bottom:0}
.tbl-r > span:nth-child(n+3),.tbl-r > b{text-align:right;color:var(--ink2)}
.tbl-r > b{color:var(--ink);font-weight:700}
.tbl-h{font-size:11px;font-weight:700;color:var(--ink2);background:var(--surface2)}
.tbl-r .pos{font-weight:700;color:var(--ink2)}
.tbl-r .team{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.tbl-r.me{background:var(--accent-soft)}
.tbl-r.me.f{background:rgba(31,111,224,.10)}.tbl-r.me.b{background:rgba(210,96,26,.10)}
.tbl-r.me .team,.tbl-r.me .pos{font-weight:700;color:var(--ink)}

/* schedule */
.tkt-list{display:flex;flex-direction:column;gap:10px;padding:12px}
.tkt-list .tkt{width:auto;box-shadow:none;border:1px solid var(--line)}
.wdl{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.wdl.wΝ{background:var(--ink);color:var(--bg)}.wdl.wΙ{background:var(--chip);color:var(--ink)}.wdl.wΗ{border:1.5px solid var(--ink2);color:var(--ink2)}
.res-score{font:700 17px var(--font-h);flex-shrink:0}

/* forum */
.kids{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.kid{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--chip);color:var(--ink2)}
.pager{display:flex;gap:8px;justify-content:center;align-items:center;font-size:13px;color:var(--ink2)}

/* topic */
.topic-head{padding:16px 16px 12px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border-bottom:1px solid var(--line)}
.topic-head h1{font-size:21px;line-height:1.25;font-weight:700}
.post{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.post + .post{border-top:0}
.posts{display:flex;flex-direction:column;gap:8px;padding:8px 0}
.posts .post{border-radius:0;border-bottom:0}
.post-h{display:flex;gap:10px;align-items:center}
.post-h .who{display:flex;flex-direction:column;min-width:0;flex:1}
.post-h .who b{font-size:14.5px;font-weight:600}
.post-h .who span{font-size:12px;color:var(--ink2)}
.post-h .n{font-size:12px;color:var(--ink2)}
.body{font-size:15.5px;line-height:1.55;overflow-wrap:anywhere}
.body img{height:auto;border-radius:10px}
.body img.smiley{height:1.3em;width:auto;border-radius:0;vertical-align:-.25em}
.body blockquote,.body .bbc_standard_quote,.body .bbc_alternate_quote{margin:8px 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--surface2);border-radius:0 12px 12px 0;font-size:14px;color:var(--ink2)}
.body cite{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:4px}
.body .quoteheader,.body .codeheader{font-size:12px;font-weight:600;color:var(--ink2)}
.body code,.body pre{font-size:13px;white-space:pre-wrap;background:var(--surface2);border-radius:8px;padding:2px 6px}
.body a{text-decoration:underline;text-underline-offset:2px;color:var(--accent)}
.body iframe{display:none}
.body .lead-img,.body a > .lead-img{float:left;width:42%;max-width:320px;height:auto;margin:3px 14px 8px 0;border-radius:12px;background:var(--photo)}
.body.has-lead::after{content:"";display:block;clear:both}
@media (max-width:380px){.body .lead-img{width:46%}}
.imgs{display:flex;flex-direction:column;gap:8px}
.imgs img{border-radius:12px;width:100%;height:auto;background:var(--photo)}
.post-f{display:flex;gap:14px;font-size:12px;color:var(--ink2)}
.reply-bar{flex-shrink:0;padding:8px 12px;background:var(--surface);border-top:1px solid var(--line);display:flex;gap:8px;justify-content:center}
.reply-bar .btn{flex:1;max-width:320px}

/* live: Live!1926 keeps its own top bar; our header steps aside, the tab bar stays */
.live-wrap{flex:1;min-height:0;flex-direction:column;padding-top:var(--sat);background:#000}
.shell.is-live .hdr{display:none}
/* live iframe */
.live-frame{flex:1;width:100%;border:0;background:#0F1011;display:block}

/* sheets */
.scrim{position:absolute;inset:0;z-index:30;background:rgba(0,0,0,.5);display:flex}
.drawer{margin-left:auto;width:min(340px,88%);height:100%;overflow-y:auto;background:var(--surface);padding:calc(14px + var(--sat)) 14px calc(24px + var(--sab));display:flex;flex-direction:column;gap:2px}
.drawer .me{display:flex;align-items:center;gap:10px;padding:0 6px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}
.drawer .ib{color:var(--ink)}
.drawer .grp{padding:12px 6px 4px;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.02em}
.mi{min-height:46px;padding:0 8px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:500;text-align:left;width:100%}
.mi:active{background:var(--chip)}
.mi small{font-size:12px;font-weight:600;color:var(--ink2)}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--chip);margin:4px 6px}
.seg button{height:34px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink2)}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.bottom-sheet{margin-top:auto;width:100%;background:var(--surface);border-radius:22px 22px 0 0;padding:12px 18px calc(22px + var(--sab));display:flex;flex-direction:column;gap:14px}
.grab{align-self:center;width:40px;height:5px;border-radius:3px;background:var(--line)}
.step{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);font-size:15px}
.step b{width:30px;height:30px;border-radius:50%;background:var(--btn);color:var(--btn-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.search-in{width:100%;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 14px;font:400 16px var(--font)}
.toast{position:absolute;left:12px;right:12px;bottom:calc(74px + var(--sab));z-index:40;background:var(--btn);color:var(--btn-ink);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:500}

/* ---------- desktop ---------- */
@media (min-width:1000px){
  .hnav{display:flex}
  .tabs{display:none}
  .page{padding:20px 24px 40px;gap:16px}
.home{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
  .home .col{display:flex;flex-direction:column;gap:16px;min-width:0}
  .home .a-hero{min-height:440px}
  .home .a-hero h1{font-size:32px}
  .a-games .hscroll{flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:440px;margin:0;padding:0 4px 0 0;scroll-snap-type:y proximity;scrollbar-width:thin}
  .a-games .hs-btn{display:none !important}
  .a-games .tkt{width:auto}
  .a-news .hscroll,.a-texts .hscroll,.a-videos .hscroll{margin:0;padding:2px 2px 8px}
  .ncard{width:220px}
  .vcard{width:300px}
  .posts{gap:12px;padding:16px 0}
  .posts .post{border-radius:16px;box-shadow:var(--shadow)}
  .topic-head{border-radius:16px;margin-top:16px;box-shadow:var(--shadow)}
  .page.flush{padding:0 24px}
  .scrim{justify-content:flex-end}
  .sportp{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
  .sportp .col{gap:16px}
  /* desktop Live!: our navigation becomes a slim rail on the left, Live! gets the full height */
  .shell.is-live{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .shell.is-live .main,.shell.is-live .hdr{display:none}
  .shell.is-live .live-wrap{grid-column:2;grid-row:1}
  .shell.is-live .tabs{display:flex;flex-direction:column;grid-column:1;grid-row:1;border-top:0;border-right:1px solid var(--line);padding-top:10px}
  .shell.is-live .tab{height:72px}
  .shell.is-live .tab[aria-current="page"]::before{top:18px;bottom:18px;left:0;right:auto;width:3px;height:auto;border-radius:0 3px 3px 0}
}


/* ---------- 0.4.3: account menu (small panel under the avatar) ---------- */
.scrim.am-scrim{background:rgba(0,0,0,.35);align-items:flex-start;justify-content:flex-end}
.am{margin:calc(var(--sat) + 52px) 8px 0 0;width:min(320px,calc(100% - 16px));max-height:min(70%,560px);overflow:auto;background:var(--surface);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);border:1px solid var(--line);display:flex;flex-direction:column;animation:amIn .16s ease-out;transform-origin:top right}
@keyframes amIn{from{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.am{animation:none}}
.am-me{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}
.am-me .av{width:42px;height:42px;font-size:16px}
.am-who{flex:1;min-width:0;display:flex;flex-direction:column}
.am-who b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-who span{font-size:12px;color:var(--ink2)}
.am-prof{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:var(--accent)}
.am-prof svg{width:15px;height:15px}
.am-sec{padding:10px 14px 4px;display:flex;flex-direction:column;gap:6px}
.am-lbl{font-size:11.5px;font-weight:700;color:var(--ink2)}
.am .seg{margin:0}
.am-list{display:flex;flex-direction:column;padding:6px}
.am-row{min-height:42px;padding:0 8px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:500;text-align:left;width:100%}
.am-row:active,.am-row:hover{background:var(--chip)}
.am-row svg{width:19px;height:19px;color:var(--ink2);flex-shrink:0}
.am-out{margin:0 6px;min-height:42px;padding:0 8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:#E5484D;text-align:left}
.am-out svg{width:19px;height:19px}
.am-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 12px;font-size:11.5px;color:var(--ink2)}
.am-foot button{font-size:11.5px;font-weight:600;color:var(--accent)}

/* ---------- 0.4.3: logo tap → big logo ---------- */
.scrim.logo-scrim{background:rgba(5,6,8,.86);align-items:center;justify-content:center;cursor:zoom-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.logo-stage{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px}
.logo-big{width:min(78vw,78vh,460px);height:auto;border-radius:50%;box-shadow:0 20px 60px rgba(0,0,0,.6);image-rendering:auto}
.logo-cap{color:#CDCFD2;font-size:14px;font-weight:600;text-align:center}

/* ---------- 0.4.3: table tabs ---------- */
.ttabs{display:flex;gap:6px;overflow-x:auto;padding:10px 10px 4px;scrollbar-width:none;border-bottom:1px solid var(--line)}
.ttabs::-webkit-scrollbar{display:none}
.ttab{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--ink2);white-space:nowrap;flex-shrink:0}
.ttab[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:transparent}
.ttab.f[aria-selected="true"]{background:var(--foot);color:#fff}.ttab.b[aria-selected="true"]{background:var(--bask);color:#fff}
.ttitle{padding:10px 12px 0;font-size:12px;font-weight:700;color:var(--ink2)}
a.row.res{color:inherit}

/* ---------- 0.4.3: desktop Live! rail – Live! colours + fold ---------- */
.rail-fold,.rail-unfold{display:none}
@media (min-width:1000px){
  .shell.is-live .tabs{background:#000;border-right:1px solid #1D1E21}
  .shell.is-live .tab{color:#808388}
  .shell.is-live .tab[aria-current="page"],.shell.is-live .tab.t-foot[aria-current="page"],.shell.is-live .tab.t-bask[aria-current="page"]{color:#fff}
  .shell.is-live .tab[aria-current="page"]::before{background:#fff}
  .shell.is-live .live-pill .dot{border-color:#000}
  .shell.is-live .rail-fold{display:flex;align-items:center;justify-content:center;height:44px;margin:auto 0 12px;color:#808388}
  .shell.is-live .rail-fold svg,.rail-unfold svg{width:20px;height:20px}
  .shell.is-live.rail-off{grid-template-columns:0 minmax(0,1fr)}
  .shell.is-live.rail-off .tabs{display:none}
  .shell.is-live.rail-off .rail-unfold{display:flex;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:20;width:22px;height:64px;align-items:center;justify-content:center;background:#000;color:#9C9FA4;border:1px solid #1D1E21;border-left:0;border-radius:0 10px 10px 0}
}

/* login page (guest) */
.pw-login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:16px}
.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.login-card h1{font-size:22px;margin-bottom:4px}
.login-card p{color:var(--ink2);margin:0 0 14px;font-size:14px}
.login-card table{width:100%;border-collapse:collapse}
.login-card td{display:block;padding:4px 0;text-align:left!important}
.login-card input[type=text],.login-card input[type=password]{width:100%;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:0 12px;font-size:16px}
.login-card input[type=submit]{width:100%;height:46px;border-radius:12px;border:0;background:var(--btn);color:var(--btn-ink);font-weight:600;font-size:15px;margin-top:8px}

/* 0.4.4 – ΠΑΟΚ · σεζόν (team + roster statistics) */
a.tbl-r{color:inherit;text-decoration:none;cursor:pointer}
.tbl-r .team svg{width:14px;height:14px;vertical-align:-2px;margin-left:2px;opacity:.7}
.tbl-more{display:flex;align-items:center;gap:8px;padding:11px 12px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--accent)}
.tbl-more.f{color:var(--foot)}.tbl-more.b{color:var(--bask)}
.tbl-more svg{width:16px;height:16px;flex-shrink:0}.tbl-more svg:last-child{margin-left:auto;width:14px;height:14px}
.teamp{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto;width:100%}
.tm{display:flex;flex-direction:column}
.tm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.tile{display:flex;flex-direction:column;gap:2px;padding:12px;border-right:1px solid var(--line);min-width:0}
.tile:last-child{border-right:0}
.tile .lbl{font-size:11px;font-weight:700;color:var(--ink2);letter-spacing:.02em}
.tile b{font:700 22px/1.15 var(--font-h);letter-spacing:-.01em}
.tile .note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-row{display:grid;grid-template-columns:1fr 1fr 1.4fr}
.ha{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-right:1px solid var(--line);min-width:0}
.ha:last-child{border-right:0}
.ha > span:first-child{font-size:11px;font-weight:700;color:var(--ink2)}
.ha b{font-size:15px}
.form-chips{display:flex;gap:4px;flex-wrap:wrap}
.form-chips .wdl{width:22px;height:22px;border-radius:6px;font-size:11px}
@media (max-width:560px){.tm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile:nth-child(2){border-right:0}.tile:nth-child(-n+2){border-bottom:1px solid var(--line)}.tm-row{grid-template-columns:1fr 1fr}.ha.form{grid-column:1/-1;border-top:1px solid var(--line)}.ha:nth-child(2){border-right:0}}
.ros{font-size:13.5px;overflow-x:auto}
.ros-r{display:grid;gap:4px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);min-width:320px}
.ros-r.f{grid-template-columns:22px minmax(84px,1fr) 22px 32px repeat(5,24px);gap:3px;padding-left:10px;padding-right:10px}
.ros-r.b{grid-template-columns:22px minmax(84px,1fr) 20px repeat(5,33px);gap:3px;padding-left:10px;padding-right:10px}
.ros-r:last-child{border-bottom:0}
.ros-r > :nth-child(n+3){text-align:right;color:var(--ink2);font-variant-numeric:tabular-nums}
.ros-r > b:nth-child(n+3){color:var(--ink);font-weight:700}
.ros-r .z{opacity:.45}
.ros-r .num{font-size:11.5px;font-weight:700;color:var(--ink2);text-align:center}
.ros-r .pn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.ros-h{font-size:11px;font-weight:700;color:var(--ink2);background:var(--surface2);padding-top:6px;padding-bottom:6px}
.ros-h button{font:inherit;color:inherit;text-align:right;padding:4px 0;cursor:pointer}
.ros-h button.on{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ros-h button.yc{color:#E2B007}.ros-h button.rc{color:#E5484D}

/* ---------- 0.4.6: path in the header, slim Live! bar, ‹ › for strips, running countdown ---------- */
.logo-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.logo-btn img{width:30px;height:30px;border-radius:50%}
.crumbs{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px;margin-left:8px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;color:var(--head-ink2);font:600 15px var(--font-h)}
.crumbs a{color:var(--head-ink2);flex-shrink:0}
.crumbs a:hover{color:var(--head-ink)}
.crumbs::-webkit-scrollbar{display:none}
.crumbs b{font:700 18px var(--font-h);letter-spacing:-.01em;color:var(--head-ink);flex-shrink:0}
.crumbs b.c-topic{max-width:46vw;overflow:hidden;text-overflow:ellipsis}
.crumbs .sep{opacity:.45;font-weight:400;flex-shrink:0}
.crumbs.deep b{font-size:16px}
@media (max-width:560px){.hdr-row{padding-left:8px}.ib{width:36px}.me-btn{width:40px}.crumbs{margin-left:2px;gap:3px;font-size:11.5px}.crumbs b{font-size:15px;letter-spacing:-.015em}.logo-btn{width:32px}.logo-btn img{width:28px;height:28px}}
.livebar{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:14px;color:#fff;
  background:linear-gradient(90deg,#000 0%,#15171C 100%);box-shadow:inset 3px 0 0 #FF3B30,var(--shadow)}
.livebar .lb-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,59,48,.16)}
.livebar .lb-dot .dot{background:#FF3B30;width:9px;height:9px}
.livebar .lb-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.livebar .lb-tx b{font:700 14.5px var(--font-h)}
.livebar .lb-tx span{font-size:12px;color:#A9AFBA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.livebar .lb-go{flex-shrink:0;height:30px;padding:0 12px;border-radius:999px;background:#FF3B30;color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center}
.livebar.on{background:linear-gradient(90deg,#3A0A08 0%,#000 70%)}
.hs-wrap{position:relative}
.hs-btn{display:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--surface);color:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,.22);border:1px solid var(--line);align-items:center;justify-content:center;z-index:2}
.hs-btn svg{width:18px;height:18px;flex-shrink:0}
.hs-btn.prev{left:2px}.hs-btn.next{right:2px}
.hs-btn:disabled{opacity:0;pointer-events:none}
@media (hover:hover) and (pointer:fine){.hs-btn{display:flex}}
.tkt .cd{align-self:flex-start;font:700 12px var(--font);font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.tkt.f .cd{background:rgba(31,111,224,.12);color:var(--foot)}.tkt.b .cd{background:rgba(210,96,26,.12);color:var(--bask)}
.next-when .cd{font-variant-numeric:tabular-nums;font-weight:700}

/* ---------- 0.4.8 ---------- */
.hnav a svg{width:17px;height:17px;flex-shrink:0}
.hnav a .dot{margin-left:-4px}
.a-press{order:5}
/* PAOK row in tables: clearly tappable */
a.tbl-r.me{position:relative;box-shadow:inset 4px 0 0 var(--accent)}
a.tbl-r.me.f{box-shadow:inset 4px 0 0 var(--foot);background:rgba(31,111,224,.14)}
a.tbl-r.me.b{box-shadow:inset 4px 0 0 var(--bask);background:rgba(210,96,26,.14)}
a.tbl-r.me:hover,a.tbl-r.me:active{filter:brightness(.96)}
.tbl-r .team{display:flex;align-items:center;gap:6px}
.tbl-r .team .tn{overflow:hidden;text-overflow:ellipsis;min-width:0}
.tbl-r.me .team .tn{flex-shrink:0}
.tbl-r .team{overflow:hidden}
.stat-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--on-accent);background:var(--accent)}
.tbl-r.f .stat-pill{background:var(--foot)}.tbl-r.b .stat-pill{background:var(--bask)}
.stat-pill svg{width:11px !important;height:11px !important;margin:0 !important;opacity:1 !important}
/* Τι γράφει ο Τύπος */
.pr-sample{margin:0;padding:9px 12px;font-size:12px;color:var(--ink2);background:var(--surface2);border-bottom:1px solid var(--line)}
.pr{display:flex;flex-direction:column;gap:6px;padding:12px}
.pr-top{font-size:11.5px;font-weight:600;color:var(--ink2)}
.pr-t{font:700 15px/1.3 var(--font-h)}
.pr-d{font-size:13px;color:var(--ink2);line-height:1.4}
.pr-more{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink2);text-align:left;padding:2px 0}
.pr-mono{display:flex}
.mono{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;letter-spacing:.02em;
  background:var(--chip);color:var(--ink);border:2px solid var(--surface);margin-left:-6px}
.mono:first-child{margin-left:0}
.mono.off{background:var(--ink);color:var(--bg)}
.pr-src{display:flex;flex-wrap:wrap;gap:6px}
.pr-s{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--surface2);display:inline-flex;gap:6px;align-items:center}
.off-tag{font-size:10px;font-weight:700;color:var(--accent)}
.pr-btns{display:flex;gap:8px}
.btn.sm{height:32px;padding:0 12px;font-size:12.5px}
.btn.dashed{border-style:dashed}
.btn:disabled{opacity:.55;cursor:default}
/* account menu: admin / moderator tools */
.am-tools{border-bottom:1px solid var(--line)}
.am-tools .am-lbl{display:block;padding:10px 8px 2px;font-size:11px;font-weight:700;color:var(--ink2)}
.am-n{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#E5484D;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
@media (max-width:380px){.stat-pill .pt{display:none}.stat-pill{padding:0 6px}}

/* ---------- 0.4.9: home poll ---------- */
.a-poll{order:3}
.poll{display:flex;flex-direction:column;gap:10px;padding:14px}
.poll.busy{opacity:.55;pointer-events:none}
.poll-q{font:700 16px/1.3 var(--font-h)}
.poll-ch{display:flex;flex-direction:column;gap:8px}
.pc-btn{height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface2);font-size:14.5px;font-weight:600;color:var(--ink);text-align:left;padding:0 14px}
.pc-btn:hover:not(:disabled),.pc-btn.on{border-color:var(--accent);color:var(--accent)}
.pc-btn:disabled{opacity:.6}
.pc-res{position:relative;height:40px;border-radius:12px;background:var(--surface2);display:flex;align-items:center;justify-content:space-between;padding:0 12px;overflow:hidden}
.pc-res .bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft)}
.pc-res.mine .bar{background:rgba(106,79,224,.22)}
.pc-res .lb,.pc-res b{position:relative;font-size:14px}
.pc-res .lb{font-weight:600}
.poll-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.poll-topic{margin-left:auto;display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:var(--accent)}
.poll-topic svg{width:14px;height:14px}

/* ---------- 0.5.0: section titles with pictograms (owner: no plain-text titles). Style A badge (default) · B pill · C tab ---------- */
.blk-h > a,.blk-h > button{margin-left:auto}
.blk-h h2{display:flex;align-items:center;gap:9px;flex:0 1 auto}
.bh-t{overflow:hidden;text-overflow:ellipsis}
.blk-h .bh-ico svg{width:16px;height:16px}
/* A · badge: coloured rounded square with a white pictogram */
:root:not([data-hs]) .blk-h .stripes,[data-hs="a"] .blk-h .stripes{display:none}
:root:not([data-hs]) .bh-ico,[data-hs="a"] .bh-ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--on-accent);background:var(--accent)}
:root:not([data-hs]) .blk.f .bh-ico,[data-hs="a"] .blk.f .bh-ico{background:var(--foot)}
:root:not([data-hs]) .blk.b .bh-ico,[data-hs="a"] .blk.b .bh-ico{background:var(--bask)}
:root:not([data-hs]) .blk-h h2,[data-hs="a"] .blk-h h2{font-size:19px}
/* B · pill: the whole title is a dark pill (sport colour on the sport pages) */
[data-hs="b"] .blk-h .stripes{display:none}
[data-hs="b"] .blk-h h2{font-size:14.5px;letter-spacing:0;height:34px;padding:0 15px 0 11px;border-radius:999px;background:var(--ink);color:var(--bg)}
[data-hs="b"] .blk.f .blk-h h2{background:var(--foot);color:#fff}[data-hs="b"] .blk.b .blk-h h2{background:var(--bask);color:#fff}
/* C · tab: stripes + pictogram + a thick coloured underline under the title */
[data-hs="c"] .blk-h h2{font-size:18px;padding-bottom:6px;border-bottom:3px solid var(--accent)}
[data-hs="c"] .blk.f .blk-h h2{border-color:var(--foot)}[data-hs="c"] .blk.b .blk-h h2{border-color:var(--bask)}
[data-hs="c"] .bh-ico{color:var(--accent);display:flex}[data-hs="c"] .blk.f .bh-ico{color:var(--foot)}[data-hs="c"] .blk.b .bh-ico{color:var(--bask)}
.pr-src[hidden]{display:none}

/* ---------- 0.5.0: title style A + thin outline from the pictogram around the title (owner) ---------- */
:root:not([data-hs]) .blk-h h2,[data-hs="a"] .blk-h h2{--bc:var(--accent);height:32px;padding:0 13px 0 0;gap:10px;border:1.5px solid color-mix(in srgb,var(--bc) 55%,transparent);border-radius:10px;font-size:17.5px}
:root:not([data-hs]) .blk.f .blk-h h2,[data-hs="a"] .blk.f .blk-h h2{--bc:var(--foot)}
:root:not([data-hs]) .blk.b .blk-h h2,[data-hs="a"] .blk.b .blk-h h2{--bc:var(--bask)}
:root:not([data-hs]) .bh-ico,[data-hs="a"] .bh-ico{width:32px;height:32px;margin:-1.5px 0 -1.5px -1.5px;border-radius:10px 0 0 10px}
@supports not (color: color-mix(in srgb, red 50%, blue)){:root:not([data-hs]) .blk-h h2{border-color:var(--line)}}
/* game keys / links */
.key-chip{align-self:center;margin-top:2px;font:600 11px var(--font);font-variant-numeric:tabular-nums;color:var(--ink2);padding:3px 9px;border-radius:999px;border:1px dashed var(--line)}
.gl-btns{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line)}
.gl-btns .btn{flex:1;height:38px;font-size:13.5px}
.tg{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.tg-game{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 10px;border-radius:10px;background:var(--surface2)}
.tg-game svg{width:16px;height:16px;flex-shrink:0}.tg-game.f svg{color:var(--foot)}.tg-game.b svg{color:var(--bask)}
.tg-rel{display:flex;flex-direction:column;gap:6px}
.tg-link{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--accent)}
.tg-link svg{width:16px;height:16px;flex-shrink:0}.tg-link svg:last-child{margin-left:auto;color:var(--ink2)}
.tg-btn{align-self:flex-start;display:flex;gap:6px;align-items:center}.tg-btn svg{width:15px;height:15px}
.lp{display:flex;flex-direction:column;gap:10px;max-height:80vh;overflow-y:auto}
.lp-list{display:flex;flex-direction:column;gap:6px}
.lp-row{display:flex;align-items:center;gap:8px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.lp-row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lp-row b{font-size:13.5px}.lp-row svg{width:15px;height:15px;color:var(--ink2)}
.lp-row.sug{border-color:var(--accent);background:var(--accent-soft)}
.lp-row.cur{box-shadow:inset 3px 0 0 #2BB673}
.lp-manual{display:flex;gap:8px}.lp-manual .search-in{flex:1;height:42px;font-size:15px}
.lq-all{padding:10px 12px;border-bottom:1px solid var(--line)}
.lq-row{display:flex;flex-direction:column;gap:6px;padding:12px}
.lq-t{font-weight:700;font-size:14px}
.lq-ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lq-sel{flex:1;min-width:200px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);font:500 13px var(--font);padding:0 8px}
.lq-st{font-size:12px;color:var(--ink2)}.lq-st.ok{color:#2BB673;font-weight:700}
/* 0.5.1: linked topics leave the linking list (owner) */
.lq-row.done{display:none}
.lq-list.show-done .lq-row.done{display:flex;opacity:.6}
.lq-all{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-btn{align-self:flex-start;margin-top:4px}.hero-btn.on{border-color:#E2B007;color:#B88A00}

/* 0.5.3 (owner 16 Oct) – home hero + bottom bar */
.hero h1 a{color:inherit;text-decoration:none;transition:color .18s ease}
.hero a.lbl{text-decoration:none;cursor:pointer;transition:background-color .18s ease}
.hero a.lbl:hover,.hero a.lbl:focus-visible{background:rgba(255,255,255,.26)}
@media (hover:hover){
  .hero:hover h1 a{color:#FFFFFF;text-decoration:underline}
  .hero.f:hover h1 a{color:#CFE2FF}
  .hero.b:hover h1 a{color:#FFDCC2}
}
.hero h1 a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
.tab.t-home svg{width:24px;height:24px}
.tab.t-foot svg,.tab.t-bask svg{width:23px;height:23px}
.tab.t-live .live-pill{width:42px;height:24px}
/* 0.5.4: category chip of the main story – a football / basketball instead of the dot */
.hero .lbl.f::before,.hero .lbl.b::before{display:none}
.hero .lbl svg{width:16px;height:16px;flex:none}
/* 0.5.5: a sport name = its ball + a link to that sport's page (everywhere) */
.sp-link{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-weight:600;border-radius:6px;max-width:100%}
.sp-link > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-link svg{width:14px;height:14px;flex:none}
.sp-link.tag svg{width:13px;height:13px}
@media (hover:hover){.sp-link:hover > span{text-decoration:underline;text-underline-offset:2px}}
.sp-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.ncard .meta .sp-link,.pr-top .sp-link{vertical-align:middle}
/* 0.5.5: a picture as the section badge («Ζούνε από τον ΠΑΟΚ» = the Α.Ρ.Δ. smiley of Live!) */
.bh-ico.is-img{background:#000 !important;overflow:hidden;padding:0}
.bh-ico.is-img img{width:100%;height:100%;object-fit:cover;display:block}
/* 0.5.5: «Κείμενα» sample cards */
.ncard.is-sample{cursor:default}
.ncard.is-sample .ph{position:relative;background:repeating-linear-gradient(135deg,var(--photo) 0 10px,var(--surface2) 10px 20px)}
.ncard.is-sample .smp{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;color:var(--ink2);background:var(--surface);padding:3px 8px;border-radius:999px}
.ncard.is-sample .ttl{display:flex;flex-direction:column;gap:6px;padding-top:2px}
.ncard .sk{display:block;height:11px;border-radius:6px;background:var(--chip)}
.ncard .sk.w90{width:90%}.ncard .sk.w60{width:60%}
.ncard > .meta.by{margin-top:-6px}

/* ===================== 0.5.8 (owner list 16 Oct 17:30) ===================== */
[hidden]{display:none !important}
/* title badges: black / white by theme (no purple), the title is a link with a colour hover */
:root:not([data-hs]) .bh-ico,[data-hs="a"] .bh-ico,
:root:not([data-hs]) .blk.f .bh-ico,[data-hs="a"] .blk.f .bh-ico,
:root:not([data-hs]) .blk.b .bh-ico,[data-hs="a"] .blk.b .bh-ico{background:var(--ink);color:var(--bg)}
:root:not([data-hs]) .blk-h h2,[data-hs="a"] .blk-h h2,
:root:not([data-hs]) .blk.f .blk-h h2,[data-hs="a"] .blk.f .blk-h h2,
:root:not([data-hs]) .blk.b .blk-h h2,[data-hs="a"] .blk.b .blk-h h2{--bc:var(--ink)}
.blk-h h2.is-link{padding:0 !important}
.blk-h h2 .bh-a{display:flex;align-items:center;gap:10px;height:100%;padding:0 13px 0 0;color:inherit;font-size:inherit;font-weight:inherit;white-space:normal;text-decoration:none;border-radius:inherit}
.bh-a .bh-t{transition:color .16s ease}
@media (hover:hover){.bh-a:hover .bh-t{color:var(--accent)}}
.bh-a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* top bar: logo a bit bigger than the avatar; avatar ≈ the envelope */
.logo-btn{width:42px;height:42px}
.logo-btn img{width:36px;height:36px}
.me-btn .av{width:25px;height:25px;font-size:11px;box-shadow:0 0 0 1.5px var(--head),0 0 0 3px rgba(255,255,255,.35)}
.me-btn.has-alerts .av{box-shadow:0 0 0 1.5px var(--head),0 0 0 3px var(--live)}
@media (max-width:560px){.logo-btn{width:38px}.logo-btn img{width:33px;height:33px}}
.hnav a .live-img{width:16px;height:9px;flex:none;display:block}
/* cards: a fine border forms around the card under the mouse */
.ncard,.tkt{outline:1.5px solid transparent;outline-offset:1px;transition:outline-color .18s ease,box-shadow .18s ease}
@media (hover:hover){.ncard:not(.is-sample):not(.is-smp):hover,.tkt:hover,.pcard:hover{outline-color:var(--ink2)}}
.ncard:focus-visible,.tkt:focus-visible{outline-color:var(--accent)}
/* «Πρόγραμμα» quick filter */
.games-f{display:flex;flex-direction:column;gap:8px}
.fchips{display:flex;gap:6px;flex-wrap:wrap;padding:0 2px}
.fchip{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:11.5px;font-weight:700;color:var(--ink2);display:inline-flex;align-items:center;gap:6px}
.fchip svg{width:13px;height:13px}
.fchip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* sample poll */
.poll.is-sample .pc-btn{opacity:.75;cursor:default}
/* «Ζούνε από τον ΠΑΟΚ» on the home page: card row, journalist first */
.a-press .blk-b{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.a-press .hscroll{padding:2px 4px 6px;margin:0 -10px;padding-left:10px;padding-right:10px;scroll-padding:0 10px}
.a-press .pr-sample{margin:0 2px 6px}
.pcard{padding:12px 12px 12px;gap:8px;min-height:150px}
.pcard > .meta,.pcard > .ttl{padding:0}
.pcard .pc-by{margin-top:auto;display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--ink2)}
.pcard .pc-by b{color:var(--ink);font-size:13.5px}
.a-press{order:4}
.a-poll{order:4}                                   /* phones: right after «Τελευταίοι αγώνες» */
@media (min-width:900px){.a-press .hscroll{margin:0;padding:2px 2px 8px}}
/* bottom bar: the selected tab gets a dotted ring around its pictogram (no bar on top) */
.tab .ti{display:flex;align-items:center;justify-content:center;padding:3px;border-radius:9px;outline:2px dashed transparent;outline-offset:1px}
.shell:not(.is-live) .tab[aria-current="page"]:not(.t-live)::before{display:none}
.shell:not(.is-live) .tab[aria-current="page"] .ti{outline-color:currentColor}
.shell:not(.is-live) .tab.t-live[aria-current="page"] .live-pill{outline:2px dashed currentColor;outline-offset:3px}
.tab{gap:2px}
/* install pop-up */
.scrim.ins-scrim{align-items:center;justify-content:center;padding:16px}
.ins-pop{width:min(360px,100%);background:var(--surface);color:var(--ink);border-radius:18px;padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.ins-pop img{width:64px;height:64px;border-radius:16px}
.ins-pop h2{font:700 19px/1.25 var(--font-h);margin:0}
.ins-pop p{margin:0;color:var(--ink2);font-size:14px}
.ins-pop > .btn{width:100%;height:44px;margin-top:6px}
.ins-row{display:flex;gap:8px;width:100%}
.ins-row .btn{flex:1;height:40px;font-size:13px}
/* footer */
.site-ft{margin-top:8px;padding:22px 16px calc(22px + var(--sab, 0px));background:var(--surface);border-top:1px solid var(--line);color:var(--ink2);font-size:13px}
.ft-in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.ft-brand{display:flex;align-items:center;gap:8px;color:var(--ink)}
.ft-brand img{border-radius:50%}
.ft-links{display:flex;flex-wrap:wrap;gap:6px 16px}
.ft-links a{color:var(--ink2);text-decoration:none}
@media (hover:hover){.ft-links a:hover{color:var(--accent)}}
.ft-off{opacity:.55;cursor:default}
.ft-note{margin:0;font-size:12px}
@media (min-width:900px){.ft-in{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 28px}.ft-note{margin-left:auto}}

/* ===================== 0.5.9 (owner 16 Oct 17:56) ===================== */
.blk-h h2{min-width:0;flex:0 1 auto}
.bh-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.blk-h h2 .bh-a{min-width:0}
.blk-h > a{flex-shrink:0}
/* top bar: hover on every option */
.hnav a{transition:background-color .15s ease,color .15s ease}
@media (hover:hover){
  .hnav a:hover{color:var(--head-ink);background:rgba(255,255,255,.10)}
  .hdr .ib:hover,.hdr .me-btn:hover,.hdr .logo-btn:hover,.hdr .back:hover{background:rgba(255,255,255,.10);border-radius:10px}
  .crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
}
.c-more{flex-shrink:0;color:var(--head-ink2);font:700 15px var(--font-h);padding:0 4px;border-radius:6px}
@media (hover:hover){.c-more:hover{color:var(--head-ink);background:rgba(255,255,255,.10)}}
.lp-row.is-cur{font-weight:700;opacity:.8}
/* compact topic header; staff tools folded */
.topic-head{padding:12px 16px 10px;gap:4px}
.topic-head .th-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.topic-head .th-top .meta{font-size:12.5px}
.topic-head h1{font-size:19px;line-height:1.25}
.topic-head .tg{margin-top:4px}
.th-tools{margin-top:4px;border-top:1px solid var(--line);padding-top:6px}
.th-tools > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink2);padding:4px 0}
.th-tools > summary::-webkit-details-marker{display:none}
.th-tools > summary svg{width:14px;height:14px}
.th-tools[open] > summary{color:var(--ink)}
.th-tools > *:not(summary){margin-top:6px}
.crumbs > b:last-child{min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}

/* ===================== 0.5.10 (owner 16 Oct 18:29) ===================== */
/* «Μόνο για Μέλη»: Live! + «Τί γνώμη έχεις;» side by side */
.a-members .blk-b{background:transparent;box-shadow:none;overflow:visible}
.mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mb-tile{display:flex;align-items:flex-start;gap:10px;text-align:left;padding:12px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);min-width:0;
  outline:1.5px solid transparent;outline-offset:1px;transition:outline-color .18s ease}
@media (hover:hover){.mb-tile:hover{outline-color:var(--ink2)}}
.mb-live{background:#0B0B0D;color:#F2F3F5;box-shadow:inset 3px 0 0 var(--live),var(--shadow)}
.mb-live.on{box-shadow:inset 3px 0 0 var(--live),0 0 0 1.5px var(--live)}
.mb-ico{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg)}
.mb-live .mb-ico{background:#1D1E21}
.mb-ico svg{width:19px;height:19px}
.mb-ico .live-img{width:16px;height:9px}
.mb-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mb-tx b{font:700 15px/1.2 var(--font-h);white-space:nowrap}
.mb-tx > span{font-size:12.5px;line-height:1.3;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mb-live .mb-tx > span{color:#B9BEC8}
.mb-done{color:var(--accent) !important;font-weight:600}
/* poll pop-up */
.scrim.pp-scrim{align-items:center;justify-content:center;padding:16px}
.poll-pop{width:min(420px,100%);background:var(--surface);color:var(--ink);border-radius:18px;padding:18px 16px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 50px rgba(0,0,0,.35);transform-origin:center}
.poll-pop h2{font:700 18px/1.3 var(--font-h);margin:0}
.pp-k{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink2)}
.pp-k svg{width:15px;height:15px}
.pp-test{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px dashed var(--ink2);color:var(--ink2)}
.poll-pop .pc-btn.on{border-color:var(--ink);background:var(--chip)}
.pp-err{color:var(--live);font-size:13px;margin:0}
.pp-foot{display:flex;align-items:center;gap:10px;justify-content:space-between}
.ib-poll.ping svg{animation:ppping 1.2s ease}
@keyframes ppping{0%{transform:scale(1.6)}40%{transform:scale(.9)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
.poll-card{display:flex;flex-direction:column;gap:8px;padding:14px;border-bottom:1px solid var(--line)}
.poll-card .btn{align-self:flex-start}
/* filters */
.fwrap{display:flex;flex-direction:column}
.fbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.fsel{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);font-size:12.5px;color:var(--ink2)}
.fsel.on{border-color:var(--ink);color:var(--ink)}
.fsel-l{font-weight:600}
.fsel select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--ink);font:700 12.5px var(--font);padding:0 14px 0 0;max-width:46vw;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 5px center,right 1px center;background-size:4px 4px;background-repeat:no-repeat}
.fsel select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.freset{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--accent)}
.freset svg{width:14px;height:14px}
.f-count{margin:0;padding:8px 14px 4px;font-size:12px;color:var(--ink2)}
.f-count:empty{display:none}
.more-btn{margin:10px auto 14px;display:flex}
.page > .fbar,.sched-f{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);border-bottom:0}
@media (max-width:560px){.fsel-l{display:none}.fsel{padding:0 8px}.fbar{gap:6px;padding:10px}.fsel select{max-width:60vw}}

/* ===================== 0.5.11 «πλάτος» (owner OK 16 Oct 20:27) + forum promotion 1 «Συζητιέται τώρα» · 3 discussions on sport pages ===================== */
/* one container width for header, pages and footer */
/* (0.5.11: header, pages and footer share max-width 1280px – set in their own rules above) */
/* «Συζητιέται τώρα» */
.hot-cap{margin:0;padding:9px 14px;font-size:12px;color:var(--ink2);background:var(--surface2);border-bottom:1px solid var(--line)}
.hot-n{flex-shrink:0;min-width:40px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:3px;
  font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--live);background:rgba(255,59,48,.10)}
.hot-n svg{width:12px;height:12px}
.row .rank{width:18px;flex-shrink:0;text-align:center;font:700 14px var(--font-h);color:var(--ink2)}
/* topic page: side column (computers only) */
.tp-side{display:none}
.tp-game{display:flex;flex-direction:column;gap:8px;padding:14px}
.tp-vs{font:700 17px/1.25 var(--font-h)}
.tp-sc{font:700 26px/1 var(--font-h);letter-spacing:-.02em}
.tp-game .tg-rel{margin-top:4px}
.tp-side .mb-grid{grid-template-columns:1fr}
.a-hot{order:4}
.key-chip,.pp-test,.btn.dashed{border-style:solid}
.a-members .blk-h{display:none}
.row .rank{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font:700 14px/1 var(--font-c)}

/* ===================== 0.6.0 (owner 16 Oct 22:20) – new desktop: left menu, score strip, grid 720–840 + 280–300 ===================== */
@font-face{font-family:'PW Cond';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/fsec-greek-700.woff) format('woff');unicode-range:U+0370-03FF,U+1F00-1FFF}
@font-face{font-family:'PW Cond';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/fsec-latin-700.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PW Cond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fsec-greek-600.woff) format('woff');unicode-range:U+0370-03FF,U+1F00-1FFF}
@font-face{font-family:'PW Cond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fsec-latin-600.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
:root{--font-c:'PW Cond','Inter Tight',sans-serif;--wrap:1164px;--railw:72px;--rail-bg:#FFFFFF}
html[data-theme="dark"]{--rail-bg:#08090B}
/* phones: none of the desktop pieces */
.rail,.tick,.pcrumb,.hero-ex,.hero-by,.a-table,.a-authors,.th-by,.cm-h,.reply-box{display:none}
/* main story: the photo is its own layer (phones: under the title, as before) */
.hero-ph{position:absolute;inset:0;background:#28292C center/cover no-repeat;z-index:0}
.hero::before{z-index:1}
.hero > .hero-tx{z-index:2}
/* crests */
.crest-i{width:18px;height:18px;flex:none;object-fit:contain;border-radius:3px}
.mono-c{border-radius:50%;background:var(--chip);color:var(--ink2);font:700 10px/18px var(--font);text-align:center;display:inline-block}
.av.lg{width:46px;height:46px;font-size:18px}

@media (min-width:768px){
  /* ---- shell ---- */
  .shell{display:grid;grid-template-columns:var(--railw) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;
    grid-template-areas:"rail tick" "rail main" "rail xtra"}
  .shell > .hdr,.shell > .tabs,.rail-unfold,.shell.is-live .tabs{display:none !important}
  .rail{grid-area:rail;display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;scrollbar-width:none;background:var(--rail-bg);
    border-right:1px solid var(--line);padding:calc(14px + var(--sat)) 10px calc(12px + var(--sab));align-items:center}
  .rail::-webkit-scrollbar{display:none}
  .tick{grid-area:tick;display:flex;align-items:stretch;height:64px;background:var(--rail-bg);border-bottom:1px solid var(--line);min-width:0}
  .main{grid-area:main}
  .shell > .xtra{grid-area:xtra;display:none}
  .shell.is-live{grid-template-columns:var(--railw) minmax(0,1fr) !important;grid-template-rows:minmax(0,1fr);grid-template-areas:"rail main"}
  .shell.is-live .tick{display:none}
  .shell.is-live .live-wrap{grid-area:main}
  /* ---- left menu ---- */
  .rl-brand{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--ink)}
  .rl-brand img{width:40px;height:40px;border-radius:50%;flex:none}
  .rl-brand b{font:700 21px/1 var(--font-c);letter-spacing:.02em;display:none}
  .rl-i{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:48px;height:44px;border-radius:10px;color:var(--ink2);font-weight:600;font-size:14.5px;flex:none}
  .rl-i:hover{background:var(--chip);color:var(--ink)}
  .rl-i.on{color:var(--accent);background:var(--accent-soft)}
  .rl-ic{display:flex;width:20px;justify-content:center;flex:none}
  .rl-ic svg{width:20px;height:20px}
  .rl-ic .live-img{width:18px;height:10px}
  .rl-t,.rl-chev,.rl-sub{display:none}
  .rl-live{position:absolute;top:9px;right:9px;width:7px;height:7px}
  .rl-sep{width:32px;height:1px;background:var(--line);margin:8px 0;flex:none}
  .rl-acct{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:12px}
  .rl-me{display:flex;align-items:center;gap:10px;border-radius:12px;padding:4px;text-align:left;color:var(--ink)}
  .rl-me .av{width:34px;height:34px;font-size:13px}
  .rl-who{display:none;flex-direction:column;min-width:0}
  .rl-who b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rl-who span{font-size:11.5px;color:var(--ink2)}
  .rl-ics{display:flex;flex-direction:column;align-items:center}
  .rl-ics .ib{color:var(--ink2);width:40px;height:40px}
  .rl-ics .ib:hover{color:var(--ink)}
  .rl-ics .badge{top:4px;right:2px}
  .rl-login{height:36px;font-size:12px;padding:0 10px}
  .scrim.am-scrim.am-left{align-items:flex-end;justify-content:flex-start}
  .am-left .am{position:absolute;margin:0;transform-origin:bottom left}
  /* ---- score strip ---- */
  .tk-lbl{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ink2);padding:0 8px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none}
  .tk-strip{display:flex;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}
  .tk-strip::-webkit-scrollbar{display:none}
  .tk-c{flex:none;width:156px;padding:7px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:2px;color:var(--ink)}
  .tk-c:hover{background:var(--chip)}
  .tk-h{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--ink2);white-space:nowrap;overflow:hidden}
  .tk-h svg{width:11px;height:11px;flex:none}
  .tk-h span{overflow:hidden;text-overflow:ellipsis}
  .tk-c.up .tk-h{color:var(--accent)}
  .tk-c.live{background:rgba(255,59,48,.08)}.tk-c.live .tk-h{color:#FF6B61}
  .tk-r{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;line-height:18px;color:var(--ink2)}
  .tk-c.up .tk-r,.tk-r.w{color:var(--ink)}
  .tk-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tk-r b{font-variant-numeric:tabular-nums}
  .tk-r .crest-i{width:16px;height:16px}.tk-r .mono-c{font-size:9px;line-height:16px}
  .tk-empty{align-self:center;padding:0 16px;color:var(--ink2);font-size:13px}
  .tk-tools{flex:none;display:flex;align-items:center;gap:2px;padding:0 10px;border-left:1px solid var(--line)}
  .tk-tools .ib{color:var(--ink2);border-radius:10px}
  .tk-tools .ib:hover{color:var(--ink);background:var(--chip)}
  /* ---- page ---- */
  .pcrumb{display:flex;align-items:center;gap:6px;max-width:calc(var(--wrap) + 56px);margin:0 auto;padding:18px 28px 0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);flex-wrap:wrap}
  .pcrumb[hidden]{display:none}
  .pcrumb a:hover{color:var(--ink)}
  .pcrumb b{color:var(--ink);font-weight:700}
  .pcrumb .sep{opacity:.5}
  .pc-back{width:28px;height:28px;margin-left:-6px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ink2)}
  .pc-back:hover{background:var(--chip);color:var(--ink)}.pc-back svg{width:18px;height:18px}
  .page{max-width:calc(var(--wrap) + 56px);padding:20px 28px 48px;gap:24px}
  .page.narrow{max-width:916px}
  .page.flush{max-width:calc(var(--wrap) + 56px);padding:0 28px}
  .page.lists{max-width:calc(var(--wrap) + 56px)}
  .ft-in{max-width:calc(var(--wrap) + 56px);padding:0 28px}
  .site-ft{padding-left:0;padding-right:0}
  /* section titles: big condensed text, no badge */
  :root:not([data-hs]) .blk-h h2,[data-hs="a"] .blk-h h2,:root:not([data-hs]) .blk.f .blk-h h2,[data-hs="a"] .blk.f .blk-h h2,
  :root:not([data-hs]) .blk.b .blk-h h2,[data-hs="a"] .blk.b .blk-h h2{height:auto;padding:0;border:0;border-radius:0;font:700 25px/1.1 var(--font-c);letter-spacing:0}
  .blk-h .bh-ico{display:none !important}
  .blk-h h2 .bh-a{padding:0}
  .blk-h{padding:0 2px 4px;align-items:flex-end}
  .blk-h > a{font-size:12.5px}
  /* ---- home ---- */
  .home{display:flex;flex-direction:column;gap:28px}
  .home .col{display:flex;flex-direction:column;gap:28px;min-width:0}
  .home .col > *{order:0}
  .home .a-games{display:none}
  .a-table,.a-authors{display:flex}
  .home .col-main .hscroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:visible;scroll-snap-type:none;margin:0;padding:2px}
  .home .col-main .hs-btn{display:none !important}
  .home .col-main .ncard,.home .col-main .vcard{width:auto}
  .home .col-main .a-news .ncard:nth-child(n+5),.home .col-main .a-texts .ncard:nth-child(n+5),.home .col-main .vcard:nth-child(n+3){display:none}
  /* main story: photo, then the big title, intro, author and messages */
  .home .hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;background:none !important;box-shadow:none;border-radius:0;color:var(--ink);overflow:visible}
  .home .hero::before{display:none}
  .home .hero-ph{position:relative;inset:auto;display:block;aspect-ratio:16/9;max-height:470px;border-radius:10px;background-color:var(--photo)}
  .home .hero > .hero-tx{padding:18px 0 0;gap:10px}
  .home .hero h1{font:700 42px/1.04 var(--font-c);letter-spacing:0}
  .home .hero .lbl{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;color:var(--ink2);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
  .home .hero .lbl.f{color:var(--foot)}.home .hero .lbl.b{color:var(--bask)}
  .home .hero-meta{display:none}
  .home .hero-ex{display:block;margin:0;font-size:15.5px;line-height:1.55;color:var(--ink2);max-width:760px}
  .home .hero-by{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink2)}
  .home .hero-by .av{width:26px;height:26px;font-size:11px;border-radius:50%}
  .hero-n{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-weight:600;margin-left:6px}
  .hero-n svg{width:14px;height:14px}
  .home .hero:hover h1 a{color:var(--accent)}
  /* right column */
  .col-side .mb-grid,.tp-side .mb-grid{grid-template-columns:1fr}
  .col-side .a-press .hscroll{flex-direction:column;overflow:visible;scroll-snap-type:none;margin:0;padding:2px;gap:10px}
  .col-side .a-press .hs-btn{display:none !important}
  .col-side .a-press .pcard{width:auto;min-height:0}
  .col-side .a-press .pcard:nth-child(n+4){display:none}
  /* «Συζητιέται τώρα» in a side column: numbered list (number in a rounded box), no avatars */
  .col-side .a-hot .blk-b,.tp-side .a-hot .blk-b{background:none;box-shadow:none;border-radius:0}
  .col-side .a-hot .hot-cap,.tp-side .a-hot .hot-cap{background:none;padding:0 0 8px;border-bottom:1px solid var(--line)}
  .col-side .hot-row,.tp-side .hot-row{padding:12px 0;align-items:flex-start;gap:12px}
  .col-side .hot-row .av,.tp-side .hot-row .av{display:none}
  .hot-row .meta{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .col-side .hot-row .hot-n,.tp-side .hot-row .hot-n{min-width:0;height:20px;padding:0 6px;font-size:11px}
  /* short table */
  .mtbl{padding:6px 12px 8px}
  .mt-cap{font-size:11px;font-weight:700;color:var(--ink2);padding:4px 0 6px}
  .mt-r{display:grid;grid-template-columns:20px 18px minmax(0,1fr) 24px 28px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
  .mt-p{color:var(--ink2);font-weight:700}
  .mt-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mt-g{text-align:right;color:var(--ink2)}
  .mt-r b{text-align:right}
  .mt-r.me .mt-t,.mt-r.me .mt-p{font-weight:700;color:var(--foot)}.mt-r.me.b .mt-t,.mt-r.me.b .mt-p{color:var(--bask)}
  /* «Συντάκτες» */
  .a-authors .blk-b{background:none;box-shadow:none}
  .auths{display:flex;flex-direction:column}
  .auth{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
  .au-tx{display:flex;flex-direction:column;min-width:0}
  .au-tx b{font:700 18px/1.15 var(--font-c)}
  .au-tx span{font-size:12px;color:var(--accent)}
  /* ---- sport pages + topic: same grid ---- */
  .sportp{display:flex;flex-direction:column;gap:28px}
  .sportp .col{gap:28px}
  .tp-side{display:flex;flex-direction:column;gap:28px;padding:22px 0 30px;min-width:0}
  .tp-side .blk,.tp-side > div > *{order:0}
  .tp-grid .topic-head .tg-rel{display:none}
  /* ---- topic = article ---- */
  .topic-head{background:none;border:0;box-shadow:none;border-radius:0;margin:0;padding:14px 0 0;gap:10px}
  .topic-head h1{font:700 40px/1.05 var(--font-c);letter-spacing:0}
  .th-by{display:flex;align-items:center;gap:12px;padding:6px 0 16px;border-bottom:1px solid var(--line)}
  .th-by .av{width:38px;height:38px}
  .th-who{display:flex;flex-direction:column;min-width:0}
  .th-who b{font-size:14px}.th-who span{font-size:12px;color:var(--ink2)}
  .th-n{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;white-space:nowrap}
  .th-n svg{width:16px;height:16px}
  .tp-main > .post{background:none;border:0;border-radius:0;box-shadow:none;padding:16px 0;border-bottom:1px solid var(--line)}
  .tp-main > .post.first{padding:20px 0 26px}
  .post.first .post-h{display:none}
  .post.first .body{font-size:17px;line-height:1.7}
  .post.first .body .lead-img,.post.first .body a > .lead-img{float:none;width:100%;max-width:none;margin:0 0 18px;border-radius:10px;display:block}
  .cm-h{display:block;font:700 25px/1.1 var(--font-c);margin:26px 0 2px}
  .reply-box{display:flex;align-items:center;gap:10px;margin:18px 0 34px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink2)}
  .reply-box:hover{border-color:var(--ink2);color:var(--ink)}
  .reply-box .av{width:28px;height:28px;font-size:11px;border-radius:50%}
  /* ---- list pages ---- */
  .lists .blk-b{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
  .lists .fbar{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);border-bottom:0;padding:10px 14px}
  .lists .f-count{padding:12px 4px 8px}
  .lists .list,.lists .tkt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0}
  .lists .list > *{border-bottom:0;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);min-width:0}
  .lists .list > .empty{grid-column:1/-1}
  .lists .tkt-list .tkt{box-shadow:var(--shadow);border:0;width:auto}
  .lists .row{padding:12px 14px;outline:1.5px solid transparent;outline-offset:1px;transition:outline-color .18s ease}
  .lists .row.has-th{position:relative;flex-direction:column;align-items:stretch;padding:0 0 14px;gap:10px;overflow:hidden}
  .lists .row.has-th .th{width:100%;height:auto;aspect-ratio:16/9;border-radius:0}
  .lists .row.has-th .tx{padding:0 14px}
  .lists .row.has-th .newdot{position:absolute;top:10px;right:10px;box-shadow:0 0 0 3px var(--surface)}
  .lists .row.has-th .ttl{font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .lists .pr-list .pr,.lists .polls-list .poll-card{border-bottom:0;padding:14px}
  .lists .more-btn{margin:16px auto 6px}
  .col-side .tbl-r{grid-template-columns:22px minmax(0,1fr) 24px 50px 32px 28px;gap:4px;padding:8px 10px}
  .col-side .stat-pill .pt{display:none}
  .col-side .stat-pill{padding:0 6px}
  .posts{gap:12px;padding:16px 0}
  .posts .post{border-radius:16px;box-shadow:var(--shadow)}
  .scrim{justify-content:flex-end}
}
@media (min-width:768px) and (hover:hover){.lists a.row:hover,.lists .tkt:hover{outline-color:var(--ink2)}}
/* 1024+: two columns (main 720–840 + side 280–300) */
@media (min-width:1024px){
  .home,.sportp,.tp-grid{display:grid;grid-template-columns:minmax(0,840px) minmax(280px,300px);gap:24px;justify-content:center;align-items:start}
  .tp-main{min-width:0}
}
/* 768–1023 (tablet portrait): one column, the side blocks follow in two columns */
@media (min-width:768px) and (max-width:1023px){
  .home .col-side,.sportp .col-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
  .home .col-side > .a-members{grid-column:1/-1}
  .home .col-side .mb-grid{grid-template-columns:1fr 1fr}
  .page{max-width:780px}.page.flush,.page.lists{max-width:820px}.pcrumb{max-width:780px}
  .tp-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 1280+: the full menu (logo, names, sub-pages), 3 cards per row */
@media (min-width:1280px){
  :root{--railw:200px}
  .shell.is-live{--railw:72px}
  .shell:not(.is-live) .rail{align-items:stretch;padding-left:12px;padding-right:12px}
  .shell:not(.is-live) .rl-brand{margin-left:4px}
  .shell:not(.is-live) .rl-brand b{display:block}
  .shell:not(.is-live) .rl-i{width:auto;justify-content:flex-start;padding:0 10px;height:38px}
  .shell:not(.is-live) .rl-t{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shell:not(.is-live) .rl-chev{display:flex;color:var(--ink2)}
  .shell:not(.is-live) .rl-chev svg{width:14px;height:14px}
  .shell:not(.is-live) .rl-live{position:static;margin-left:auto}
  .shell:not(.is-live) .rl-sub{display:flex;flex-direction:column;margin:2px 0 8px 40px}
  .rl-sub a{font-size:13px;color:var(--ink2);padding:5px 0}
  .rl-sub a:hover{color:var(--ink)}
  .rl-sub a.on{color:var(--accent);font-weight:600}
  .shell:not(.is-live) .rl-sep{width:auto;margin:8px 4px}
  .shell:not(.is-live) .rl-acct{flex-direction:row;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
  .shell:not(.is-live) .rl-who{display:flex}
  .shell:not(.is-live) .rl-me{flex:1;min-width:0;padding:0}
  .shell:not(.is-live) .rl-ics{flex-direction:row}
  .shell:not(.is-live) .rl-ics .ib{width:30px;height:34px}
  .home .col-main .hscroll{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home .col-main .a-news .ncard:nth-child(n+5),.home .col-main .a-texts .ncard:nth-child(n+5){display:flex}
  .home .col-main .a-news .ncard:nth-child(n+7),.home .col-main .a-texts .ncard:nth-child(n+7){display:none}
  .home .col-main .vcard:nth-child(n+3){display:flex}.home .col-main .vcard:nth-child(n+4){display:none}
  .lists .list,.lists .tkt-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lists .polls-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===================== 0.6.1 (owner 16 Oct 23:02) ===================== */
/* tables: ΠΑΟΚ in black (day) / white (night), the other clubs in greys; no sport colours */
.tbl-r .team .tn,.mt-t .tn{color:var(--ink2);font-weight:500}
.tbl-r.me,.tbl-r.me.f,.tbl-r.me.b,a.tbl-r.me,a.tbl-r.me.f,a.tbl-r.me.b,.mt-r.me{background:var(--chip);box-shadow:inset 3px 0 0 var(--ink)}
.tbl-r.me .team .tn,.tbl-r.me .pos,.tbl-r.me > b,.mt-r.me .tn,.mt-r.me .mt-p,.mt-r.me b{color:var(--ink) !important;font-weight:700}
.stat-pill,.tbl-r.f .stat-pill,.tbl-r.b .stat-pill{background:var(--ink);color:var(--bg)}
.tbl-more,.tbl-more.f,.tbl-more.b{color:var(--ink)}
/* crests next to names */
.crest-l{width:40px;height:40px}
.mono-c.crest-l{font-size:16px;line-height:40px}
.vs-c{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.vs-c .vs-d{color:var(--ink2)}
.tkt .vs.vs-c{display:flex;-webkit-line-clamp:unset}
.nv-t{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.nv-t span{overflow-wrap:anywhere}
.cd-l{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.cd-l:hover{filter:brightness(1.15)}
.tp-mc{display:flex;flex-direction:column;gap:8px;color:inherit}
.tp-mc:hover .tp-vs{color:var(--accent)}
.mt-tabs{padding:0 0 8px;border-bottom:0}
.mt-tab{display:inline-flex;align-items:center;gap:6px}
.mt-tab svg{width:14px;height:14px}
.ttab.mt-tab[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.mt-t{display:flex;align-items:center;gap:6px;min-width:0}
.mt-t .tn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-r .stat-pill{height:18px;padding:0 6px}
.mt-r .stat-pill .pt{display:none}
a.mt-r{color:inherit}
@media (min-width:768px){
  /* the frame: menu right beside the page; strip over the page only, its icons as wide as the menu */
  .shell{--bodyw:calc(var(--wrap) + 56px);--gut:max(0px, calc((100vw - var(--railw) - var(--bodyw)) / 2));
    grid-template-columns:var(--gut) var(--railw) minmax(0,var(--bodyw)) minmax(0,1fr);
    grid-template-areas:". rail tick ." ". rail main main" ". rail xtra xtra"}
  .shell.is-live{--gut:0px;grid-template-columns:0 var(--railw) minmax(0,1fr) 0 !important;grid-template-areas:". rail main main" !important}
  .rail{border-left:1px solid var(--line)}
  .page,.page.flush,.page.lists,.page.narrow,.pcrumb,.ft-in{margin-left:0;margin-right:auto}
  .page.narrow{max-width:916px}
  .tick{border-right:0}
  .tk-wrap{position:relative;flex:1;min-width:0;display:flex}
  .tk-strip{flex:1;scroll-behavior:smooth}
  .tk-tools{flex:0 0 var(--railw);width:var(--railw);justify-content:center;background:var(--rail-bg);border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0}
  .tk-arr{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--surface);color:var(--ink);border:1px solid var(--line);
    box-shadow:0 2px 10px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;z-index:2}
  .tk-arr svg{width:15px !important;height:15px !important;flex:none}
  .tk-arr.prev{left:6px}.tk-arr.next{right:6px}
  .tk-arr[hidden]{display:none}
  .tk-f{flex:none;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 6px;border-right:1px solid var(--line)}
  .tk-fb{height:19px;min-width:40px;padding:0 6px;border-radius:6px;font-size:10px;font-weight:700;color:var(--ink2);display:flex;align-items:center;justify-content:center}
  .tk-fb svg{width:13px;height:13px}
  .tk-fb:hover{background:var(--chip)}
  .tk-fb[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
  .tk-c[hidden]{display:none}
  .tk-c .crest-i{width:16px;height:16px}
  /* main story title on one line */
  .home .hero h1.one{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .home .hero h1.one a{white-space:nowrap}
  /* «Τελευταίοι αγώνες»: one row that scrolls sideways (‹ › for the mouse) */
  .home .col-main .a-news .hscroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:2px 2px 6px;scrollbar-width:none}
  .home .col-main .a-news .ncard{flex:0 0 calc((100% - 36px) / 3);width:auto;display:flex !important}
  .home .col-main .a-news .hs-btn{display:flex !important}
  .home .col-main .a-news .hs-btn:disabled{display:none !important}
  .hot-cap{display:none}
  .next-vs b.nv-t{font-size:19px}
  .mc-score .nv-t{font-size:15px}
}
@media (min-width:768px) and (max-width:1279px){.home .col-main .a-news .hscroll{gap:12px}.home .col-main .a-news .ncard{flex-basis:calc((100% - 24px) / 3)}}   /* 0.6.9 (owner): three games on laptops too */
.hot-cap{display:none}

/* ===================== 0.6.2 (owner 16 Oct 23:29) ===================== */
/* «Συζήτηση στο Forum»: 5 rows visible, the rest scroll inside */
.fl-list{overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.fl-list .hot-row{flex-shrink:0}
/* Live! blinks (menu, tile) */
@keyframes pwblink{0%,55%{opacity:1}70%,90%{opacity:.2}100%{opacity:1}}
.mb-live .live-img,.rl-i .live-img,.tab.t-live .live-pill svg{animation:pwblink 1.4s infinite}
@media (prefers-reduced-motion:reduce){.mb-live .live-img,.rl-i .live-img,.tab.t-live .live-pill svg{animation:none}}
/* filters at night: the open list of a select is readable */
.fsel select option,.lq-sel option{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .fsel select{color-scheme:dark}
/* search = pop-up box */
.scrim.srch-scrim{align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.srch-pop{width:min(520px,100%);background:var(--surface);color:var(--ink);border-radius:18px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 50px rgba(0,0,0,.4);border:1px solid var(--line)}
.srch-top{display:flex;align-items:center;justify-content:space-between}
.srch-top h2{font:700 20px var(--font-c, var(--font-h))}
.srch-top .ib{color:var(--ink2)}
.srch-f{display:flex;align-items:center;gap:8px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg)}
.srch-f:focus-within{border-color:var(--accent)}
.srch-f svg{width:18px;height:18px;color:var(--ink2);flex:none}
.srch-f .search-in{border:0;background:transparent;padding:0;height:46px}
.srch-f .search-in:focus-visible{outline:none}
.srch-pop .note{margin:0}
.srch-btns{display:flex;justify-content:flex-end;gap:8px}
/* Βαθμολογίες: competition tabs */
.mt-sub{padding:0 0 8px;border-bottom:0;gap:5px}
.mt-sub .ttab{height:26px;font-size:11.5px;padding:0 10px}
.mt-sub .ttab[aria-selected="true"]{background:var(--chip);color:var(--ink);border-color:var(--ink2)}
.mt-all{display:flex;align-items:center;gap:4px;justify-content:flex-end;padding:8px 0 2px;font-size:12.5px;font-weight:600;color:var(--accent);border-top:1px solid var(--line)}
.mt-all svg{width:14px;height:14px}
.gut-brand{display:none}
@media (min-width:768px){
  /* path row: ‹ › on every page */
  .pc-nav{display:inline-flex;gap:2px;margin:0 6px 0 -6px}
  /* score strip: arrows in their own cells, in colour */
  .tk-arr{position:static;transform:none;flex:none;width:34px;height:auto;border-radius:0;border:0;border-right:1px solid var(--line);box-shadow:none;
    background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}
  .tk-arr.next{border-right:0;border-left:1px solid var(--line)}
  .tk-arr svg{width:20px !important;height:20px !important}
  .tk-arr:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}
  .tk-arr:disabled{opacity:.3;cursor:default}
  .tk-arr[hidden]{display:flex}
  /* card strips: big, clearly visible ‹ › */
  .hs-btn{width:46px;height:46px;background:#5A606C;color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 6px 18px rgba(0,0,0,.35)}
  .hs-btn svg{width:22px;height:22px}
  .hs-btn:hover{background:#3E434D}
  .hs-btn.prev{left:-8px}.hs-btn.next{right:-8px}
}
/* large screens: logo + «ΟΠΑΔΙΚΟ · ΑΝΕΞΑΡΤΗΤΟ · ΑΣΠΡΟΜΑΥΡΟ» in the empty space right of the page */
@media (min-width:1820px){
  .gut-brand{display:flex;position:fixed;top:50%;right:calc(var(--gut) / 2);transform:translate(50%,-50%);flex-direction:column;align-items:center;gap:6px;
    pointer-events:none;z-index:1;color:var(--ink2);user-select:none}
  .gut-brand img{width:140px;height:140px;border-radius:50%;margin-bottom:14px;opacity:.9}
  .gut-brand span{font:700 26px/1.1 var(--font-c);letter-spacing:.14em}
  .shell.is-live .gut-brand{display:none}
}
.mt-sub{flex-wrap:wrap;overflow:visible}
/* 0.6.3: Live! on computers – the frame fills everything right of the menu (0.6.1–0.6.2 squeezed it to 0 px) */
@media (min-width:768px){.shell.is-live .live-wrap{grid-column:3 / 5 !important;grid-row:1 / -1 !important;min-width:0}}

/* ===================== 0.6.4 (owner 16 Oct 23:53) ===================== */
:root{--old-orange:#B4531B;--wm-purple:#6A3FB5}
html[data-theme="dark"]{--old-orange:#D9692A;--wm-purple:#9D7BE8}
/* text of topics / articles: justified everywhere */
.body,.hero-ex,.pr-d,.lede{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}
.body blockquote,.body .bbc_standard_quote{text-align:justify}
/* π.μ. of Live! in a pop-up */
.scrim.pm-scrim{align-items:center;justify-content:center;padding:16px}
.pm-pop{width:min(440px,100%);height:min(720px,calc(100% - 32px));background:var(--surface);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 18px 50px rgba(0,0,0,.45);border:1px solid var(--line)}
.pm-top{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-bottom:1px solid var(--line)}
.pm-top b{display:flex;align-items:center;gap:8px;font-size:14.5px;flex:1}
.pm-top b svg{width:18px;height:18px}
.pm-full{font-size:12.5px;font-weight:600;color:var(--accent)}
.pm-top .ib{color:var(--ink2)}
.pm-frame{flex:1;width:100%;border:0;background:#0F1011}
/* Match Center tile (between Live! and the poll) */
.mb-mc{flex-direction:row}
.mb-h{color:inherit}
.mb-h:hover b{color:var(--accent)}
.mc-list{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:100%}
.mc-g{display:grid;grid-template-columns:16px minmax(0,1fr) auto minmax(0,1fr) 16px;gap:5px;align-items:center;font-size:12.5px;color:var(--ink);padding:3px 0}
.mc-g .crest-i{width:16px;height:16px}
.mc-g .mc-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-g .mc-n:nth-of-type(2){text-align:right}
.mc-g b{font-variant-numeric:tabular-nums;padding:0 2px}
.mc-st{grid-column:1 / -1;font-size:10.5px;font-weight:700;color:var(--ink2);margin-top:-2px}
.mc-st.on{color:var(--live)}
.mc-st:empty{display:none}
.mc-g:hover .mc-n{text-decoration:underline}
.mb-mc .mb-tx{flex:1;min-width:0}
@media (max-width:767px){.mb-grid .mb-mc{grid-column:1 / -1;order:3}}
/* schedules: per month, down; max 3 months side by side */
.mcols{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.mcol{display:flex;flex-direction:column;gap:8px;min-width:0}
.mcol-h{font:700 19px/1.1 var(--font-c, var(--font-h));padding:0 2px;color:var(--ink)}
.mcol-list{display:flex;flex-direction:column;gap:10px}
.mcol-list .tkt{width:auto;box-shadow:var(--shadow);border:0}
.mcol-list .row.res{background:var(--surface);border-radius:14px;box-shadow:var(--shadow)}
@media (min-width:768px){
  .mcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  /* the ‹ › path row inside the main column: no gap above the right column */
  .pcrumb.in-col{padding:0;margin:0 0 -8px;max-width:none}
  .home .col-main > .pcrumb.in-col,.sportp .col-main > .pcrumb.in-col{margin-bottom:-12px}
  .tp-main > .pcrumb.in-col{padding-top:18px;margin-bottom:0}
  .home,.sportp{padding-top:0}
  .page:has(> .home),.page:has(> div > .sportp){padding-top:18px}
  /* score strip: a game less than 24 h away = coloured box + its countdown in old-school orange */
  .tk-c.soon{background:color-mix(in srgb,var(--old-orange) 16%,transparent);box-shadow:inset 0 -3px 0 var(--old-orange)}
  .tk-c.soon .tk-h{color:var(--old-orange)}
  .tk-cd{margin-left:auto;padding:0 0 0 6px;background:none !important;color:var(--old-orange) !important;font:700 11px var(--font);font-variant-numeric:tabular-nums}
  .tk-c.soon{width:176px}
}
@media (min-width:1024px){.mcols{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* watermark on both empty sides (large screens) */
.gut-wm,.gut-brand{display:none}
@media (min-width:1720px){
  .gut-wm{display:flex;flex-direction:column;align-items:center;gap:8vh;position:fixed;top:0;bottom:0;width:var(--gut);overflow:hidden;pointer-events:none;z-index:0;
    padding:6vh 0;opacity:.38;user-select:none}
  .gut-wm.l{left:0}.gut-wm.r{right:0}
  .shell.is-live .gut-wm{display:none}
  .wm-set{display:flex;flex-direction:column;align-items:center;gap:.25em;font:700 calc(var(--gut) / 6.6)/1 var(--font-c);letter-spacing:.08em}
  .wm-set img{width:min(calc(var(--gut) * .8), 320px);height:auto;border-radius:50%;margin-bottom:.35em}
  .wm-o{color:var(--old-orange)}
  .wm-p{color:var(--wm-purple)}
  .wm-bw{color:transparent;background:repeating-linear-gradient(90deg,#F2F3F5 0 7px,#0B0B0D 7px 14px);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px #7A7F8A}
  .rail,.tick,.main{position:relative;z-index:1}
}

/* ===================== 0.6.5 (owner 17 Oct 00:44) ===================== */
/* Match Center tile: split in two (first game left), one game = whole width */
.mb-mc{flex-direction:column;align-items:stretch;gap:8px}
.mb-mc .mb-h{display:flex;align-items:center;gap:10px;color:inherit}
.mb-mc .mb-h b{font:700 15px/1.2 var(--font-h)}
.mc-split{display:grid;grid-template-columns:1fr;gap:8px}
.mb-mc.two .mc-split{grid-template-columns:1fr 1fr}
.mcs{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:var(--surface2);border:1px solid var(--line);color:var(--ink);min-width:0}
.mcs:hover{border-color:var(--ink2)}
.mcs.on{border-color:var(--live);box-shadow:inset 0 3px 0 var(--live)}
.mcs-h{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--ink2);white-space:nowrap;overflow:hidden}
.mcs-h svg{width:12px;height:12px;flex:none}
.mcs-h span{overflow:hidden;text-overflow:ellipsis}
.mcs-t{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:6px;align-items:center;font-size:13px;font-weight:600}
.mcs-t .crest-i{width:16px;height:16px}
.mcs-t b{font-variant-numeric:tabular-nums;font-size:14px}
.mcs .mc-st{font-size:11px;font-weight:700;color:var(--ink2);margin:0}
.mcs .mc-st.on{color:var(--live)}
.mcs-none{font-size:12.5px;color:var(--ink2)}
@media (min-width:768px){
  /* «Βίντεο»: one row that scrolls sideways, like «Τελευταίοι αγώνες» */
  .home .col-main .a-videos .hscroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:2px 2px 6px;scrollbar-width:none}
  .home .col-main .a-videos .vcard{flex:0 0 calc((100% - 36px) / 3);width:auto;display:flex !important}
  .home .col-main .a-videos .hs-btn{display:flex !important}
  .home .col-main .a-videos .hs-btn:disabled{display:none !important}
  /* the 4 pictograms left the score strip: they are in the menu now */
  .tk-tools{display:none !important}
  /* left menu: the account menu, open, under «Ψηφοφορίες» */
  .rail .rl-me{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;color:var(--ink);flex:none;margin:2px 0 4px}
  .rail .rl-me:hover{background:var(--chip)}
  .rail .rl-me .av{width:34px;height:34px;font-size:13px;flex:none}
  .rl-x{position:relative}
  .rl-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--live);color:#fff;font:700 10px/18px var(--font);text-align:center;position:absolute;top:4px;right:4px}
  .rl-out{color:#E5484D}
  .rl-grp,.rl-lbl,.rl-foot{display:none}
  .rl-acct{margin-top:auto}
}
@media (min-width:768px) and (max-width:1279px){
  .rail .rl-me{padding:4px}
}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-x{height:36px}
  .shell:not(.is-live) .rl-n{position:static;margin-left:auto}
  .shell:not(.is-live) .rl-grp{display:flex;flex-direction:column;gap:6px;padding:8px 6px 4px}
  .shell:not(.is-live) .rl-lbl{display:block;font-size:11px;font-weight:700;color:var(--ink2);letter-spacing:.03em}
  .shell:not(.is-live) .rl-lbl2{padding:10px 10px 2px}
  .shell:not(.is-live) .rl-seg{margin:0;grid-template-columns:repeat(3,1fr)}
  .shell:not(.is-live) .rl-seg button{font-size:12px;height:30px}
  .shell:not(.is-live) .rl-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 4px;font-size:11px;color:var(--ink2)}
  .shell:not(.is-live) .rl-foot button{font-size:11px;font-weight:600;color:var(--accent)}
  .shell:not(.is-live) .rl-me .rl-who{display:flex}
}
.rl-x .rl-t{text-align:left}.rl-x{font:inherit;font-weight:600;font-size:14.5px}

/* 0.6.6 (owner 18 Oct) – easier reading: topic lists and posts alternate a slight shade (Night and Day) */
.row:not(.has-th):nth-child(even of .row:not(.has-th)),.post:nth-child(even of .post){background:color-mix(in srgb,var(--surface) 93%,var(--ink) 7%)}
@supports not selector(:nth-child(even of .row)){.row:not(.has-th):nth-child(even),.post:nth-of-type(even){background:color-mix(in srgb,var(--surface) 93%,var(--ink) 7%)}}
/* 0.6.6: phone keyboard open – the bottom tab bar steps aside so Live!'s writing box sits on the keyboard */
html.kb-open .shell > .tabs{display:none}
.row:not(.has-th):nth-child(even of .row:not(.has-th)) .count{background:var(--surface)}
/* 0.6.7 (owner 18 Oct): «Forum» shows the topics with new messages – bottom tab (phones) and left menu (computers) */
.tab-n{position:absolute;top:5px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E03131;color:#fff;font:700 11px/18px var(--font-b,inherit);text-align:center;box-shadow:0 0 0 2px var(--surface)}
.tab-n[hidden]{display:none}
.rl-i{position:relative}
.rl-unr{background:#E03131;color:#fff}
@media (min-width:768px) and (max-width:1279px){.rl-i .rl-unr{position:absolute;top:4px;right:6px;display:inline-block !important;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;border-radius:8px}}
/* 0.6.8 (owner): topic views – Admins only */
.views{display:inline-flex;align-items:center;gap:3px;color:var(--ink2);font-variant-numeric:tabular-nums}
.views svg{width:13px;height:13px}
.th-top .views{font-size:12.5px}
/* 0.7.0 (P4a): guests – invitation card, menu block and the members-only doors */
.btn.primary{background:var(--accent);color:var(--on-accent)}
.guest-box{padding:14px 16px 16px;border-radius:16px;background:var(--surface)}
.gb-lead{margin:0 0 10px;color:var(--ink2);font-size:14px;line-height:1.45}
.gb-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.gb-list li{display:flex;gap:10px;align-items:flex-start}
.gb-list li > span:last-child{display:flex;flex-direction:column;font-size:13.5px;color:var(--ink2);line-height:1.35}
.gb-list b{color:var(--ink);font-size:14.5px}
.gb-ic{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--chip);display:inline-flex;align-items:center;justify-content:center}
.gb-ic svg{width:18px;height:18px}
.gb-btns{display:flex;gap:10px;flex-wrap:wrap}
.gb-btns .btn{flex:1;min-width:120px}
.guest-door{max-width:520px;margin:12vh auto 0;padding:24px 20px;text-align:center;color:#ECEEF2}
.guest-door h2{font:700 26px/1.2 var(--font-c,inherit);margin:0 0 10px}
.guest-door p{color:#A8AEB9;line-height:1.5;margin:0 0 18px}
.guest-door .btn{background:#2A2E37;color:#fff}
.guest-door .btn.primary{background:var(--accent)}
.rl-guest{display:flex;flex-direction:column;gap:8px;padding:12px 10px}
.rl-guest b{font-size:14px}
.rl-guest span{font-size:12.5px;color:var(--ink2);line-height:1.35}
.rl-guest .btn{height:40px}
@media (min-width:768px) and (max-width:1279px){.rl-guest b,.rl-guest span{display:none}.rl-guest .btn{font-size:11px;padding:0 4px}}
.shell.is-live .rl-guest{display:none}

/* 0.6.9: Instagram link (footer + left menu) */
.ft-social .ig-link{display:inline-flex;align-items:center;gap:6px}
.ft-social .ig-link .rl-ic svg{width:16px;height:16px}
.page .guest-door{color:var(--ink);margin-top:8vh}
.page .guest-door p{color:var(--ink2)}
.page .guest-door .btn{background:var(--btn);color:var(--btn-ink)}
.page .guest-door .btn.primary{background:var(--accent);color:var(--on-accent)}

/* 0.7.2: «Κοινοποίηση» in the topic header (right side, with the Admin views counter) */
.th-top .th-right{margin-left:auto;display:inline-flex;align-items:center;gap:12px}
/* 0.8.2 (owner): «Κοινοποίηση» stands out – grey pill with its name, on phones too */
.share-btn{display:inline-flex;align-items:center;gap:7px;background:#F28A1E;border:0;border-radius:999px;color:#fff;font:inherit;font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer}
.share-btn:hover{background:#D9740C;color:#fff}   /* 0.8.2b (owner): orange, like the ♥ */
.share-btn svg{width:16px;height:16px}
.share-sheet .sh-t{margin:2px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-list{display:flex;flex-direction:column}
.sh-it{display:flex;align-items:center;gap:12px;padding:10px 4px;border-radius:10px;font-size:15px;text-align:left;width:100%;color:var(--ink)}
.sh-it:hover{background:var(--chip)}
.sh-ic{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 16px var(--font);color:#fff;flex-shrink:0}
.sh-ic svg{width:17px;height:17px}
.sh-more,.sh-cp,.sh-ml{background:var(--chip);color:var(--ink)}
.sh-fb{background:#1877F2}.sh-x{background:#000}.sh-tg{background:#229ED9}.sh-wa{background:#25D366}.sh-vb{background:#7360F2}

/* ---------- 0.8.0 (P3): own screens for log in, 2FA, sign-up, new password ---------- */
.auth-wrap{min-height:var(--app-h,100dvh);height:var(--app-h,100dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;
  padding:calc(var(--sat) + 28px) calc(var(--sar) + 16px) calc(var(--sab) + 24px) calc(var(--sal) + 16px);
  background:linear-gradient(180deg,var(--head) 0 168px,var(--bg) 168px)}
.auth-brand{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--head-ink);margin-bottom:18px}
.auth-brand img{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 3px #F2F3F5,0 0 0 6px #0B0B0D}
.auth-brand b{font:700 22px var(--font-h);letter-spacing:.02em}
.auth-card{position:relative;overflow:hidden;width:100%;max-width:420px;background:var(--surface);border-radius:18px;padding:26px 20px 18px;box-shadow:var(--shadow)}
.auth-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(90deg,#0B0B0D 0 10px,#F2F3F5 10px 20px)}
.auth-card.in-page{margin:18px auto 28px}
.auth-foot{margin:18px 0 0;font-size:13.5px;color:var(--ink2)}
.auth-foot a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.af-t{font-size:23px;line-height:1.2;margin:0 0 6px}
.af-sub{margin:0 0 16px;color:var(--ink2);font-size:14px;line-height:1.5}
.af-form{display:flex;flex-direction:column;gap:14px}
.af{display:flex;flex-direction:column;gap:6px}
.af-l{font-weight:600;font-size:13.5px}
.af-h{font-size:12.5px;color:var(--ink2);line-height:1.4}
.af-i{width:100%;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);padding:0 14px;font:400 16px var(--font);outline:none;transition:border-color .15s,box-shadow .15s}
.af-i:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}
textarea.af-ta{height:auto;min-height:84px;padding:10px 14px;resize:vertical;line-height:1.45}
select.af-i{appearance:auto}
.af.is-err .af-i{border-color:var(--live)}
.af-pw{position:relative;display:block}
.af-pw .af-i{padding-right:48px}
.af-eye{position:absolute;right:4px;top:4px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ink2)}
.af-eye svg{width:19px;height:19px}
.af-eye[aria-pressed="true"]{color:var(--accent)}
.af-c{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;cursor:pointer}
.af-c input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--accent)}
.af-go{width:100%;height:50px;font-size:15.5px;margin-top:2px}
.btn.primary.af-go:disabled{opacity:.6}
.af-err{background:rgba(255,59,48,.10);border:1px solid rgba(255,59,48,.35);color:var(--ink);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.45}
.af-err p{margin:0}.af-err p+p{margin-top:6px}
.af-err .af-link{display:inline-block;margin-top:8px}
.af-links{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}
.af-link{color:var(--accent);font-weight:600;font-size:14px}
button.af-link{padding:4px 2px}
.af-wait{color:var(--ink2);padding:18px 0;text-align:center}
.af-terms{max-height:46vh;overflow-y:auto;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface2);font-size:14px;line-height:1.55}
.af-terms h2{font-size:16px;margin:14px 0 6px}
.af-terms .body{text-align:left}
.af-extra:empty,.af-verify:empty{display:none}
.af-extra,.af-verify{display:flex;flex-direction:column;gap:14px}
.af-capw{display:flex;align-items:center;gap:12px}
.af-cap{border-radius:8px;background:#fff;height:45px;width:auto}
@media (min-width:768px){.auth-wrap{justify-content:flex-start;padding-top:calc(var(--sat) + 56px)}}

/* ---------- 0.8.1 (P3): writing – composer, quick reply, post buttons ---------- */
.cmp{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.cmp.inline{display:none;margin:12px 12px 24px}
.cmp.inline.open{display:flex}
.qr-wrap .cmp.inline.open{margin:12px 0 24px}
.qr-wrap:has(.cmp.open) .reply-box{display:none}
.cmp-subj{font-weight:600}
.cmp-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.cmp-b{min-width:36px;height:36px;padding:0 8px;border-radius:9px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.cmp-b:hover{background:var(--chip)}
.cmp-b svg{width:18px;height:18px}
.cmp-sp{flex:1}
.cmp-pv{font-size:13px;font-weight:600;color:var(--accent);padding:0 10px}
.cmp-pv[aria-pressed="true"]{background:var(--accent-soft)}
.cmp-ta{width:100%;min-height:120px;resize:vertical;border:0;outline:none;background:transparent;color:var(--ink);font:400 16px/1.5 var(--font);padding:4px 2px}
.cmp-prev{min-height:120px;padding:4px 2px;line-height:1.55}
.cmp-photos{display:flex;gap:8px;flex-wrap:wrap}
.cmp-ph{position:relative;width:76px;height:76px;border-radius:10px;overflow:hidden;background:var(--photo)}
.cmp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cmp-file{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;font-size:11px;word-break:break-all;text-align:center}
.cmp-x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;display:flex;align-items:center;justify-content:center}
.cmp-x svg{width:13px;height:13px}
.cmp-note{font-size:13px;color:var(--ink2)}
.cmp-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmp-hint{flex:1;min-width:140px;font-size:12px;color:var(--ink2)}
.cmp-go{min-width:130px}
.cmp-page{padding:14px;max-width:820px;margin:0 auto}
.cmp-page .cmp{padding:14px}
.cmp-page .cmp-ta{min-height:240px}
.cmp-ctx{margin:0 0 10px;color:var(--ink2);font-size:14px}
.cmp-ctx a{color:var(--accent);font-weight:600}
.post-acts{display:flex;gap:4px;flex-wrap:wrap;margin:-2px -6px 0}
.pa-b{height:32px;padding:0 10px;border-radius:9px;font-size:13px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px}
.pa-b:hover:not(:disabled){background:var(--chip);color:var(--ink)}
.pa-b:disabled{cursor:default;opacity:1}
.pa-like .lk-h{font-size:15px;line-height:1}
.pa-like.on{color:#F28A1E}   /* 0.8.2 (owner): orange heart */
.pa-like.on .lk-t{color:var(--ink2)}
.pa-like .lk-n:empty{display:none}
.pa-like .lk-n{font-weight:600}
.pa-del:hover{color:var(--live)!important}
.pa-del-yes{background:var(--live);color:#fff}
.post.just{animation:pwjust 2.4s ease}
@keyframes pwjust{0%{background:var(--accent-soft)}100%{background:transparent}}
.qr-locked{padding:16px;text-align:center}
.nt-btn{align-self:flex-start}
@media (max-width:767px){.pa-like .lk-t{display:none}.cmp-hint{display:none}}
@media (min-width:768px){
  .scrim:has(.share-sheet){justify-content:center;align-items:center}
  .share-sheet{margin:auto;width:380px;max-width:calc(100% - 32px);border-radius:18px;padding:16px 18px 18px}
  .share-sheet .grab{display:none}
}

/* ---------- 0.8.3 (P3): article page, «Νέο άρθρο», editor controls ---------- */
.is-article .th-by{display:flex}
.is-article .cm-h{display:block;font:700 20px var(--font-h);margin:22px 16px 6px}
.is-article .reply-box{display:flex;align-items:center;gap:10px;margin:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink2);width:calc(100% - 24px);text-align:left}
.is-article .th-by{align-items:center;gap:10px;margin:8px 0 2px}
.is-article .th-by .av{width:36px;height:36px;border-radius:50%}
.is-article .th-who{display:flex;flex-direction:column;font-size:13px;color:var(--ink2)}
.is-article .th-who b{color:var(--ink);font-size:14px}
@media (max-width:767px){
  .is-article .post.first .lead-img{float:none;display:block;width:calc(100% + 32px);max-width:none;margin:-14px -16px 12px;height:auto;max-height:56vh;object-fit:cover;border-radius:0}
  .is-article .post.first .post-h{display:none}
}
.write-bar{display:flex;justify-content:flex-end;margin:0 0 12px}
.cmp-meta{display:grid;grid-template-columns:1fr;gap:12px;padding-bottom:4px}
@media (min-width:768px){.cmp-meta{grid-template-columns:1fr 1.4fr}}
.fe-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.fe-btn.on{border-color:var(--accent);color:var(--accent)}

/* ---------- 0.8.4: multimedia, inline YouTube, Π.Μ. dot ---------- */
.yt-ph{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:12px;background:#000 center/cover no-repeat;cursor:pointer;overflow:hidden}
.yt-ph .play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center}
.yt-ph .play svg{width:22px;height:22px;margin-left:3px}
.yt-ph.is-playing{cursor:default;background:#000}
.yt-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcard .yt-ph{border-radius:12px}
.md-blk{display:flex;flex-direction:column;gap:12px}
.md-vids{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:600px){.tp-main .md-vids,.md-page .md-vids{grid-template-columns:1fr 1fr}}
.md-v{display:flex;flex-direction:column;gap:6px}
.md-t{font-weight:600;font-size:14px;line-height:1.35}
.md-links{display:flex;flex-direction:column;gap:2px}
.md-l{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:10px}
.md-l:hover{background:var(--chip)}
.md-l > svg{width:16px;height:16px;color:var(--ink2);flex-shrink:0}
.md-lt{display:flex;flex-direction:column;min-width:0;flex:1}
.md-lt b{font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.md-yt{background:#FF0000}.md-fb{background:#1877F2}.md-ig{background:#C13584;font-size:12px}.md-x{background:#000}.md-tt{background:#111;font-size:11px}.md-link{background:var(--chip);color:var(--ink)}
.tp-main > .blk.a-media{margin:10px 12px 4px}
.md-page{max-width:880px;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:18px}
.md-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:768px){.md-grid{grid-template-columns:1fr 1.6fr 1fr}}
.md-list{display:flex;flex-direction:column}
.md-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.md-th{width:88px;aspect-ratio:16/9;border-radius:8px;background:#000 center/cover no-repeat;flex-shrink:0}
.md-acts{display:flex;gap:2px;flex-shrink:0}


.pm-ask b{display:flex;align-items:center;gap:8px;font-size:17px}
.pm-ask b svg{width:20px;height:20px}
.pm-dot[hidden]{display:none!important}

/* ---------- 0.8.5: share bar (owner 19 Oct: orange label + square buttons + «Στείλε σε φίλο» · «Εκτύπωση») ---------- */
.shbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:12px 0 4px}
.shbar .sb-lab{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:#F28A1E;color:#fff;border:0;border-radius:8px 0 0 8px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;margin-right:-14px}
.shbar .sb-lab:hover{background:#D9740C}
.shbar .sb-lab svg{width:17px;height:17px}
.sb-sq{display:inline-flex}
.sb-b{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:filter .15s}
.sb-b:last-child{border-radius:0 8px 8px 0}
.sb-b:hover{filter:brightness(1.12);color:#fff}
.sb-b svg{width:19px;height:19px}
.sb-fb{background:#1877F2}.sb-x{background:#000}.sb-wa{background:#25D366}.sb-vb{background:#7360F2}.sb-tg{background:#229ED9}
[data-theme="dark"] .sb-x{background:#2A2E36}
.sb-more{display:inline-flex;align-items:center;gap:14px}
.sb-t{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}
.sb-t:hover{color:var(--ink)}
.sb-t svg{width:18px;height:18px}
.sh-ic svg path[fill="none"]{stroke:currentColor}
@media (max-width:560px){ .sb-more .sb-tx{display:none} .sb-more{gap:12px} .sb-t svg{width:20px;height:20px} }
@media (max-width:400px){ .shbar .sb-lab .sb-tx{display:none} .shbar .sb-lab{padding:0 11px} .sb-b{width:34px} }

/* «Εκτύπωση»: only the text (and, on a normal topic, its messages) – no menus, side column, buttons; on an article no comments */
@media print{
  html,body{background:#fff!important;color:#000!important;height:auto!important;overflow:visible!important}
  .shell,.main{position:static!important;height:auto!important;overflow:visible!important;display:block!important;background:#fff!important}
  .hdr,.tabs,.rail,.rail-fold,.rail-unfold,.tick,.pcrumb,.xtra,.live-wrap,.tp-side,.scrim,.shbar,.th-tools,.th-right,.cmp,.post-acts,.reply-bar,.pager,.site-ft,.pm-ask,.a-media,.toast,button{display:none!important}
  .is-article .post:not(.first),.is-article .cm-h{display:none!important}
  .page,.tp-grid,.tp-main{display:block!important;max-width:none!important;padding:0!important;margin:0!important}
  .topic-head h1{color:#000!important;font-size:24pt}
  .post,.body{color:#000!important;background:#fff!important;box-shadow:none!important;border-color:#ccc!important}
  a{color:#000!important;text-decoration:none}
  img{max-width:100%!important;break-inside:avoid}
  .post-h{break-after:avoid}
  .topic-head::before{content:'PAOKWORLD';display:block;font-weight:800;font-size:11pt;margin-bottom:6pt}
}

/* ---------- 0.9.0: «Ζούνε από τον ΠΑΟΚ» real stories, Story radar, «Τύπος · πηγές» ---------- */
button.pcard{font:inherit;text-align:left;color:inherit;cursor:pointer;border:0}
.pr-src-l{flex-direction:column;align-items:stretch;gap:4px}
.pr-src-l .pr-s{border-radius:10px;padding:7px 10px;justify-content:flex-start;flex-wrap:wrap;color:var(--ink);text-decoration:none}
.pr-src-l a.pr-s:hover{background:var(--chip)}
.pr-ext{margin-left:auto;color:var(--ink2)}
.pr-ago{color:var(--ink2)}
.rad-tag{font-size:10px;font-weight:700;color:#C2410C;text-transform:uppercase;letter-spacing:.03em}
.mono.rad{background:#C2410C;color:#fff}
.pr.is-hidden{opacity:.6}
.pr-btns{flex-wrap:wrap}
.pr-btns a.btn{text-decoration:none}
.pr-sheet{max-height:85vh;overflow:auto}
.pr-sheet .pr{padding:0}
.rad-f{margin:0 0 10px}
.rad-sep{width:12px}
.ns-list{display:flex;flex-direction:column}
.ns-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4px 14px;padding:10px 12px;border-bottom:1px solid var(--line);align-items:center}
.ns-row:last-child{border-bottom:0}
.ns-row.off{opacity:.55}
.ns-sw{display:flex;align-items:center;gap:10px;cursor:pointer}
.ns-sw input{width:18px;height:18px;accent-color:#F28A1E}
.ns-n{display:flex;flex-direction:column}
.ns-st{display:flex;flex-direction:column;font-size:13px}
.ns-err{grid-column:1/-1;font-size:12px;color:var(--ink2)}
.ns-row.bad .ns-err{color:#D92D20;font-weight:600}
.ns-foot{margin:10px 2px}
@media (max-width:560px){.ns-row{grid-template-columns:1fr}}

/* ---------- 0.9.1: home row «Ζούνε από τον ΠΑΟΚ» like «Κείμενα» (no outlet photos: a tile with the outlet + sources) ---------- */
button.prcard{font:inherit;color:inherit;border:0;cursor:pointer}
.prcard .pr-ph{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:12px;background:#17191E;color:#fff;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 8px,transparent 8px 16px)}
.prcard .pr-ph::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#8E94A0}
.prcard .pr-ph.pr-f::before{background:var(--foot)}.prcard .pr-ph.pr-b::before{background:var(--bask)}
.prcard .pr-ph.is-off{background-color:#000}
.pr-ph-n{font:800 20px/1.1 var(--font-h);letter-spacing:.01em;word-break:break-word}
.pr-ph-s{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#F28A1E}
.pr-ph-t{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;background:rgba(255,255,255,.14);padding:3px 8px;border-radius:999px}
.pr-ph-t svg{width:14px;height:14px}
@media (hover:hover){.prcard:hover{outline:1px solid var(--ink2)}}
@media (min-width:768px){
  .home .col-main .a-tpress .hscroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:2px 2px 6px;scrollbar-width:none;flex-wrap:nowrap}
  .home .col-main .a-tpress .ncard{flex:0 0 calc((100% - 36px) / 3);width:auto;display:flex !important}
  .home .col-main .a-tpress .hs-btn{display:flex !important}
  .home .col-main .a-tpress .hs-btn:disabled{display:none !important}
}
/* 0.9.1b: the owner's pictures behind the press cards – the picture's own title stays clear; the outlet is in the line under the title,
   only a small «N πηγές» / «επίσημο» pill sits on the picture */
.prcard .pr-ph.has-pic{background-color:#000;background-size:cover;background-position:center top;background-repeat:no-repeat}
.prcard .pr-ph.has-pic .pr-ph-n{display:none}
.prcard .pr-ph.has-pic .pr-ph-s{position:absolute;left:12px;bottom:10px;background:rgba(0,0,0,.72);color:#F28A1E;padding:3px 8px;border-radius:999px;font-size:10.5px}
/* 0.9.1c (owner): phones – Τελευταίοι αγώνες · Βίντεο · Κείμενα · Ζούνε από τον ΠΑΟΚ (same order as the main column on computers) */
@media (max-width:767px){.home .a-videos{order:4}.home .a-tpress{order:4}}
/* 0.9.2: «Κάνε το κείμενο» */
.tt-sheet .af-i{width:100%}
.tt-note{display:flex;align-items:center;gap:8px;font-size:14px}
.tt-note input{width:18px;height:18px;accent-color:#F28A1E}
.pa-text{color:var(--accent)}

/* ===================== 0.9.5 (owner 20 Oct) ===================== */
/* Side watermark: the empty side areas in the OPPOSITE colour of the blocks (night → light, day → dark), the marks barely
   visible, a big logo with small words (owner: logo much bigger, words much less big). */
:root{--wm-side:#17181B;--wm-ink:#FFFFFF}
html[data-theme="dark"]{--wm-side:#E6E7EA;--wm-ink:#000000}
@media (min-width:1720px){
  .gut-wm{opacity:1;background:var(--wm-side);gap:12vh;padding:8vh 0}
  .gut-wm > *{opacity:.05}
  .wm-set{font-size:calc(var(--gut) / 14);gap:.35em}
  .wm-set img{width:min(calc(var(--gut) - 16px), 640px);margin-bottom:.6em;filter:grayscale(1)}
  html:not([data-theme="dark"]) .wm-set img{filter:grayscale(1) invert(1)}
  .wm-bw{-webkit-text-stroke-color:var(--wm-ink)}
}
/* Search 0.9.5 */
.srch-tabs{border-bottom:0;padding:4px 0 2px}
.srch-filt{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0 4px}
.srch-sel{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);font:600 13px var(--font);max-width:100%}
.srch-by{width:150px}
.srch-list .row{align-items:flex-start}
.srch-r .tx,.srch-m .tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.srch-r .ttl,.srch-m .ttl{white-space:normal}
.srch-snip{font-size:13px;line-height:1.45;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
b.hit{color:var(--ink);font-weight:800;background:var(--accent-soft);border-radius:3px;padding:0 1px}
.grp{font-weight:700}
.who-l{color:inherit;font-weight:700;text-decoration:none}
.who-l:hover{text-decoration:underline}
.av-l{display:inline-flex;border-radius:50%}
/* Profile 0.9.5 */
.prof{display:flex;flex-direction:column;gap:14px}
.prof-head{padding:18px}
.prof-top{display:flex;gap:16px;align-items:center}
.prof-av{position:relative;flex-shrink:0}
.av.xl{width:84px;height:84px;font-size:32px}
.prof-on{position:absolute;right:4px;bottom:4px;width:14px;height:14px;border-radius:50%;background:#2FB45A;box-shadow:0 0 0 3px var(--surface)}
.prof-who{min-width:0}
.prof-who h1{margin:0 0 4px;font:800 24px/1.15 var(--font-h);word-break:break-word}
.prof-txt{margin:6px 0 0;color:var(--ink2);font-size:14px}
.prof-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0 0}
.prof-facts div{background:var(--surface2);border-radius:10px;padding:8px 10px}
.prof-facts dt{font-size:11.5px;color:var(--ink2);margin:0}
.prof-facts dd{margin:2px 0 0;font-weight:700;font-size:14px;word-break:break-word}
.prof-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.prof-btns .btn{display:inline-flex;align-items:center;gap:6px}
.prof-btns svg{width:16px;height:16px}
.prof-tabs{border-bottom:0;padding:0}
.prof-list{padding:4px 0}
.prof-msg .tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.prof-msg .ttl{white-space:normal}
/* Basketball Κύπελλο path 0.9.5 */
.cup-path{display:flex;flex-direction:column}
.cp-r{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"opp sc" "meta meta";align-items:center;column-gap:10px;row-gap:3px;padding:10px 12px;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.cp-r:first-child{border-top:0}
a.cp-r:hover{background:var(--surface2)}
.cp-r.nx{background:var(--accent-soft)}
.cp-opp{grid-area:opp}.cp-sc,.cp-next,.cp-r>.note{grid-area:sc;justify-self:end}
.cp-meta{grid-area:meta;font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-meta b{font-weight:700}
.cp-rd{font-size:12px;color:var(--ink2);font-weight:700}
.cp-opp{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700}
.cp-opp .tn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-when{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-sc{display:flex;align-items:center;gap:6px}
.cp-sc .wdl{width:22px;height:22px;font-size:11px;border-radius:6px}
.cp-next{font-size:11.5px;font-weight:800;color:#D9692A}
.path-empty{padding:14px}
@media (max-width:560px){.srch-filt{display:grid;grid-template-columns:1fr 1fr}.srch-filt select:first-child{grid-column:1/-1}.srch-by{width:auto;min-width:0}}
.ttabs.ttabs-wrap{flex-wrap:wrap;overflow:visible}
/* Notifications 0.9.6 */
.al-top{display:flex;justify-content:flex-end;padding:2px 0 6px}
.al-r .tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.al-t{white-space:normal;line-height:1.4;font-size:14px;color:var(--ink2)}
.al-r.unread .al-t{color:var(--ink);font-weight:700}
.al-r{align-items:flex-start}
/* 0.9.7 (owner 20 Oct): moving «Ροή Ειδήσεων» strip – graphite band (both themes), orange vertical label, white blocks */
.nstrip{position:relative;display:flex;align-items:stretch;height:96px;background:linear-gradient(180deg,#2C3440,#222831);border-bottom:1px solid #1B2028}
.ns-l{flex:none;width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#D9692A;color:#fff}
.ns-l span{writing-mode:vertical-rl;transform:rotate(180deg);font:800 11px/1 var(--font-c);letter-spacing:.07em;white-space:nowrap}
.ns-l i{width:7px;height:7px;border-radius:50%;background:#fff;animation:nsp 1.8s infinite}
@keyframes nsp{50%{opacity:.35}}
.ns-view{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent);mask:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent)}
.ns-track{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;gap:10px;padding:0 10px;will-change:transform}
.ns-c{flex:none;width:300px;height:76px;display:flex;gap:10px;padding:0;text-align:left;background:#FFFFFF;border:1px solid #3A4452;border-radius:12px;overflow:hidden;color:#141619;cursor:pointer;font:inherit}
.ns-c:hover .ns-t{text-decoration:underline;text-underline-offset:2px}
.ns-pic{flex:none;width:76px;height:100%;background:#000 center top/cover no-repeat}
.ns-tx{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-right:10px}
.ns-t{font-weight:700;font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-m{font-size:11.5px;color:#4A4F57;display:flex;gap:5px;align-items:center;white-space:nowrap;overflow:hidden}
.ns-m b{color:#141619;font-weight:700}
.ns-d{width:7px;height:7px;border-radius:50%;flex:none;background:#9AA0A6}.ns-d.f{background:#4C5BD4}.ns-d.b{background:#D2601A}
.ns-off{font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;background:#2C3440;color:#fff}
.ns-a{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid #3A4452;background:#fff;color:#141619;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.ns-a svg{width:15px;height:15px}
.ns-a.p{left:52px}.ns-a.n{right:8px}
@media (max-width:767px){.nstrip{height:84px}.ns-c{width:250px;height:66px}.ns-pic{width:66px}.ns-t{font-size:13px}.ns-l{width:32px}.ns-a{display:none}}
.shell.is-live .nstrip{display:none}
/* 0.9.7 (owner): the path row under it (‹ › PAOKWORLD / …) more visible – bigger, darker, on its own pill */
@media (min-width:768px){
  .pcrumb{font-size:12.5px;letter-spacing:.05em;color:var(--ink);gap:4px}
  .pcrumb a{color:var(--ink)}
  .pcrumb .sep{opacity:.7}
  .pcrumb > a,.pcrumb > b{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;line-height:1}
  .pcrumb > a:hover{border-color:var(--ink)}
  .pcrumb .pc-nav{display:flex;gap:5px;margin-right:6px}
  .pcrumb .pc-back{width:30px;height:30px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);margin-left:0}
  .pcrumb .pc-back svg{width:16px;height:16px}
}
/* 0.9.7b (owner): the strip stays inside the site's column (never past the right border); pop-up under the clicked block */
@media (min-width:768px){.nstrip,.site-ft{max-width:var(--bodyw,100%)}.nstrip{border-right:1px solid #1B2028}.site-ft{border-right:1px solid var(--line)}}
.scrim.ns-pop-scrim{display:block;background:rgba(0,0,0,.28)}
.ns-pop{position:absolute;max-height:min(70vh,560px);overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 14px 44px rgba(0,0,0,.45);padding:16px 18px 14px;animation:nspop .14s ease-out}
.ns-pop .pr{padding:0}
.ns-pop-x{position:absolute;right:6px;top:6px}
@keyframes nspop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ns-pop-x{color:var(--ink)}.ns-pop-x svg{width:18px;height:18px}
/* 0.9.7c: sport switch beside the orange label (not on the Ποδόσφαιρο / Μπάσκετ pages – they show their own sport) */
.nstrip .ns-sw{flex:none;width:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#1B2028;border-right:1px solid #3A4452}
.ns-swb{width:28px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#C9CDD3;font:700 10px/1 var(--font);border:1px solid transparent}
.ns-swb svg{width:15px;height:15px}
.ns-swb:hover{color:#fff;border-color:#3A4452}
.ns-swb[aria-pressed="true"]{background:#fff;color:#141619}
.ns-swb.f[aria-pressed="true"]{background:#4C5BD4;color:#fff}.ns-swb.b[aria-pressed="true"]{background:#D2601A;color:#fff}
.nstrip.has-sw .ns-a.p{left:88px}
.ns-none{position:absolute;inset:0;display:flex;align-items:center;padding:0 24px;color:#C9CDD3;font-size:13px}
@media (max-width:767px){.nstrip .ns-sw{width:32px;gap:3px}.ns-swb{width:27px;height:22px;font-size:9px}.nstrip.has-sw .ns-a.p{left:78px}}
/* 0.9.8 (owner 21 Oct): the three member tiles each in their own colour (no green / yellow / violet) –
   Live! deep red · Match Center steel blue · «Τί γνώμη έχεις;» copper; same in both themes, white text */
.mb-live{background:linear-gradient(135deg,#6E1518 0%,#3A0D0F 100%);color:#fff;box-shadow:inset 3px 0 0 #FF4D42,var(--shadow)}
.mb-live.on{box-shadow:inset 3px 0 0 #FF4D42,0 0 0 1.5px #FF4D42}
.mb-live .mb-ico{background:rgba(255,255,255,.14)}
.mb-live .mb-tx > span{color:#F3C9C6}
.mb-mc{background:linear-gradient(135deg,#21416B 0%,#15263F 100%);color:#fff}
.mb-mc .mb-ico,.mb-poll .mb-ico{background:rgba(255,255,255,.16);color:#fff}
.mb-mc .mcs{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.mb-mc .mcs:hover{border-color:rgba(255,255,255,.5)}
.mb-mc .mcs.on{border-color:#FF4D42;box-shadow:inset 0 3px 0 #FF4D42}
.mb-mc .mcs-h,.mb-mc .mcs .mc-st,.mb-mc .mcs-none{color:#BFD0E6}
.mb-mc .mcs .mc-st.on{color:#FF8A80}
.mb-poll{background:linear-gradient(135deg,#9A4A1C 0%,#5C2A10 100%);color:#fff}
.mb-poll .mb-tx > span{color:#F6DCCB}
.mb-poll .mb-done{color:#fff !important}
@media (hover:hover){.mb-tile:hover{outline-color:rgba(255,255,255,.55)}}
/* 0.9.8: games bar title like the news strip */
.tick .tk-l{flex:none}
.tk-f[hidden]{display:none}
.tk-l i{display:none}
.tk-fb[data-f="f"][aria-pressed="true"]{background:#4C5BD4;color:#fff}.tk-fb[data-f="b"][aria-pressed="true"]{background:#D2601A;color:#fff}
.mod-row{display:flex;flex-wrap:wrap;gap:8px}
.btn.mod-del{color:#E5483D}.btn.primary.mod-del{background:#C62828;color:#fff;border-color:#C62828}
/* 0.9.8 (owner 21 Oct 00:03): the news strip stays on screen while the page scrolls, like the games bar */
.nstrip{position:sticky;top:0;z-index:20}
/* 0.9.8b: fourth button «ΑΣ» (Α.Σ. ΠΑΟΚ – other sports) */
.nstrip .ns-sw{gap:2px}.ns-swb{height:20px}.ns-swb.o[aria-pressed="true"]{background:#fff;color:#141619;box-shadow:inset 0 0 0 2px #141619}
@media (max-width:767px){.ns-swb{height:18px}}
/* 0.9.8b: look switch ☀ / ☾ on the same line as «Εμφάνιση» */
.rl-look{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rl-look .rl-lbl{margin:0}
.look-seg{display:inline-flex;width:auto !important;flex:none}
.look-seg button{width:40px;display:flex;align-items:center;justify-content:center}
.look-seg svg{width:17px;height:17px}
.am-sec.am-look{display:flex;align-items:center;justify-content:space-between}
.shell:not(.is-live) .rl-grp.rl-look{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 10px 4px}
.look-seg button{height:30px}
/* 0.9.8c (owner 21 Oct 00:39): left menu in two blocks – 1 the site (always open), 2 the member's card (graphite, grouped) */
@media (min-width:768px){
  .rl-blk{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none}
  .rl-home{display:flex;align-items:center;gap:6px;width:100%;justify-content:center}
  .rl-home .look-seg,.rl-glbl{display:none}
  .rl-user{margin-top:12px;padding:6px 0;border-radius:14px;background:linear-gradient(180deg,#2A303A,#1E232B);color:#E4E7EC;border:1px solid #343B46}
  .rl-user .rl-i,.rl-user .rl-adm summary{color:#C3C8D0}
  .rl-user .rl-i:hover,.rl-user .rl-adm summary:hover{background:rgba(255,255,255,.08);color:#fff}
  .rl-user .rl-out{color:#FF7A70}
  .rl-user .rl-me{color:#fff}.rl-user .rl-me:hover{background:rgba(255,255,255,.08)}
  .rl-user .rl-who span{color:#A9B0BA}
  .rl-adm{width:100%;display:flex;flex-direction:column;align-items:center}
  .rl-adm summary{list-style:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:48px;height:40px;border-radius:10px;font-weight:600;font-size:14.5px}
  .rl-adm summary::-webkit-details-marker{display:none}
  .rl-adm[open] summary .rl-chev svg{transform:rotate(90deg)}
  .rl-adm .rl-i{font-size:13.5px}
  .rl-user.rl-guest{color:#E4E7EC}.rl-user.rl-guest span{color:#B9BEC8}
  .home .col-side > .ms-hold,.sportp .col-side > .ms-hold,.tp-side > .ms-hold{grid-column:1/-1}
  .shell.is-live .rl-home .look-seg{display:none}
}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-blk{align-items:stretch}
  .shell:not(.is-live) .rl-nav{padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
  .shell:not(.is-live) .rl-home .rl-i{flex:1;min-width:0}
  .shell:not(.is-live) .rl-home .look-seg{display:inline-flex;margin-right:2px}
  .shell:not(.is-live) .rl-home .look-seg button{width:30px;height:28px}
  .shell:not(.is-live) .rl-home .look-seg svg{width:15px;height:15px}
  .shell:not(.is-live) .rl-user{padding:8px 6px}
  .shell:not(.is-live) .rl-glbl{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8E96A3;padding:10px 10px 3px}
  .shell:not(.is-live) .rl-adm{align-items:stretch;margin-top:8px;border-top:1px solid #343B46;padding-top:6px}
  .shell:not(.is-live) .rl-adm summary{width:auto;justify-content:flex-start;padding:0 10px;height:36px;font-size:13px}
  .shell:not(.is-live) .rl-adm summary .rl-n{position:static;margin-left:auto}
  .shell:not(.is-live) .rl-adm summary .rl-chev{margin-left:auto}
  .shell:not(.is-live) .rl-adm summary .rl-n + .rl-chev{margin-left:4px}
  .shell:not(.is-live) .rl-adm .rl-i{padding-left:16px}
  .shell:not(.is-live) .rl-srch{margin-bottom:2px}
}
/* 0.9.8c (owner): Match Center title keeps its colour on hover (like Live! and the poll) */
.mb-mc .mb-h:hover b,.mb-mc .mb-h:hover{color:#fff}
/* 0.9.8c: footer – PAOKWORLD opens the spinning logo, Instagram icon right after it */
.ft-brand{gap:12px}
.ft-logo{display:inline-flex;align-items:center;gap:8px;color:var(--ink);cursor:pointer}
.ft-logo img{border-radius:50%}
.ft-logo:hover b{color:var(--accent)}
.ft-ig{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;color:var(--ink2);border:1px solid var(--line)}
.ft-ig svg{width:16px;height:16px}.ft-ig:hover{color:var(--ink);border-color:var(--ink2)}
.logo-scrim{align-items:center;justify-content:center;background:rgba(0,0,0,.78)}
.logo-pop{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;cursor:pointer;perspective:900px;text-align:center}
.logo-spin{width:min(62vw,360px);height:auto;border-radius:50%;animation:pwspin 3.2s linear infinite;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.logo-pop b{font:800 30px/1 var(--font-c);letter-spacing:.04em;margin-top:10px}.logo-pop span{font-size:14px;color:#C9CDD3}
@keyframes pwspin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.logo-spin{animation-duration:12s}}
/* 0.9.8c: legal pages – «υπό κατασκευή» */
.info-pg{padding:28px 24px;margin-top:16px}
.info-pg h1{font:700 30px/1.1 var(--font-c);margin:0 0 10px}
.info-uc{color:var(--ink2);font-size:15px;margin:0}
/* 0.9.8c (owner): topic / article header tighter on computers */
@media (min-width:768px){
  .topic-head{gap:4px;padding-top:6px}
  .topic-head h1{margin:2px 0 0}
  .th-by{padding:2px 0 8px}
  .topic-head .shbar{margin:6px 0 0}
  .th-tools{margin-top:2px;padding-top:4px}
  .tp-main .post.first{margin-top:6px}
}
@media (min-width:768px){.tp-main > .post.first{padding-top:8px}}
/* 0.9.8c: a wider menu so every name fits on one line */
@media (min-width:1280px){
  :root{--railw:240px}
  .shell.is-live{--railw:72px}
  .shell:not(.is-live) .rail{padding-left:10px;padding-right:10px}
  .shell:not(.is-live) .rl-i{gap:9px;padding:0 9px;font-size:14px}
  .shell:not(.is-live) .rl-adm summary{gap:9px;padding:0 9px;font-size:12.5px}
  .shell:not(.is-live) .rl-adm .rl-i{padding-left:14px;font-size:13.5px}
}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-adm summary{padding:0 6px 0 10px;height:34px}
  .shell:not(.is-live) .rl-adm summary .rl-ic{display:none}
  .shell:not(.is-live) .rl-admt{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8E96A3}
  .shell:not(.is-live) .rl-adm summary:hover .rl-admt{color:#fff}
}
@media (min-width:1280px){.shell:not(.is-live) .rl-admt{font-size:10px;letter-spacing:.02em;overflow:visible}.shell:not(.is-live) .rl-adm summary .rl-chev{margin-left:2px}}
/* 0.9.8d (owner): «Ο αγώνας» = coloured card by sport with big crests; «Σχετικά multimedia» = graphite card */
.gm-card{padding:14px 14px 12px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#21416B,#15263F)}
.gm-card.b{background:linear-gradient(135deg,#9A4A1C,#5C2A10)}
.a-game .blk-b{background:transparent;box-shadow:none}
.gm-card .tp-mc{gap:10px;color:#fff}
.gm-card .tp-mc:hover .gm-t b{color:#fff;text-decoration:underline}
.gm-comp{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#C9D6E8}
.gm-card.b .gm-comp{color:#F3D3BF}
.gm-comp svg{width:13px;height:13px}
.gm-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.gm-t{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.gm-t .crest-i.crest-l{width:52px;height:52px;background:rgba(255,255,255,.92);border-radius:50%;padding:5px;box-sizing:border-box;object-fit:contain}
.gm-t .mono-c.crest-l{display:flex;align-items:center;justify-content:center;font-size:20px;color:#141619}
.gm-t b{font:700 14px/1.2 var(--font-h);overflow-wrap:anywhere}
.gm-mid{display:flex;flex-direction:column;align-items:center;gap:2px}
.gm-sc{font:800 30px/1 var(--font-c);letter-spacing:.01em}
.gm-vs{font:800 22px/1 var(--font-c)}
.gm-mid span{font-size:11px;font-weight:700;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.04em}
.gm-when{font-size:11.5px;color:rgba(255,255,255,.7);text-align:center}
.gm-card .tg-rel,.gm-card a:not(.tp-mc){color:#fff}
.a-media .blk-b{background:linear-gradient(160deg,#2A303A,#1E232B);color:#E9ECF0;border:1px solid #343B46}
.md-card{padding:12px}
.a-media .md-t,.a-media .md-lt b{color:#fff}
.a-media .md-l:hover{background:rgba(255,255,255,.08)}
.a-media .meta,.a-media .md-l > svg{color:#AEB5BF}
/* 0.9.8d (owner): menu colours per theme – night: the site block graphite, the member card dark; day: white site block, light member card */
@media (min-width:768px){
  .rl-user{background:#E8ECF1;color:var(--ink);border-color:#D5DBE3}
  .rl-user .rl-i,.rl-user .rl-adm summary{color:#3A424D}
  .rl-user .rl-i:hover,.rl-user .rl-adm summary:hover{background:rgba(0,0,0,.06);color:#0F1216}
  .rl-user .rl-me{color:#0F1216}.rl-user .rl-me:hover{background:rgba(0,0,0,.06)}
  .rl-user .rl-who span{color:#5B6470}
  .rl-user .rl-out{color:#C62828}
  :root[data-theme="dark"] .rl-nav{background:linear-gradient(180deg,#2A303A,#1E232B);border-color:#343B46}
  :root[data-theme="dark"] .rl-nav .rl-i{color:#C3C8D0}
  :root[data-theme="dark"] .rl-nav .rl-i:hover{background:rgba(255,255,255,.08);color:#fff}
  :root[data-theme="dark"] .rl-nav .rl-i.on{background:rgba(255,255,255,.12);color:#fff}
  :root[data-theme="dark"] .rl-nav .rl-sub a{color:#AEB5BF}:root[data-theme="dark"] .rl-nav .rl-sub a.on,:root[data-theme="dark"] .rl-nav .rl-sub a:hover{color:#fff}
  :root[data-theme="dark"] .rl-user{background:var(--surface);border-color:var(--line)}
  :root[data-theme="dark"] .rl-user .rl-i,:root[data-theme="dark"] .rl-user .rl-adm summary{color:var(--ink2)}
  :root[data-theme="dark"] .rl-user .rl-i:hover,:root[data-theme="dark"] .rl-user .rl-adm summary:hover{background:var(--chip);color:var(--ink)}
  :root[data-theme="dark"] .rl-user .rl-me{color:var(--ink)}:root[data-theme="dark"] .rl-user .rl-me:hover{background:var(--chip)}
  :root[data-theme="dark"] .rl-user .rl-who span{color:var(--ink2)}
  :root[data-theme="dark"] .rl-user .rl-out{color:#FF7A70}
  .rl-ext{display:none}
}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-glbl{color:#5B6470;padding:8px 10px 2px}
  :root[data-theme="dark"] .shell:not(.is-live) .rl-glbl,:root[data-theme="dark"] .shell:not(.is-live) .rl-admt{color:#8E96A3}
  .shell:not(.is-live) .rl-admt{color:#5B6470}
  .shell:not(.is-live) .rl-adm{border-top-color:rgba(0,0,0,.1)}
  :root[data-theme="dark"] .shell:not(.is-live) .rl-adm{border-top-color:var(--line)}
  .shell:not(.is-live) .rl-adm summary:hover .rl-admt{color:inherit}
  /* tighter */
  .shell:not(.is-live) .rl-i,.shell:not(.is-live) .rl-x{height:32px}
  .shell:not(.is-live) .rl-nav{padding:4px}
  .shell:not(.is-live) .rl-user{margin-top:8px;padding:6px 4px}
  .shell:not(.is-live) .rl-sub{margin:0 0 4px 40px}
  .shell:not(.is-live) .rl-sub a{padding:3px 0}
  .shell:not(.is-live) .rl-me{margin:0 0 2px}
  .shell:not(.is-live) .rl-adm summary{height:30px}
  .shell:not(.is-live) .rl-ext{display:flex;margin-left:auto;color:inherit;opacity:.45}
  .shell:not(.is-live) .rl-ext svg{width:12px;height:12px}
  /* the logo + PAOKWORLD fill their box */
  .shell:not(.is-live) .rl-brand{height:64px;margin:-14px -10px 10px;padding:0 14px;gap:12px;border-bottom:1px solid var(--line)}
  .shell:not(.is-live) .rl-brand img{width:50px;height:50px}
  .shell:not(.is-live) .rl-brand b{font-size:31px;letter-spacing:.01em}
}
/* 0.9.8d: footer on one line */
.site-ft .ft-in{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 22px}
.ft-note{margin-left:auto;font-size:12px;color:var(--ink2);background:none;border:0;cursor:pointer;padding:0}
.ft-note:hover{color:var(--accent)}
/* 0.9.8d (owner): games bar – a compact filter column on its own tint, clear round ‹ › */
@media (min-width:768px){
  .tk-f{width:40px;padding:0;align-items:center;gap:3px;background:#E6EAEF;border-right:1px solid var(--line)}
  :root[data-theme="dark"] .tk-f{background:#1B2028}
  .tk-fb{min-width:0;width:32px;height:17px;padding:0;border-radius:6px;font-size:9.5px}
  .tk-fb svg{width:12px;height:12px}
  .tk-arr{width:36px;background:transparent;color:inherit}
  .tk-arr svg{width:16px !important;height:16px !important;padding:5px;border-radius:50%;background:#141619;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);box-sizing:content-box}
  :root[data-theme="dark"] .tk-arr svg{background:#fff;color:#141619}
  .tk-arr:hover:not(:disabled){background:transparent}
  .tk-arr:hover:not(:disabled) svg{background:#D9692A;color:#fff}
  .tk-arr:disabled{opacity:.25}
}
/* 0.9.8d (owner): sport pages – every block its own card (border + sport-coloured title band), long lists scroll inside,
   the next game condensed with big crests */
.sportp .blk{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;gap:0;box-shadow:var(--shadow)}
.sportp .blk-h{padding:10px 14px;margin:0;background:rgba(76,91,212,.08);border-bottom:1px solid var(--line);border-top:3px solid var(--foot,#4C5BD4)}
.sportp .blk.b .blk-h{background:rgba(210,96,26,.09);border-top-color:var(--bask,#D2601A)}
.sportp .blk-b{border-radius:0;box-shadow:none;background:transparent}
.sportp .blk-h h2{font-size:17px}
.sportp .blk-b > .list,.sportp .a-talk .list,.sportp .blk-b > div > .list{max-height:300px;overflow-y:auto;scrollbar-width:thin}
.sportp .list .row:nth-child(even){background:color-mix(in srgb,var(--ink) 3%,transparent)}
.sportp .a-members{background:none;border:0;box-shadow:none}
.sportp .a-members .blk-h{display:none}
.sportp .col-side > .note{margin:0 4px}
.next{padding:10px 14px 12px;gap:6px}
.next-vs{gap:6px}
.next .nv-t{gap:4px;font-size:16px}
.next .nv-t .crest-l{width:64px;height:64px;padding:6px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15);box-sizing:border-box;object-fit:contain}
.next .nv-t .mono-c.crest-l{display:flex;align-items:center;justify-content:center;font-size:24px;color:#141619}
.next-vs > span{font:800 22px/1 var(--font-c)}
.next-when{font-size:13px}
.next .note{text-align:center;font-size:12px}
.nv-mid{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink) !important;font-weight:700}
.nv-mid > b{font:800 26px/1 var(--font-c)}
.nv-mid small{font-size:12px;color:var(--ink2);font-weight:600}
.nv-mid .cd{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--accent-soft)}
.blk.f .nv-mid .cd{background:rgba(31,111,224,.12);color:var(--foot)}.blk.b .nv-mid .cd{background:rgba(210,96,26,.12);color:var(--bask)}
/* 0.9.8e (owner): text size A− / A+ – the page (not the menu / bars) scales 50 %…150 % */
.main > .page,.main > .site-ft{zoom:var(--ts,1);width:calc(100% / var(--ts,1))}
.look-tools{display:inline-flex;align-items:center;gap:2px;flex:none;background:var(--chip);border-radius:9px;padding:2px}
.lk-b{width:28px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink2);font:800 11px/1 var(--font)}
.lk-b.up{font-size:13.5px}
.lk-b svg{width:15px;height:15px}
.lk-b:hover:not(:disabled){background:var(--surface);color:var(--ink)}
.lk-b:disabled{opacity:.35;cursor:default}
:root[data-theme="dark"] .rl-nav .look-tools{background:rgba(255,255,255,.08)}
:root[data-theme="dark"] .rl-nav .lk-b{color:#C3C8D0}
:root[data-theme="dark"] .rl-nav .lk-b:hover:not(:disabled){background:rgba(255,255,255,.14);color:#fff}
@media (min-width:768px){.rl-home .look-tools{display:none}.rl-sbox{width:100%}}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-home{gap:4px}
  .shell:not(.is-live) .rl-home .look-tools{display:inline-flex}
  .shell:not(.is-live) .rl-home .rl-i{padding-right:4px}
  /* search in its own box above the menu */
  .shell:not(.is-live) .rl-sbox{margin-bottom:8px;padding:4px;border-radius:12px;background:#D9692A;border:0}
  .shell:not(.is-live) .rl-sbox .rl-i{color:#fff}
  .shell:not(.is-live) .rl-sbox .rl-i:hover{background:rgba(255,255,255,.16);color:#fff}
  .shell:not(.is-live) .rl-brand > a{color:inherit;display:flex;align-items:center}
  .shell:not(.is-live) .rl-brand > a:hover b{color:#D9692A}
}
.rl-logo{display:flex;border-radius:50%;cursor:pointer;flex:none}
.rl-logo img{border-radius:50%}
.rl-logo:hover img{box-shadow:0 0 0 2px #D9692A}
.am-look .look-tools{background:var(--chip)}
/* 0.9.8e: last game – one line: result · «Συζήτηση» */
.lg-line{display:flex;align-items:center;gap:10px;padding-right:12px}
.lg-line > *:first-child{flex:1;min-width:0}
.lg-btns{display:flex;gap:8px;flex:none}
.lg-btns .btn{height:38px;padding:0 16px;font-weight:700}
.btn.lg-talk{background:#4C5BD4;color:#fff;border:0}.btn.lg-talk.b{background:#D2601A}
.btn.lg-talk:hover{filter:brightness(1.1)}
@media (max-width:560px){.lg-line{flex-wrap:wrap;padding:0 12px 12px}.lg-btns{width:100%}.lg-btns .btn{flex:1}}
/* 0.9.8e: footer – the legal pages centred, «·» between them */
.site-ft .ft-legal{flex:1;justify-content:center;gap:0}
.ft-legal a + a::before{content:'·';margin:0 10px;color:var(--ink2)}
/* 0.9.8e (owner): right columns – «Συζήτηση στο Forum», «Βαθμολογίες», «Συντάκτες» … each a bordered card with a tinted title band */
@media (min-width:768px){
  .col-side .blk:not(.a-members):not(.a-game):not(.a-media),.tp-side .blk:not(.a-members):not(.a-game):not(.a-media){background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;gap:0;box-shadow:var(--shadow)}
  .col-side .blk:not(.a-members):not(.a-game):not(.a-media) > .blk-h,.tp-side .blk:not(.a-members):not(.a-game):not(.a-media) > .blk-h{padding:9px 12px;margin:0;border-bottom:1px solid var(--line)}
  .col-side .blk > .blk-b,.tp-side .blk > .blk-b{border-radius:0;box-shadow:none}
  .col-side .a-hot > .blk-h,.tp-side .a-hot > .blk-h{background:rgba(229,72,61,.08);border-top:3px solid #E5483D}
  .col-side .a-table > .blk-h,.sportp .col-side .blk > .blk-h{border-top:3px solid #4C5BD4}
  .col-side .a-table > .blk-h{background:rgba(76,91,212,.08)}
  .col-side .a-authors > .blk-h{background:rgba(217,105,42,.09);border-top:3px solid #D9692A}
  .col-side .a-hot .blk-b,.tp-side .a-hot .blk-b{padding:4px 6px}
  .col-side .blk-h h2,.tp-side .blk-h h2{font-size:17px}
}
/* 0.9.8e (owner): more compact pages – less space between blocks */
@media (min-width:768px){.sportp .col,.home .col,.tp-side{gap:16px !important}.sportp{gap:16px}.blk-h{padding-bottom:2px}}
/* 0.9.8f (owner 21 Oct 02:04) */
.logo-spin{animation-duration:5.2s}                                   /* slower turn (+2 s) */
@media (min-width:1280px){
  /* Αναζήτηση: black box in day, white box at night */
  .shell:not(.is-live) .rl-sbox{background:#141619}
  .shell:not(.is-live) .rl-sbox .rl-i{color:#fff}
  .shell:not(.is-live) .rl-sbox .rl-i:hover{background:rgba(255,255,255,.14)}
  :root[data-theme="dark"] .shell:not(.is-live) .rl-sbox{background:#fff}
  :root[data-theme="dark"] .shell:not(.is-live) .rl-sbox .rl-i{color:#141619}
  :root[data-theme="dark"] .shell:not(.is-live) .rl-sbox .rl-i:hover{background:rgba(0,0,0,.08);color:#000}
  /* the logo slightly taller than the word */
  .shell:not(.is-live) .rl-brand{height:70px;gap:10px;padding:0 10px 0 8px}
  .shell:not(.is-live) .rl-brand img{width:58px;height:58px}
  .shell:not(.is-live) .rl-brand b{font-size:34px;line-height:1;letter-spacing:0}
  .shell:not(.is-live) .rl-home .lk-b{width:24px}
}
/* right column forum band: dark orange instead of red */
@media (min-width:768px){
  .col-side .a-hot > .blk-h,.tp-side .a-hot > .blk-h{background:rgba(184,80,26,.10);border-top-color:#B8501A}
}
.col-side .a-hot .hot-n,.tp-side .a-hot .hot-n{background:rgba(184,80,26,.12);color:#B8501A}
.lk-r{font-size:12px}
/* news strip: pause / play, drag */
.ns-pp{position:absolute;right:46px;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#141619;color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 10px rgba(0,0,0,.35);cursor:pointer}
.ns-pp svg{width:13px;height:13px}
.ns-pp[aria-pressed="true"]{background:#D9692A}
.ns-view{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ns-view.dragging{cursor:grabbing}
.ns-view img,.ns-view .ns-pic{-webkit-user-drag:none}
@media (max-width:767px){.ns-pp{right:8px;width:28px;height:28px}}
/* legal pages */
.info-pg{max-width:820px;line-height:1.6}
.info-pg h2{font:700 19px/1.25 var(--font-h);margin:22px 0 6px}
.info-pg p,.info-pg li{font-size:15px;color:var(--ink)}
.info-pg ul{margin:6px 0 6px 20px;padding:0}
.info-pg li{margin:3px 0}
.info-v{color:var(--ink2);font-size:13.5px !important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.info-draft{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#D9692A;color:#fff}
.info-hist{border-collapse:collapse;font-size:13.5px;margin-top:4px}
.info-hist td{padding:4px 14px 4px 0;border-bottom:1px solid var(--line);color:var(--ink2)}
.info-more{margin-top:22px;font-size:14px}
.upd-note p{margin:6px 0 12px;color:var(--ink2)}
.info-pg p{margin:6px 0}.info-pg h1{margin-bottom:4px}
/* 0.9.8g (owner 21 Oct 02:39): day/night = one switch (sun + moon), its own colours; brand word off the «ΑΓΩΝΕΣ» label; bigger footer logo */
.lk-sw{position:relative;flex:none;width:42px;height:22px;border-radius:999px;margin-left:2px;cursor:pointer;
  background:linear-gradient(90deg,#FFC94D,#FF9A3D);box-shadow:inset 0 1px 3px rgba(0,0,0,.25);transition:background .25s}
.lk-sw.on{background:linear-gradient(90deg,#2B3A67,#141B33)}
.lk-sw .lk-sun,.lk-sw .lk-moon{position:absolute;top:50%;transform:translateY(-50%);display:flex;color:#fff}
.lk-sw .lk-sun{left:5px}.lk-sw .lk-moon{right:5px}
.lk-sw svg{width:11px;height:11px}
.lk-sw .lk-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:left .25s}
.lk-sw.on .lk-knob{left:22px}
.lk-sw:focus-visible{outline:2px solid #D9692A;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.lk-sw,.lk-sw .lk-knob{transition:none}}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-home .lk-b{width:21px}
  .shell:not(.is-live) .rl-home{gap:2px}
  .shell:not(.is-live) .rl-brand{padding:0 18px 0 8px}
  .shell:not(.is-live) .rl-brand b{font-size:30px}
}
.ft-logo img{width:46px;height:46px}
.ft-logo b{font:800 24px/1 var(--font-c);letter-spacing:.02em}
.ft-ig{width:26px;height:26px;border-radius:7px}.ft-ig svg{width:14px;height:14px}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-home .rl-i{padding:0 2px 0 8px;gap:7px}
  .shell:not(.is-live) .rl-home .lk-b{width:20px}
  .shell:not(.is-live) .rl-home .look-tools{gap:1px;padding:2px 3px}
  .shell:not(.is-live) .rl-home .lk-sw{width:38px}
  .shell:not(.is-live) .rl-home .lk-sw.on .lk-knob{left:18px}
  .shell:not(.is-live) .rl-home .lk-sw .lk-sun{left:4px}.shell:not(.is-live) .rl-home .lk-sw .lk-moon{right:4px}
}
/* 0.9.8h (owner 21 Oct 03:14): «#OldEra_thePAOKpath» under PAOKWORLD (menu + footer), the two lines centred on the logo */
.br-w{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.br-w small{font:700 11px/1 var(--font);letter-spacing:.06em;color:#D9692A;white-space:nowrap}
.rl-brand .br-w small{display:none}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-brand .br-w small{display:block;font-size:11.5px;letter-spacing:.07em}
  .shell:not(.is-live) .rl-brand{height:74px}
}
.ft-logo .br-w small{font-size:11px}
/* switch knob a little smaller (owner note) */
.lk-sw .lk-knob{top:3px;left:3px;width:16px;height:16px}
.lk-sw.on .lk-knob{left:23px}
@media (min-width:1280px){.shell:not(.is-live) .rl-home .lk-sw.on .lk-knob{left:19px}}
/* 0.9.8i (owner 21 Oct 03:33) */
/* path row: coloured pills – PAOKWORLD dark orange, the way graphite, the page you are on white with an orange edge */
@media (min-width:768px){
  .pcrumb > a,.pcrumb > b{background:#2C3440;border-color:#2C3440;color:#fff !important}
  .pcrumb > a:hover{background:#3A4452;border-color:#3A4452}
  .pcrumb > a:first-of-type{background:#D9692A;border-color:#D9692A}
  .pcrumb > a:first-of-type:hover{background:#C25A1F}
  .pcrumb > b:last-child{background:var(--surface);color:var(--ink) !important;border:2px solid #D9692A}
  .pcrumb .pc-back{background:#2C3440;border-color:#2C3440;color:#fff}
  .pcrumb .pc-back:hover{background:#D9692A;border-color:#D9692A;color:#fff}
  .pcrumb{color:#D9692A}
}
/* smaller day/night switch */
.lk-sw{width:34px;height:18px}
.lk-sw svg{width:9px;height:9px}
.lk-sw .lk-sun{left:4px}.lk-sw .lk-moon{right:4px}
.lk-sw .lk-knob{top:2px;left:2px;width:14px;height:14px}
.lk-sw.on .lk-knob{left:18px}
@media (min-width:1280px){
  .shell:not(.is-live) .rl-home .lk-sw{width:34px}
  .shell:not(.is-live) .rl-home .lk-sw.on .lk-knob{left:18px}
  .shell:not(.is-live) .rl-home .lk-sw .lk-sun{left:4px}.shell:not(.is-live) .rl-home .lk-sw .lk-moon{right:4px}
}
/* slogan line fitted by fitSlogans() */
.br-w{align-items:flex-start}
.br-w small{display:block;width:max-content}
.lp-w{align-items:center;margin-top:10px}
.lp-w b{font:800 34px/1 var(--font-c);letter-spacing:.04em;color:#fff}
.lp-w small{font-size:14px;color:#D9692A !important;margin-top:6px}
/* games bar drag */
.tk-strip{cursor:grab}.tk-strip.dragging{cursor:grabbing;user-select:none}
.tk-strip.dragging a{pointer-events:none}
/* 0.9.9 «Σήματα ομάδων» */
.cr-pg{padding:20px 22px;margin-top:12px}
.cr-pg h1{font:700 26px/1.1 var(--font-c);margin:0 0 6px}
.cr-list{display:flex;flex-direction:column;margin-top:10px}
.cr-comp{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#D9692A;padding:14px 4px 4px}
.cr-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid var(--line)}
.cr-row.miss{background:rgba(217,105,42,.06)}
.cr-img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid var(--line)}
.cr-none{display:flex;align-items:center;justify-content:center;color:#D9692A;font-weight:800}
.cr-n{display:flex;flex-direction:column;min-width:0}.cr-n b{font-size:14.5px}
.cr-src{font-size:11.5px;font-weight:700;color:var(--ink2);padding:2px 8px;border-radius:999px;background:var(--chip)}
.cr-src.own{background:#D9692A;color:#fff}
.cr-miss{font-size:12px;font-weight:700;color:#D9692A;margin-left:8px;align-self:center}
@media (max-width:560px){.cr-row{grid-template-columns:40px minmax(0,1fr) auto}.cr-row .btn{grid-column:2 / -1}}
/* 0.9.8l: «Ροή Ειδήσεων» filters */
.fdate-w{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink2)}
.fdate{height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 13px var(--font);padding:0 8px}
.pr-count{margin:4px 2px 0}
/* 0.9.8m «Στείλε στη Ροή» */
.pa-pg{padding:20px 22px;margin-top:12px;max-width:760px}
.pa-pg h1{font:700 26px/1.1 var(--font-c);margin:0 0 10px}
.pa-pg h2{font:700 18px/1.2 var(--font-h);margin:6px 0}
.pa-link{display:flex;align-items:center;gap:6px;font-size:13px;word-break:break-all;color:var(--ink2)}
.pa-link svg{width:14px;height:14px;flex:none}
.pa-f{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:12.5px;font-weight:700;color:var(--ink2)}
.pa-in{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--surface2,var(--surface));color:var(--ink);font:500 15px/1.4 var(--font);padding:9px 11px}
textarea.pa-in{resize:vertical}
.pa-help ol{margin:6px 0 10px 18px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}
.btn.pa-bm{background:#D9692A;color:#fff;border:0;margin-left:6px;cursor:grab}
.pa-more{margin-top:18px}.pa-more summary{cursor:pointer;font-weight:700;color:var(--ink2)}
.srch-pi{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#D9692A;color:#fff;flex:none}.srch-pi svg{width:17px;height:17px}.srch-p{text-align:left;width:100%}
.srch-sec{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#D9692A}
.srch-all{font-size:12.5px;font-weight:700;color:var(--ink2);text-transform:none;letter-spacing:0}.srch-all:hover{color:var(--ink)}
/* ======================================================================================================================
   0.9.8r (owner 21 Oct: phone version) – games row, slim news strip, full-height menu, footer, game card on topics
   ====================================================================================================================== */
@media (max-width:767px){
  /* 1. games row under the header – swipe, scrolls away with the page */
  .ptick{display:flex;overflow-x:auto;scrollbar-width:none;background:var(--rail-bg);border-bottom:1px solid var(--line);scroll-snap-type:x proximity}
  .ptick::-webkit-scrollbar{display:none}
  .ptick .tk-c{flex:none;width:138px;padding:6px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:1px;color:var(--ink);scroll-snap-align:start;text-decoration:none}
  .ptick .tk-h{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;color:var(--ink2);white-space:nowrap;overflow:hidden}
  .ptick .tk-h svg{width:10px;height:10px;flex:none}
  .ptick .tk-h span{overflow:hidden;text-overflow:ellipsis}
  .ptick .tk-c.up .tk-h{color:var(--accent)}
  .ptick .tk-c.live{background:rgba(255,59,48,.08)}.ptick .tk-c.live .tk-h{color:#FF6B61}
  .ptick .tk-c.soon{width:150px;background:color-mix(in srgb,var(--old-orange,#E8833A) 16%,transparent);box-shadow:inset 0 -3px 0 var(--old-orange,#E8833A)}
  .ptick .tk-c.soon .tk-h{color:var(--old-orange,#E8833A)}
  .ptick .tk-r{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:17px;color:var(--ink2)}
  .ptick .tk-c.up .tk-r,.ptick .tk-r.w{color:var(--ink)}
  .ptick .tk-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ptick .tk-r b{font-variant-numeric:tabular-nums}
  .ptick .crest-i{width:15px;height:15px}.ptick .mono-c{font-size:8.5px;line-height:15px}
  .ptick .tk-cd{margin-left:auto}
  /* 2. news strip: 64 px */
  .nstrip{height:64px}
  .ns-c{width:226px;height:52px}
  .ns-pic{width:52px}
  .ns-t{font-size:12.5px;line-height:1.25}
  .ns-m{font-size:10.5px}
  .ns-l{width:26px}.ns-l span{font-size:9.5px}.ns-l i{display:none}
  .nstrip .ns-sw{width:28px;gap:2px}
  .ns-swb{width:24px;height:13px;font-size:8px;border-radius:4px}.ns-swb svg{width:9px;height:9px}
  .ns-pp{width:24px;height:24px;right:6px}.ns-pp svg{width:10px;height:10px}
  /* 4. footer: stacked and centred */
  .site-ft .ft-in{flex-direction:column;align-items:center;text-align:center;gap:12px}
  .site-ft .ft-brand{justify-content:center}
  .site-ft .ft-legal{flex:none;justify-content:center;flex-wrap:wrap}
  .ft-note{margin:0 !important}
  /* 5. «Ο αγώνας» under the title on topics */
  .ph-game{margin:10px 12px 4px}
  .ph-game .blk-h{padding:0 2px 4px}
  .topic-head.has-gm .tg{display:none}
}
/* 3. the phone menu: a full-height panel from the right with the same two blocks as on the computer */
.mp-scrim{justify-content:flex-end;align-items:stretch}
.mp{position:relative;width:min(88vw,340px);height:100%;overflow-y:auto;background:var(--rail-bg);box-shadow:-12px 0 40px rgba(0,0,0,.35);
  padding:calc(var(--sat,0px) + 8px) 10px calc(var(--sab,0px) + 18px);animation:mpIn .2s ease-out}
@keyframes mpIn{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.mp{animation:none}}
.mp-x{position:absolute;top:calc(var(--sat,0px) + 14px);right:8px;z-index:2;color:var(--ink2)}
.mp-in{display:flex;flex-direction:column;gap:8px}
.mp .rl-brand{display:flex;align-items:center;gap:10px;height:60px;padding:0 44px 0 2px;margin-bottom:2px}
.mp .rl-brand img{width:52px;height:52px;border-radius:50%}
.mp .rl-brand > a{color:var(--ink);display:flex}
.mp .rl-brand b{font:700 27px/1 var(--font-c);letter-spacing:.01em}
.mp .br-w small{display:block;font-size:10.5px}
.mp .rl-blk{display:flex;flex-direction:column;gap:1px}
.mp .rl-sbox{background:#141619;border-radius:12px;padding:3px}
.mp .rl-sbox .rl-i{color:#fff}
:root[data-theme="dark"] .mp .rl-sbox{background:#fff}:root[data-theme="dark"] .mp .rl-sbox .rl-i{color:#141619}
.mp .rl-nav{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px}
:root[data-theme="dark"] .mp .rl-nav{background:linear-gradient(180deg,#2A303A,#1E232B);border-color:#343B46}
.mp .rl-i{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 10px;border-radius:10px;color:var(--ink);font-weight:600;font-size:15px;text-align:left;text-decoration:none}
:root[data-theme="dark"] .mp .rl-nav .rl-i{color:#E4E7EC}
.mp .rl-i:active{background:var(--chip)}
.mp .rl-i.on{background:var(--accent-soft)}
:root[data-theme="dark"] .mp .rl-nav .rl-i.on{background:rgba(255,255,255,.12);color:#fff}
.mp .rl-ic{display:flex;width:20px;justify-content:center;flex:none}.mp .rl-ic svg{width:20px;height:20px}
.mp .rl-ic .live-img{width:18px;height:10px}
.mp .rl-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp .rl-chev{display:flex;color:var(--ink2)}.mp .rl-chev svg{width:14px;height:14px}
.mp .rl-live{margin-left:auto}
.mp .rl-n{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--live);color:#fff;font:700 11px/20px var(--font);text-align:center;margin-left:auto}
.mp .rl-sub{display:flex;flex-direction:column;margin:0 0 4px 40px}
.mp .rl-sub a{font-size:14px;color:var(--ink2);padding:7px 0;text-decoration:none}
:root[data-theme="dark"] .mp .rl-sub a{color:#AEB5BF}
.mp .rl-sub a.on{color:var(--accent);font-weight:700}
.mp .rl-home{display:flex;align-items:center;gap:4px}.mp .rl-home .rl-i{flex:1;min-width:0}
.mp .look-tools{display:inline-flex;flex:none}
.mp .rl-sep{display:none}
.mp .rl-user{margin-top:6px;padding:6px 4px;border-radius:14px;background:#E8ECF1;border:1px solid #D5DBE3}
:root[data-theme="dark"] .mp .rl-user{background:var(--surface);border-color:var(--line)}
.mp .rl-user .rl-i{color:#3A424D}:root[data-theme="dark"] .mp .rl-user .rl-i{color:var(--ink2)}
.mp .rl-out{color:#C62828 !important}:root[data-theme="dark"] .mp .rl-out{color:#FF7A70 !important}
.mp .rl-me{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;color:var(--ink);text-decoration:none}
.mp .rl-me .av{width:38px;height:38px}
.mp .rl-who{display:flex;flex-direction:column;min-width:0}.mp .rl-who b{font-size:15px}.mp .rl-who span{font-size:12px;color:var(--ink2)}
.mp .rl-glbl{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5B6470;padding:10px 10px 2px}
:root[data-theme="dark"] .mp .rl-glbl{color:#8E96A3}
.mp .rl-adm{margin-top:8px;border-top:1px solid rgba(0,0,0,.1);padding-top:6px}
:root[data-theme="dark"] .mp .rl-adm{border-top-color:var(--line)}
.mp .rl-adm summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:38px;padding:0 10px}
.mp .rl-adm summary::-webkit-details-marker{display:none}
.mp .rl-adm summary .rl-ic{display:none}
.mp .rl-admt{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5B6470;flex:1}
:root[data-theme="dark"] .mp .rl-admt{color:#8E96A3}
.mp .rl-adm[open] summary .rl-chev svg{transform:rotate(90deg)}
.mp .rl-adm .rl-i{font-size:14px;height:38px}
.mp .rl-ext{display:flex;margin-left:auto;opacity:.45}.mp .rl-ext svg{width:12px;height:12px}
.mp .rl-guest{display:flex;flex-direction:column;gap:8px;padding:12px}

/* 0.9.8w (owner 22 Oct): Match Center tile – two tabs (Τώρα/Επόμενος · Προηγούμενος) */
.mb-mc .mb-hr{display:flex;align-items:center;gap:8px;min-width:0}
.mb-mc .mc-tabs{margin-left:auto;display:flex;gap:4px;flex:none}
.mc-tb{border:0;cursor:pointer;font:600 11.5px/1 var(--font);padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.12);color:#DCE6F7}
.mc-tb:hover{background:rgba(255,255,255,.22)}
.mc-tb[aria-pressed="true"]{background:#fff;color:#14233F}
.mc-tb:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mb-mc .mc-body{min-width:0}

/* 0.9.9: the server's plain copy of the page (for Google / no JavaScript). Hidden as soon as JavaScript runs; the app removes it. */
html.js .ssr{display:none}
html:not(.js) .boot{height:auto;padding:18px 16px 0;justify-content:flex-start}
.ssr{max-width:760px;margin:0 auto;padding:8px 16px 40px;font:400 16px/1.55 var(--font,system-ui);color:var(--ink,#222)}
.ssr a{color:inherit}
.ssr h1{font-size:24px;line-height:1.25;margin:14px 0}
.ssr-nav a,.ssr-path a{margin-right:10px}
.ssr-path{margin-top:10px;font-size:14px}
.ssr-post{border-top:1px solid rgba(127,127,127,.3);padding:10px 0}
.ssr-by{font-size:14px;opacity:.8;margin:0 0 6px}
.ssr-list{padding-left:18px}.ssr-list li{margin:6px 0}
.ssr-pages{margin-top:16px}

/* 0.9.9f «Περιοχές του site» (Admins) */
.ar-pg{padding:16px}
.ar-tbl{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:auto;background:var(--surface);color:var(--ink)}
.ar-row{display:grid;grid-template-columns:minmax(200px,1fr) repeat(7,82px);align-items:center;gap:4px;padding:7px 10px;border-top:1px solid var(--line,rgba(127,127,127,.18))}
.ar-head{position:sticky;top:0;background:var(--surface2);color:var(--ink);font-weight:700;font-size:13px;border-top:0;z-index:1}
.ar-cat{padding:10px 10px 4px;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.75;border-top:1px solid var(--line,rgba(127,127,127,.25))}
.ar-name small{opacity:.6;font-size:12px}
.ar-c{text-align:center;justify-self:center}
.ar-c input{width:18px;height:18px;cursor:pointer}
.ar-save{display:flex;align-items:center;gap:12px;margin-top:14px}
.ar-head .ar-c{font-size:12px;line-height:1.2}

/* 0.9.9j (owner 23 Oct): news without a picture → the PAOKWORLD logo (contained, on the dark brand ground) */
.logo-ph{background-color:#141416!important;background-size:46% auto!important;background-repeat:no-repeat!important;background-position:center!important}
/* «Σύνδεσμοι: Νέα και Ανακοινώσεις» – right column, under the poll */
.a-clubs{order:3}
@media (max-width:767px){.a-clubs{order:4}}
.cl-list{display:flex;flex-direction:column}
.cl-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.cl-row:first-child{border-top:0}
.cl-t{grid-column:1/-1;color:var(--ink);font-weight:700;font-size:14px;line-height:1.3;text-decoration:none}
.cl-t:hover,.cl-t:focus-visible{text-decoration:underline}
.cl-m{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-row .btn.sm{justify-self:end}
/* «Κέντρο διαχείρισης» */
.hub-pg h2{margin:0 0 12px;font-size:20px}
.hub-sts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0 0 18px}
.hub-st{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--ink)}
.hub-st span:last-child{grid-column:2;font-size:13px;color:var(--ink2)}
.hub-dot{width:10px;height:10px;border-radius:50%;background:#8a8f98;grid-row:1}
.hub-st.on .hub-dot{background:var(--accent)}
.hub-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.hub-tile{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;position:relative}
.hub-tile:hover,.hub-tile:focus-visible{border-color:var(--accent);outline:none}
.hub-tile b{font-size:14px;line-height:1.25}
.hub-tile .n{margin-left:auto;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}
.hub-ic{display:inline-flex;width:22px;height:22px;flex:none;color:var(--ink2)}
.prcard .pr-ph.pr-logo{background-image:url("/app/icons/icon-512.png");background-repeat:no-repeat;background-size:auto 46%;background-position:center 30%}

/* 0.9.9k (owner 23 Oct 19:38): the main photo has a FIXED frame everywhere – the photo is fitted inside it (filled, centred a little
   above the middle so faces stay in), whatever its own size or shape (portrait photos no longer make a tall page). */
@media (min-width:768px){
  .home .hero-ph{aspect-ratio:auto;height:300px;max-height:none;background-position:center 30%}
  .post.first .body .lead-img,.post.first .body a > .lead-img{width:100%;height:340px;max-height:none;object-fit:cover;object-position:center 30%}
}
@media (max-width:767px){
  .home .hero{min-height:220px}
  .home .hero-ph{background-position:center 30%}
  .is-article .post.first .lead-img{height:220px;max-height:none;object-fit:cover;object-position:center 30%}
  .post.first .body .lead-img,.post.first .body a > .lead-img{aspect-ratio:auto}
}
.body .lead-img{max-height:240px;object-fit:cover;object-position:center 30%}
.lead-img.logo-ph,.hero-ph.logo-ph{object-fit:contain}