[data-profile-frame]{border-radius:50%!important}
[data-profile-frame="red"]{box-shadow:0 0 0 3px #19171b,0 0 0 6px #f43a48!important}
[data-profile-frame="silver"]{box-shadow:0 0 0 3px #19171b,0 0 0 6px #dce3ee,0 0 16px #a5b9e14d!important}
[data-profile-frame="gold"]{box-shadow:0 0 0 3px #19171b,0 0 0 6px #eec46b,0 0 0 8px #7b532f!important}
[data-profile-frame="violet"]{box-shadow:0 0 0 3px #19171b,0 0 0 6px #b99aff,0 0 0 9px #5d3c87,0 0 22px #9964ff66!important}
[data-profile-frame="aurora"]{box-shadow:-3px 0 0 5px #5dddd0,3px 0 0 5px #b28aff,0 0 0 9px #284047,0 0 22px #68d8c850!important}
[data-profile-frame="legend"]{box-shadow:0 0 0 3px #19171b,0 0 0 6px #ffd989,0 0 0 9px #7b405c,0 0 0 11px #e1b665,0 0 24px #ffd98966!important}
.kinelaro-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:3px}
.kinelaro-frame-option{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:22px 10px 14px;border:2px solid transparent;border-radius:16px;background:#ffffff06;text-align:center}
.kinelaro-frame-option.is-selected{border-color:#fa3342;background:#e5091418}
.kinelaro-frame-option.is-locked .kinelaro-frame-sample{opacity:.45;filter:saturate(.45)}
.kinelaro-frame-option b{font-size:14px;font-weight:600}.kinelaro-frame-option small{font-size:12px;color:#aaa}
.kinelaro-frame-sample{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;margin:7px 0 10px;border-radius:50%;background:linear-gradient(135deg,#e50914,#53050d);color:#fff;font:bold 28px/1 Arial,sans-serif}
.kinelaro-frame-note{margin:16px 0 0!important;color:#a39aa6;font-size:13px;line-height:1.5}
.kinelaro-frame-dialog{box-sizing:border-box;width:520px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:24px;border:1px solid #ffffff25;border-radius:22px;background:#19171d;color:#fff;overflow:auto}
.kinelaro-frame-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.kinelaro-frame-dialog h2{margin:0 40px 22px 0;font-size:26px}.kinelaro-frame-dialog button{cursor:pointer;color:#fff;font:inherit}
.kinelaro-frame-dialog button:focus-visible{outline:2px solid #ff6873;outline-offset:2px}
.kinelaro-frame-close{position:absolute;top:14px;right:14px;border:0;background:#ffffff12;border-radius:50%;width:34px;height:34px;font-size:24px!important}
.kinelaro-frame-save{width:100%;min-height:46px;border:0;border-radius:10px;background:#e50914}
.kinelaro-frame-feedback{min-height:20px;font-size:14px;color:#ffa5ac}
.kinelaro-country-select{box-sizing:border-box;display:block;width:100%;min-height:46px;margin:0 0 20px;padding:12px 14px;background:#29252d;border:1px solid #ffffff25;border-radius:10px;color:#fff;font:inherit;text-align:left}
.kinelaro-country-label{display:block;color:#bfb8c5;font-size:14px}.kinelaro-country-label select{margin-top:8px}
.kinelaro-profile-country{display:block;margin-top:8px;color:#bcb1c5;font-size:13px}
.kinelaro-theme .selectbox.kinelaro-country-options{z-index:130!important}
.kinelaro-frame-sample img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Scalable transparent illustrations sit outside, never over the face. */
[data-profile-frame]:not([data-profile-frame="none"]){position:relative;overflow:visible!important}
[data-profile-frame] img{border-radius:50%}
.kinelaro-hub-avatar-camera{z-index:2}
[data-profile-frame="cat"]{box-shadow:none!important}
[data-profile-frame="cat"]::after{content:"";position:absolute;inset:-21%;background:url("frames/cat.svg?v=243a") center/contain no-repeat;pointer-events:none}
[data-profile-frame="popcorn"]{box-shadow:none!important}
[data-profile-frame="popcorn"]::after{content:"";position:absolute;inset:-21%;background:url("frames/popcorn.svg?v=243a") center/contain no-repeat;pointer-events:none}
[data-profile-frame="donut"]{box-shadow:none!important}
[data-profile-frame="donut"]::after{content:"";position:absolute;inset:-21%;background:url("frames/donut.svg?v=243a") center/contain no-repeat;pointer-events:none}
[data-profile-frame="frog"]{box-shadow:none!important}
[data-profile-frame="frog"]::after{content:"";position:absolute;inset:-21%;background:url("frames/frog.svg?v=243a") center/contain no-repeat;pointer-events:none}
[data-profile-frame="ufo"]{box-shadow:none!important}
[data-profile-frame="ufo"]::after{content:"";position:absolute;inset:-21%;background:url("frames/ufo.svg?v=243a") center/contain no-repeat;pointer-events:none}
[data-profile-frame="pirate"]{box-shadow:none!important}
[data-profile-frame="pirate"]::after{content:"";position:absolute;inset:-21%;background:url("frames/pirate.svg?v=243a") center/contain no-repeat;pointer-events:none}
[data-profile-frame="comic"]{box-shadow:none!important}
[data-profile-frame="comic"]::after{content:"";position:absolute;inset:-21%;background:url("frames/comic.svg?v=243a") center/contain no-repeat;pointer-events:none}
[data-profile-frame="dragon"]{box-shadow:none!important}
[data-profile-frame="dragon"]::after{content:"";position:absolute;inset:-21%;background:url("frames/dragon.svg?v=243a") center/contain no-repeat;pointer-events:none}

.kinelaro-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em;padding:.3em}
.kinelaro-frame-option{gap:.65em;padding:1.5em .5em 1em;border-radius:1em;font-size:inherit}
.kinelaro-frame-option b{font-size:.95em}.kinelaro-frame-option small{font-size:.8em}
.kinelaro-frame-sample{width:4em;height:4em;margin:.6em 0 .8em;font:inherit;font-weight:700}
.kinelaro-frame-note,.kinelaro-profile-country{font-size:.85em}
.kinelaro-frame-dialog{width:760px;font-size:18px;padding:30px}
.kinelaro-theme .modal.modal--kinelaro-device-edit{display:flex;align-items:center;justify-content:center;padding:20px;background:#000b;font-size:clamp(18px,1.55vw,32px)}
.kinelaro-theme .modal--kinelaro-device-edit .modal__content{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:34em!important;max-width:100%!important;max-height:calc(100vh - 40px);margin:0!important;padding:2em!important;border:1px solid #ffffff26;border-radius:1.2em;background:#1b191e}
.modal--kinelaro-device-edit .modal__title{font-size:1.8em;line-height:1.2;overflow-wrap:anywhere;padding-right:1em}
.modal--kinelaro-device-edit .modal__footer{display:flex;flex-wrap:wrap;gap:.7em}
.modal--kinelaro-device-edit .modal__button{font-size:1em;min-height:2.8em;margin:0}
.modal--kinelaro-device-edit .scroll__content{max-height:calc(100vh - 13em)!important}
.kinelaro-hosted .settings-input.kinelaro-device-input{font-size:clamp(18px,1.55vw,32px)}
.kinelaro-hosted .kinelaro-device-input .settings-input__content{font-size:inherit;width:38em}
@media(max-width:600px){.kinelaro-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kinelaro-frame-dialog{padding:20px;font-size:16px}.kinelaro-theme .modal.modal--kinelaro-device-edit{font-size:16px;padding:12px}.kinelaro-theme .modal--kinelaro-device-edit .modal__content{padding:1.5em!important}.kinelaro-hosted .settings-input.kinelaro-device-input{font-size:16px}}

/* Profile appearance stays inside explicitly marked profile surfaces. */
[data-profile-accent] {
  --profile-accent: #e50914;
  --profile-accent-soft: #e5091424;
  --profile-accent-ink: #fff;
  --profile-accent-text: #ff737d;
}
[data-profile-accent="coral"] { --profile-accent: #ff8a7a; --profile-accent-soft: #ff8a7a24; --profile-accent-ink: #241715; --profile-accent-text: #ff8a7a; }
[data-profile-accent="amber"] { --profile-accent: #f2c879; --profile-accent-soft: #f2c87924; --profile-accent-ink: #251e13; --profile-accent-text: #f2c879; }
[data-profile-accent="mint"] { --profile-accent: #81d9bc; --profile-accent-soft: #81d9bc24; --profile-accent-ink: #12261f; --profile-accent-text: #81d9bc; }
[data-profile-accent="sky"] { --profile-accent: #8cc9ff; --profile-accent-soft: #8cc9ff24; --profile-accent-ink: #152333; --profile-accent-text: #8cc9ff; }
[data-profile-accent="lavender"] { --profile-accent: #c3a6ff; --profile-accent-soft: #c3a6ff24; --profile-accent-ink: #231a32; --profile-accent-text: #c3a6ff; }
[data-profile-accent="rose"] { --profile-accent: #f4a2c3; --profile-accent-soft: #f4a2c324; --profile-accent-ink: #301b24; --profile-accent-text: #f4a2c3; }

[data-profile-nick] { color: #f5f5f7 !important; }
[data-profile-nick="coral"] { color: #ff8a7a !important; }
[data-profile-nick="amber"] { color: #f2c879 !important; }
[data-profile-nick="mint"] { color: #81d9bc !important; }
[data-profile-nick="sky"] { color: #8cc9ff !important; }
[data-profile-nick="lavender"] { color: #c3a6ff !important; }
[data-profile-nick="rose"] { color: #f4a2c3 !important; }

/* Relative asset URLs also work when Lampa loads this sheet from the API host. */
[data-profile-cover] { --profile-cover-image: none; }
[data-profile-cover="red"] { --profile-cover-image: url("covers/red.svg?v=243a"); }
[data-profile-cover="cat"] { --profile-cover-image: url("covers/cat.svg?v=243a"); }
[data-profile-cover="popcorn"] { --profile-cover-image: url("covers/popcorn.svg?v=243a"); }
[data-profile-cover="donut"] { --profile-cover-image: url("covers/donut.svg?v=243a"); }
[data-profile-cover="silver"] { --profile-cover-image: url("covers/silver.svg?v=243a"); }
[data-profile-cover="frog"] { --profile-cover-image: url("covers/frog.svg?v=243a"); }
[data-profile-cover="ufo"] { --profile-cover-image: url("covers/ufo.svg?v=243a"); }
[data-profile-cover="gold"] { --profile-cover-image: url("covers/gold.svg?v=243a"); }
[data-profile-cover="pirate"] { --profile-cover-image: url("covers/pirate.svg?v=243a"); }
[data-profile-cover="comic"] { --profile-cover-image: url("covers/comic.svg?v=243a"); }
[data-profile-cover="violet"] { --profile-cover-image: url("covers/violet.svg?v=243a"); }
[data-profile-cover="dragon"] { --profile-cover-image: url("covers/dragon.svg?v=243a"); }
[data-profile-cover="aurora"] { --profile-cover-image: url("covers/aurora.svg?v=243a"); }
[data-profile-cover="legend"] { --profile-cover-image: url("covers/legend.svg?v=243a"); }

.kinelaro-achievement-hero[data-profile-cover]:not([data-profile-cover="none"]),
.kinelaro-hub-hero[data-profile-cover]:not([data-profile-cover="none"]),
.cabinet-welcome[data-profile-cover]:not([data-profile-cover="none"]),
.mini-header[data-profile-cover]:not([data-profile-cover="none"]),
.avatar-editor[data-profile-cover]:not([data-profile-cover="none"]) {
  background-color: #14131c;
  background-image: linear-gradient(90deg, #0a0b121f, #0a0b120d), var(--profile-cover-image);
  background-position: center, center right;
  background-size: cover;
  background-repeat: no-repeat;
  background-clip: padding-box;
  border-radius: 1.2em;
}
.cabinet-welcome[data-profile-cover]:not([data-profile-cover="none"]) { padding: 2em; margin-bottom: 1.2em; }
.mini-header[data-profile-cover]:not([data-profile-cover="none"]) { min-height: 8em; margin-bottom: 1.1em; padding: 1.3em; }
.avatar-editor[data-profile-cover]:not([data-profile-cover="none"]) { padding: 1.5em; border: 1px solid #ffffff1a; }
.cabinet-welcome[data-profile-cover]:not([data-profile-cover="none"]) p,
.avatar-editor[data-profile-cover]:not([data-profile-cover="none"]) > div > p { color: #c6c2cc; }

.kinelaro-style-preview {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 1.5em;
  min-height: 11em;
  padding: 2em 1.7em;
  margin: 0 0 1.7em;
  border: 1px solid #ffffff24;
  border-radius: 1.1em;
  background-color: #17151e;
  background-image: linear-gradient(90deg, #0b0c142e, #0b0c140d), var(--profile-cover-image, none);
  background-position: center, center right;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0 1px #ffffff09;
  color: #f5f5f7;
}
.kinelaro-style-preview[data-profile-cover="none"] { background-image: linear-gradient(115deg, #2d1724, #191820 65%, #252333); }
.kinelaro-style-preview > div:not(.kinelaro-style-preview__avatar) { min-width: 0; }
.kinelaro-style-preview__avatar { display: grid; place-items: center; flex: 0 0 auto; }
.kinelaro-style-preview__avatar.kinelaro-frame-sample,
.kinelaro-style-preview__avatar .kinelaro-frame-sample { width: 4.2em; height: 4.2em; margin: 0; }
.kinelaro-style-preview .kinelaro-style-preview__name { display: block; font-size: 1.45em; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; word-break: break-word; }
.kinelaro-style-preview__country,
.kinelaro-style-preview__subtitle { display: block; min-height: 1.4em; margin-top: .5em; color: #c4becd; font-size: .8em; line-height: 1.4; }
.kinelaro-style-section { margin: 1.6em 0; }
.kinelaro-style-section > h3,
.kinelaro-style-section > h4,
.kinelaro-style-section > strong { display: block; margin: 0 0 .8em; color: #eeeaf2; font-size: 1em; font-weight: 700; line-height: 1.35; }
.kinelaro-style-section > p { margin: .65em 0; color: #b4aebe; font-size: .8em; line-height: 1.5; }
.kinelaro-cover-grid,
.kinelaro-color-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8em; padding: .3em; }
.kinelaro-cover-option,
.kinelaro-color-option {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  border: 2px solid transparent;
  border-radius: .85em;
  padding: .8em;
  color: #f5f5f7;
  background-color: #ffffff07;
  box-shadow: inset 0 0 0 1px #ffffff14;
  cursor: pointer;
  font: inherit;
  text-align: left;
  line-height: 1.3;
  -webkit-tap-highlight-color: transparent;
}
.kinelaro-cover-option {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: .25em;
  min-height: 7.2em;
  padding: 1em .75em .7em;
  background-color: #161520;
  background-image: linear-gradient(0deg, #101019ed, #10101940 65%, #10101908), var(--profile-cover-image, none);
  background-position: center, right center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kinelaro-cover-option[data-profile-cover="none"] { background-image: linear-gradient(135deg, #322532, #191820 60%, #242433); }
.kinelaro-cover-option b,
.kinelaro-cover-option strong,
.kinelaro-color-option b,
.kinelaro-color-option strong { display: block; font-size: .9em; font-weight: 600; overflow-wrap: anywhere; }
.kinelaro-cover-option small { display: block; color: #c9c2d3; font-size: .72em; }
.kinelaro-cover-option > span:empty { display: none; }
.kinelaro-color-option { display: flex; align-items: center; gap: .65em; min-height: 3.3em; }
.kinelaro-color-option small { display: block; color: #b4aebe; font-size: .72em; }
.kinelaro-color-swatch {
  display: block;
  flex: 0 0 auto;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #ffffff24;
  border-radius: 50%;
  background: #f5f5f7;
  box-shadow: inset 0 0 0 .2em #ffffff12;
}
.kinelaro-color-swatch[data-profile-color="coral"] { background: #ff8a7a; }
.kinelaro-color-swatch[data-profile-color="amber"] { background: #f2c879; }
.kinelaro-color-swatch[data-profile-color="mint"] { background: #81d9bc; }
.kinelaro-color-swatch[data-profile-color="sky"] { background: #8cc9ff; }
.kinelaro-color-swatch[data-profile-color="lavender"] { background: #c3a6ff; }
.kinelaro-color-swatch[data-profile-color="rose"] { background: #f4a2c3; }
.kinelaro-color-grid--accent .kinelaro-color-swatch[data-profile-color="default"] { background: #e50914; }

[data-profile-accent] .kinelaro-frame-option.is-selected,
[data-profile-accent] .kinelaro-frame-option[aria-pressed="true"],
[data-profile-accent] .kinelaro-color-option.is-selected,
[data-profile-accent] .kinelaro-color-option[aria-pressed="true"] { border-color: var(--profile-accent); background-color: var(--profile-accent-soft); }
[data-profile-accent] .kinelaro-cover-option.is-selected,
[data-profile-accent] .kinelaro-cover-option[aria-pressed="true"] { border-color: var(--profile-accent); box-shadow: inset 0 0 0 1px var(--profile-accent); }
.kinelaro-cover-option.is-selected::after,
.kinelaro-cover-option[aria-pressed="true"]::after {
  content: "✓";
  position: absolute;
  top: .5em;
  right: .5em;
  display: grid;
  place-items: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: var(--profile-accent-ink, #fff);
  background: var(--profile-accent, #e50914);
  font-size: .8em;
  font-weight: 800;
}
.kinelaro-cover-option.is-locked { border-style: dashed; border-color: #ffffff22; cursor: not-allowed; }
.kinelaro-cover-option.is-locked small { color: #d3bdab; }
.kinelaro-cover-option.is-locked::before { content: ""; position: absolute; top: .6em; right: .6em; width: .7em; height: .55em; border: 2px solid #d3bdab; border-radius: .17em; box-shadow: 0 -.27em 0 -.08em #d3bdab; background: #18141f; opacity: .9; }

[data-profile-accent] .kinelaro-frame-option:focus-visible,
[data-profile-accent] .kinelaro-frame-option.focus,
[data-profile-accent] .kinelaro-frame-option.hover,
[data-profile-accent] .kinelaro-cover-option:focus-visible,
[data-profile-accent] .kinelaro-cover-option.focus,
[data-profile-accent] .kinelaro-cover-option.hover,
[data-profile-accent] .kinelaro-color-option:focus-visible,
[data-profile-accent] .kinelaro-color-option.focus,
[data-profile-accent] .kinelaro-color-option.hover { outline: .16em solid var(--profile-accent-text); outline-offset: .12em; }
.kinelaro-photo-editor[data-profile-accent] .kinelaro-cover-option.focus,
.kinelaro-photo-editor[data-profile-accent] .kinelaro-cover-option.hover,
.kinelaro-photo-editor[data-profile-accent] .kinelaro-cover-option:focus-visible { background-color: #161520; }
[data-profile-accent] .kinelaro-country-select:focus-visible,
[data-profile-accent] .kinelaro-country-select.focus,
[data-profile-accent] .kinelaro-country-select.hover { outline: .14em solid var(--profile-accent-text); outline-offset: .1em; background-color: var(--profile-accent-soft); }
[data-profile-accent] .kinelaro-frame-save,
.kinelaro-photo-editor[data-profile-accent] .kinelaro-photo-save,
[data-profile-accent] .kinelaro-style-apply-set,
[data-profile-accent] .kinelaro-style-bundle { background: var(--profile-accent); border-color: var(--profile-accent); color: var(--profile-accent-ink); }
.kinelaro-style-apply-set,
.kinelaro-style-bundle { box-sizing: border-box; display: block; width: 100%; min-height: 2.8em; margin: .9em 0 0; padding: .7em 1em; border: 1px solid transparent; border-radius: .7em; font: inherit; font-weight: 600; cursor: pointer; }
[data-profile-accent] .kinelaro-frame-save:focus-visible,
[data-profile-accent] .kinelaro-style-apply-set:focus-visible,
[data-profile-accent] .kinelaro-style-bundle:focus-visible,
[data-profile-accent] .kinelaro-style-apply-set.focus,
[data-profile-accent] .kinelaro-style-bundle.focus { outline: .14em solid var(--profile-accent-text); outline-offset: .15em; }
.kinelaro-style-apply-set:disabled,
.kinelaro-style-bundle:disabled { opacity: .45; cursor: not-allowed; }
.kinelaro-style-set-hint { min-height: 1.4em; margin: .65em 0 0; color: #b8afc1; font-size: .8em; line-height: 1.45; }

/* Native progress and actions in the cabinet and Mini App profile only. */
.profile-settings-shell[data-profile-accent] .button:not(.ghost),
.cabinet-welcome[data-profile-accent] .button:not(.ghost),
.mini-profile-dialog[data-profile-accent] .primary-action { background: var(--profile-accent); border-color: var(--profile-accent); color: var(--profile-accent-ink); box-shadow: none; }
.profile-settings-shell[data-profile-accent] .button.ghost,
.cabinet-welcome[data-profile-accent] .button.ghost,
.mini-profile-dialog[data-profile-accent] .secondary-action { border-color: var(--profile-accent-text); color: var(--profile-accent-text); background: var(--profile-accent-soft); }
.profile-settings-shell[data-profile-accent] input:focus,
.mini-profile-dialog[data-profile-accent] input:focus { border-color: var(--profile-accent-text); outline-color: var(--profile-accent-text); box-shadow: 0 0 0 3px var(--profile-accent-soft); }
.profile-settings-shell[data-profile-accent] input[type="range"],
.mini-profile-dialog[data-profile-accent] input[type="range"],
[data-profile-accent] progress { accent-color: var(--profile-accent); }
[data-profile-accent] progress::-webkit-progress-value { background: var(--profile-accent); }
[data-profile-accent] progress::-moz-progress-bar { background: var(--profile-accent); }
.cabinet-welcome[data-profile-accent] .eyebrow,
.mini-header[data-profile-accent] .mini-kicker,
.mini-profile-dialog[data-profile-accent] .mini-profile-head span { color: var(--profile-accent-text); }
.mini-header[data-profile-accent] .profile-chip { border-color: var(--profile-accent-soft); }

/* Extra specificity keeps the Lampa theme's later injected styles contained. */
.kinelaro-achievements-page[data-profile-accent] .kinelaro-achievement-level > i > u,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-achievement-card__progress u { background: var(--profile-accent); box-shadow: none; }
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-action.focus,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-action.hover,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-action:focus-visible { border-color: var(--profile-accent); background: var(--profile-accent-soft); box-shadow: inset 0 0 0 1px var(--profile-accent-soft); }
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-avatar-button.focus,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-avatar-button.hover,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-avatar-button:focus-visible { outline-color: var(--profile-accent-text); }
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-avatar-camera { background: var(--profile-accent); color: var(--profile-accent-ink); }
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-profile small,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-hub-action em { color: var(--profile-accent-text); }

/* Higher tiers use original transparent artwork, retaining all earlier frames. */
[data-profile-frame="silver"],
[data-profile-frame="gold"],
[data-profile-frame="violet"],
[data-profile-frame="aurora"],
[data-profile-frame="legend"] { box-shadow: none !important; }
[data-profile-frame="silver"]::after,
[data-profile-frame="gold"]::after,
[data-profile-frame="violet"]::after,
[data-profile-frame="aurora"]::after,
[data-profile-frame="legend"]::after { content: ""; position: absolute; inset: -21%; background-position: center; background-size: contain; background-repeat: no-repeat; pointer-events: none; }
[data-profile-frame="silver"]::after { background-image: url("frames/silver.svg?v=243a"); }
[data-profile-frame="gold"]::after { background-image: url("frames/gold.svg?v=243a"); }
[data-profile-frame="violet"]::after { background-image: url("frames/violet.svg?v=243a"); }
[data-profile-frame="aurora"]::after { background-image: url("frames/aurora.svg?v=243a"); }
[data-profile-frame="legend"]::after { background-image: url("frames/legend.svg?v=243a"); }
[data-profile-frame="dragon"]::after { background-image: url("frames/dragon.svg?v=243a"); }

@media (hover: hover) {
  .kinelaro-cover-option:hover,
  .kinelaro-color-option:hover { border-color: var(--profile-accent-text, #ff737d); }
}
@media (max-width: 600px) {
  .kinelaro-cover-grid,
  .kinelaro-color-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65em; }
  .kinelaro-cover-option { min-height: 7em; }
  .kinelaro-color-option { flex-direction: column; justify-content: center; gap: .5em; min-height: 4.7em; text-align: center; }
  .kinelaro-color-option b,
  .kinelaro-color-option strong { font-size: .82em; overflow-wrap: normal; }
  .kinelaro-style-preview { min-height: 9em; gap: 1.1em; padding: 1.6em 1.3em; }
  .kinelaro-style-preview .kinelaro-style-preview__name { font-size: 1.2em; }
  .kinelaro-style-preview__avatar.kinelaro-frame-sample,
  .kinelaro-style-preview__avatar .kinelaro-frame-sample { width: 3.6em; height: 3.6em; }
  .kinelaro-achievement-hero[data-profile-cover]:not([data-profile-cover="none"]),
  .kinelaro-hub-hero[data-profile-cover]:not([data-profile-cover="none"]),
  .cabinet-welcome[data-profile-cover]:not([data-profile-cover="none"]),
  .avatar-editor[data-profile-cover]:not([data-profile-cover="none"]) {
    background-image: linear-gradient(0deg, #14131c 5%, #14131c99 48%, #14131c26), var(--profile-cover-image);
    background-position: center, top right;
    background-size: cover, auto 15em;
  }
  .cabinet-welcome[data-profile-cover]:not([data-profile-cover="none"]) { padding: 1.5em; }
  .mini-header[data-profile-cover]:not([data-profile-cover="none"]) { flex-wrap: wrap; gap: 1em; }
  .avatar-editor[data-profile-cover]:not([data-profile-cover="none"]) { padding: 1.1em; }
}

.kinelaro-achievements-page[data-profile-accent] .kinelaro-achievement-stat--accent b,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-achievement-level > small,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-history-card__type {color:var(--profile-accent-text)}
.kinelaro-achievements-page[data-profile-accent] .kinelaro-history-poster__progress > div {background:var(--profile-accent)}
.kinelaro-achievements-page[data-profile-accent] .kinelaro-history-card.focus,
.kinelaro-achievements-page[data-profile-accent] .kinelaro-history-card.hover {border-color:var(--profile-accent);box-shadow:inset 0 0 0 1px var(--profile-accent-soft)}

/* The profile identity controls share a readable row on web and television. */
.kinelaro-country-select,
.kinelaro-name-select ,.kinelaro-photo-select {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 2.4em minmax(0, 1fr) 1.2em;
  align-items: center;
  gap: .85em;
  width: 100%;
  min-height: 4.5em;
  margin: 0 0 1em;
  padding: .85em 1em;
  border: 2px solid #ffffff21;
  border-radius: .85em;
  background: #ffffff07;
  color: #f5f3f8;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.kinelaro-country-icon { display: grid; place-items: center; width: 2.4em; height: 2.4em; border-radius: .7em; background: var(--profile-accent-soft, #e5091424); color: var(--profile-accent-text, #ff737d); }
.kinelaro-country-icon svg,
.kinelaro-country-icon img { display: block; width: 1.4em; height: 1.4em; }
.kinelaro-country-icon img { filter: brightness(0) invert(1); opacity: .9; }
.kinelaro-country-copy { display: block; min-width: 0; }
.kinelaro-country-copy .kinelaro-country-label { display: block; margin: 0 0 .3em; color: #c8c2d0; font-size: .74em; font-weight: 500; line-height: 1.3; }
.kinelaro-country-value { display: block; font-size: 1.02em; font-weight: 700; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.kinelaro-country-chevron { display: grid; place-items: center; color: #d1cadb; }
.kinelaro-country-chevron svg { display: block; width: 1em; height: 1em; }
[data-profile-accent] .kinelaro-country-select:focus-visible,
[data-profile-accent] .kinelaro-country-select.focus,
[data-profile-accent] .kinelaro-country-select.hover,
[data-profile-accent] .kinelaro-name-select:focus-visible,[data-profile-accent] .kinelaro-photo-select:focus-visible,
[data-profile-accent] .kinelaro-name-select.focus,[data-profile-accent] .kinelaro-photo-select.focus,
[data-profile-accent] .kinelaro-name-select.hover ,[data-profile-accent] .kinelaro-photo-select.hover { border-color: var(--profile-accent-text); outline: .14em solid var(--profile-accent-text); outline-offset: .12em; background-color: var(--profile-accent-soft); }
.kinelaro-country-select[aria-expanded="true"] { border-color: var(--profile-accent-text, #ff737d); }
.kinelaro-country-select[aria-expanded="true"] .kinelaro-country-chevron { transform: rotate(90deg); }
.kinelaro-country-select:disabled,
.kinelaro-name-select:disabled ,.kinelaro-photo-select:disabled { opacity: .5; cursor: wait; }

.kinelaro-style-name { margin: 1.3em 0; }
.kinelaro-style-name-label { display: block; margin: 0 0 .65em; color: #f1edf5; font-size: 1em; font-weight: 700; }
.kinelaro-style-name-input,
.kinelaro-country-search {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 3.2em;
  margin: 0;
  padding: .8em 1em;
  border: 2px solid #ffffff26;
  border-radius: .7em;
  outline: none;
  background: #121117;
  color: #f5f3f8;
  font: inherit;
  line-height: 1.4;
}
.kinelaro-style-name-input { font-weight: 600; }
.kinelaro-style-name-input:focus,
.kinelaro-country-search:focus { border-color: var(--profile-accent-text, #ff737d); box-shadow: 0 0 0 .15em var(--profile-accent-soft, #e5091424); }
.kinelaro-country-search::placeholder { color: #bbb3c7; opacity: 1; }
.kinelaro-theme .settings-input.kinelaro-auth-input.kinelaro-profile-name-input,
.kinelaro-theme .settings-input.kinelaro-auth-input.kinelaro-profile-country-input { z-index: 140; }

/* The cabinet country picker is a disclosure inside the appearance dialog. */
.kinelaro-country-section { min-width: 0; }
.kinelaro-country-picker { box-sizing: border-box; margin: -.35em 0 1.3em; padding: .7em; border: 1px solid #ffffff25; border-radius: .85em; background: #151319; }
.kinelaro-country-picker[hidden] { display: none !important; }
.kinelaro-country-picker .kinelaro-country-search { margin-bottom: .55em; }
.kinelaro-country-results { max-height: 19em; overflow-y: auto; overscroll-behavior: contain; padding: .2em; scrollbar-width: thin; scrollbar-color: #726b7d #1a1720; }
.kinelaro-country-option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  width: 100%;
  min-height: 3.3em;
  margin: .2em 0;
  padding: .75em .8em;
  border: 2px solid transparent;
  border-radius: .6em;
  background: #ffffff05;
  color: #f1edf5;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.kinelaro-country-option-name { min-width: 0; font-weight: 600; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.kinelaro-country-check { flex: 0 0 1em; color: var(--profile-accent-text, #ff737d); text-align: center; font-size: 1.2em; font-weight: 700; }
.kinelaro-country-option[aria-pressed="true"] { border-color: var(--profile-accent-text, #ff737d); background: var(--profile-accent-soft, #e5091424); }
.kinelaro-frame-dialog .kinelaro-country-option:focus-visible { border-color: var(--profile-accent-text, #ff737d); outline: .13em solid var(--profile-accent-text, #ff737d); outline-offset: -.13em; background: var(--profile-accent-soft, #e5091424); }
.kinelaro-country-empty { margin: 1em .5em; color: #d1c8dc; font-size: .9em; line-height: 1.45; }

/* Lampa reuses Select; every override requires the country-only class. */
.kinelaro-theme .selectbox.kinelaro-country-options { z-index: 130 !important; font-size: clamp(18px, 1.55vw, 32px); }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__content {
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: 32em !important;
  max-width: calc(100vw - 2em) !important;
  height: calc(100vh - 3em) !important;
  max-height: 34em !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ffffff29;
  border-radius: 1em !important;
  background: #1b181f;
  box-shadow: 0 1em 3em #0009;
  overflow: hidden;
  transform: translate(-50%, -50%) !important;
  transition: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.kinelaro-theme.selectbox--open .selectbox.kinelaro-country-options .selectbox__content { opacity: 1; visibility: visible; pointer-events: auto; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__layer { background: #000b; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__head { flex: 0 0 auto; margin: 0; padding: 1.15em 1.25em .95em; border-bottom: 1px solid #ffffff1c; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__title { margin: 0; color: #f5f1f8; font-size: 1.5em; font-weight: 750; line-height: 1.2; letter-spacing: -.025em; white-space: normal; overflow-wrap: anywhere; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__body { flex: 1 1 auto; min-height: 0; height: auto !important; max-height: none !important; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__body > .scroll { width: 100%; height: 100%; min-height: 0; -webkit-mask-image: none; mask-image: none; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__body > .scroll > .scroll__content { box-sizing: border-box; padding: .6em .7em .8em !important; max-height: 100% !important; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  min-height: 3.4em;
  margin: .22em 0;
  padding: .8em 2.6em .8em .95em;
  border: 2px solid transparent;
  border-radius: .65em;
  background: #ffffff05;
  color: #f3eff8;
  transform: none;
}
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item__title { min-width: 0; color: inherit; font-size: 1.03em; font-weight: 600; line-height: 1.4; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item__subtitle { min-width: 0; margin: .25em 0 0; color: inherit; font-size: .82em; line-height: 1.4; opacity: .8; white-space: normal; overflow-wrap: anywhere; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.selected,
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.picked { border-color: var(--profile-accent-text, #ff737d); background: var(--profile-accent-soft, #e5091424); }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.selected::after,
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.picked::after { right: 1.15em; width: .45em; height: .8em; margin-top: -.6em; border-width: 0 .14em .14em 0; border-color: var(--profile-accent-text, #ff737d); }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.focus,
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.hover,
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item:focus-visible { border-color: var(--profile-accent, #e50914); background: var(--profile-accent, #e50914); color: var(--profile-accent-ink, #fff); outline: none; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.focus::after,
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item.hover::after,
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item:focus-visible::after { border-color: var(--profile-accent-ink, #fff); }

/* Lock artwork is centred above a dimmed preview; labels keep their contrast. */
.kinelaro-frame-option { position: relative; isolation: isolate; }
.kinelaro-cover-option { isolation: isolate; min-height: 10em; }
.kinelaro-cover-option.is-locked,
.kinelaro-frame-option.is-locked { border-style: solid; border-color: #ffffff20; cursor: not-allowed; }
.kinelaro-cover-option.is-locked::before,
.kinelaro-frame-option.is-locked::before { content: ""; position: absolute; z-index: 1; inset: 0; width: auto; height: auto; border: 0; border-radius: inherit; box-shadow: none; background: #12101870; opacity: 1; pointer-events: none; }
.kinelaro-frame-option.is-locked .kinelaro-frame-sample { opacity: 1; filter: none; }
.kinelaro-cover-option.is-locked > b,
.kinelaro-cover-option.is-locked > strong,
.kinelaro-cover-option.is-locked > small,
.kinelaro-frame-option.is-locked > b,
.kinelaro-frame-option.is-locked > strong,
.kinelaro-frame-option.is-locked > small { position: relative; z-index: 3; }
.kinelaro-cover-option.is-locked small,
.kinelaro-frame-option.is-locked small { color: #d1c7dc; }
.kinelaro-choice-lock { display: none; position: absolute; z-index: 2; align-items: center; justify-content: center; pointer-events: none; color: #faf7ff; }
.is-locked > .kinelaro-choice-lock { display: flex; }
.kinelaro-cover-option > .kinelaro-choice-lock { inset: 0; height: auto; }
.kinelaro-frame-option > .kinelaro-choice-lock { top: 2.1em; right: 0; left: 0; height: 4em; }
.kinelaro-choice-lock svg { box-sizing: content-box; display: block; width: 1.9em; height: 1.9em; padding: .42em; border: 1px solid #ffffff33; border-radius: .72em; background: #15121de8; box-shadow: 0 .2em .7em #0008; }

@media (hover: hover) {
  .kinelaro-country-select:hover,
  .kinelaro-name-select:hover ,  .kinelaro-photo-select:hover { border-color: var(--profile-accent-text, #ff737d); background-color: var(--profile-accent-soft, #e5091424); }
  .kinelaro-country-option:hover { border-color: var(--profile-accent-text, #ff737d); background: var(--profile-accent-soft, #e5091424); }
}
@media (max-width: 600px) {
  .kinelaro-country-select,
  .kinelaro-name-select ,  .kinelaro-photo-select { grid-template-columns: 2.25em minmax(0, 1fr) 1em; gap: .7em; min-height: 4.6em; padding: .85em .8em; }
  .kinelaro-country-icon { width: 2.25em; height: 2.25em; }
  .kinelaro-country-value { font-size: 1em; }
  .kinelaro-country-picker { padding: .5em; }
  .kinelaro-country-results { max-height: 17em; }
  .kinelaro-country-option { min-height: 3.5em; padding: .75em .65em; }
  .kinelaro-style-name-input,
  .kinelaro-country-search { min-height: 3.3em; font-size: 1em; }
  .kinelaro-theme .selectbox.kinelaro-country-options { font-size: 16px; }
  .kinelaro-theme .selectbox.kinelaro-country-options .selectbox__content { width: calc(100vw - 1.5em) !important; max-width: none !important; height: calc(100vh - 2em) !important; height: calc(100dvh - 2em) !important; max-height: 38em !important; border-radius: 1em !important; }
  .kinelaro-theme .selectbox.kinelaro-country-options .selectbox__head { padding: 1.15em 1.1em .95em !important; }
  .kinelaro-theme .selectbox.kinelaro-country-options .selectbox__title { font-size: 1.55em !important; }
  .kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item { min-height: 3.7em; padding: .9em 2.5em .9em .9em; }
  .kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item__title { font-size: 1.05em; }
}

.kinelaro-hub-avatar-button:not(button){cursor:default}
.kinelaro-country-options .selectbox__head .kinelaro-country-search{margin-top:.8em;margin-bottom:0;min-height:2.8em}

.kinelaro-inline-photo[hidden]{display:none!important}.kinelaro-inline-photo{margin-bottom:1.5em;padding:1em;border:1px solid #ffffff25;border-radius:1em;background:#131117}.kinelaro-inline-photo .kinelaro-photo-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em}.kinelaro-inline-photo .kinelaro-photo-preset{padding:.2em;min-width:0;border:1px solid #ffffff30;border-radius:.65em;background:#ffffff08}.kinelaro-inline-photo img{display:block;width:100%;border-radius:.5em}.kinelaro-inline-photo-drop{padding:1em;margin:1em 0;border:2px dashed #ffffff30;border-radius:.8em;text-align:center}.kinelaro-inline-photo .kinelaro-photo-remove{width:100%;padding:.8em;border:1px solid #f5848433;border-radius:.6em;background:#ff33440c;color:#ffacae}

.kinelaro-inline-photo .kinelaro-photo-upload{display:block;width:100%;margin-top:1em;padding:.9em;border:0;border-radius:.65em;background:#e50914;color:#fff}

/* One visual language for the profile editor and its child dialogs. */
.kinelaro-theme .modal--kinelaro-photo .modal__head { margin: 0 0 1.1em !important; padding: 0 2.5em !important; }
.kinelaro-theme .modal--kinelaro-photo .modal__title { text-align: center !important; }
.kinelaro-theme .kinelaro-profile-name-input { display:flex!important;align-items:center;justify-content:center;padding:20px!important;background:#000b!important;backdrop-filter:blur(12px);font-size:clamp(18px,1.55vw,32px)!important; }
.kinelaro-theme .kinelaro-profile-name-input .settings-input__content {
 position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
 box-sizing:border-box;width:38em!important;max-width:100%!important;max-height:calc(100dvh - 40px)!important;margin:0!important;padding:1.5em!important;overflow:auto!important;
 border:1px solid #ffffff20!important;border-radius:24px!important;background:linear-gradient(145deg,#242025,#141416 55%)!important;box-shadow:0 24px 100px #0009!important;color:#fff;font-size:inherit!important;
}
.kinelaro-theme .kinelaro-profile-name-input .settings-input__title { padding:0 2em!important;margin:0 0 1em!important;text-align:center;font:700 2em/1.1 KinelaroDisplay,Arial,sans-serif!important; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__content { width:38em!important;border:1px solid #ffffff20!important;border-radius:24px!important;background:linear-gradient(145deg,#242025,#141416 55%)!important;box-shadow:0 24px 100px #0009!important; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__head { position:relative;padding:1.5em!important; }
.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__title { padding:0 2em!important;text-align:center;font:700 2em/1.1 KinelaroDisplay,Arial,sans-serif!important; }
.kinelaro-theme .modal--kinelaro-photo .modal__close-button,
.kinelaro-theme .kinelaro-profile-name-input .settings-input__close,
.kinelaro-theme .kinelaro-dialog-close {
 position:absolute!important;z-index:5;top:16px!important;right:16px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:0!important;margin:0!important;padding:0!important;
 border:1px solid #ffffff28!important;border-radius:50%!important;background:#ffffff0c!important;color:#fff!important;font:400 26px/1 Arial,sans-serif!important;cursor:pointer;
}
.kinelaro-theme .kinelaro-dialog-close.focus,.kinelaro-theme .kinelaro-dialog-close:hover,
.kinelaro-theme .kinelaro-dialog-close:focus-visible { outline:2px solid #ff737d;outline-offset:2px; }
.kinelaro-style-identity-fields { box-sizing:border-box;padding:.25em; }
[data-profile-accent] .kinelaro-country-select.focus,[data-profile-accent] .kinelaro-country-select.hover,[data-profile-accent] .kinelaro-country-select:focus-visible,
[data-profile-accent] .kinelaro-name-select.focus,[data-profile-accent] .kinelaro-name-select.hover,[data-profile-accent] .kinelaro-name-select:focus-visible,
[data-profile-accent] .kinelaro-photo-select.focus,[data-profile-accent] .kinelaro-photo-select.hover,[data-profile-accent] .kinelaro-photo-select:focus-visible {
 outline:2px solid #ff737d!important;outline-offset:-2px!important;border-color:#ff737d!important;box-shadow:inset 0 0 0 1px #ff737d!important;background-color:#e5091424!important;transform:none!important;
}
.kinelaro-frame-dialog h2 { margin:0 0 22px;padding:0 38px;text-align:center; }
@media(max-width:600px){
 .kinelaro-theme .kinelaro-profile-name-input {padding:12px!important;font-size:16px!important;}
 .kinelaro-theme .kinelaro-profile-name-input .settings-input__content {padding:20px!important;max-height:calc(100dvh - 24px)!important;border-radius:20px!important;}
 .kinelaro-theme .selectbox.kinelaro-country-options .selectbox__content {width:calc(100vw - 24px)!important;border-radius:20px!important;}
 .kinelaro-theme .selectbox.kinelaro-country-options .selectbox__title,.kinelaro-theme .kinelaro-profile-name-input .settings-input__title {font-size:28px!important;}
 .kinelaro-theme .modal--kinelaro-photo .modal__head {padding:0 2em!important;}
}

/* Cover-specific, high-contrast level and experience colors. */
[data-profile-cover="none"] { --profile-level-ink:#ffd3d7; --profile-level-bar:#ff6875; }
[data-profile-cover="red"] { --profile-level-ink:#ffc0c7; --profile-level-bar:#ff6373; }
[data-profile-cover="cat"] { --profile-level-ink:#ffe1b0; --profile-level-bar:#ffbd70; }
[data-profile-cover="popcorn"] { --profile-level-ink:#ffedb2; --profile-level-bar:#ffd069; }
[data-profile-cover="donut"] { --profile-level-ink:#ffd1e8; --profile-level-bar:#ff8fc4; }
[data-profile-cover="silver"] { --profile-level-ink:#deedff; --profile-level-bar:#b4cde9; }
[data-profile-cover="frog"] { --profile-level-ink:#d7f6b5; --profile-level-bar:#9cdc89; }
[data-profile-cover="ufo"] { --profile-level-ink:#e4dbff; --profile-level-bar:#bba5ff; }
[data-profile-cover="gold"] { --profile-level-ink:#fff0bd; --profile-level-bar:#f7ce70; }
[data-profile-cover="pirate"] { --profile-level-ink:#fce4b8; --profile-level-bar:#ddb777; }
[data-profile-cover="comic"] { --profile-level-ink:#fff1b3; --profile-level-bar:#ffcf69; }
[data-profile-cover="violet"] { --profile-level-ink:#ecdcff; --profile-level-bar:#c1a0ff; }
[data-profile-cover="dragon"] { --profile-level-ink:#f6dcff; --profile-level-bar:#dcabfb; }
[data-profile-cover="aurora"] { --profile-level-ink:#c9fff1; --profile-level-bar:#86e7d8; }
[data-profile-cover="legend"] { --profile-level-ink:#fff0c1; --profile-level-bar:#ffd67b; }
.kinelaro-achievement-hero[data-profile-cover] .kinelaro-achievement-level>small,
.kinelaro-achievement-hero[data-profile-cover] .kinelaro-achievement-level>strong,
.kinelaro-achievement-hero[data-profile-cover] .kinelaro-achievement-level>b {color:var(--profile-level-ink,#ffe2e6)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:0 2px 5px #000,0 0 14px #000a!important;}
.kinelaro-achievement-hero[data-profile-cover] .kinelaro-achievement-level>em {color:#f4f0f7!important;text-shadow:0 1px 4px #000!important;}
.kinelaro-achievement-hero[data-profile-cover] .kinelaro-achievement-level>i {height:.28em;background:#08080cbf!important;border:1px solid #ffffff30;border-radius:1em;}
.kinelaro-achievement-hero[data-profile-cover] .kinelaro-achievement-level>i>u {background:var(--profile-level-bar,#ff6875)!important;border-radius:inherit;box-shadow:0 0 8px var(--profile-level-bar,#ff6875);}

/* Large close controls for pointer, touch and television navigation. */
.kinelaro-theme .modal__close-button,
.kinelaro-theme .settings-input__close,
.kinelaro-theme .settings__close,
.kinelaro-theme .selectbox__close,
.kinelaro-theme .kinelaro-dialog-close,
.kinelaro-frame-dialog .kinelaro-frame-close {
 display:grid!important;place-items:center!important;box-sizing:border-box!important;
 width:clamp(56px,3.2vw,76px)!important;height:clamp(56px,3.2vw,76px)!important;
 top:12px!important;right:12px!important;padding:0!important;
 border:2px solid #ffffff45!important;background:#ffffff16!important;
 color:#fff!important;font:400 clamp(36px,2.2vw,48px)/1 Arial,sans-serif!important;
 cursor:pointer;
}
.kinelaro-theme .modal--kinelaro-photo .modal__close-button:focus-visible,
.kinelaro-theme .modal--kinelaro-photo .modal__close-button.focus,
.kinelaro-theme .kinelaro-profile-name-input .settings-input__close:focus-visible,
.kinelaro-theme .kinelaro-profile-name-input .settings-input__close.focus,
.kinelaro-theme .kinelaro-dialog-close.focus,
.kinelaro-frame-dialog .kinelaro-frame-close:focus-visible { outline:3px solid #ff737d!important;outline-offset:3px!important;background:#69252c!important; }
@media(max-width:600px){
 .kinelaro-theme .modal--kinelaro-photo .modal__close-button,
 .kinelaro-theme .kinelaro-profile-name-input .settings-input__close,
 .kinelaro-theme .kinelaro-dialog-close,
 .kinelaro-frame-dialog .kinelaro-frame-close {width:52px!important;height:52px!important;font-size:36px!important;top:10px!important;right:10px!important;}
 .kinelaro-theme .modal--kinelaro-photo .modal__head {padding-right:44px!important;padding-left:44px!important;min-height:32px;}
 .kinelaro-frame-dialog h2 {padding-right:44px;padding-left:44px;}
}

/* Let content determine height and use the same gutter on every edge. */
.kinelaro-hosted .settings {--dialog-gutter:20px;}
.kinelaro-hosted .settings .settings__content,
.kinelaro-hosted.settings--open .settings .settings__content {
 top:50%!important;height:auto!important;max-height:calc(100vh - 40px)!important;max-height:calc(100dvh - 40px)!important;
}
.kinelaro-hosted .settings .settings__head,
.kinelaro-theme .selectbox__head {position:relative;box-sizing:border-box;min-height:80px;padding:20px 88px 20px 20px!important;}
.kinelaro-hosted .settings .settings__body {flex:0 1 auto;min-height:0;}
.kinelaro-hosted .settings .settings__body>.scroll {height:auto!important;max-height:calc(100dvh - 122px)!important;}
.kinelaro-hosted .settings .settings__body>.scroll>.scroll__content {
 height:auto!important;max-height:calc(100vh - 122px)!important;max-height:calc(100dvh - 122px)!important;padding:var(--dialog-gutter)!important;
}
.kinelaro-hosted .settings .settings__body>.scroll>.scroll__content>.scroll__body {height:auto!important;}
.kinelaro-hosted .settings .settings__body>.scroll>.scroll__content>.scroll__body:after,
.kinelaro-hosted .selectbox__body>.scroll>.scroll__content>.scroll__body:after {display:none!important;}
.kinelaro-theme .settings__close,.kinelaro-theme .selectbox__close {position:absolute;z-index:5;border-radius:50%;}
.kinelaro-theme .settings__close:focus-visible,.kinelaro-theme .selectbox__close:focus-visible {outline:3px solid #ff737d;outline-offset:2px;}
.kinelaro-country-options .selectbox__close {display:none!important;}
.kinelaro-theme .modal:not(.modal--kinelaro-photo) .modal__head {min-height:56px;padding-right:72px!important;}
.kinelaro-theme .settings-input:not(.kinelaro-profile-name-input) .settings-input__content {padding-top:88px!important;}
@media(max-width:600px){
 .kinelaro-hosted .settings {--dialog-gutter:16px;}
 .kinelaro-theme .modal__close-button,.kinelaro-theme .settings-input__close,
 .kinelaro-theme .settings__close,.kinelaro-theme .selectbox__close {width:52px!important;height:52px!important;font-size:36px!important;top:10px!important;right:10px!important;}
 .kinelaro-hosted .settings .settings__head {padding:16px 78px 16px 16px!important;min-height:74px;}
}

body.kinelaro-theme.kinelaro-hosted.settings--open .navigation-bar {display:none!important;}

/* Shared dialog geometry; application chrome must stay behind every overlay. */
body.kinelaro-hosted {
 --kinelaro-dialog-width:min(66vw,1760px);
 --kinelaro-dialog-gap:20px;
}
body.kinelaro-hosted .settings {z-index:110;}
body.kinelaro-hosted .selectbox {z-index:111;}
body.kinelaro-hosted .modal {z-index:112;}
body.kinelaro-hosted .settings-input {z-index:113;}
body.kinelaro-hosted .settings .settings__content,
body.kinelaro-hosted .selectbox .selectbox__content,
body.kinelaro-hosted .modal .modal__content,
body.kinelaro-hosted .settings-input .settings-input__content {
 box-sizing:border-box!important;width:var(--kinelaro-dialog-width)!important;
 max-width:calc(100vw - 2 * var(--kinelaro-dialog-gap))!important;
 max-height:calc(100vh - 2 * var(--kinelaro-dialog-gap))!important;
 max-height:calc(100dvh - 2 * var(--kinelaro-dialog-gap))!important;
}
body.kinelaro-hosted .settings .settings__content {display:flex;flex-direction:column;overflow:hidden;}
body.kinelaro-hosted .settings .settings__head {flex:0 0 auto;z-index:1;}
body.kinelaro-hosted .settings .settings__body {overflow:hidden;min-height:0!important;}
body.kinelaro-hosted .settings .settings__body>.scroll,
body.kinelaro-hosted .settings .settings__body>.scroll>.scroll__content {min-height:0!important;max-height:100%!important;}
body.kinelaro-hosted .selectbox .selectbox__content {
 top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
 transform:translate(-50%,-50%)!important;border-radius:24px!important;
 display:flex;flex-direction:column;
}
body.kinelaro-hosted .selectbox .selectbox__head {flex:0 0 auto;}
body.kinelaro-hosted .selectbox .selectbox__body {min-height:0!important;flex:1 1 auto;}
body.kinelaro-hosted .settings-input {align-items:center;justify-content:center;}
@media(max-width:900px){body.kinelaro-hosted {--kinelaro-dialog-width:calc(100vw - 40px);}}
@media(max-width:600px){body.kinelaro-hosted {--kinelaro-dialog-width:calc(100vw - 24px);--kinelaro-dialog-gap:12px;}}

/* Profile sizing follows Lampa's existing interface preference, including
   narrow screens where the application's body font reaches its 10.6px floor. */
body.kinelaro-theme {
 --kinelaro-profile-ui-scale:1;
 --kinelaro-profile-ui-base:18px;
 --kinelaro-profile-dialog-base:clamp(18px,1.55vw,32px);
}
body.kinelaro-theme.size--small {--kinelaro-profile-ui-scale:.9;}
body.kinelaro-theme.size--bigger {--kinelaro-profile-ui-scale:1.05;}
@media(max-width:600px){body.kinelaro-theme {--kinelaro-profile-ui-base:16px;--kinelaro-profile-dialog-base:16px;}}

@media(max-width:1100px),(max-width:1366px) and (pointer:coarse){
 .kinelaro-theme .kinelaro-achievements-page {font-size:calc(var(--kinelaro-profile-ui-base) * var(--kinelaro-profile-ui-scale));line-height:1.4;}
 .kinelaro-theme .kinelaro-achievements-page>.scroll>.scroll__content {padding:1.25em 1.25em 7em!important;}
 .kinelaro-achievements-page .kinelaro-achievement-hero {min-height:0;grid-template-columns:minmax(0,1fr);gap:1.5em;padding:1.4em;border-radius:.75em;}
 .kinelaro-achievements-page .kinelaro-hub-profile {grid-template-columns:5em minmax(0,1fr);gap:1em;}
 .kinelaro-achievements-page .kinelaro-hub-avatar {font-size:inherit;width:5em;height:5em;}
 .kinelaro-achievements-page .kinelaro-hub-profile h1 {font-size:2.2em;line-height:1.08;margin:.1em 0 .18em;letter-spacing:-.035em;}
 .kinelaro-achievements-page .kinelaro-hub-profile small {font-size:.85em;line-height:1.4;letter-spacing:.06em;}
 .kinelaro-achievements-page .kinelaro-hub-profile p {font-size:1em;line-height:1.4;}
 .kinelaro-achievements-page .kinelaro-profile-country {margin-top:.3em;font-size:.875em;line-height:1.4;}
 .kinelaro-achievements-page .kinelaro-hub-actions {grid-template-columns:minmax(0,1fr);gap:.65em;margin-top:1.25em;}
 .kinelaro-achievements-page .kinelaro-hub-action,
 .kinelaro-achievements-page .kinelaro-hub-device {min-height:3.5em;grid-template-columns:2.25em minmax(0,1fr) auto;gap:.75em;padding:.8em;border-radius:.6em;line-height:1.35;}
 .kinelaro-achievements-page .kinelaro-hub-action>span,
 .kinelaro-achievements-page .kinelaro-hub-device>span {width:2.25em;height:2.25em;}
 .kinelaro-achievements-page .kinelaro-hub-action b,
 .kinelaro-achievements-page .kinelaro-hub-devices .kinelaro-hub-device b {font-size:1em;line-height:1.35;}
 .kinelaro-achievements-page .kinelaro-hub-action small,
 .kinelaro-achievements-page .kinelaro-hub-devices .kinelaro-hub-device small {font-size:.875em;line-height:1.45;white-space:normal;color:#b1adb3;}
 .kinelaro-achievements-page .kinelaro-hub-action em {font-size:1em;}
 .kinelaro-achievements-page .kinelaro-hub-devices {grid-template-columns:repeat(2,minmax(0,1fr));gap:.75em;}
 .kinelaro-achievements-page .kinelaro-hub-devices .kinelaro-hub-device {grid-template-columns:2.25em minmax(0,1fr);}
 .kinelaro-achievements-page .kinelaro-hub-devices .kinelaro-hub-device>em {font-size:.875em;line-height:1.4;}
 .kinelaro-achievements-page .kinelaro-achievement-level {width:100%;max-width:30em;box-sizing:border-box;grid-template-columns:3.5em auto minmax(0,1fr);gap:.3em .65em;padding:0;}
 .kinelaro-achievements-page .kinelaro-achievement-level__emblem {width:3.5em;}
 .kinelaro-achievements-page .kinelaro-level-emblem {height:4em;}
 .kinelaro-achievements-page .kinelaro-achievement-level>small {font-size:.85em;line-height:1.35;letter-spacing:.06em;}
 .kinelaro-achievements-page .kinelaro-achievement-level>strong {font-size:3.25em;}
 .kinelaro-achievements-page .kinelaro-achievement-level>b {font-size:1.2em;line-height:1.2;overflow-wrap:anywhere;}
 .kinelaro-achievements-page .kinelaro-achievement-level>em {font-size:.875em;line-height:1.4;}
 .kinelaro-achievements-page .kinelaro-achievement-level>i {margin-top:.4em;}
 .kinelaro-achievements-page .kinelaro-achievement-stats {grid-template-columns:repeat(3,minmax(0,1fr));}
 .kinelaro-achievements-page .kinelaro-achievement-stat {padding:1em;line-height:1.3;border-bottom:1px solid #ffffff14;}
 .kinelaro-achievements-page .kinelaro-achievement-stat span {font-size:.85em;letter-spacing:.06em;color:#aaa5ae;}
 .kinelaro-achievements-page .kinelaro-achievement-stat b {font-size:1.65em;line-height:1.15;white-space:normal;overflow-wrap:anywhere;}
 .kinelaro-achievements-page .kinelaro-achievement-section {margin-top:1.5em;}
 .kinelaro-achievements-page .kinelaro-achievement-section__head {align-items:center;flex-wrap:wrap;gap:.55em .75em;padding-bottom:.65em;}
 .kinelaro-achievements-page .kinelaro-achievement-section h2 {font-size:1.5em;line-height:1.2;}
 .kinelaro-achievements-page .kinelaro-achievement-section__head>span {font-size:.85em;line-height:1.4;}
 .kinelaro-achievements-page .kinelaro-achievement-section__head .items-line__more {position:static;flex-shrink:0;min-height:44px;padding:.7em 1em;font-size:.875em;line-height:1.2;margin:0;box-sizing:border-box;}
 .kinelaro-achievements-page .kinelaro-history-card {width:17.5em;min-width:17.5em;height:10.5em;}
 .kinelaro-achievements-page .kinelaro-history-card header span,
 .kinelaro-achievements-page .kinelaro-history-card header em {font-size:.85em;line-height:1.3;letter-spacing:.04em;}
 .kinelaro-achievements-page .kinelaro-history-card h3 {font-size:1.2em;line-height:1.2;}
 .kinelaro-achievements-page .kinelaro-history-card p {font-size:.85em;line-height:1.4;}
 .kinelaro-achievements-page .kinelaro-history-empty {font-size:.95em;line-height:1.5;}
 .kinelaro-achievements-page .kinelaro-achievement-strip {gap:.75em;}
 .kinelaro-achievements-page .kinelaro-achievement-strip .kinelaro-achievement-card {flex-basis:14em;width:14em;min-height:9.5em;padding:1em;border-radius:.6em;}
 .kinelaro-achievements-page .kinelaro-achievement-strip .kinelaro-achievement-card h3 {font-size:1.1em;line-height:1.25;margin:.65em 0 1.8em;}
 .kinelaro-achievements-page .kinelaro-achievement-card__tier {font-size:.85em;line-height:1.3;letter-spacing:.03em;}
 .kinelaro-achievements-page .kinelaro-achievement-card__progress b {font-size:.85em;line-height:1.3;}
 .kinelaro-achievements-page .kinelaro-achievement-loading small,
 .kinelaro-achievements-page .kinelaro-achievement-empty span {font-size:.95em;line-height:1.5;}
 .kinelaro-achievements-page .kinelaro-hub-footer {font-size:1em;padding-bottom:0;}
 .kinelaro-achievements-page .kinelaro-hub-footer .kinelaro-hub-action {grid-template-columns:1.3em minmax(0,1fr);min-height:44px;}
}
@media(min-width:901px) and (max-width:1100px),(min-width:901px) and (max-width:1366px) and (pointer:coarse){
 .kinelaro-achievements-page .kinelaro-achievement-hero {grid-template-columns:minmax(0,1fr) minmax(12em,.65fr);gap:1.25em;}
 .kinelaro-achievements-page .kinelaro-achievement-stats {grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media(max-width:600px){
 .kinelaro-theme .kinelaro-achievements-page>.scroll>.scroll__content {padding:1em 1em 6em!important;}
 .kinelaro-achievements-page .kinelaro-achievement-hero {padding:1.1em;gap:1.4em;}
 .kinelaro-achievements-page .kinelaro-hub-profile {grid-template-columns:4.75em minmax(0,1fr);gap:1em;}
 .kinelaro-achievements-page .kinelaro-hub-avatar {width:4.75em;height:4.75em;}
 .kinelaro-achievements-page .kinelaro-hub-profile h1 {font-size:2em;}
 .kinelaro-achievements-page .kinelaro-hub-devices {grid-template-columns:minmax(0,1fr);}
 .kinelaro-achievements-page .kinelaro-achievement-stats {grid-template-columns:repeat(2,minmax(0,1fr));}
 .kinelaro-achievements-page .kinelaro-achievement-stat:first-child {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1em;}
 .kinelaro-achievements-page .kinelaro-achievement-stat:first-child b {margin-top:0;}
 .kinelaro-achievements-page .kinelaro-history-card {width:16.75em;min-width:16.75em;}
 .kinelaro-achievements-page .kinelaro-achievement-section--all>.kinelaro-achievement-section__head>span {margin-right:0;}
}
@media(max-width:360px){
 .kinelaro-achievements-page .kinelaro-hub-profile {grid-template-columns:4em minmax(0,1fr);gap:.75em;}
 .kinelaro-achievements-page .kinelaro-hub-avatar {width:4em;height:4em;}
 .kinelaro-achievements-page .kinelaro-hub-profile h1 {font-size:1.8em;}
 .kinelaro-achievements-page .kinelaro-achievement-hero {padding:1em;}
}
@media(min-width:601px) and (max-width:900px){
 .kinelaro-achievements-page .kinelaro-achievement-stats {grid-template-columns:repeat(4,minmax(0,1fr));}
 .kinelaro-achievements-page .kinelaro-achievement-stat {padding:.9em .75em;}
 .kinelaro-achievements-page .kinelaro-achievement-stat:first-child {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1em;}
 .kinelaro-achievements-page .kinelaro-achievement-stat:first-child b {margin-top:0;}
}

/* Profile dialogs share the existing Interface size setting. These rules are
   scoped to profile surfaces; the settings menu keeps its own typography. */
body.kinelaro-theme .modal.modal--kinelaro-photo,
body.kinelaro-theme .modal.modal--kinelaro-device-edit,
body.kinelaro-theme .settings-input.kinelaro-device-input,
body.kinelaro-theme .settings-input.kinelaro-profile-name-input,
body.kinelaro-theme .selectbox.kinelaro-country-options,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal,
.kinelaro-frame-dialog {
  font-size: calc(var(--kinelaro-profile-dialog-base, clamp(18px, 1.55vw, 32px)) * var(--kinelaro-profile-ui-scale, 1)) !important;
  line-height: 1.4;
}

/* The shared auth-input shell otherwise fixes its mobile content at 16px. */
body.kinelaro-theme .settings-input.kinelaro-device-input .settings-input__content,
body.kinelaro-theme .settings-input.kinelaro-profile-name-input .settings-input__content {
  font-size: inherit !important;
}

/* Override the generic mobile modal title's fixed rem size as well as the
   profile editor's old 28px title, while retaining its close-button gutters. */
body.kinelaro-theme .modal.modal--kinelaro-photo .modal__title,
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__title,
body.kinelaro-theme .settings-input.kinelaro-device-input .settings-input__title,
body.kinelaro-theme .settings-input.kinelaro-profile-name-input .settings-input__title,
body.kinelaro-theme .selectbox.kinelaro-country-options .selectbox__title,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__title,
.kinelaro-frame-dialog h2 {
  font-size: 1.65em !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere;
}

body.kinelaro-theme .modal--kinelaro-photo .kinelaro-photo-label,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-color-option b,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-color-option strong,
.kinelaro-frame-dialog .kinelaro-color-option b,
.kinelaro-frame-dialog .kinelaro-color-option strong {
  font-size: .95em !important;
  line-height: 1.35;
}
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-photo-help,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-photo-status,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-country-label,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-cover-option small,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-frame-option small,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-style-preview__subtitle,
body.kinelaro-theme .modal--kinelaro-device-edit .kinelaro-device-date span,
.kinelaro-frame-dialog .kinelaro-country-label,
.kinelaro-frame-dialog .kinelaro-cover-option small,
.kinelaro-frame-dialog .kinelaro-frame-option small,
.kinelaro-frame-dialog .kinelaro-frame-feedback {
  font-size: .9em !important;
  line-height: 1.45;
}

/* Country rows have a generic .9rem !important mobile override. Reset that
   boundary so the country name and its search field follow the dialog. */
body.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item {
  font-size: 1em !important;
  min-height: max(44px, 3.2em) !important;
}
body.kinelaro-theme .selectbox.kinelaro-country-options .selectbox-item__title {
  font-size: 1em !important;
  line-height: 1.4;
}
body.kinelaro-theme .selectbox.kinelaro-country-options .kinelaro-country-search,
.kinelaro-frame-dialog .kinelaro-country-search,
.kinelaro-frame-dialog .kinelaro-style-name-input {
  font-size: max(16px, 1em) !important;
  min-height: max(44px, 3em);
}

body.kinelaro-theme .modal--kinelaro-photo .kinelaro-photo-upload,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-photo-remove,
body.kinelaro-theme .modal--kinelaro-photo .kinelaro-photo-save,
body.kinelaro-theme .modal--kinelaro-device-edit .modal__button,
body.kinelaro-theme .settings-input.kinelaro-device-input .simple-keyboard-buttons > div,
.kinelaro-frame-dialog .kinelaro-frame-save {
  box-sizing: border-box;
  font-size: 1em !important;
  min-height: max(44px, 2.8em) !important;
  line-height: 1.35;
}
body.kinelaro-theme .modal--kinelaro-device-edit .modal__footer {
  flex-wrap: wrap;
}
body.kinelaro-theme .modal--kinelaro-device-edit .modal__button {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* This dialog is appended to body, outside the scaled profile page. */
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list {
  gap: .8em;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list .kinelaro-achievement-card {
  min-height: 11em;
  padding: 1em;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list .kinelaro-achievement-card h3 {
  font-size: 1.125em;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list .kinelaro-achievement-card p {
  font-size: .9375em;
  line-height: 1.45;
  margin-bottom: 2.4em;
  overflow-wrap: anywhere;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list .kinelaro-achievement-card__tier,
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list .kinelaro-achievement-card__progress b {
  font-size: .875em;
  line-height: 1.3;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list .kinelaro-achievement-card__top {
  gap: .65em;
  flex-wrap: wrap;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list .kinelaro-achievement-card__progress {
  right: 1em;
  bottom: .8em;
  left: 1em;
}

@media (max-width: 1180px) {
  body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  body.kinelaro-theme .modal.modal--kinelaro-photo,
  body.kinelaro-theme .modal.modal--kinelaro-device-edit,
  body.kinelaro-theme .settings-input.kinelaro-device-input,
  body.kinelaro-theme .settings-input.kinelaro-profile-name-input,
  body.kinelaro-theme .selectbox.kinelaro-country-options,
  body.kinelaro-theme.kinelaro-achievements-modal-open .modal,
  .kinelaro-frame-dialog {
    --kinelaro-profile-dialog-base: var(--kinelaro-profile-ui-base, 16px);
  }
  body.kinelaro-theme.kinelaro-achievements-modal-open .kinelaro-achievement-list {
    grid-template-columns: minmax(0, 1fr);
  }
}
body.kinelaro-theme .settings-input.kinelaro-device-input .simple-keyboard-input {
  box-sizing:border-box;
  min-height:max(44px,2.75em)!important;
}
/* Keep profile close buttons comfortably tappable on tablets too: the older
   photo-specific 36px rule outranks the generic large-close rule. */
body.kinelaro-theme .modal.modal--kinelaro-photo .modal__close-button,
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__close-button,
body.kinelaro-theme .settings-input.kinelaro-device-input .settings-input__close,
body.kinelaro-theme .selectbox.kinelaro-country-options .kinelaro-dialog-close,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__close-button,
.kinelaro-frame-dialog .kinelaro-frame-close {
  width:clamp(52px,calc(var(--kinelaro-profile-dialog-base) * var(--kinelaro-profile-ui-scale) * 3),76px)!important;
  height:clamp(52px,calc(var(--kinelaro-profile-dialog-base) * var(--kinelaro-profile-ui-scale) * 3),76px)!important;
  font-size:clamp(32px,calc(var(--kinelaro-profile-dialog-base) * var(--kinelaro-profile-ui-scale) * 2),48px)!important;
}
/* Let a wrapped title take its own space and shrink only the scroll area. */
body.kinelaro-theme .modal.modal--kinelaro-photo .modal__content,
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__content,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__content {
  display:flex;flex-direction:column;overflow:hidden;
}
body.kinelaro-theme .modal.modal--kinelaro-photo .modal__head,
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__head,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__head {flex:0 0 auto;}
body.kinelaro-theme .modal.modal--kinelaro-photo .modal__body,
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__body,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__body {display:flex;flex-direction:column;min-height:0;flex:0 1 auto;overflow:hidden;}
body.kinelaro-theme .modal.modal--kinelaro-photo .modal__body>.scroll,
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__body>.scroll,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__body>.scroll {display:flex;flex-direction:column;flex:1 1 auto;height:auto!important;max-height:none!important;min-height:0;}
body.kinelaro-theme .modal.modal--kinelaro-photo .modal__body>.scroll>.scroll__content,
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__body>.scroll>.scroll__content,
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__body>.scroll>.scroll__content {flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;}

/* The complete achievements list uses the same profile-dialog shell. */
body.kinelaro-theme.kinelaro-achievements-modal-open .modal {
  display:flex;align-items:center;justify-content:center;
  padding:var(--kinelaro-dialog-gap,20px);
}
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__content {
  position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;
  transform:none!important;flex-shrink:0;margin:0!important;padding:1.5em!important;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__head {
  margin:0 0 1.1em!important;padding:0 2.5em!important;border:0;min-height:0;
}
body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__title {text-align:center!important;}
@media(max-width:600px) {
  body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__content {padding:20px!important;}
  body.kinelaro-theme.kinelaro-achievements-modal-open .modal .modal__head {padding:0 44px!important;min-height:32px;}
}

/* Keep device names centered independently of the close-button gutter. */
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__head {
  padding-left:2.5em!important;padding-right:2.5em!important;
}
body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__title {
  padding:0!important;text-align:center!important;
}
body.kinelaro-theme .settings-input.kinelaro-device-input .settings-input__title {
  text-align:center!important;
}
@media(max-width:600px) {
  body.kinelaro-theme .modal.modal--kinelaro-device-edit .modal__head {
    padding-left:44px!important;padding-right:44px!important;
  }
}

/* Guests can see personalization, but only account profiles can edit it. */
body.kinelaro-theme .kinelaro-hub-action.kinelaro-hub-action--locked {cursor:default;background:#181818;border:2px dashed #686868;box-shadow:none;align-items:start;color:#aaa;}
body.kinelaro-theme .kinelaro-hub-action--locked>span {color:#aaa;background:#ffffff06;border-color:#ffffff18;}
body.kinelaro-theme .kinelaro-hub-action--locked>span svg {width:1.35em;height:1.35em;}
body.kinelaro-theme .kinelaro-hub-action--locked b {color:#aaa;}
body.kinelaro-theme .kinelaro-hub-action--locked small {color:#999;}

/* Personalization needs room for previews and readable TV-distance controls. */
body.kinelaro-theme .modal.modal--kinelaro-appearance {
  font-size:max(18px,calc(clamp(22px,1.85vw,36px) * var(--kinelaro-profile-ui-scale,1)))!important;
}
body.kinelaro-hosted .modal.modal--kinelaro-appearance .modal__content {
  width:min(92vw,1600px)!important;
  max-width:calc(100vw - 2 * var(--kinelaro-dialog-gap,20px))!important;
}
body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-frame-dialog {font-size:inherit!important;}
body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-frame-option,
body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-cover-option,
body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-color-option {font-size:inherit;min-height:3em;}
body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-frame-sample {width:4.6em;height:4.6em;}
body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-style-section>h3 {font-size:1.15em;}
@media(max-width:600px) {
 body.kinelaro-theme .modal.modal--kinelaro-appearance {
  font-size:max(17px,calc(19px * var(--kinelaro-profile-ui-scale,1)))!important;
 }
 body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-frame-grid,
 body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-cover-grid,
 body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-color-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-style-preview {
 min-height:8em;padding:1.3em 1.5em;margin-bottom:1em;
}
@media(min-width:901px) {
 body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-style-identity-fields {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;
 }
 body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-style-identity-fields>button {
  margin:0;min-width:0;padding:.8em .65em;gap:.5em;
 }
 body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-country-icon {width:1.8em;height:1.8em;flex-basis:1.8em;}
 body.kinelaro-theme .modal--kinelaro-appearance .kinelaro-country-value {overflow-wrap:anywhere;}
}

/* Kinelaro viewing status: same treatment for legacy and current cards. */
body.kinelaro-hosted .card-watched{left:.5em;right:.5em;bottom:2.4em;border:0;border-radius:.55em;background:linear-gradient(145deg,#202020f5,#111111fa);box-shadow:0 .5em 1.4em #0009;color:#f5f5f5;font-family:KinelaroSans,Arial,sans-serif;overflow:hidden;}
body.kinelaro-hosted .card-watched__inner{padding:.15em .8em .8em;}
body.kinelaro-hosted .card-watched__body{font-size:max(12px,.8em);line-height:1.4;}
body.kinelaro-hosted .card-watched__item{margin-top:.65em;color:#c8c8c8;}
body.kinelaro-hosted .card-watched__item:first-child{color:#fff;font-weight:600;}
body.kinelaro-hosted .card-watched__item>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body.kinelaro-hosted .card-watched .time-line{margin-top:.6em;background:#ffffff21;border-radius:4px;overflow:hidden;}
body.kinelaro-hosted .card-watched .time-line>div{height:4px;background:linear-gradient(90deg,#bdbdbd,#fff);border-radius:4px;}
body.kinelaro-hosted .card__marker--viewed{background:#161616ed;border:0;border-radius:.35em;padding:.3em .5em;gap:.35em;color:#fff;font-family:KinelaroSans,Arial,sans-serif;}
body.kinelaro-hosted .card__marker--viewed:before{width:.8em;height:.8em;margin:0;border-radius:0;background:transparent;border:solid #fff;border-width:0 .14em .14em 0;transform:rotate(45deg) scale(.7);box-sizing:border-box;}
body.kinelaro-hosted .card__icon.icon--history{border:0;border-radius:.35em;background-color:#161616ef;background-size:66%;box-sizing:border-box;}
body.kinelaro-hosted .card__icon.icon--history{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M20%2012a8%208%200%201%201-2.3-5.7M12%207v5l3%202M20%204v5h-5%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");}

/* The close button lives inside player-info, so the time and close button share
   one parent transform and arrive together. */
body.kinelaro-hosted .player__close {
 top:4em;
 width:clamp(44px,4em,112px);height:clamp(44px,4em,112px);
 transform:translateY(-50%);transition:none;
}
body.kinelaro-hosted .player--has-close .player-info__time,
body.kinelaro-hosted .player--has-close .player-info__time-end {
 right:calc(3.85em + clamp(44px,4em,112px) + env(safe-area-inset-right,0px));
}
@media(prefers-reduced-motion:reduce){body.kinelaro-hosted .player__close{transition:none!important;}}

/* Compact windows: cap the actual icon, including its inherited SVG scale.
   Use viewport dimensions so interface zoom cannot enlarge it on laptops. */
@media(max-width:1600px),(max-height:900px){
 body.kinelaro-hosted .player__close{width:48px;height:48px;min-width:0;min-height:0;}
 body.kinelaro-hosted .player__close svg{width:48px;height:48px;transform:none;}
 body.kinelaro-hosted .player--has-close .player-info__time,
 body.kinelaro-hosted .player--has-close .player-info__time-end{
  right:calc(3.85em + 48px + env(safe-area-inset-right,0px));
 }
}

/* Close controls keep a clear margin and follow the three interface sizes. */
body.kinelaro-theme .settings__close,
body.kinelaro-theme .selectbox__close,
body.kinelaro-theme .settings-input__close,
body.kinelaro-theme .modal:not(.modal--kinelaro-photo) .modal__close-button,
.kinelaro-frame-dialog .kinelaro-frame-close {
  top:calc(22px * var(--kinelaro-profile-ui-scale,1))!important;
  right:calc(26px * var(--kinelaro-profile-ui-scale,1))!important;
  width:calc(56px * var(--kinelaro-profile-ui-scale,1))!important;
  height:calc(56px * var(--kinelaro-profile-ui-scale,1))!important;
  font-size:calc(38px * var(--kinelaro-profile-ui-scale,1))!important;
}
body.kinelaro-hosted .settings .settings__head,
body.kinelaro-theme .selectbox__head {
  padding-right:calc(104px * var(--kinelaro-profile-ui-scale,1))!important;
}
@media(max-width:600px){
  body.kinelaro-theme .settings__close,
  body.kinelaro-theme .selectbox__close,
  body.kinelaro-theme .settings-input__close,
  body.kinelaro-theme .modal:not(.modal--kinelaro-photo) .modal__close-button,
  .kinelaro-frame-dialog .kinelaro-frame-close {
    top:calc(17px * var(--kinelaro-profile-ui-scale,1))!important;
    right:calc(22px * var(--kinelaro-profile-ui-scale,1))!important;
    width:calc(52px * var(--kinelaro-profile-ui-scale,1))!important;
    height:calc(52px * var(--kinelaro-profile-ui-scale,1))!important;
    font-size:calc(36px * var(--kinelaro-profile-ui-scale,1))!important;
  }
  body.kinelaro-hosted .settings .settings__head {
    padding-right:calc(88px * var(--kinelaro-profile-ui-scale,1))!important;
  }
}