/* =====================================================================
   Kinoebi interface layer - flat, quiet, editorial.
   One accent colour (set per site in themes/*.css), neutral graphite surfaces,
   small radii, hairline borders, no blur / glow / gradients on components.
   Loaded after the theme, before custom.css (so your own custom.css still wins).
   ===================================================================== */
:root{
  --bg:#0e0e10;--bg2:#151517;--bg3:#1c1c1f;--line:#28282c;--tx:#ececee;--tx2:#9a9aa2;
  --p1:var(--ac);--p2:var(--ac);--p3:var(--ac);--p4:var(--ac);--p5:var(--ac);
  --r:6px;
}
body{font:15.5px/1.6 "Noto Sans Georgian",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--tx)}
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
::selection{background:var(--ac);color:var(--ac-tx)}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.ic{display:inline-block;vertical-align:-.17em;flex:none}
h1,h2,h3{letter-spacing:-.012em}

/* ---- buttons */
.btn,button.btn{background:var(--ac);color:var(--ac-tx);border-radius:6px;padding:11px 20px;font-weight:600;font-size:15px;gap:9px;transition:background .15s,border-color .15s}
.btn:hover{filter:none;transform:none;background:color-mix(in srgb,var(--ac) 88%,#fff)}
.btn--ghost{background:transparent;color:var(--tx);border:1px solid rgba(255,255,255,.26)}
.btn--ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.45)}

/* ---- header */
.top{background:var(--bg);border-bottom:1px solid var(--line);box-shadow:none}
.top--clear{background:linear-gradient(rgba(0,0,0,.72),transparent);border-color:transparent}
.top__in{height:60px;gap:26px}
.logo{font-size:21px;font-weight:800;letter-spacing:-.01em;color:var(--tx);text-shadow:none;text-transform:none;font-style:normal;font-family:inherit;background:none;-webkit-text-fill-color:currentColor}
.logo::first-letter{color:inherit}.logo::after{display:none}
.nav{gap:2px}
.nav a{border-radius:0;padding:8px 12px;font-size:14.5px;font-weight:500;color:var(--tx2);display:inline-flex;align-items:center;gap:7px;position:relative;background:none}
.nav a:hover{background:none;color:var(--tx)}
.nav a.is-on{background:none;color:var(--tx);box-shadow:inset 0 -2px 0 var(--ac)}
.search input{border-radius:6px;background:var(--bg2);border:1px solid var(--line);padding:9px 14px;width:220px;font-size:14px}
.search input:focus{outline:0;border-color:var(--ac);width:300px}
.acct a,.acct button,.acct>a,.acct>button{border-radius:6px;color:var(--tx2);display:inline-flex;align-items:center;gap:6px}
.acct__reg{background:var(--ac)!important;color:var(--ac-tx)!important;font-weight:600;border-radius:6px!important}
.acct__badge{border-radius:4px;background:var(--ac);color:var(--ac-tx);font-weight:700;padding:0 6px}
.burger{display:none;color:var(--tx);line-height:0}.burger .ic{width:24px;height:24px}
.net a{border-radius:4px}
.chips a{border-radius:6px;background:var(--bg2);border:1px solid var(--line)}

/* ---- section headings */
.h{font-size:19px;font-weight:600;margin:38px 0 14px;gap:10px;align-items:center}
.h::before{display:none!important}
.h--big{font-size:30px;font-weight:700;margin-top:6px}
.h small{font-size:.62em;font-weight:400}
.more{font-size:13px;font-weight:500;color:var(--tx2);display:inline-flex;align-items:center;gap:4px}
.more:hover{color:var(--tx);text-decoration:none}

/* ---- poster cards: picture + caption, nothing else */
.card,.is-anime .card{background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;animation:none;transition:none}
.card:hover{transform:none;box-shadow:none;border-color:transparent}
.card img{border-radius:var(--r);transition:filter .18s;background:var(--bg3)}
.card:hover img{filter:brightness(1.14)}
.card__t,.is-anime .card__t{background:none;padding:9px 1px 0}
.card__t b{font-weight:500;font-size:14px;line-height:1.35}
.card:hover .card__t b{color:var(--ac)}
.card__t small{font-size:12.5px;color:var(--tx2)}
.badge,.rate,.soonbadge{border-radius:4px;background:rgba(0,0,0,.74);color:#fff;font-weight:600;font-size:12px;padding:2px 7px;box-shadow:none;display:inline-flex;align-items:center;gap:4px}
.rate .ic,.rq__rate .ic{color:var(--ac)}
.badge{color:#fff}
.soonbadge{background:var(--ac);color:var(--ac-tx);left:8px;right:auto}
.rail__b{border-radius:6px;width:38px;height:38px;background:rgba(0,0,0,.78);border:0;font-size:22px;line-height:1}
.rail__b:hover{background:var(--ac);color:var(--ac-tx)}

/* ---- hero */
.hero{height:min(82vh,860px)}
.hero__slide>img,.hero__slide.is-on>img{transform:none;transition:none}
.hero__slide::after,body[class*="clr-"] .hero__slide::after{background:linear-gradient(90deg,rgba(14,14,16,.94) 0,rgba(14,14,16,.55) 42%,transparent 74%),linear-gradient(0deg,var(--bg) 1%,transparent 34%)}
.hero__in{bottom:15%;max-width:min(620px,88%)}
.hero__k{color:var(--ac);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.hero h2{font-size:clamp(28px,3.9vw,54px);font-weight:700;letter-spacing:-.025em;line-height:1.08;text-shadow:none}
.hero p{color:var(--tx);opacity:.78;font-size:16px;line-height:1.6}
.hero__btns .btn{padding:12px 22px}
.hero__dots button{border-radius:0;width:22px;height:3px;background:rgba(255,255,255,.35)}
.hero__dots .is-on{width:36px;background:var(--ac)}

/* ---- filters, genre buttons, pager */
.gbtn,.tabs button{border-radius:6px;background:transparent;border:1px solid var(--line);height:34px;padding:0 14px;font-size:13.5px;font-weight:500;color:var(--tx2)}
.tabs button{height:auto;padding:8px 14px}
.gbtn:hover,.tabs button:hover{color:var(--tx);border-color:#44444a}
.gbtn.is-on,.tabs button.is-on{background:var(--ac);border-color:var(--ac);color:var(--ac-tx);font-weight:600}
.filters select,.filters input{border-radius:6px;background:var(--bg2);padding:9px 12px}
.pager a{border-radius:6px;background:transparent}.pager a.is-on{background:var(--ac);color:var(--ac-tx);border-color:var(--ac)}

/* ---- title page */
.tp__bg{filter:brightness(.26);transform:none}
.tp::after{background:linear-gradient(0deg,var(--bg) 0,transparent 60%)}
.tp__img{border-radius:var(--r);border:0;box-shadow:none}
.tp h1{font-weight:700;letter-spacing:-.025em}
.meta{font-size:14px}
.desc{color:var(--tx);opacity:.85}

/* ---- player block */
.player{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:12px}
.player__screen{border-radius:6px}
.player__bar button{border-radius:6px;background:var(--bg3);display:inline-flex;align-items:center;gap:7px}
.plswitch,.langs{display:flex;flex-wrap:wrap;gap:0;margin:4px 0 14px;border-bottom:1px solid var(--line)}
.plswitch button,.langs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;padding:10px 16px;font:inherit;font-weight:600;font-size:14.5px;color:var(--tx2);cursor:pointer}
.plswitch button:hover,.langs button:hover{color:var(--tx);background:none;border-color:transparent;border-bottom-color:#44444a}
.plswitch button.is-on,.langs button.is-on{color:var(--tx);background:none;border-bottom-color:var(--ac)}
.langs{margin-top:0}
.seasons>span{font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.seasons__row button,.servers button{border-radius:6px}
.seasons__row .is-on{background:var(--ac)!important;color:var(--ac-tx)!important;border-color:var(--ac)!important}
.servers button.is-on{color:var(--tx);border-color:var(--ac)}
.eps{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}
.ep{height:42px;border-radius:6px;background:var(--bg3);border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--tx)}
.ep:hover{border-color:#55555c;background:var(--bg3)}
.ep.is-on,.ep.is-on:hover{background:var(--ac);color:var(--ac-tx);border-color:var(--ac)}
.votes button{border-radius:6px;background:var(--bg3);border:1px solid var(--line);font-size:14.5px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px}
.votes button:hover{background:#26262a}.votes button.is-on{background:var(--ac);color:var(--ac-tx);border-color:var(--ac)}

/* ---- comments, users, tabs */
.cm,.tcard,.req,.rqlogin,.auth__box{border-radius:8px}
.auth__box{padding:26px}
.cmform textarea,.auth__box input,.cmform input{border-radius:6px}
.cmform textarea:focus,.auth__box input:focus{outline:0;border-color:var(--ac)}
.role{border-radius:4px;background:transparent;font-size:11px;font-weight:600;padding:1px 7px;letter-spacing:.02em;border:1px solid currentColor}
.role--1{color:#e58a82;border-color:#e58a82}.role--2{color:#d6a05f;border-color:#d6a05f}.role--3{color:#62c4a4;border-color:#62c4a4}.role--4{color:#6ea9dc;border-color:#6ea9dc}.role--5{color:#c98fb3;border-color:#c98fb3}
.rx button,.rx__pick{border-radius:6px}.rx button{display:inline-flex;align-items:center;gap:5px}
.rx__pick{box-shadow:none;border:1px solid var(--line)}.rx__pick button{padding:5px 8px}
.stars__row button{display:inline-flex;font-size:inherit}
.pill2{border-radius:4px}
.wall__bg--none{background:var(--bg3)}
.wall::after{background:linear-gradient(transparent 40%,var(--bg))}
.colorpick input[type=color]{width:48px;height:36px;padding:2px;background:var(--bg2);border:1px solid var(--line);border-radius:6px;cursor:pointer}

/* ---- request page */
.rqform{background:var(--bg2);box-shadow:none;border-radius:8px;animation:none}
.rq{box-shadow:none;animation:none;border-radius:8px}.rq:hover{box-shadow:none}
.rq__rank,.rq__rate,.rq__st,.rq__bar,.rq__bar i{border-radius:4px}
.rq__hot{background:var(--ac);color:var(--ac-tx);box-shadow:none;border-radius:4px}
.rq--r1{box-shadow:none;border-color:var(--ac)}
.rq__pic::after{background:linear-gradient(transparent 55%,rgba(14,14,16,.8))}
.rq__bar i{background:var(--ac)}

/* ---- pop-ups, modal, misc */
.modal{background:rgba(0,0,0,.88)}.modal__box{border-radius:8px;box-shadow:none}.modal__x{border-radius:6px}
.popup{background:rgba(0,0,0,.7)}.popup__box{background:var(--bg2);border:1px solid var(--line);box-shadow:none;border-radius:10px}
.arcade{background:var(--ac);color:var(--ac-tx);border-radius:6px;box-shadow:none;display:inline-flex;align-items:center;gap:8px}
.mbar{box-shadow:none;border-top:1px solid var(--line)}.pprompt{box-shadow:none}
.rx__pick,.dpick__box,.spick__box,.cp__menu{box-shadow:0 8px 24px rgba(0,0,0,.5)}
.foot{border-top:1px solid var(--line);padding:28px 0}
.cw__img{border-radius:var(--r)}.cw__img em{background:rgba(0,0,0,.7);border-radius:50%}
.cw__img i{background:var(--ac)}

/* ---- games (kept playful but flat) */
.g2hero,.g2tabs button.is-on,.g2pill--vip,.gs__machine,.gs__reel,.gc__card,.gc__cell,.gb__box,.gb__box.is-pick,.apager a.is-on,.vp5__card,.vp5__bar i,.soonc__b,.ac__t,.spot::after{background-image:none}
.g2hero,.gs__machine,.gc__card,.vp5__card{background:var(--bg2);border:1px solid var(--line);box-shadow:none}
.g2pill,.g2prizes span,.spot__tag,.vp5__bar,.soonc__b{border-radius:4px}
.g2tabs button.is-on,.apager a.is-on{background:var(--ac);color:var(--ac-tx);box-shadow:none}

/* ---- own video player: flat, same family as the site */
.cp--glass .cp__ctl{left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(transparent,rgba(0,0,0,.88) 38%);padding:30px 12px 8px;box-shadow:none;transform:none}
.cp--glass .cp__prog{height:14px}.cp--glass .cp__prog::before,.cp--glass .cp__buf,.cp--glass .cp__done{height:3px;border-radius:0}
.cp--glass .cp__prog:hover::before,.cp--glass .cp__prog:hover .cp__buf,.cp--glass .cp__prog:hover .cp__done{height:5px}
.cp--glass .cp__done{background:var(--ac)}
.cp--glass .cp__row>button:first-child{background:none;color:#fff;border-radius:6px;width:auto;height:auto;margin:0}
.cp--glass .cp__row>button{border-radius:6px}
.cp--glass .cp__big{width:76px;height:76px;background:var(--ac);border:0;box-shadow:none;border-radius:50%}
.cp--glass .cp__big svg{fill:var(--ac-tx)}
.cp--glass .cp__big--s{width:64px;height:64px;background:rgba(0,0,0,.65)}.cp--glass .cp__big--s svg{fill:#fff}
.cp__brand span,.cp--glass .cp__brand span{border-radius:3px;background:rgba(0,0,0,.55);border:0;border-left:2px solid var(--ac);border-right:0;padding:4px 10px;font-size:13px;font-weight:700;letter-spacing:.02em}
.cp__eps{background:#101012;box-shadow:none;border-left:1px solid var(--line);animation:none}
.cp__seas button,.cp__epgrid button,.cp__menu{border-radius:6px}.cp__menu{background:#141416}
.cp__weak,.cp__flash,.player__note{border-radius:6px}
.cp__more,.cp__skip,.cp__err button{border-radius:6px}

@media(max-width:820px){
  .burger{display:block}
  .nav{top:60px;border-bottom:1px solid var(--line)}
  .nav a{padding:12px 4px}.nav a.is-on{box-shadow:none;color:var(--ac)}
}

/* main navigation is text only; icons are for actions */
.nav a .ic{display:none}