body[data-page="steam-parameters"],
body[data-page="steam-parameters"] main,
body[data-page="steam-parameters"] footer,
body[data-page="steam-parameters"] .side-drawer { user-select:text; }
body[data-page="steam-parameters"] button,
body[data-page="steam-parameters"] .parameters-panel { user-select:none; }

.parameters-main {
  position:relative;
  z-index:1;
  flex:0 0 auto;
  min-height:0;
  padding:1.15rem 1rem .7rem;
}
.parameters-page { width:min(1080px,100%); margin:0 auto; }
.parameters-page .xp-bar-container { margin:0 auto .9rem; }
.parameters-heading { margin:0 0 .85rem; text-align:center; }
.parameters-heading h1 {
  margin:0;
  color:var(--text-bright,#fff);
  font-family:var(--font-heading,"Teko"),sans-serif;
  font-size:clamp(2.35rem,5vw,3.35rem);
  font-weight:600;
  line-height:1;
  letter-spacing:.02em;
}
.parameters-heading .steam-page-intro {
  display:block;
  max-width:760px;
  margin:.42rem auto 0;
  color:#a9b1c7;
  font-size:clamp(.84rem,1.6vw,.94rem);
  line-height:1.55;
  text-wrap:balance;
  -webkit-user-select:text;
  user-select:text;
}


.parameters-panel {
  position:relative;
  overflow:visible;
  min-height:0;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.parameters-reset--floating {
  position:absolute;
  top:0;
  right:0;
  z-index:14;
  margin:0;
  background:rgba(13,17,36,.92);
  box-shadow:0 9px 24px rgba(0,0,0,.28);
}

[dir="rtl"] .parameters-reset--floating {
  right:auto;
  left:0;
}

.parameters-form input,
.parameters-form textarea {
  -webkit-user-select:text;
  user-select:text;
}
.parameters-statbar {
  display:flex;
  width:max-content;
  max-width:100%;
  min-height:48px;
  align-items:stretch;
  margin:0 0 .65rem auto;
  overflow:hidden;
  border:1px solid rgba(167,139,250,.2);
  border-radius:13px;
  background:rgba(8,10,27,.72);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}
.parameters-stat {
  display:flex;
  min-width:118px;
  flex-direction:column;
  justify-content:center;
  gap:.08rem;
  padding:.42rem .9rem;
  border-right:1px solid rgba(167,139,250,.14);
}
.parameters-stat span {
  color:var(--text-muted,#94a3b8);
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.13em;
}
.parameters-stat strong {
  color:var(--text-bright,#fff);
  font:700 .96rem var(--font-main,"Outfit"),sans-serif;
}
.parameters-reset {
  align-self:center;
  width:36px;
  height:36px;
  margin:0 .42rem;
  border:1px solid rgba(167,139,250,.2);
  border-radius:10px;
  color:#b9b4ce;
  background:rgba(167,139,250,.06);
  cursor:pointer;
}
.parameters-reset:hover {
  border-color:rgba(167,139,250,.5);
  color:var(--primary,#a78bfa);
  background:rgba(167,139,250,.13);
}

.parameters-state {
  min-height:310px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:2rem;
  text-align:center;
}
.parameters-state[hidden],
[hidden] { display:none !important; }
.parameters-state p { color:var(--text-muted,#94a3b8); }
.parameters-loader { display:flex; height:38px; align-items:center; gap:.45rem; }
.parameters-loader i {
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--primary,#a78bfa);
  animation:parameterBounce 1s infinite ease-in-out;
}
.parameters-loader i:nth-child(2){animation-delay:.13s}
.parameters-loader i:nth-child(3){animation-delay:.26s}
@keyframes parameterBounce {
  0%,60%,100%{transform:translateY(0);opacity:.3}
  30%{transform:translateY(-10px);opacity:1}
}
.parameters-error-icon {
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border:1px solid rgba(248,113,113,.45);
  border-radius:50%;
  color:#f87171;
}

.parameters-game { padding:0; }
.parameters-form { position:relative; z-index:10; margin:0 0 .55rem; padding-inline-end:2.85rem; }
.parameters-form label {
  display:block;
  margin:0 0 .42rem .12rem;
  color:#b9a7ff;
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.14em;
}
.parameters-search-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.55rem;
}
.parameters-search-field { position:relative; min-width:0; }
.parameters-search-field input {
  width:100%;
  height:58px;
  padding:0 1.15rem;
  border:1px solid rgba(167,139,250,.42);
  border-radius:16px;
  outline:0;
  color:var(--text-bright,#fff);
  background:linear-gradient(135deg,rgba(10,12,34,.99),rgba(18,20,52,.96));
  box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
  font:500 .9rem var(--font-main,"Outfit"),sans-serif;
}
.parameters-search-field input::placeholder { color:#77758d; }
.parameters-search-field input:focus {
  border-color:var(--primary,#a78bfa);
  box-shadow:0 0 0 3px rgba(167,139,250,.11),0 18px 40px rgba(0,0,0,.28);
}
.parameters-search-row .glow-btn {
  min-width:132px;
  min-height:58px;
  border-radius:15px;
  background:linear-gradient(135deg,#8b5cf6,#5b21b6);
  box-shadow:0 12px 30px rgba(94,66,190,.25);
}
.parameters-search-results {
  position:absolute;
  top:calc(100% + .4rem);
  right:0;
  left:0;
  z-index:30;
  overflow:hidden auto;
  max-height:320px;
  padding:.35rem;
  border:1px solid rgba(167,139,250,.3);
  border-radius:14px;
  background:rgba(8,9,25,.98);
  box-shadow:0 22px 55px rgba(0,0,0,.55);
}
.parameters-search-option {
  display:flex;
  width:100%;
  align-items:center;
  gap:.72rem;
  padding:.52rem;
  border:0;
  border-radius:9px;
  color:var(--text-main,#e2e8f0);
  background:transparent;
  cursor:pointer;
  font:600 .8rem var(--font-main,"Outfit"),sans-serif;
  text-align:left;
}
.parameters-search-option img {
  width:82px;
  aspect-ratio:184/69;
  flex:0 0 auto;
  border-radius:6px;
  object-fit:contain;
  background:#050713;
}
.parameters-search-option:hover,
.parameters-search-option.active { background:rgba(167,139,250,.12); }
.parameters-search-status {
  padding:.85rem;
  color:var(--text-muted,#94a3b8);
  font-size:.76rem;
  text-align:center;
}
.parameters-message {
  min-height:1.1rem;
  margin:.32rem .15rem 0;
  color:var(--text-muted,#94a3b8);
  font-size:.7rem;
}
.parameters-message.error { color:#fb7185; }
.parameters-secondary-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.45rem;
  margin:.1rem .1rem .55rem;
}
.parameters-hint-button,
.parameters-give-up {
  display:flex;
  min-height:36px;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  padding:.48rem .72rem;
  border-radius:9px;
  cursor:pointer;
  font:700 .68rem var(--font-main,"Outfit"),sans-serif;
  transition:border-color .15s,color .15s,background .15s,transform .15s;
}
.parameters-hint-button {
  border:1px solid rgba(167,139,250,.32);
  color:#c4b5fd;
  background:rgba(109,40,217,.1);
}
.parameters-give-up {
  border:1px solid rgba(251,113,133,.3);
  color:#fda4af;
  background:rgba(127,29,29,.11);
}
.parameters-hint-button[hidden],
.parameters-give-up[hidden] { display:none; }
.parameters-hint-button:hover:not(:disabled) {
  border-color:rgba(167,139,250,.62);
  color:#f5f3ff;
  background:rgba(109,40,217,.17);
  transform:translateY(-1px);
}
.parameters-give-up:hover:not(:disabled) {
  border-color:rgba(251,113,133,.58);
  color:#ffe4e6;
  background:rgba(190,24,93,.15);
  transform:translateY(-1px);
}
.parameters-hint-button:disabled,
.parameters-give-up:disabled { cursor:wait; opacity:.65; }
.parameters-review-hint {
  margin:.15rem 0 .7rem;
  padding:.8rem .9rem;
  border:1px solid rgba(167,139,250,.34);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(33,29,75,.76),rgba(11,14,36,.92));
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025);
}
.parameters-review-hint[hidden] { display:none; }
.parameters-review-hint-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
}
.parameters-review-hint-head strong {
  color:#ddd6fe;
  font-size:.72rem;
  letter-spacing:.04em;
}
.parameters-review-hint-head span {
  flex:0 0 auto;
  padding:.22rem .42rem;
  border-radius:6px;
  font-size:.52rem;
  font-weight:800;
  text-transform:uppercase;
}
.parameters-review-hint-head span.positive { color:#86efac; background:rgba(34,197,94,.13); }
.parameters-review-hint-head span.negative { color:#fda4af; background:rgba(244,63,94,.13); }
.parameters-review-hint p {
  margin:.58rem 0 .3rem;
  color:#f4f1ff;
  font-size:.78rem;
  line-height:1.55;
}
.parameters-review-hint small { color:#89859f; font-size:.61rem; }
.parameters-directions {
  margin:.05rem .15rem .7rem;
  color:#7d7a91;
  font-size:.66rem;
  text-align:right;
}
.parameters-table-head { display:none; }
.parameters-rows { display:grid; gap:.72rem; }

.parameter-row {
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:.65rem;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  animation:parameterRowIn .24s ease;
}
@keyframes parameterRowIn {
  from{opacity:0;transform:translateY(-8px)}
}
.parameter-title {
  display:grid;
  min-width:0;
  grid-template-rows:34px minmax(0,1fr);
  gap:.4rem;
}
.parameter-title-media {
  position:relative;
  display:grid;
  width:100%;
  min-height:158px;
  aspect-ratio:auto;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(167,139,250,.3);
  border-radius:12px;
  background:radial-gradient(circle at 50% 25%,rgba(88,66,184,.34),rgba(3,5,17,.96));
  box-shadow:0 12px 28px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025);
}
.parameter-title-media::before {
  content:"";
  position:absolute;
  inset:-14px;
  background-image:var(--parameter-image);
  background-position:center;
  background-size:cover;
  filter:blur(15px) brightness(.36) saturate(.9);
  opacity:.78;
  transform:scale(1.05);
}
.parameter-title-media img {
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  padding:.28rem;
  object-fit:contain;
}
.parameter-title-media.image-missing::after {
  content:"ARTIST";
  color:#77718f;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.18em;
}
.parameter-title-copy {
  display:flex;
  min-width:0;
  align-items:center;
  gap:.55rem;
  padding:.35rem .55rem;
  overflow:hidden;
  border:1px solid rgba(167,139,250,.24);
  border-radius:9px;
  background:linear-gradient(135deg,rgba(24,27,65,.95),rgba(11,14,36,.98));
  box-shadow:0 8px 20px rgba(0,0,0,.2);
}
.parameter-attempt-badge {
  display:grid;
  min-width:30px;
  height:26px;
  place-items:center;
  border:1px solid rgba(167,139,250,.25);
  border-radius:8px;
  color:#c4b5fd;
  background:rgba(167,139,250,.08);
  font-size:.62rem;
  font-weight:800;
}
.parameter-title strong {
  min-width:0;
  overflow:hidden;
  color:var(--text-bright,#fff);
  font:700 .8rem/1.3 var(--font-main,"Outfit"),sans-serif;
  text-overflow:ellipsis;
}
.parameter-comparison-grid {
  display:grid;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem;
}
.parameter-cell {
  position:relative;
  display:flex;
  min-width:0;
  min-height:92px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.28rem;
  padding:1.35rem .85rem .72rem;
  overflow:hidden;
  border:1px solid rgba(167,139,250,.25);
  border-radius:13px;
  color:var(--text-main,#e2e8f0);
  background:linear-gradient(145deg,rgba(24,29,70,.94),rgba(12,15,42,.97));
  box-shadow:0 10px 26px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025);
  text-align:left;
}
.parameter-cell::before {
  content:attr(data-label);
  position:absolute;
  top:.48rem;
  left:.7rem;
  color:#817c9d;
  font-size:.52rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.parameter-cell strong {
  max-width:100%;
  overflow-wrap:anywhere;
  color:var(--text-bright,#fff);
  font:700 .82rem/1.3 var(--font-main,"Outfit"),sans-serif;
}
.parameter-cell small {
  display:flex;
  align-items:center;
  gap:.28rem;
  color:#aaa6bd;
  font-size:.59rem;
  line-height:1.2;
}
.parameter-cell small i { color:#c4b5fd; }
.parameter-cell.status-match {
  border-color:rgba(74,222,128,.46);
  background:linear-gradient(145deg,rgba(26,82,65,.42),rgba(12,39,38,.52));
}
.parameter-cell.status-partial {
  border-color:rgba(251,191,36,.42);
  background:linear-gradient(145deg,rgba(91,66,23,.38),rgba(44,34,22,.5));
}
.parameter-cell.status-miss {
  border-color:rgba(139,113,225,.3);
  background:linear-gradient(145deg,rgba(27,32,78,.94),rgba(12,15,43,.97));
}
.parameter-tags {
  display:flex;
  max-width:100%;
  flex-wrap:wrap;
  gap:.25rem;
}
.parameter-tags span {
  padding:.22rem .38rem;
  border-radius:6px;
  color:#aaa6bd;
  background:rgba(255,255,255,.045);
  font-size:.58rem;
}
.parameter-tags span.match {
  color:#9bf2b8;
  background:rgba(74,222,128,.13);
}
.parameters-empty {
  padding:2rem 1rem 1rem;
  color:#67647c;
  font-size:.8rem;
  text-align:center;
}

.parameters-result {
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:1rem;
  align-items:center;
  margin-top:.8rem;
  padding:.75rem;
  border:1px solid rgba(74,222,128,.36);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(18,57,52,.55),rgba(8,20,28,.75));
}
.parameters-result.no-image { grid-template-columns:1fr; }
.parameters-result.gave-up {
  border-color:rgba(251,113,133,.34);
  background:linear-gradient(145deg,rgba(89,25,48,.38),rgba(15,14,34,.78));
}
.parameters-result img {
  width:200px;
  aspect-ratio:460/215;
  border-radius:10px;
  object-fit:contain;
  background:#050713;
}
.steam-try-games {
  width:min(1080px,calc(100% - 2rem));
  margin:.7rem auto 0;
  text-align:center;
}
.steam-try-games > h2,
.steam-try-games > h3 {
  margin:0 0 .55rem;
  color:#f4f1ff;
  font:600 1.45rem/1 var(--font-heading,"Teko"),sans-serif;
  letter-spacing:.02em;
  text-align:center;
}
.steam-try-games-grid {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.8rem;
}
.steam-try-game {
  display:grid;
  width:58px;
  height:58px;
  flex:0 0 58px;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,var(--try-g1),var(--try-g2));
  box-shadow:0 5px 16px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.26);
  text-decoration:none;
  transition:filter .16s,transform .16s,box-shadow .16s;
}
.steam-try-game:hover,
.steam-try-game:focus-visible {
  outline:2px solid rgba(255,255,255,.82);
  outline-offset:3px;
  filter:brightness(1.08);
  box-shadow:0 10px 26px var(--try-glow),inset 0 1px rgba(255,255,255,.3);
  transform:translateY(-4px) scale(1.07);
}
.steam-try-game > i {
  color:#fff;
  font-size:1.45rem;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));
}
.parameters-result-copy > span {
  color:#66e798;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.15em;
}
.parameters-result.gave-up .parameters-result-copy > span { color:#fda4af; }
.parameters-result-copy h2 {
  margin:.15rem 0;
  color:#fff;
  font:500 2rem/1 var(--font-heading,"Teko"),sans-serif;
}
.parameters-result-copy p {
  margin:0 0 .35rem;
  color:#aaa6bd;
  font-size:.78rem;
}
.parameters-result-copy .parameters-result-xp { color:#66e798; font-weight:700; }
.parameters-result-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; }
.parameters-result-actions a { color:#c4b5fd; font-size:.72rem; text-decoration:none; }
.parameters-disclaimer {
  margin:.9rem auto 0;
  color:#67647c;
  font-size:.66rem;
  text-align:center;
}
body[data-page="steam-parameters"] .seo-section {
  position:relative;
  z-index:1;
  margin-top:0;
  padding:1.65rem 0 3rem;
}
body[data-page="steam-parameters"] .seo-cards-section {
  margin-top:0;
  gap:1.1rem;
}
body[data-page="steam-parameters"] .seo-cards-title,
body[data-page="steam-parameters"] .seo-section-intro {
  width:100%;
  max-width:850px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}
body[data-page="steam-parameters"] .seo-cards-title {
  margin-top:0;
  margin-bottom:0;
  line-height:1.15;
  text-wrap:balance;
}
body[data-page="steam-parameters"] .seo-section-intro { margin-top:0; }
body[data-page="steam-parameters"] .seo-card--techniques { cursor:default; }
body[data-page="steam-parameters"] .seo-card--techniques:active { transform:translateY(-4px); }
[dir="rtl"] .parameters-statbar { margin-right:auto; margin-left:0; }
[dir="rtl"] .parameters-stat { border-right:0; border-left:1px solid rgba(167,139,250,.14); }
[dir="rtl"] .parameters-search-option,
[dir="rtl"] .parameter-cell { text-align:right; }
[dir="rtl"] .parameter-cell { align-items:flex-end; }
[dir="rtl"] .parameter-tags { justify-content:flex-end; }
[dir="rtl"] .parameter-cell::before { right:.7rem; left:auto; }
[dir="rtl"] .parameters-directions { text-align:left; }

.parameters-reset:focus-visible,
.parameters-search-option:focus-visible,
.parameters-search-row .glow-btn:focus-visible,
.parameters-hint-button:focus-visible,
.parameters-give-up:focus-visible,
.parameters-result-actions button:focus-visible,
body[data-page="steam-parameters"] #faq-toggle:focus-visible,
body[data-page="steam-parameters"] .faq-question:focus-visible {
  outline:2px solid #c4b5fd;
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(139,92,246,.18);
}

@media(max-width:760px) {
  .parameter-row { grid-template-columns:1fr; }
  .parameter-title { grid-template-columns:1fr; grid-template-rows:34px minmax(118px,auto); }
  .parameter-title-media { min-height:118px; }
  .steam-try-games { width:calc(100% - 1.1rem); }
}
@media(max-width:560px) {
  .parameters-main { padding:.8rem .55rem 2rem; }
  .parameters-heading h1 { font-size:2.45rem; }
  .parameters-statbar { width:100%; margin-bottom:.55rem; }
  .parameters-stat { min-width:0; flex:1; padding:.4rem .62rem; }
  .parameters-search-row { grid-template-columns:1fr; }
  .parameters-search-row .glow-btn { min-height:46px; }
  .parameters-form label { margin-left:.08rem; }
  .parameter-row { gap:.5rem; }
  .parameter-title { grid-template-columns:1fr; }
  .parameter-comparison-grid { gap:.42rem; }
  .parameter-cell { min-height:86px; padding:1.3rem .62rem .62rem; }
  .parameter-cell strong { font-size:.72rem; }
  .parameter-cell::before { top:.42rem; left:.55rem; font-size:.48rem; }
  [dir="rtl"] .parameter-cell::before { right:.55rem; left:auto; }
  .parameter-tags span { font-size:.52rem; }
  .parameters-result { grid-template-columns:105px minmax(0,1fr); gap:.65rem; }
  .parameters-result img { width:105px; }
  .parameters-result-copy h2 { font-size:1.45rem; }
}
@media(max-width:390px) {
  .parameter-title { grid-template-columns:1fr; }
  .parameter-cell { min-height:82px; }
  .parameter-comparison-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) {
  .parameters-loader i,
  .parameter-row { animation:none; }
  .steam-try-game { transition:none; }
}

/* ── Guess-the-Artist additions (square photos) ───────────────────────── */
.artist-title-media img { object-fit: cover; border-radius: 8px; }
.artist-search-photo { width: 38px; height: 38px; object-fit: cover; border-radius: 50%; flex-shrink: 0; }
.artist-search-placeholder {
  width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.06); border-radius: 50%; font-size: 1rem; flex-shrink: 0;
}
.artist-photo-hint img {
  display: block; margin: 0.6rem auto 0; max-width: 200px; width: 100%;
  border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); aspect-ratio: 1 / 1; object-fit: cover;
}
.artist-result-photo { object-fit: cover; border-radius: 14px; }
.parameters-result .artist-result-photo { width: 140px; height: auto; aspect-ratio: 1 / 1; }
@media (max-width: 560px) {
  .parameters-result .artist-result-photo { width: 105px; }
}

/* reset button docked next to the stat bubbles */
.parameters-statrow { display:flex; align-items:stretch; justify-content:flex-end; gap:.6rem; margin:0 0 .65rem; }
.parameters-statrow .parameters-statbar { margin:0; }
.parameters-reset--statrow {
  position:static;
  width:48px;
  min-height:48px;
  height:auto;
  margin:0;
  flex-shrink:0;
  border-radius:13px;
  background:rgba(8,10,27,.72);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:640px) {
  .parameters-statrow { width:100%; }
  .parameters-statrow .parameters-statbar { flex:1; }
}

/* ── how-to-play strip ─────────────────────────────────────────────────── */
.howto-strip { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.45rem .6rem; margin:.65rem auto 0; max-width:min(680px,100%); }
.howto-step { display:inline-flex; align-items:center; gap:.42rem; padding:.42rem .78rem; border:1px solid rgba(167,139,250,.3); border-radius:999px; background:rgba(139,92,246,.08); color:var(--text-main,#e2e8f0); font:600 .72rem/1.25 var(--font-main,"Outfit"),sans-serif; }
.howto-step > i { color:#c4b5fd; font-size:.8rem; }
.howto-chevron { color:#c4b5fd; font-size:.6rem; opacity:.55; }
[dir="rtl"] .howto-chevron { transform:scaleX(-1); }
@media (max-width:560px) { .howto-step { font-size:.66rem; padding:.36rem .62rem; } }

/* ── attempt progress dots ─────────────────────────────────────────────── */
.parameters-progress { display:flex; align-items:center; justify-content:center; gap:.42rem; margin:.15rem 0 .6rem; min-height:12px; }
.parameters-progress i { width:10px; height:10px; border-radius:50%; border:1px solid rgba(167,139,250,.45); background:transparent; transition:background .18s, box-shadow .18s, transform .18s; }
.parameters-progress i.used { background:linear-gradient(135deg,#8b5cf6,#5b21b6); border-color:transparent; box-shadow:0 0 10px rgba(139,92,246,.55); transform:scale(1.08); }
.parameters-progress i.won { background:#4ade80; border-color:transparent; box-shadow:0 0 10px rgba(74,222,128,.5); }
@media (max-width:560px) { .parameters-progress i { width:9px; height:9px; } }

/* ── share result button ───────────────────────────────────────────────── */
.parameters-share { display:inline-flex; align-items:center; gap:.45rem; min-height:46px; padding:.55rem 1.1rem; border:1px solid rgba(167,139,250,.4); border-radius:12px; cursor:pointer; background:rgba(139,92,246,.1); color:#c4b5fd; font:700 .74rem var(--font-main,"Outfit"),sans-serif; letter-spacing:.04em; transition:background .15s,color .15s,transform .15s; }
.parameters-share:hover { background:rgba(139,92,246,.2); color:#fff; transform:translateY(-1px); }

/* ── example clue row (first-visit teaching aid) ───────────────────────── */
.parameter-row--example { opacity:.72; filter:saturate(.75); }
.parameter-row--example .parameter-attempt-badge { visibility:hidden; }
.parameters-example-note { display:flex; align-items:center; justify-content:center; gap:.45rem; margin:.2rem 0 .1rem; color:#8a86a3; font:600 .64rem var(--font-main,"Outfit"),sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.parameters-example-note i { color:#c4b5fd; }

/* ── personal stats strip on the result panel ──────────────────────────── */
.parameters-stats { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.35rem .95rem; margin-top:.6rem; padding-top:.55rem; border-top:1px solid rgba(255,255,255,.07); }
.parameters-stats span { color:var(--text-muted,#94a3b8); font-size:.68rem; }
.parameters-stats b { color:#fff; margin-right:.18rem; }
[dir="rtl"] .parameters-stats b { margin-right:0; margin-left:.18rem; }

/* ── sticky guess bar on mobile ────────────────────────────────────────── */
@media (max-width:760px) {
  .parameters-form { position:sticky; bottom:0; z-index:30; margin:0 -.55rem; padding:.55rem .55rem calc(.55rem + env(safe-area-inset-bottom,0px)); background:rgba(6,8,22,.94); backdrop-filter:blur(10px); border-top:1px solid rgba(255,255,255,.08); border-radius:14px 14px 0 0; }
  .parameters-search-results { top:auto; bottom:calc(100% + .3rem); max-height:38vh; z-index:31; }
}