/* FERMIS.LT — žaidimo vertinimo sistema */
:root{
  --rt-gold:#f4c542;
  --rt-gold2:#ffe08a;
  --rt-ink:#0d1a08;
}

/* ----- Index: social proof stack ----- */
.rt-hero{
  display:flex; flex-direction:column; align-items:flex-start; gap:.45rem;
  margin:.85rem 0 0; max-width:100%;
}
.rt-badge{
  position:relative; display:inline-flex; align-items:center; gap:.4rem;
  padding:.28rem .7rem .28rem .45rem; border-radius:999px;
  border:1px solid rgba(244,197,66,.35);
  background:linear-gradient(135deg, rgba(244,197,66,.18), rgba(255,255,255,.06));
  box-shadow:0 4px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.1);
  color:#ffe9a8; font-size:.72rem; font-weight:800; letter-spacing:.02em;
  line-height:1.2; overflow:hidden;
  animation:rtPillIn .45s ease both;
}
.rt-badge__glow{
  position:absolute; inset:-40% -20% auto auto; width:70%; height:120%;
  background:radial-gradient(circle, rgba(244,197,66,.28), transparent 70%);
  pointer-events:none;
}
.rt-badge__ico{
  position:relative; z-index:1;
  display:grid; place-items:center;
  width:1.45rem; height:1.45rem; border-radius:50%;
  background:rgba(0,0,0,.28); border:1px solid rgba(244,197,66,.3);
  font-size:.78rem; line-height:1;
}
.rt-badge__txt{
  position:relative; z-index:1;
  text-transform:none; white-space:nowrap;
}
.rt-badge[data-rt-trust-key="favorite"]{
  border-color:rgba(244,197,66,.5);
  background:linear-gradient(135deg, rgba(244,197,66,.24), rgba(139,195,74,.08));
}
.rt-badge[data-rt-trust-key="great"]{
  border-color:rgba(180,210,255,.35);
  color:#d7e6ff;
}
.rt-badge[data-rt-trust-key="good"]{
  border-color:rgba(139,195,74,.4);
  color:#d7efb8;
}
.rt-badge.is-empty{ display:none; }

.rt-pill{
  appearance:none; display:inline-flex; align-items:center; gap:.45rem;
  margin:0; padding:.38rem .7rem .38rem .55rem;
  max-width:100%; border:1px solid rgba(255,255,255,.18);
  border-radius:999px; cursor:pointer; font:inherit; color:#fff;
  background:rgba(8,14,10,.28);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  box-shadow:0 4px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease, background .18s, border-color .18s, box-shadow .18s;
  animation:rtPillIn .45s ease both;
}
@keyframes rtPillIn{
  from{ opacity:0; transform:translateY(6px); }
  to{ opacity:1; transform:none; }
}
.rt-pill:hover{
  transform:translateY(-1px);
  background:rgba(8,14,10,.42);
  border-color:rgba(244,197,66,.45);
  box-shadow:0 6px 22px rgba(0,0,0,.22), 0 0 20px rgba(244,197,66,.12);
}
.rt-pill:active{ transform:translateY(0); }
.rt-pill__stars{
  display:inline-flex; gap:.02rem; font-size:.78rem; line-height:1;
  letter-spacing:.02em;
}
.rt-pill__stars i{
  font-style:normal; color:rgba(255,255,255,.22);
  transition:color .15s, transform .15s;
}
.rt-pill__stars i.is-on{
  color:var(--rt-gold);
  text-shadow:0 0 8px rgba(244,197,66,.4);
}
.rt-pill:hover .rt-pill__stars i.is-on{ transform:scale(1.08); }
.rt-pill__score{
  font-size:.92rem; font-weight:900; font-variant-numeric:tabular-nums;
  color:#fff; letter-spacing:-.01em;
}
.rt-pill__score b{ font-weight:900; }
.rt-pill__sep{
  width:1px; height:.85rem; background:rgba(255,255,255,.22); flex:0 0 auto;
}
.rt-pill__meta{
  font-size:.68rem; font-weight:700; color:rgba(232,240,228,.78);
  white-space:nowrap;
}
.rt-pill__go{
  font-size:.78rem; font-weight:900; color:var(--rt-gold2);
  opacity:.85; transition:transform .18s, opacity .18s;
}
.rt-pill:hover .rt-pill__go{ transform:translateX(2px); opacity:1; }

@media (max-width:420px){
  .rt-pill{ gap:.35rem; padding:.34rem .55rem .34rem .45rem; }
  .rt-pill__meta{ font-size:.62rem; }
  .rt-pill__stars{ font-size:.7rem; }
}

/* ----- Game: skaidri žvaigždžių juosta ----- */
.rt-glass{
  appearance:none; border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  color:#fff; cursor:pointer; font:inherit;
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.22rem .5rem .22rem .42rem; border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .15s, background .15s, border-color .15s, box-shadow .15s;
  vertical-align:middle;
}
.rt-glass:hover{
  background:rgba(244,197,66,.12);
  border-color:rgba(244,197,66,.4);
  box-shadow:0 0 14px rgba(244,197,66,.12), inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-1px);
}
.rt-glass__stars{
  display:inline-flex; gap:0; font-size:.62rem; line-height:1;
}
.rt-glass__stars i{
  font-style:normal; color:rgba(255,255,255,.18);
}
.rt-glass__stars i.is-on{
  color:var(--rt-gold);
  text-shadow:0 0 6px rgba(244,197,66,.35);
}
.rt-glass__score{
  font-size:.78rem; font-weight:900; font-variant-numeric:tabular-nums;
  color:#ffe08a; min-width:1.4rem;
}
.rt-glass__n{
  font-size:.58rem; font-weight:800; color:rgba(200,212,196,.7);
  padding-left:.28rem; border-left:1px solid rgba(255,255,255,.14);
  line-height:1;
}

/* ----- Modal ----- */
.rt-modal{
  position:fixed; inset:0; z-index:200;
  display:grid; place-items:center; padding:.75rem;
  background:rgba(4,8,5,.82);
  animation:rtFade .2s ease;
}
.rt-modal[hidden]{ display:none !important; }
@keyframes rtFade{ from{ opacity:0; } to{ opacity:1; } }
.rt-modal__card{
  position:relative; width:min(520px,100%); max-height:92vh; overflow:auto;
  padding:1.15rem 1.05rem 1.2rem; border-radius:20px;
  background:
    radial-gradient(ellipse 60% 40% at 90% 0%, rgba(244,197,66,.15), transparent 50%),
    linear-gradient(165deg,#243028,#121a14);
  border:1px solid rgba(244,197,66,.4);
  box-shadow:0 28px 60px rgba(0,0,0,.55);
  animation:rtPop .28s ease;
  color:#e8f0e4;
}
@keyframes rtPop{
  from{ opacity:0; transform:translateY(14px) scale(.97); }
  to{ opacity:1; transform:none; }
}
.rt-modal__x{
  position:absolute; top:.55rem; right:.55rem;
  appearance:none; border:0; width:2.1rem; height:2.1rem; border-radius:999px;
  background:rgba(255,255,255,.08); color:#c5d4bc; cursor:pointer; font-size:.95rem;
}
.rt-modal__head{ text-align:center; padding:0 .5rem .75rem; }
.rt-modal__kicker{
  margin:0; font-size:.72rem; font-weight:900; letter-spacing:.05em; color:var(--rt-gold2);
}
.rt-modal__title{
  margin:.2rem 0 .4rem; font-size:1.25rem; font-weight:900; color:#fff;
  font-family:var(--font-head, Sora, sans-serif);
}
.rt-modal__bigstars{ font-size:1.5rem; letter-spacing:.12em; }
.rt-modal__avg{
  margin:.35rem 0 0; font-size:1.6rem; font-weight:900; color:#fff;
  font-variant-numeric:tabular-nums;
}
.rt-modal__avg small{ font-size:.78rem; color:#9db09a; font-weight:700; }
.rt-modal__count{ margin:.15rem 0 0; font-size:.78rem; font-weight:700; color:#b8c8b4; }
.rt-shield{
  display:flex; align-items:flex-start; gap:.4rem;
  margin:.65rem 0 0; padding:.5rem .65rem; border-radius:12px;
  background:rgba(106,149,208,.12); border:1px solid rgba(106,149,208,.3);
  font-size:.7rem; font-weight:700; color:#b8d0f0; text-align:left; line-height:1.35;
}
.rt-trust{
  display:inline-block; margin-top:.5rem;
  font-size:.72rem; font-weight:900;
  padding:.22rem .6rem; border-radius:999px;
  background:rgba(244,197,66,.2); color:var(--rt-gold2);
}
.rt-rec-banner{
  margin:.55rem 0 0; font-size:.78rem; font-weight:800; color:#c5e88a;
}

/* Form */
.rt-form{
  margin:.85rem 0; padding:.85rem .8rem; border-radius:14px;
  background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.08);
}
.rt-form__lbl{
  margin:0 0 .45rem; font-size:.78rem; font-weight:800; color:#c5d4bc; text-align:center;
}
.rt-pick{
  display:flex; justify-content:center; gap:.35rem; margin-bottom:.55rem;
}
.rt-pick__btn{
  appearance:none; border:0; background:none; cursor:pointer;
  font-size:1.85rem; line-height:1; color:rgba(255,255,255,.2);
  transition:transform .15s, color .15s, text-shadow .15s;
  padding:.15rem;
}
.rt-pick__btn:hover,
.rt-pick__btn.is-hover{
  transform:scale(1.22);
  color:var(--rt-gold2);
}
.rt-pick__btn.is-on{
  color:var(--rt-gold);
  text-shadow:0 0 12px rgba(244,197,66,.45);
}
.rt-pick__btn.is-flash{
  animation:rtFlash .45s ease;
}
@keyframes rtFlash{
  0%,100%{ filter:brightness(1); transform:scale(1.1); }
  40%{ filter:brightness(1.6); transform:scale(1.35); }
}
.rt-nums{
  display:flex; justify-content:center; gap:.35rem; margin:0 0 .65rem;
}
.rt-nums span{
  width:1.85rem; text-align:center;
  font-size:.65rem; font-weight:800; color:#6a7a68;
}
.rt-form label{
  display:flex; flex-direction:column; gap:.25rem;
  font-size:.7rem; font-weight:800; color:#9db09a;
}
.rt-form textarea{
  font:inherit; font-size:16px; font-weight:600;
  padding:.5rem .6rem; border-radius:10px; resize:vertical; min-height:4.2rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.35); color:#e8f0e4;
}
.rt-form__count{ font-size:.65rem; font-weight:700; color:#6a7a68; text-align:right; }
.rt-rec{ margin:.65rem 0 .35rem; }
.rt-rec__q{ margin:0 0 .4rem; font-size:.74rem; font-weight:800; color:#c5d4bc; text-align:center; }
.rt-rec__opts{ display:flex; flex-wrap:wrap; justify-content:center; gap:.35rem; }
.rt-rec__opts label{
  flex-direction:row; align-items:center; gap:.3rem;
  padding:.35rem .6rem; border-radius:999px; cursor:pointer;
  border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.25);
  font-size:.72rem; font-weight:800; color:#d5e0d0;
}
.rt-rec__opts input{ accent-color:var(--rt-gold); }
.rt-rec__opts label:has(input:checked){
  border-color:rgba(244,197,66,.55); background:rgba(244,197,66,.15); color:#ffe08a;
}
.rt-submit{
  margin-top:.65rem; width:100%;
  appearance:none; border:0; cursor:pointer;
  padding:.55rem .8rem; border-radius:12px;
  font:inherit; font-size:.84rem; font-weight:900;
  color:var(--rt-ink); background:linear-gradient(180deg,#ffe08a,#f4c542);
  box-shadow:0 4px 14px rgba(244,197,66,.3);
  transition:transform .15s;
}
.rt-submit:hover{ transform:translateY(-1px); }
.rt-submit:disabled{ opacity:.5; cursor:not-allowed; transform:none; }
.rt-login-hint{
  text-align:center; padding:.75rem; border-radius:12px;
  background:rgba(0,0,0,.2); border:1px dashed rgba(255,255,255,.12);
  font-size:.8rem; font-weight:700; color:#c5d4bc;
}
.rt-login-hint a{ color:var(--rt-gold2); font-weight:900; }

/* Thanks */
.rt-thanks{
  text-align:center; padding:.9rem .5rem; border-radius:14px;
  background:rgba(139,195,74,.12); border:1px solid rgba(139,195,74,.35);
  animation:rtPop .35s ease;
}
.rt-thanks[hidden]{ display:none !important; }
.rt-thanks__ico{ margin:0; font-size:2rem; }
.rt-thanks h3{ margin:.2rem 0; color:#fff; font-size:1.1rem; }
.rt-thanks p{ margin:0; font-size:.8rem; font-weight:700; color:#c5d4bc; }

/* Bars */
.rt-bars{ margin:.75rem 0; }
.rt-bars__title{
  margin:0 0 .45rem; font-size:.78rem; font-weight:900; color:#ffe08a;
}
.rt-bar{
  display:grid; grid-template-columns:4.2rem 1fr 2.4rem; gap:.4rem;
  align-items:center; margin:.28rem 0;
  font-size:.68rem; font-weight:800; color:#b8c8b4;
}
.rt-bar__track{
  height:.55rem; border-radius:999px; overflow:hidden;
  background:rgba(255,255,255,.08);
}
.rt-bar__fill{
  height:100%; border-radius:999px; width:0;
  background:linear-gradient(90deg,#f4c542,#ffe08a);
  transition:width .7s ease;
  box-shadow:0 0 8px rgba(244,197,66,.35);
}
.rt-bar__pct{ text-align:right; color:#ffe08a; font-variant-numeric:tabular-nums; }

/* Reviews */
.rt-sec{ margin-top:.9rem; }
.rt-sec__title{
  margin:0 0 .5rem; font-size:.82rem; font-weight:900; color:#ffe08a;
}
.rt-list{ display:flex; flex-direction:column; gap:.5rem; }
.rt-rev{
  padding:.7rem .75rem; border-radius:14px;
  background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.07);
  transition:border-color .2s, transform .2s;
}
.rt-rev:hover{ border-color:rgba(244,197,66,.3); transform:translateY(-1px); }
.rt-rev--top{ border-color:rgba(244,197,66,.35); background:rgba(244,197,66,.06); }
.rt-rev__head{
  display:flex; align-items:center; gap:.5rem; margin-bottom:.35rem;
}
.rt-rev__ava{
  width:2.1rem; height:2.1rem; border-radius:50%; overflow:hidden;
  background:rgba(139,195,74,.2); flex:0 0 auto;
  display:grid; place-items:center; font-size:.9rem;
}
.rt-rev__ava img{ width:100%; height:100%; object-fit:cover; }
.rt-rev__who{ flex:1; min-width:0; }
.rt-rev__nick{
  display:flex; flex-wrap:wrap; align-items:center; gap:.2rem;
  font-size:.8rem; font-weight:900; color:#fff;
}
.rt-rev__when{ font-size:.65rem; font-weight:700; color:#6a7a68; }
.rt-rev__stars{ font-size:.85rem; letter-spacing:.06em; color:var(--rt-gold); }
.rt-rev__body{
  margin:0; font-size:.8rem; font-weight:600; color:#d5e0d0; line-height:1.4;
  white-space:pre-wrap;
}
.rt-rev__foot{
  display:flex; flex-wrap:wrap; align-items:center; gap:.4rem;
  margin-top:.45rem;
}
.rt-helpful{
  appearance:none; border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25); color:#c5d4bc; cursor:pointer;
  font:inherit; font-size:.7rem; font-weight:800;
  padding:.28rem .55rem; border-radius:999px;
  transition:background .15s, border-color .15s;
}
.rt-helpful:hover{ border-color:rgba(139,195,74,.45); }
.rt-helpful.is-on{
  background:rgba(139,195,74,.2); border-color:rgba(139,195,74,.5); color:#c5e88a;
}
.rt-creator{
  margin:.5rem 0 0; padding:.5rem .6rem; border-radius:10px;
  background:rgba(244,197,66,.1); border-left:3px solid var(--rt-gold);
  font-size:.74rem; font-weight:700; color:#e8dcc0; line-height:1.35;
}
.rt-creator__who{ display:block; margin-bottom:.2rem; color:var(--rt-gold2); font-weight:900; }
.rt-admin-reply{
  margin-top:.4rem; display:flex; gap:.35rem; flex-wrap:wrap;
}
.rt-admin-reply input{
  flex:1 1 10rem; font:inherit; font-size:14px; font-weight:600;
  padding:.35rem .5rem; border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.35); color:#e8f0e4;
}
.rt-admin-reply button{
  appearance:none; border:0; cursor:pointer;
  padding:.35rem .55rem; border-radius:8px;
  font:inherit; font-size:.7rem; font-weight:900;
  background:rgba(244,197,66,.25); color:#ffe08a;
}
.rt-empty{ margin:.4rem 0; font-size:.78rem; font-weight:700; color:#6a7a68; text-align:center; }

.rt-toast{
  position:fixed; left:50%; bottom:1.2rem; z-index:220;
  transform:translateX(-50%);
  padding:.55rem .9rem; border-radius:999px;
  background:#1a261c; border:1px solid rgba(244,197,66,.45);
  color:#ffe08a; font-size:.8rem; font-weight:800;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.rt-toast.is-err{ border-color:rgba(224,90,74,.5); color:#ffb0a0; }
.rt-toast[hidden]{ display:none !important; }

@media (prefers-reduced-motion: reduce){
  .rt-pill, .rt-modal, .rt-modal__card, .rt-thanks, .rt-pick__btn.is-flash{ animation:none !important; }
  .rt-bar__fill{ transition:none; }
}