:where(html[data-game="lexakipina"]):root{color-scheme: dark;
  --bg: var(--lx-canvas);
  --panel: color-mix(in srgb,var(--lx-canvas) 95%,transparent);
  --panel-2: color-mix(in srgb,var(--lx-surface-inset) 97%,transparent);
  --line: color-mix(in srgb,var(--lx-reward) 30%,transparent);
  --line-strong: color-mix(in srgb,var(--lx-reward) 66%,transparent);
  --text: var(--lx-primary);
  --muted: var(--lx-reward);
  --amber: var(--lx-reward);
  --gold: var(--lx-reward);
  --green: var(--lx-success);
  --danger: var(--lx-danger);
  --shadow: color-mix(in srgb,var(--lx-canvas) 50%,transparent);
  --radius: 1.2rem;
  --global-bar-height: var(--lexapyr-header-height, 6.15rem);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;}
html:where([data-game="lexakipina"]){min-width: 18rem;
  min-height: 100%;}
:where(html[data-game="lexakipina"]) body{min-width: 18rem;
  min-height: 100dvh;
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 16% 5%, color-mix(in srgb,var(--lx-danger) 16%,transparent), transparent 30rem),
    radial-gradient(circle at 84% 58%, color-mix(in srgb,var(--lx-reward) 8%,transparent), transparent 36rem),
    linear-gradient(158deg, var(--lx-canvas) 0%, var(--lx-canvas) 72%);
  font-size: 17px;}
:where(html[data-game="lexakipina"]) input,:where(html[data-game="lexakipina"]) select,:where(html[data-game="lexakipina"]) textarea{font: inherit;}
:where(html[data-game="lexakipina"]) button{color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;}
:where(html[data-game="lexakipina"]) button:focus-visible,:where(html[data-game="lexakipina"]) input:focus-visible,:where(html[data-game="lexakipina"]) select:focus-visible,:where(html[data-game="lexakipina"]) textarea:focus-visible{outline: 3px solid color-mix(in srgb,var(--lx-reward) 82%,transparent);
  outline-offset: 3px;}
:where(html[data-game="lexakipina"]) [hidden]{display: none !important;}
:where(html[data-game="lexakipina"]) .spark-field{position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;}
:where(html[data-game="lexakipina"]) .spark-field::before{position: absolute;
  inset: -25%;
  content: "";
  mask-image: radial-gradient(ellipse at center, var(--lx-canvas) 12%, transparent 72%);
  animation: heat-weave 34s linear infinite;}
:where(html[data-game="lexakipina"]) .spark-stream,:where(html[data-game="lexakipina"]) .spark-orbit,:where(html[data-game="lexakipina"]) .spark-aurora{position: absolute;
  display: block;
  pointer-events: none;}
:where(html[data-game="lexakipina"]) .spark-stream{inset: -12rem 0;
  opacity: .6;
  background-repeat: repeat;
  will-change: background-position, transform;}
:where(html[data-game="lexakipina"]) .spark-stream-a{
  background-size: 9rem 13rem, 13rem 17rem, 19rem 23rem;
  background-position: 14% 70%, 77% 30%, 46% 90%;
  animation: sparks-rise 20s linear infinite;}
:where(html[data-game="lexakipina"]) .spark-stream-b{opacity: .34;
  filter: blur(.4px);
  background-size: 6.5rem 9rem, 11rem 15rem;
  animation: sparks-sway 13s ease-in-out infinite alternate;}
:where(html[data-game="lexakipina"]) .spark-orbit{width: 92vmax;
  aspect-ratio: 1;
  left: 50%;
  top: 48%;
  translate: -50% -50%;
  opacity: .28;
  border-radius: 50%;
  mask-image: radial-gradient(circle, transparent 0 22%, var(--lx-canvas) 29% 55%, transparent 70%);
  animation: ambient-orbit 62s linear infinite;}
:where(html[data-game="lexakipina"]) .spark-aurora{inset: -18%;
  opacity: .52;
  filter: blur(28px);
  animation: aurora-wander 17s ease-in-out infinite alternate;}
:where(html[data-game="lexakipina"]) .game-shell{position: relative;
  z-index: 1;}
:where(html[data-game="lexakipina"]) .game-shell{width: min(100%, 76rem);
  min-height: calc(100dvh - var(--global-bar-height));
  margin: 0 auto;
  padding: clamp(.45rem, 1.4vw, .85rem) clamp(.32rem, 1.5vw, .85rem) max(1rem, env(safe-area-inset-bottom));
  flex: 1 0 auto;}
:where(html[data-game="lexakipina"]) .mode-badge{width: fit-content;
  margin: 0 auto .55rem;
  padding: .42rem .85rem;
  border: 1px solid color-mix(in srgb,var(--lx-success) 55%,transparent);
  border-radius: 999px;
  color: var(--lx-success);
  background: color-mix(in srgb,var(--lx-success) 88%,transparent);
  font-size: .8rem;
  font-weight: 950;
  letter-spacing: .08em;}
:where(html[data-game="lexakipina"]) .status-strip{display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(.25rem, 1.1vw, .55rem);
  margin-bottom: clamp(.38rem, 1.2vw, .7rem);}
:where(html[data-game="lexakipina"]) .status-strip > div{min-width: 0;
  min-height: clamp(5rem, 9dvh, 6.2rem);
  padding: .62rem .22rem;
  display: grid;
  place-content: center;
  gap: .22rem;
  text-align: center;
  border: 1.5px solid var(--line);
  border-radius: 1rem;
  background:
    linear-gradient(150deg, color-mix(in srgb,var(--lx-reward) 10%,transparent), transparent 48%),
    color-mix(in srgb,var(--lx-canvas) 94%,transparent);
  box-shadow:
    inset 0 1px color-mix(in srgb,var(--lx-text-strong) 4.5%,transparent),
    0 .5rem 1.25rem color-mix(in srgb,var(--lx-canvas) 24%,transparent);}
:where(html[data-game="lexakipina"]) .status-label{
  font-size: clamp(.76rem, 3.2vw, .98rem);
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;}
:where(html[data-game="lexakipina"]) .status-strip strong{min-width: 0;
  overflow: hidden;
  font-size: clamp(1.35rem, 5.7vw, 1.9rem);
  font-weight: 950;
  line-height: 1;
  text-overflow: ellipsis;}
:where(html[data-game="lexakipina"]) .forge{display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(.38rem, 1.2vw, .7rem);}
:where(html[data-game="lexakipina"]) .checklist-panel,:where(html[data-game="lexakipina"]) .wheel-panel{border: 1.5px solid var(--line);
  border-radius: var(--radius);}
:where(html[data-game="lexakipina"]) .checklist-panel{min-height: 7rem;
  padding: clamp(.68rem, 2vw, 1rem);
  display: grid;
  align-content: center;}
:where(html[data-game="lexakipina"]) .checklist-grid{display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .58rem .82rem;}
:where(html[data-game="lexakipina"]) .word-slot{max-width: 100%;
  padding: .42rem .5rem;
  display: flex;
  justify-content: center;
  gap: clamp(.22rem, 1.25vw, .42rem);
  border: 1.5px solid color-mix(in srgb,var(--lx-reward) 34%,transparent);
  border-radius: .88rem;}
:where(html[data-game="lexakipina"]) .word-slot.just-found{animation: ignite .55s ease-out;}
:where(html[data-game="lexakipina"]) .slot-tile{width: clamp(2.45rem, 10.4vw, 3.55rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1.5px solid color-mix(in srgb,var(--lx-reward) 52%,transparent);
  border-radius: .66rem;
  box-shadow: inset 0 0 .8rem color-mix(in srgb,var(--lx-canvas) 30%,transparent);
  font-size: clamp(1.2rem, 5vw, 1.7rem);
  font-weight: 950;
  text-transform: uppercase;}
:where(html[data-game="lexakipina"]) .word-slot.hinted .slot-tile:first-child{border-color: var(--gold);
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--lx-reward) 20%,transparent);}
:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="7"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="8"] .slot-tile{width: clamp(2.12rem, 8.9vw, 3.15rem);
  font-size: clamp(1.05rem, 4.45vw, 1.52rem);}
:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="9"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="10"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="11"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="12"] .slot-tile{width: clamp(1.78rem, 7.45vw, 2.68rem);
  font-size: clamp(.9rem, 3.7vw, 1.32rem);}
:where(html[data-game="lexakipina"]) .bonus-row{margin-top: .62rem;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .45rem;
  font-size: clamp(1rem, 4vw, 1.28rem);
  font-weight: 750;}
:where(html[data-game="lexakipina"]) .bonus-row strong{
  font-size: clamp(1.45rem, 5.9vw, 1.95rem);}
:where(html[data-game="lexakipina"]) .bonus-total{opacity: .75;}
:where(html[data-game="lexakipina"]) .wheel-panel{position: relative;
  min-height: 0;
  padding: .35rem .42rem max(.68rem, env(safe-area-inset-bottom));
  overflow: visible;}
:where(html[data-game="lexakipina"]) .board-tools{position: absolute;
  z-index: 8;
  top: .72rem;
  left: .72rem;
  right: .72rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;}
:where(html[data-game="lexakipina"]) .board-tool{min-height: 3.5rem;
  padding: .62rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .48rem;
  border: 1.5px solid var(--line-strong);
  border-radius: .95rem;
  backdrop-filter: blur(8px);
  font-size: clamp(1.05rem, 4.2vw, 1.25rem);
  font-weight: 900;
  cursor: pointer;
  pointer-events: auto;}
:where(html[data-game="lexakipina"]) .board-tool-help{width: 3.5rem;
  padding: 0;
  border-radius: 50%;
  font-size: 1.5rem;}
:where(html[data-game="lexakipina"]) .wheel-wrap{isolation: isolate;
  position: relative;
  width: 100%;
  height: var(--wheel-height, clamp(27rem, 56dvh, 48rem));
  min-height: var(--wheel-height, 27rem);
  margin: 0 auto;
  overflow: hidden;
  touch-action: none;
  user-select: none;}
:where(html[data-game="lexakipina"]) .wheel-wrap::before,:where(html[data-game="lexakipina"]) .wheel-wrap::after{position: absolute;
  z-index: 0;
  content: "";
  pointer-events: none;
  border-radius: 50%;}
:where(html[data-game="lexakipina"]) .wheel-wrap::before{inset: 5%;
  opacity: .48;
  animation: forge-orbit 32s linear infinite;}
:where(html[data-game="lexakipina"]) .wheel-wrap::after{inset: 15%;
  opacity: .68;
  filter: blur(10px);
  animation: forge-breathe 7s ease-in-out infinite alternate;}
:where(html[data-game="lexakipina"]) .letter-wheel,:where(html[data-game="lexakipina"]) .drag-line{position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;}
:where(html[data-game="lexakipina"]) .drag-line{z-index: 2;
  overflow: visible;
  pointer-events: none;}
:where(html[data-game="lexakipina"]) .letter-wheel{z-index: 3;}
:where(html[data-game="lexakipina"]) .letter-tile{position: absolute;
  translate: -50% -50%;
  width: var(--orb-size, 7rem);
  aspect-ratio: 1;
  padding: 0;
  display: grid;
  place-items: center;
  border: 2.5px solid color-mix(in srgb,var(--lx-reward) 82%,transparent);
  border-radius: 50%;
  font-size: var(--orb-font-size, 3rem);
  font-weight: 950;
  text-shadow: 0 .12rem .15rem color-mix(in srgb,var(--lx-canvas) 75%,transparent);
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;}
:where(html[data-game="lexakipina"]) .letter-tile.selected{
  transform: scale(1.1);
  animation: selected-pulse .75s ease-in-out infinite alternate;}
:where(html[data-game="lexakipina"]) .letter-wheel.rejected{animation: shake .26s linear;}
:where(html[data-game="lexakipina"]) .wheel-wrap.shuffling{animation: shuffle-forge .58s cubic-bezier(.2, .82, .28, 1);}
:where(html[data-game="lexakipina"]) .wheel-wrap.shuffling .letter-tile{animation: shuffle-orb-a .56s cubic-bezier(.18, .78, .25, 1);}
:where(html[data-game="lexakipina"]) .wheel-wrap.shuffling .letter-tile:nth-child(even){animation-name: shuffle-orb-b;}
:where(html[data-game="lexakipina"]) .wheel-wrap.shuffling .letter-tile:nth-child(3n){animation-delay: .035s;}
:where(html[data-game="lexakipina"]) .wheel-wrap.shuffling::after{animation: shuffle-flare .58s ease-out;}
:where(html[data-game="lexakipina"]) .current-word{position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: min(84%, 34rem);
  min-height: 3.8rem;
  padding: .45rem 1rem;
  display: grid;
  place-items: center;
  overflow-wrap: anywhere;
  border: 1px solid transparent;
  border-radius: 1.2rem;
  background: transparent;
  font-size: clamp(2rem, 8vw, 3.5rem);
  font-weight: 950;
  letter-spacing: .08em;
  text-align: center;}
:where(html[data-game="lexakipina"]) .current-word:not(:empty){
  box-shadow: inset 0 0 1.2rem color-mix(in srgb,var(--lx-danger) 8%,transparent);
  backdrop-filter: blur(5px);}
:where(html[data-game="lexakipina"]) .drag-line path{fill: none;
  pointer-events: none;
  stroke-linecap: round;
  stroke-linejoin: round;}
:where(html[data-game="lexakipina"]) .spark-trail-glow{
  stroke-width: clamp(44px, 10vw, 76px);
  filter: blur(10px) drop-shadow(0 0 26px color-mix(in srgb,var(--lx-danger) 95%,transparent));}
:where(html[data-game="lexakipina"]) .spark-trail-core{
  stroke-width: clamp(18px, 4.6vw, 30px);
  filter: drop-shadow(0 0 11px var(--lx-danger));}
:where(html[data-game="lexakipina"]) .spark-trail-hot{
  stroke-width: clamp(5px, 1.35vw, 9px);
  stroke-dasharray: 24 9 5 12;
  animation: hot-flow .45s linear infinite;
  filter: drop-shadow(0 0 6px color-mix(in srgb,var(--lx-reward) 95%,transparent));}
:where(html[data-game="lexakipina"]) .spark-trail-embers{
  stroke-width: clamp(3px, .9vw, 6px);
  stroke-dasharray: 1 13;
  animation: spark-flow .36s linear infinite;
  filter: drop-shadow(0 0 7px var(--lx-reward));}
:where(html[data-game="lexakipina"]) .spark-trail-tip{
  stroke-width: 5px;
  filter: drop-shadow(0 0 8px var(--lx-reward)) drop-shadow(0 0 18px var(--lx-danger));
  animation: trail-tip-pulse .42s ease-in-out infinite alternate;}
:where(html[data-game="lexakipina"]) .feedback{min-height: 2.8rem;
  margin: .35rem .3rem .12rem;
  display: grid;
  place-items: center;
  font-size: clamp(1.08rem, 4.4vw, 1.45rem);
  font-weight: 750;
  line-height: 1.25;
  text-align: center;}
:where(html[data-game="lexakipina"]) .feedback.success{text-shadow: 0 0 1rem color-mix(in srgb,var(--lx-success) 26%,transparent);}
:where(html[data-game="lexakipina"]) .wheel-actions{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .58rem;}
:where(html[data-game="lexakipina"]) .primary-button,:where(html[data-game="lexakipina"]) .secondary-button,:where(html[data-game="lexakipina"]) .jump-form button{min-height: 3.5rem;
  border: 1.5px solid var(--line-strong);
  border-radius: 1rem;
  font-weight: 900;
  cursor: pointer;}
:where(html[data-game="lexakipina"]) .wheel-actions .secondary-button{min-height: clamp(4.3rem, 8dvh, 5.5rem);
  font-size: clamp(1.22rem, 5vw, 1.7rem);}
:where(html[data-game="lexakipina"]) button:disabled{opacity: .42;
  cursor: not-allowed;}
:where(html[data-game="lexakipina"]) .text-button{min-height: 2.8rem;
  display: block;
  margin: .18rem auto 0;
  padding: .4rem .7rem;
  border: 0;
  color: var(--muted);
  background: transparent;
  font-size: clamp(.96rem, 3.5vw, 1.15rem);
  text-decoration: underline;
  cursor: pointer;}
:where(html[data-game="lexakipina"]) .modal{width: min(calc(100% - 1rem), 44rem);
  max-height: min(90dvh, 54rem);
  padding: clamp(1rem, 3vw, 1.5rem);
  overflow-y: auto;
  border: 1.5px solid var(--line-strong);
  border-radius: 1.25rem;}
:where(html[data-game="lexakipina"]) .modal::backdrop{
  backdrop-filter: blur(5px);}
:where(html[data-game="lexakipina"]) .modal-header{margin-bottom: .9rem;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;}
:where(html[data-game="lexakipina"]) .modal h2{margin: .12rem 0 0;}
:where(html[data-game="lexakipina"]) .eyebrow{color: var(--amber);
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .15em;}

:where(html[data-game="lexakipina"]) .jump-form{margin-bottom: .9rem;}
:where(html[data-game="lexakipina"]) .jump-form label{display: block;
  margin-bottom: .35rem;
  color: var(--muted);}
:where(html[data-game="lexakipina"]) .jump-form > div{display: grid;
  grid-template-columns: 1fr auto;
  gap: .5rem;}
:where(html[data-game="lexakipina"]) .jump-form input,:where(html[data-game="lexakipina"]) .report-form select,:where(html[data-game="lexakipina"]) .report-form textarea{width: 100%;
  min-height: 3.2rem;
  padding: .68rem .78rem;
  border: 1.5px solid var(--line);
  border-radius: .8rem;
  color: var(--text);
  background: color-mix(in srgb,var(--lx-canvas) 32%,transparent);}
:where(html[data-game="lexakipina"]) .level-grid{display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5.4rem, 1fr));
  gap: .52rem;}
:where(html[data-game="lexakipina"]) .level-card{min-height: 5.2rem;
  padding: .58rem;
  border: 1.5px solid var(--line);
  border-radius: .88rem;
  cursor: pointer;}
:where(html[data-game="lexakipina"]) .level-card strong,:where(html[data-game="lexakipina"]) .level-card span{display: block;}
:where(html[data-game="lexakipina"]) .level-card strong{font-size: 1.2rem;}

:where(html[data-game="lexakipina"]) .help-content{display: grid;
  gap: .72rem;}
:where(html[data-game="lexakipina"]) .rule-row{display: grid;
  grid-template-columns: 2.35rem 1fr;
  align-items: start;
  gap: .68rem;}
:where(html[data-game="lexakipina"]) .rule-row > span{width: 2.35rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--lx-surface-inset);
  background: var(--amber);
  font-weight: 950;}
:where(html[data-game="lexakipina"]) .rule-row p{margin: .18rem 0;
  color: var(--muted);
  line-height: 1.5;}
:where(html[data-game="lexakipina"]) .complete-modal{width: min(calc(100vw - .7rem), 58rem);
  min-height: min(84dvh, 52rem);
  max-height: calc(100dvh - .7rem);
  padding: clamp(1.3rem, 4vw, 2.5rem);
  text-align: center;}
:where(html[data-game="lexakipina"]) .complete-modal[open]{display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;}

:where(html[data-game="lexakipina"]) .complete-modal h2{max-width: 20ch;
  margin: .4rem auto .2rem;
  font-size: clamp(1.8rem, 7vw, 3.2rem);
  line-height: 1.08;}
:where(html[data-game="lexakipina"]) .earned-stars{margin: .8rem 0;
  font-size: clamp(3rem, 11vw, 5rem);
  letter-spacing: .18rem;}
:where(html[data-game="lexakipina"]) .complete-stats{width: 100%;
  margin: .8rem 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;}
:where(html[data-game="lexakipina"]) .complete-stats div{min-height: 4.8rem;
  padding: .65rem .3rem;
  display: grid;
  align-content: center;
  border: 1px solid var(--line);
  border-radius: .82rem;}
:where(html[data-game="lexakipina"]) .complete-stats span{color: var(--muted);
  font-size: .78rem;}
:where(html[data-game="lexakipina"]) .complete-stats strong{margin-top: .12rem;
  font-size: 1.35rem;}
:where(html[data-game="lexakipina"]) #completeSummary{color: var(--muted);
  line-height: 1.45;}
:where(html[data-game="lexakipina"]) .completion-actions{width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .6rem;}
:where(html[data-game="lexakipina"]) .completion-actions button{min-height: 4rem;}
:where(html[data-game="lexakipina"]) .report-form{display: grid;
  gap: .8rem;}
:where(html[data-game="lexakipina"]) .report-form label{color: var(--muted);}
:where(html[data-game="lexakipina"]) .report-form select,:where(html[data-game="lexakipina"]) .report-form textarea{margin-top: .3rem;}

@keyframes heat-weave{to { transform: translate3d(7rem, -5rem, 0); }}
@keyframes sparks-rise{from { background-position: 14% 70%, 77% 30%, 46% 90%; }
  to { background-position: 18% -30rem, 72% -42rem, 51% -58rem; }}
@keyframes sparks-sway{from { transform: translate3d(-2.5%, 1%, 0) rotate(-1deg); }
  to { transform: translate3d(3%, -2%, 0) rotate(1.4deg); }}
@keyframes ambient-orbit{to { transform: rotate(360deg); }}
@keyframes aurora-wander{0% { transform: translate3d(-2%, -2%, 0) scale(1); }
  48% { transform: translate3d(3%, 1%, 0) scale(1.08); }
  100% { transform: translate3d(-1%, 4%, 0) scale(1.03); }}
@keyframes forge-orbit{to { transform: rotate(360deg); }}
@keyframes forge-breathe{from { transform: scale(.96) rotate(-2deg); opacity: .42; }
  to { transform: scale(1.06) rotate(3deg); opacity: .78; }}
@keyframes ignite{0% { transform: scale(.92); filter: brightness(2); }
  100% { transform: scale(1); filter: brightness(1); }}
@keyframes shake{25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-3px); }}
@keyframes shuffle-forge{0% { filter: brightness(1); }
  42% { filter: brightness(1.28); }
  100% { filter: brightness(1); }}
@keyframes shuffle-orb-a{0% { scale: 1; rotate: 0deg; opacity: 1; }
  38% { scale: .68; rotate: -28deg; opacity: .72; }
  72% { scale: 1.1; rotate: 8deg; opacity: 1; }
  100% { scale: 1; rotate: 0deg; opacity: 1; }}
@keyframes shuffle-orb-b{0% { scale: 1; rotate: 0deg; opacity: 1; }
  38% { scale: .68; rotate: 28deg; opacity: .72; }
  72% { scale: 1.1; rotate: -8deg; opacity: 1; }
  100% { scale: 1; rotate: 0deg; opacity: 1; }}
@keyframes shuffle-flare{0% { opacity: .2; scale: .78; rotate: -8deg; }
  46% { opacity: .92; scale: 1.08; rotate: 7deg; }
  100% { opacity: .68; scale: 1; rotate: 0deg; }}
@keyframes selected-pulse{from { filter: brightness(1); }
  to { filter: brightness(1.12); }}
@keyframes hot-flow{to { stroke-dashoffset: -50; }}
@keyframes spark-flow{to { stroke-dashoffset: -17; }}
@keyframes trail-tip-pulse{from { r: 7px; opacity: .78; }
  to { r: 11px; opacity: 1; }}
@media (min-width: 64rem) and (orientation: landscape){:where(html[data-game="lexakipina"]) .game-shell{width: min(96vw, 94rem);
    min-height: calc(100dvh - var(--global-bar-height));
    padding: .8rem 1rem 1rem;}
:where(html[data-game="lexakipina"]) .status-strip{gap: .75rem;
    margin-bottom: .8rem;}
:where(html[data-game="lexakipina"]) .status-strip > div{min-height: 4.65rem;
    padding: .5rem .75rem;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    border-radius: .9rem;}
:where(html[data-game="lexakipina"]) .status-label{font-size: .78rem;}
:where(html[data-game="lexakipina"]) .status-strip strong{font-size: 1.55rem;}
:where(html[data-game="lexakipina"]) .forge{min-height: 0;
    grid-template-columns: minmax(20rem, .72fr) minmax(38rem, 1.28fr);
    align-items: stretch;
    gap: 1rem;}
:where(html[data-game="lexakipina"]) .checklist-panel{position: sticky;
    top: calc(var(--global-bar-height) + .8rem);
    min-height: calc(100dvh - var(--global-bar-height) - 7.7rem);
    max-height: calc(100dvh - var(--global-bar-height) - 1.6rem);
    padding: 1.2rem;
    align-content: start;
    overflow-y: auto;}
:where(html[data-game="lexakipina"]) .checklist-grid{display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    align-content: center;
    flex: 1 0 auto;
    gap: .8rem;}
:where(html[data-game="lexakipina"]) .word-slot{align-self: start;
    padding: .55rem;}
:where(html[data-game="lexakipina"]) .slot-tile{width: clamp(2rem, 2.7vw, 3rem);
    font-size: clamp(1rem, 1.55vw, 1.45rem);}
:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="7"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="8"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="9"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="10"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="11"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="12"] .slot-tile{width: clamp(1.55rem, 1.9vw, 2.25rem);
    font-size: clamp(.8rem, 1.05vw, 1.12rem);}
:where(html[data-game="lexakipina"]) .bonus-row{margin-top: auto;
    padding-top: 1rem;
    font-size: 1rem;}
:where(html[data-game="lexakipina"]) .bonus-row strong{font-size: 1.55rem;}
:where(html[data-game="lexakipina"]) .wheel-panel{min-height: calc(100dvh - var(--global-bar-height) - 7.7rem);
    max-height: calc(100dvh - var(--global-bar-height) - 1.6rem);
    padding: .7rem 1rem .9rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto auto;
    overflow: hidden;}
:where(html[data-game="lexakipina"]) .board-tools{position: static;
    grid-row: 1;
    padding: 0 0 .15rem;}
:where(html[data-game="lexakipina"]) .board-tool{min-height: 3rem;
    padding: .5rem .9rem;
    font-size: 1rem;}
:where(html[data-game="lexakipina"]) .board-tool-help{width: 3rem;
    padding: 0;}
:where(html[data-game="lexakipina"]) .wheel-wrap{grid-row: 2;
    width: min(100%, var(--wheel-height, 34rem));
    height: var(--wheel-height, 34rem);
    min-height: 0;
    aspect-ratio: 1;}
:where(html[data-game="lexakipina"]) .current-word{width: min(68%, 24rem);
    min-height: 3.2rem;
    font-size: clamp(1.65rem, 2.8vw, 2.8rem);}
:where(html[data-game="lexakipina"]) .feedback{grid-row: 3;
    min-height: 2.25rem;
    margin: .1rem .3rem;
    font-size: 1rem;}
:where(html[data-game="lexakipina"]) .wheel-actions{grid-row: 4;
    width: min(100%, 42rem);
    margin: 0 auto;}
:where(html[data-game="lexakipina"]) .wheel-actions .secondary-button{min-height: 3.8rem;
    font-size: 1.15rem;}
:where(html[data-game="lexakipina"]) .text-button{grid-row: 5;
    min-height: 2.3rem;
    font-size: .9rem;}
:where(html[data-game="lexakipina"]) .spark-trail-glow{stroke-width: 44px;}
:where(html[data-game="lexakipina"]) .spark-trail-core{stroke-width: 18px;}
:where(html[data-game="lexakipina"]) .spark-trail-hot{stroke-width: 5px;}
:where(html[data-game="lexakipina"]) .spark-trail-embers{stroke-width: 3px;}}
@media (max-width: 63.99rem), (orientation: portrait){:where(html[data-game="lexakipina"]) .game-shell{width: 100%;
    padding-inline: .28rem;}


:where(html[data-game="lexakipina"]) .status-strip strong{
    font-weight: 950;}
:where(html[data-game="lexakipina"]) .checklist-panel{min-height: 112px;
    padding: 16px;
    border-width: 1.2px;
    border-radius: 19.2px;}
:where(html[data-game="lexakipina"]) .checklist-grid{gap: 6.7px 8px;}
:where(html[data-game="lexakipina"]) .word-slot{flex: 0 0 auto;
    padding: 6.7px 8px;
    gap: 6.7px;
    border-width: 1.2px;
    border-radius: 14.1px;}
:where(html[data-game="lexakipina"]) .slot-tile{width: 75.5px;
    border-width: 1.2px;
    border-radius: 10.6px;
    font-size: 27.2px;
    font-weight: 950;}
:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="7"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="8"] .slot-tile{width: 56px;
    font-size: 25px;}
:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="9"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="10"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="11"] .slot-tile,:where(html[data-game="lexakipina"]) .word-slot[data-letter-count="12"] .slot-tile{width: 43px;
    font-size: 22px;}
:where(html[data-game="lexakipina"]) .bonus-row{margin-top: 9.9px;
    gap: 7.2px;
    font-size: 32px;
    font-weight: 750;}
:where(html[data-game="lexakipina"]) .bonus-row strong{font-size: 32px;
    font-weight: 950;}


:where(html[data-game="lexakipina"]) .level-modal .modal-header{
    gap: 16px;}
:where(html[data-game="lexakipina"]) .level-modal .modal-header h2{margin-top: 2px;
    
    line-height: 1.08;}

:where(html[data-game="lexakipina"]) .level-modal .jump-form{margin-bottom: 14.4px;}
:where(html[data-game="lexakipina"]) .level-modal .jump-form label{margin-bottom: 5.6px;}
:where(html[data-game="lexakipina"]) .level-modal .jump-form > div{gap: 8px;}

:where(html[data-game="lexakipina"]) .level-modal .jump-form input{padding: 8px 13px;
    border-width: 1.2px;
    border-radius: 12.8px;}
:where(html[data-game="lexakipina"]) .level-modal .jump-form button{padding-inline: 6.1px;
    border-width: 1.2px;
    border-radius: 16px;}
:where(html[data-game="lexakipina"]) .level-groups{min-height: 0;
    padding: 5.1px .8px 12.8px;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;}









:where(html[data-game="lexakipina"]) .level-modal .level-grid{
    display: grid;
    
    
    }
:where(html[data-game="lexakipina"]) .level-modal .level-card{position: relative;
    
    
    
    display: grid;
    align-content: center;
    justify-items: center;
    
    }










:where(html[data-game="lexakipina"]) .level-card:disabled{opacity: .42;}

:where(html[data-game="lexakipina"]) .help-modal{width: min(calc(100% - 32px), 849.3px);
    max-height: min(calc(100dvh - 32px), 1086px);
    padding: 24px;
    border-width: 1.2px;
    border-radius: 20px;}
:where(html[data-game="lexakipina"]) .help-modal .modal-header{margin-bottom: 14.4px;}
:where(html[data-game="lexakipina"]) .help-modal .eyebrow{font-size: 26px;}
:where(html[data-game="lexakipina"]) .help-modal h2{font-size: 32.5px;}
:where(html[data-game="lexakipina"]) .help-content{gap: 11.5px;}
:where(html[data-game="lexakipina"]) .rule-row{grid-template-columns: 53px 1fr;
    gap: 10.9px;}
:where(html[data-game="lexakipina"]) .rule-row > span{width: 53px;
    font-size: 32px;}
:where(html[data-game="lexakipina"]) .rule-row p{margin-block: 2.9px;
    font-size: 32px;
    line-height: 1.5;}
:where(html[data-game="lexakipina"]) .help-content .primary-button{min-height: 56px;
    border-width: 1.2px;
    border-radius: 16px;
    font-size: 32px;}
}
@media (max-width: 35rem){:where(html[data-game="lexakipina"]) .status-strip > div{min-height: 4.75rem;
    padding-inline: .12rem;}
:where(html[data-game="lexakipina"]) .status-label{font-size: clamp(.7rem, 3.2vw, .88rem);}
:where(html[data-game="lexakipina"]) .status-strip strong{font-size: clamp(1.25rem, 5.8vw, 1.72rem);}
:where(html[data-game="lexakipina"]) .checklist-panel{min-height: 6.5rem;
    padding-inline: .4rem;}
:where(html[data-game="lexakipina"]) .board-tool{min-height: 3.25rem;
    padding-inline: .72rem;}
:where(html[data-game="lexakipina"]) .board-tool-help{width: 3.25rem;
    padding: 0;}
:where(html[data-game="lexakipina"]) .wheel-wrap{height: var(--wheel-height, 25rem);
    min-height: var(--wheel-height, 25rem);}}
@media (max-width: 30rem){:where(html[data-game="lexakipina"]) .complete-stats{grid-template-columns: repeat(2, minmax(0, 1fr));}
:where(html[data-game="lexakipina"]) .completion-actions{grid-template-columns: 1fr;}}

@media (max-width: 63.99rem), (orientation: portrait){
:where(html[data-game="lexakipina"]) .status-strip > div{position: relative;
    
    
    overflow: visible;}
:where(html[data-game="lexakipina"]) .status-label{position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    width: max-content;
    
    padding: 0 .36rem;
    translate: -50% -50%;
    overflow: hidden;
    color: var(--lx-reward);
    background: var(--lx-canvas);
    
    line-height: 1.2;
    text-overflow: ellipsis;}

:where(html[data-game="lexakipina"]) .level-modal{inset: 0;
    width: 100dvw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    margin: 0;
    
    overflow: hidden;
    border-radius: 0;}
:where(html[data-game="lexakipina"]) .level-modal[open]{display: flex;
    flex-direction: column;}
:where(html[data-game="lexakipina"]) .level-modal .modal-header{flex: 0 0 auto;}



:where(html[data-game="lexakipina"]) .level-modal .level-grid{min-height: 0;
    
    
    
    
    align-content: start;
    overflow-y: auto;
    overscroll-behavior: contain;}
:where(html[data-game="lexakipina"]) .level-modal .level-card{min-width: 0;
    
    
    }
:where(html[data-game="lexakipina"]) .level-modal .level-card strong{font-size: clamp(1.3rem, 5.7vw, 1.75rem);
    line-height: 1;}



:where(html[data-game="lexakipina"]) .complete-modal{inset: 0;
    width: 100dvw;
    min-height: 100dvh;
    max-width: none;
    max-height: 100dvh;
    margin: 0;
    padding:
      max(1rem, env(safe-area-inset-top))
      clamp(.7rem, 3vw, 1.25rem)
      max(1rem, env(safe-area-inset-bottom));
    overflow-y: auto;
    border-radius: 0;}
:where(html[data-game="lexakipina"]) .complete-modal[open]{justify-content: flex-start;}

:where(html[data-game="lexakipina"]) .complete-modal > .eyebrow{font-size: clamp(1.45rem, 6.2vw, 1.9rem);
    line-height: 1.1;}
:where(html[data-game="lexakipina"]) .complete-modal h2{margin-top: .55rem;
    font-size: clamp(1.8rem, 7vw, 2.7rem);}
:where(html[data-game="lexakipina"]) .complete-modal .earned-stars{margin: .55rem 0 .8rem;
    font-size: clamp(3rem, 12vw, 4.8rem);}
:where(html[data-game="lexakipina"]) .complete-modal .complete-stats{grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem .65rem;
    margin: .9rem 0 1rem;}
:where(html[data-game="lexakipina"]) .complete-modal .complete-stats div{position: relative;
    min-height: clamp(6.7rem, 13dvh, 7.8rem);
    padding: 1.3rem .35rem .55rem;
    overflow: visible;
    border-width: 1.5px;}
:where(html[data-game="lexakipina"]) .complete-modal .complete-stats span{position: absolute;
    left: 50%;
    top: 0;
    width: max-content;
    max-width: calc(100% - .8rem);
    padding: 0 .48rem;
    translate: -50% -50%;
    overflow: hidden;
    color: var(--lx-reward);
    background: var(--lx-canvas);
    font-size: clamp(.95rem, 4vw, 1.2rem);
    font-weight: 850;
    line-height: 1.2;
    text-overflow: ellipsis;}
:where(html[data-game="lexakipina"]) .complete-modal .complete-stats strong{margin: 0;
    font-size: clamp(2.05rem, 8.8vw, 2.85rem);
    line-height: 1;}
:where(html[data-game="lexakipina"]) .complete-modal #completeSummary{margin: .2rem auto .8rem;
    font-size: clamp(1.08rem, 4.5vw, 1.4rem);}
:where(html[data-game="lexakipina"]) .complete-modal .completion-actions{grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-top: auto;}
:where(html[data-game="lexakipina"]) .complete-modal .completion-actions button{min-width: 0;
    min-height: clamp(7rem, 15dvh, 8.5rem);
    padding: .65rem .25rem;
    overflow: hidden;
    font-size: clamp(1.35rem, 5.7vw, 2rem);
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;}:where(html[data-game="lexakipina"]) .status-strip{gap: 8.8px;
    margin-bottom: 8.8px;
    padding-top: 13px;}
:where(html[data-game="lexakipina"]) .status-strip > div{min-height: 94.4px;
    padding: 18px 3px 10px;
    gap: 4px;
    border-width: 1.2px;
    border-radius: 16px;}
:where(html[data-game="lexakipina"]) .status-label{max-width: calc(100% - 12px);
    padding-inline: 5.8px;
    font-size: 26px;
    font-weight: 850;}
:where(html[data-game="lexakipina"]) .status-strip strong{font-size: 39.2px;}
:where(html[data-game="lexakipina"]) .board-tool{min-height: 75.5px;
    padding: 10px 16px;
    gap: 8px;
    border-width: 1.2px;
    border-radius: 16px;
    font-size: 32px;}
:where(html[data-game="lexakipina"]) .board-tool-help{width: 75.5px;
    padding: 0;
    border-width: 3px;
    border-radius: 50%;
    font-size: 48px;}
:where(html[data-game="lexakipina"]) .feedback{min-height: 48px;
    font-size: 32px;}
:where(html[data-game="lexakipina"]) .wheel-actions{gap: 8.8px;}
:where(html[data-game="lexakipina"]) .wheel-actions .secondary-button{min-height: 75.5px;
    border-width: 1.2px;
    border-radius: 16px;
    font-size: 32px;}
:where(html[data-game="lexakipina"]) .level-modal{padding:
      max(16px, env(safe-area-inset-top))
      16px
      max(16px, env(safe-area-inset-bottom));
    border-width: 1.2px;}
:where(html[data-game="lexakipina"]) .level-modal .modal-header{margin-bottom: 14.4px;}
:where(html[data-game="lexakipina"]) .level-modal .modal-header h2{font-size: 44.8px;}
:where(html[data-game="lexakipina"]) .level-modal .eyebrow,:where(html[data-game="lexakipina"]) .level-modal .jump-form label{font-size: 32px;}
:where(html[data-game="lexakipina"]) .level-modal .jump-form input,:where(html[data-game="lexakipina"]) .level-modal .jump-form button{min-height: 64px;
    font-size: 32px;}
:where(html[data-game="lexakipina"]) .level-modal .level-grid{padding: 7.7px .8px 12.8px;
    flex: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7.7px;
    overflow: visible;}
:where(html[data-game="lexakipina"]) .level-modal .level-card{min-height: 102.4px;
    padding: 8.8px 1.9px;
    border-width: 1.2px;
    border-radius: 12px;}


:where(html[data-game="lexakipina"]) .report-modal{width: min(calc(100% - 32px), 849.3px);
    max-height: min(calc(100dvh - 32px), 1086px);
    padding: 24px;
    border-width: 1.2px;
    border-radius: 20px;}
:where(html[data-game="lexakipina"]) .report-modal .modal-header{margin-bottom: 14.4px;}
:where(html[data-game="lexakipina"]) .report-modal .eyebrow{font-size: 26px;}
:where(html[data-game="lexakipina"]) .report-modal h2{font-size: 32.5px;}
:where(html[data-game="lexakipina"]) .report-form{gap: 16px;}
:where(html[data-game="lexakipina"]) .report-form label{font-size: 32px;}
:where(html[data-game="lexakipina"]) .report-form select,:where(html[data-game="lexakipina"]) .report-form textarea{margin-top: 6px;
    padding: 12px 13px;
    border-width: 1.2px;
    border-radius: 12.8px;
    font-size: 32px;}
:where(html[data-game="lexakipina"]) .report-form select{min-height: 64px;}
:where(html[data-game="lexakipina"]) .report-form .primary-button{min-height: 56px;
    border-width: 1.2px;
    border-radius: 16px;
    font-size: 32px;}}
html[data-game="lexakipina"]{color-scheme:var(--lx-color-scheme,dark);
  --bg:var(--lx-canvas);
  --panel:var(--lx-surface-deep);
  --panel-2:var(--lx-surface-inset);
  --line:var(--lx-border);
  --line-strong:var(--lx-border-strong);
  --text:var(--lx-text);
  --muted:var(--lx-text-muted);
  --amber:var(--lx-primary);
  --gold:var(--lx-reward);
  --green:var(--lx-success);
  --danger:var(--lx-danger);
  --shadow:var(--lx-shadow-panel);
  --global-bar-height:var(--lx-service-header-height,128px);
  font-family:var(--lx-font);}
html[data-game="lexakipina"],html[data-game="lexakipina"] body.lexakipina-page{background:var(--lx-page-background)!important;}
html[data-game="lexakipina"] .game-shell{padding-top:18px;}
html[data-game="lexakipina"] .spark-field::before{opacity:.28;
  background:repeating-linear-gradient(118deg,transparent 0 3.9rem,var(--lx-secondary-a05) 4rem 4.08rem,transparent 4.16rem 8.2rem);}
html[data-game="lexakipina"] .spark-stream-a{background-image:
    radial-gradient(circle,var(--lx-reward-a95) 0 1px,var(--lx-primary-a38) 1.4px 2.2px,transparent 3px),
    radial-gradient(circle,var(--lx-secondary-a72) 0 1.3px,transparent 2.8px),
    radial-gradient(circle,var(--lx-primary-a38) 0 1.8px,transparent 3.6px);}
html[data-game="lexakipina"] .spark-stream-b{background-image:
    radial-gradient(circle,var(--lx-reward-a64) 0 1px,transparent 2.4px),
    radial-gradient(circle,var(--lx-secondary-a42) 0 1.5px,transparent 3px);}
html[data-game="lexakipina"] .spark-orbit{background:repeating-conic-gradient(from 8deg,transparent 0 8deg,var(--lx-secondary-a12) 8.4deg 9deg,transparent 9.4deg 20deg);}
html[data-game="lexakipina"] .spark-aurora{background:
    radial-gradient(ellipse at 23% 32%,var(--lx-primary-a20),transparent 22%),
    radial-gradient(ellipse at 74% 62%,var(--lx-secondary-a15),transparent 25%),
    radial-gradient(ellipse at 48% 88%,var(--lx-reward-a10),transparent 22%);}
html[data-game="lexakipina"] .status-strip>div{border-color:var(--lx-border);
  background:linear-gradient(150deg,var(--lx-primary-a12),transparent 48%),var(--lx-status-surface);
  box-shadow:var(--lx-card-shadow);}
html[data-game="lexakipina"] .status-label{color:var(--lx-text-muted);}
html[data-game="lexakipina"] .status-strip strong{color:var(--lx-reward);}
html[data-game="lexakipina"] .checklist-panel,html[data-game="lexakipina"] .wheel-panel{border-color:var(--lx-border);
  background:var(--lx-panel-background);
  box-shadow:var(--lx-panel-shadow);}
html[data-game="lexakipina"] .word-slot{border-color:var(--lx-border);
  background:var(--lx-inset-background);
  box-shadow:var(--lx-card-shadow);}
html[data-game="lexakipina"] .word-slot.found{border-color:var(--lx-border-reward);
  background:var(--lx-tile-found-background);}
html[data-game="lexakipina"] .slot-tile{color:var(--lx-text-muted);
  border-color:var(--lx-border);
  background:var(--lx-slot-surface);}
html[data-game="lexakipina"] .word-slot.found .slot-tile{color:var(--lx-text-strong);
  border-color:var(--lx-border-reward);
  background:var(--lx-slot-filled-background);
  box-shadow:0 0 1rem var(--lx-primary-a25);}
html[data-game="lexakipina"] .bonus-row{color:var(--lx-text-muted);}
html[data-game="lexakipina"] .bonus-row strong{color:var(--lx-reward);}
html[data-game="lexakipina"] .board-tool{border-color:var(--lx-border-strong);
  color:var(--lx-text);
  background:var(--lx-action-surface);
  box-shadow:var(--lx-card-shadow);}
html[data-game="lexakipina"] .board-tool .lp-icon{width:44px;
  height:44px;
  flex:0 0 auto;
  filter:var(--lx-icon-shadow);}
html[data-game="lexakipina"] .board-tool-help{color:var(--lx-text-strong);}
html[data-game="lexakipina"] .wheel-wrap::before{background:
    repeating-conic-gradient(from 0deg,transparent 0 11deg,var(--lx-secondary-a12) 11.2deg 11.8deg,transparent 12deg 24deg),
    repeating-radial-gradient(circle,transparent 0 4.15rem,var(--lx-primary-a05) 4.25rem 4.35rem,transparent 4.45rem 8.4rem);}
html[data-game="lexakipina"] .wheel-wrap::after{background:radial-gradient(circle,var(--lx-primary-a15),transparent 48%),conic-gradient(from 35deg,transparent 0 18%,var(--lx-secondary-a10) 24%,transparent 31% 62%,var(--lx-reward-a09) 70%,transparent 78%);}
html[data-game="lexakipina"] .letter-tile{color:var(--lx-text-strong);
  border-color:var(--lx-border-strong);
  background:var(--lx-letter-background);
  box-shadow:0 .85rem 2rem var(--lx-shadow-tile),0 0 1.5rem var(--lx-secondary-a20),inset 0 1px 0 var(--lx-highlight-a08);}
html[data-game="lexakipina"] .letter-tile.selected{color:var(--lx-on-accent);
  border-color:var(--lx-border-reward);
  background:var(--lx-active-tab-background);
  box-shadow:0 0 0 .22rem var(--lx-reward-a20),0 0 2rem var(--lx-primary-a38),0 0 4rem var(--lx-secondary-a25),inset 0 0 1rem var(--lx-highlight-a08);}
html[data-game="lexakipina"] .current-word{color:var(--lx-reward);text-shadow:0 0 .7rem var(--lx-reward-a64),0 0 1.8rem var(--lx-primary-a38);}
html[data-game="lexakipina"] .current-word:not(:empty){border-color:var(--lx-border);background:var(--lx-overlay);}
html[data-game="lexakipina"] .spark-trail-glow{stroke:var(--lx-primary-a38);}
html[data-game="lexakipina"] .spark-trail-core{stroke:var(--lx-secondary);}
html[data-game="lexakipina"] .spark-trail-hot{stroke:var(--lx-reward-a95);}
html[data-game="lexakipina"] .spark-trail-embers{stroke:var(--lx-text-strong);}
html[data-game="lexakipina"] .spark-trail-tip{fill:var(--lx-reward);stroke:var(--lx-primary);}
html[data-game="lexakipina"] .feedback{color:var(--lx-text-muted);}
html[data-game="lexakipina"] .primary-button,html[data-game="lexakipina"] .jump-form button{color:var(--lx-on-accent);
  border-color:var(--lx-border-reward);
  background:var(--lx-primary-action-background);}
html[data-game="lexakipina"] .secondary-button{color:var(--lx-text);
  border-color:var(--lx-border-strong);
  background:var(--lx-action-surface);}
html[data-game="lexakipina"] .modal{color:var(--lx-text);
  border-color:var(--lx-border-strong);
  background:var(--lx-modal-background);
  box-shadow:var(--lx-shadow-modal);}
html[data-game="lexakipina"] .modal::backdrop{background:var(--lx-overlay);}


html[data-game="lexakipina"] .level-card,html[data-game="lexakipina"] .complete-stats div{color:var(--lx-text);
  border-color:var(--lx-border);
  background:var(--lx-card-surface);}
html[data-game="lexakipina"] .level-card.current{border-color:var(--lx-reward);box-shadow:0 0 0 2px var(--lx-reward-a20);}
html[data-game="lexakipina"] .rule-row>span{color:var(--lx-on-accent);background:var(--lx-reward);}
html[data-game="lexakipina"] .earned-stars{color:var(--lx-reward);}

html[data-game="lexakipina"].compact-mode .game-shell{padding-inline:4px!important;}
html[data-game="lexakipina"].compact-mode .checklist-panel,html[data-game="lexakipina"].compact-mode .wheel-panel{padding-inline:6px!important;}

/* Completion dialog geometry is owned by the shared game chrome. */


/* Pelikohtainen työpöytä/tabletti-asettelu; siirretty pois yhteisestä UI-kerroksesta. */
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .forge,html[data-responsive-layout="adaptive"][data-layout-mode="tablet"][data-layout-orientation="landscape"][data-game="lexakipina"] .forge{display:grid!important;grid-template-columns:minmax(360px,.72fr) minmax(600px,1.28fr)!important;gap:22px!important;align-items:start!important;}
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .forge>.sr-only,html[data-responsive-layout="adaptive"][data-layout-mode="tablet"][data-layout-orientation="landscape"][data-game="lexakipina"] .forge>.sr-only{position:absolute!important;}

/* v171-r15: Lexakipinä dense checklist and adaptive mobile wheel */
html[data-game="lexakipina"][data-layout-mode="mobile"] .checklist-panel{
  min-height:0;
  padding:10px 12px 8px;
  align-content:start;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .checklist-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:8px 10px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot{
  width:100%;
  min-width:0;
  padding:4px 5px;
  gap:4px;
  justify-self:stretch;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .slot-tile{
  width:62px;
  max-width:100%;
  font-size:24px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="5"] .slot-tile{width:58px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="6"] .slot-tile{width:54px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="7"] .slot-tile{width:50px;font-size:22px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="8"] .slot-tile{width:46px;font-size:21px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="9"],html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="10"],html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="11"],html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="12"]{
  grid-column:1/-1;
  width:min(100%,760px);
  justify-self:center;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="9"] .slot-tile{width:56px;font-size:22px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="10"] .slot-tile{width:52px;font-size:21px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="11"] .slot-tile{width:48px;font-size:20px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="12"] .slot-tile{width:44px;font-size:19px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .bonus-row{
  margin-top:6px;
  gap:6px;
  font-size:28px;
  line-height:1.05;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .bonus-row strong{font-size:30px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-panel{
  padding:6px 8px max(8px,env(safe-area-inset-bottom));
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tools{gap:8px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tool{
  min-height:62px;
  padding:8px 13px;
  gap:7px;
  font-size:28px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tool .lp-icon{width:36px;height:36px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tool-help{
  width:62px;
  min-width:62px;
  min-height:62px;
  font-size:40px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .feedback:empty{
  display:none;
  min-height:0;
  margin:0;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .feedback:not(:empty){
  min-height:40px;
  margin:4px 6px 2px;
  font-size:27px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:3px auto 0;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-actions .secondary-button{
  width:auto;
  min-width:220px;
  min-height:62px;
  padding:8px 28px;
  font-size:28px;
}
/* v171-r16: Lexakipinä mobile layout repair after real-device review */
html[data-game="lexakipina"][data-layout-mode="mobile"] .game-shell{
  min-height:0;
  padding-bottom:12px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .forge{
  gap:8px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .checklist-panel{
  min-height:0;
  padding:8px 10px 6px;
  align-content:start;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .checklist-grid{
  display:flex;
  flex-flow:row wrap;
  align-items:center;
  align-content:flex-start;
  justify-content:center;
  gap:6px 10px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  max-width:100%;
  padding:3px;
  gap:4px;
  justify-self:auto;
  border:0;
  border-radius:0;
  background:transparent;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="9"],html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="10"],html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="11"],html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="12"]{
  grid-column:auto;
  width:auto;
  justify-self:auto;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .slot-tile{
  width:54px;
  font-size:23px;
  border-radius:9px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="4"] .slot-tile{width:52px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="5"] .slot-tile{width:50px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="6"] .slot-tile{width:48px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="7"] .slot-tile{width:46px;font-size:22px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="8"] .slot-tile{width:44px;font-size:21px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="9"] .slot-tile{width:42px;font-size:20px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="10"] .slot-tile{width:40px;font-size:19px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="11"] .slot-tile{width:38px;font-size:18px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="12"] .slot-tile{width:36px;font-size:17px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .bonus-row{
  margin-top:4px;
  gap:5px;
  font-size:26px;
  line-height:1;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .bonus-row strong{font-size:28px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-panel{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:6px 8px max(8px,env(safe-area-inset-bottom));
  overflow:hidden;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tools{
  position:static;
  inset:auto;
  order:0;
  width:100%;
  margin:0 0 4px;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto;
  gap:8px;
  pointer-events:auto;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tool{
  min-height:56px;
  padding:7px 11px;
  gap:6px;
  border-radius:14px;
  font-size:25px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tool .lp-icon{width:32px;height:32px;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .board-tool-help{
  width:auto;
  min-width:118px;
  min-height:56px;
  padding:7px 12px;
  border-radius:14px;
  font-size:30px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-wrap{
  order:1;
  width:100%;
  height:var(--wheel-height,410px);
  min-height:var(--wheel-height,410px);
  margin:0 auto;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .feedback:empty{
  display:none;
  min-height:0;
  margin:0;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .feedback:not(:empty){
  order:2;
  min-height:36px;
  margin:2px 4px;
  font-size:25px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-actions{
  order:3;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:2px auto 0;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-actions .secondary-button{
  width:auto;
  min-width:180px;
  min-height:54px;
  padding:7px 24px;
  border-radius:14px;
  font-size:25px;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .text-button{order:4;}
/* v171-r17: Lexakipinä full-height mobile board and single challenge chrome */
html[data-game="lexakipina"][data-layout-mode="mobile"] .checklist-grid{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  align-content:flex-start!important;
  justify-content:center!important;
  gap:6px 10px!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  padding:2px!important;
  gap:4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"][data-challenge-run="true"] .mode-badge{
  display:none!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-panel{
  min-height:0!important;
  padding-bottom:max(8px,env(safe-area-inset-bottom));
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-wrap{
  flex:0 0 auto;
  height:var(--wheel-height,480px)!important;
  min-height:var(--wheel-height,480px)!important;
  max-height:none!important;
}
/* v171-r18: Lexakipinä compact challenge chrome, larger word tiles and safe actions */

html[data-game="lexakipina"][data-layout-mode="mobile"] .checklist-panel{
  padding:12px 12px 10px!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .checklist-grid{
  gap:10px 12px!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot{
  padding:3px!important;
  gap:5px!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .slot-tile{
  width:64px!important;
  font-size:26px!important;
  border-radius:10px!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="4"] .slot-tile{width:62px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="5"] .slot-tile{width:58px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="6"] .slot-tile{width:54px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="7"] .slot-tile{width:50px!important;font-size:24px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="8"] .slot-tile{width:47px!important;font-size:23px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="9"] .slot-tile{width:44px!important;font-size:22px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="10"] .slot-tile{width:42px!important;font-size:21px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="11"] .slot-tile{width:40px!important;font-size:20px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .word-slot[data-letter-count="12"] .slot-tile{width:38px!important;font-size:19px!important;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .bonus-row{
  margin-top:8px!important;
  font-size:28px!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .bonus-row strong{
  font-size:30px!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-panel{
  padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px))!important;
}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-actions{
  margin:6px auto 0!important;
}

/* Game-owned rules relocated from the former shared override layer. */
@media (min-width:0px){
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .forge{
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr)!important;
    gap:14px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .checklist-panel{
    min-height:0!important;
    height:100%!important;
    padding:14px!important;
    align-content:center!important;
    overflow:auto!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .checklist-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
    justify-items:center!important;
    --d2-lexakipina-slot-size:clamp(34px,3.1vw,42px);
    --d2-lexakipina-slot-gap:5px;
    --d2-lexakipina-slot-font:clamp(16px,1.45vw,19px);
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .checklist-grid:has(.word-slot[data-letter-count="7"],.word-slot[data-letter-count="8"]){
    --d2-lexakipina-slot-size:clamp(28px,2.7vw,36px);
    --d2-lexakipina-slot-font:clamp(14px,1.3vw,17px);
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .checklist-grid:has(.word-slot[data-letter-count="9"],.word-slot[data-letter-count="10"],.word-slot[data-letter-count="11"],.word-slot[data-letter-count="12"]){
    --d2-lexakipina-slot-size:clamp(22px,2.15vw,30px);
    --d2-lexakipina-slot-gap:4px;
    --d2-lexakipina-slot-font:clamp(11px,1.05vw,14px);
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .word-slot{
    box-sizing:border-box!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    padding:6px!important;
    gap:var(--d2-lexakipina-slot-gap)!important;
    justify-self:center!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .slot-tile{
    width:var(--d2-lexakipina-slot-size)!important;
    min-width:var(--d2-lexakipina-slot-size)!important;
    max-width:var(--d2-lexakipina-slot-size)!important;
    flex:0 0 var(--d2-lexakipina-slot-size)!important;
    aspect-ratio:1!important;
    font-size:var(--d2-lexakipina-slot-font)!important;
    border-radius:9px!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .bonus-row{margin-top:7px!important;font-size:14px!important;}

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .bonus-row strong{font-size:18px!important;}

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .wheel-panel{
    min-height:0!important;
    height:100%!important;
    padding:7px!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto auto!important;
    gap:5px!important;
    overflow:hidden!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .wheel-wrap{
    grid-row:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:560px!important;
    align-self:center!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .wheel-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;}

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexakipina"] .wheel-actions button{min-height:42px!important;font-size:14px!important;}
}

/* CSS-owned responsive letter wheel. JavaScript exposes only the letter count;
   container units and trigonometric positioning keep every orb separated. */
html[data-game="lexakipina"] .wheel-wrap{
  container-type:size;
  --orb-step:90deg;
  --orb-size:clamp(84px,min(26cqi,26cqb),168px);
  --orb-font-size:calc(var(--orb-size) * .4);
  --wheel-radius-x:calc(50cqi - var(--orb-size) * .5 - 14px);
  --wheel-radius-y:calc(50cqb - var(--orb-size) * .5 - 14px);
  height:clamp(280px,56dvh,48rem);
  min-height:280px;
}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="1"]{--orb-step:360deg;}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="2"]{--orb-step:180deg;}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="3"]{--orb-step:120deg;}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="4"]{--orb-step:90deg;}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="5"]{--orb-step:72deg;--orb-size:clamp(74px,min(22cqi,22cqb),138px);}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="6"]{--orb-step:60deg;--orb-size:clamp(66px,min(19cqi,19cqb),120px);}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="7"]{--orb-step:51.428571deg;--orb-size:clamp(60px,min(17cqi,17cqb),104px);}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="8"]{--orb-step:45deg;--orb-size:clamp(56px,min(15.2cqi,15.2cqb),94px);}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="9"]{--orb-step:40deg;--orb-size:clamp(52px,min(13.8cqi,13.8cqb),82px);}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="10"]{--orb-step:36deg;--orb-size:clamp(50px,min(12.5cqi,12.5cqb),76px);}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="11"]{--orb-step:32.727273deg;--orb-size:clamp(48px,min(11.5cqi,11.5cqb),70px);}
html[data-game="lexakipina"] .wheel-wrap[data-letter-count="12"]{--orb-step:30deg;--orb-size:clamp(46px,min(10.8cqi,10.8cqb),66px);}
html[data-game="lexakipina"] .letter-tile{
  --orb-index:0;
  --orb-angle:calc(-90deg + var(--orb-step) * var(--orb-index));
  left:calc(50% + cos(var(--orb-angle)) * var(--wheel-radius-x));
  top:calc(50% + sin(var(--orb-angle)) * var(--wheel-radius-y));
}
html[data-game="lexakipina"] .letter-tile:nth-child(2){--orb-index:1;}
html[data-game="lexakipina"] .letter-tile:nth-child(3){--orb-index:2;}
html[data-game="lexakipina"] .letter-tile:nth-child(4){--orb-index:3;}
html[data-game="lexakipina"] .letter-tile:nth-child(5){--orb-index:4;}
html[data-game="lexakipina"] .letter-tile:nth-child(6){--orb-index:5;}
html[data-game="lexakipina"] .letter-tile:nth-child(7){--orb-index:6;}
html[data-game="lexakipina"] .letter-tile:nth-child(8){--orb-index:7;}
html[data-game="lexakipina"] .letter-tile:nth-child(9){--orb-index:8;}
html[data-game="lexakipina"] .letter-tile:nth-child(10){--orb-index:9;}
html[data-game="lexakipina"] .letter-tile:nth-child(11){--orb-index:10;}
html[data-game="lexakipina"] .letter-tile:nth-child(12){--orb-index:11;}
html[data-game="lexakipina"][data-layout-mode="mobile"] .wheel-wrap{
  height:clamp(220px,46dvh,480px)!important;
  min-height:220px!important;
}