:where(html[data-game="lexasula"]):root{color-scheme: dark;
  --bg: var(--lx-canvas);
  --bg-deep: var(--lx-canvas);
  --panel: color-mix(in srgb,var(--lx-canvas) 96%,transparent);
  
  --border: color-mix(in srgb,var(--lx-reward) 28%,transparent);
  --border-strong: color-mix(in srgb,var(--lx-reward) 58%,transparent);
  --text: var(--lx-reward);
  --muted: var(--lx-reward);
  --gold: var(--lx-reward);
  --gold-bright: var(--lx-reward);
  --ember: var(--lx-danger);
  --ember-deep: var(--lx-reward);
  --stone: var(--lx-surface-inset);
  
  --success: var(--lx-success);
  --danger: var(--lx-reward);
  --shadow: 0 18px 50px color-mix(in srgb,var(--lx-canvas) 44%,transparent);
  font-family: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;}
html:where([data-game="lexasula"]){min-height: 100%;
  background: var(--bg);}
:where(html[data-game="lexasula"]) body{margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  color: var(--text);
  background:
    radial-gradient(circle at 50% 12%, color-mix(in srgb,var(--lx-reward) 28%,transparent), transparent 34rem),
    linear-gradient(180deg, var(--lx-canvas) 0%, var(--bg) 52%, var(--bg-deep) 100%);
  overflow-x: hidden;}
:where(html[data-game="lexasula"]) button{font: inherit; color: inherit;}
:where(html[data-game="lexasula"]) button:focus-visible,:where(html[data-game="lexasula"]) a:focus-visible{outline: 3px solid var(--gold-bright); outline-offset: 3px;}
:where(html[data-game="lexasula"]) button{-webkit-tap-highlight-color: transparent;}





:where(html[data-game="lexasula"]) .brand{display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  letter-spacing: .12em;}
:where(html[data-game="lexasula"]) .brand > span{color: var(--gold-bright);
  font-size: clamp(1.25rem, 3vw, 1.9rem);
  font-weight: 900;
  text-shadow: 0 0 22px color-mix(in srgb,var(--lx-reward) 35%,transparent);}
:where(html[data-game="lexasula"]) .brand small{color: var(--muted);
  font-size: .66rem;
  letter-spacing: .24em;}



:where(html[data-game="lexasula"]) .game-shell{width: min(1040px, calc(100% - 24px));
  margin: 20px auto 48px;}
:where(html[data-game="lexasula"]) .status-strip{display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--border);
  box-shadow: var(--shadow);}
:where(html[data-game="lexasula"]) .status-strip > div{min-width: 0;
  padding: 11px 14px;
  background: color-mix(in srgb,var(--lx-canvas) 90%,transparent);}
:where(html[data-game="lexasula"]) .status-strip span{display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: .65rem;
  letter-spacing: .12em;
  text-transform: uppercase;}
:where(html[data-game="lexasula"]) .status-strip strong{color: var(--gold-bright);
  font-size: 1rem;}
:where(html[data-game="lexasula"]) .status-strip b{font-weight: 800;}
:where(html[data-game="lexasula"]) .forge-panel{margin-top: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  background:
    linear-gradient(155deg, color-mix(in srgb,var(--lx-surface-inset) 70%,transparent), color-mix(in srgb,var(--lx-canvas) 96%,transparent) 45%),
    var(--panel);
  box-shadow: var(--shadow);}

:where(html[data-game="lexasula"]) .eyebrow{display: block;
  color: var(--gold);
  font-size: .67rem;
  letter-spacing: .2em;
  text-transform: uppercase;}
:where(html[data-game="lexasula"]) h1,:where(html[data-game="lexasula"]) h2{margin: 0; font-family: Georgia, serif;}
:where(html[data-game="lexasula"]) h1{margin-top: 5px;
  font-size: clamp(1.15rem, 3vw, 1.65rem);
  font-weight: 700;}
:where(html[data-game="lexasula"]) .game-layout{display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(260px, .66fr);
  gap: clamp(22px, 5vw, 58px);
  align-items: center;
  padding: clamp(20px, 5vw, 48px);}
:where(html[data-game="lexasula"]) .board-wrap{min-width: 0;}
:where(html[data-game="lexasula"]) .letter-board{width: min(100%, 490px);
  aspect-ratio: 1;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(6px, 1.3vw, 10px);
  touch-action: manipulation;
  user-select: none;}
:where(html[data-game="lexasula"]) .letter-tile{position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 0;
  border: 1px solid color-mix(in srgb,var(--lx-reward) 28%,transparent);
  border-radius: 13px;
  background:
    linear-gradient(145deg, color-mix(in srgb,var(--lx-reward) 35%,transparent), color-mix(in srgb,var(--lx-canvas) 86%,transparent)),
    var(--stone);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--lx-text-strong) 8%,transparent),
    inset 0 -4px 9px color-mix(in srgb,var(--lx-canvas) 38%,transparent),
    0 7px 15px color-mix(in srgb,var(--lx-canvas) 30%,transparent);
  color: var(--lx-reward);
  cursor: pointer;
  font-family: Georgia, serif;
  font-size: clamp(1.35rem, 4.5vw, 2.45rem);
  font-weight: 800;
  text-transform: uppercase;
  transition: transform .13s ease, border-color .13s ease, background .18s ease, color .18s ease;}
:where(html[data-game="lexasula"]) .letter-tile::after{content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid color-mix(in srgb,var(--lx-text-strong) 4%,transparent);
  border-radius: 8px;
  pointer-events: none;}
:where(html[data-game="lexasula"]) .letter-tile:hover{border-color: color-mix(in srgb,var(--lx-reward) 55%,transparent);}
:where(html[data-game="lexasula"]) .letter-tile:active{transform: scale(.96);}
:where(html[data-game="lexasula"]) .letter-tile.is-selected{z-index: 1;
  transform: translateY(-2px) scale(1.04);
  border-color: var(--gold-bright);
  color: var(--lx-reward);
  background:
    radial-gradient(circle at 50% 72%, color-mix(in srgb,var(--lx-reward) 52%,transparent), transparent 60%),
    linear-gradient(145deg, var(--lx-reward), var(--lx-surface-inset));
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--lx-reward) 14%,transparent),
    0 0 22px color-mix(in srgb,var(--lx-danger) 34%,transparent),
    inset 0 0 14px color-mix(in srgb,var(--lx-reward) 18%,transparent);}

:where(html[data-game="lexasula"]) .letter-tile.is-forged.is-selected{color: var(--lx-reward);
  border-color: var(--lx-reward);
  box-shadow: 0 0 24px color-mix(in srgb,var(--lx-reward) 52%,transparent);}
:where(html[data-game="lexasula"]) .letter-tile.hint-pulse{animation: hint-pulse .8s ease-in-out 2;}
@keyframes hint-pulse{50% { transform: translateY(-3px) scale(1.07); box-shadow: 0 0 28px color-mix(in srgb,var(--lx-reward) 65%,transparent); }}





:where(html[data-game="lexasula"]) .anvil{width: min(100%, 370px); margin: 0 auto;}



:where(html[data-game="lexasula"]) .word-label{display: block;
  color: var(--muted);
  font-size: .68rem;
  letter-spacing: .16em;
  text-align: center;
  text-transform: uppercase;}
:where(html[data-game="lexasula"]) .selected-word{display: block;
  min-height: 57px;
  margin-top: 6px;
  color: var(--gold-bright);
  font-family: Georgia, serif;
  font-size: clamp(1.8rem, 5vw, 2.7rem);
  font-weight: 800;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 20px color-mix(in srgb,var(--lx-reward) 24%,transparent);}
:where(html[data-game="lexasula"]) .feedback{min-height: 42px;
  margin: 8px 0 15px;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.45;
  text-align: center;}
:where(html[data-game="lexasula"]) .main-actions{display: grid;
  grid-template-columns: 1fr 52px 52px;
  gap: 8px;}
:where(html[data-game="lexasula"]) .primary-button,:where(html[data-game="lexasula"]) .small-button,:where(html[data-game="lexasula"]) .square-button,:where(html[data-game="lexasula"]) .hint-button{border: 1px solid var(--border-strong);
  cursor: pointer;}
:where(html[data-game="lexasula"]) .primary-button{min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 18px;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--lx-reward), var(--lx-reward));
  color: var(--lx-reward);
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 color-mix(in srgb,var(--lx-text-strong) 16%,transparent), 0 8px 18px color-mix(in srgb,var(--lx-canvas) 30%,transparent);}
:where(html[data-game="lexasula"]) .primary-button:hover:not(:disabled){filter: brightness(1.12);}
:where(html[data-game="lexasula"]) .primary-button:active:not(:disabled){transform: translateY(1px);}
:where(html[data-game="lexasula"]) .primary-button:disabled{cursor: not-allowed; opacity: .45; filter: grayscale(.3);}
:where(html[data-game="lexasula"]) .primary-button.wide{width: 100%;}
:where(html[data-game="lexasula"]) .square-button{min-height: 52px;
  border-radius: 10px;
  background: color-mix(in srgb,var(--lx-surface-inset) 64%,transparent);
  color: var(--gold-bright);
  font-size: 1.35rem;}
:where(html[data-game="lexasula"]) .square-button:hover{background: color-mix(in srgb,var(--lx-reward) 78%,transparent);}
:where(html[data-game="lexasula"]) .hint-button{width: 100%;
  min-height: 46px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 10px;
  background: color-mix(in srgb,var(--lx-surface-inset) 72%,transparent);
  color: var(--gold-bright);
  text-align: left;}
:where(html[data-game="lexasula"]) .hint-button small{color: var(--muted); font-size: .7rem;}
:where(html[data-game="lexasula"]) .hint-button:hover{background: color-mix(in srgb,var(--lx-reward) 82%,transparent);}
:where(html[data-game="lexasula"]) .small-button{min-height: 38px;
  padding: 8px 13px;
  border-radius: 9px;
  background: color-mix(in srgb,var(--lx-surface-inset) 74%,transparent);
  color: var(--gold-bright);}
:where(html[data-game="lexasula"]) .small-button:hover{background: color-mix(in srgb,var(--lx-reward) 85%,transparent);}
:where(html[data-game="lexasula"]) .progress-panel{margin-top: 16px;
  padding: 17px 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: color-mix(in srgb,var(--lx-canvas) 88%,transparent);
  box-shadow: var(--shadow);}
:where(html[data-game="lexasula"]) .progress-copy{display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: .8rem;}
:where(html[data-game="lexasula"]) .progress-copy strong{color: var(--gold-bright);}
:where(html[data-game="lexasula"]) .progress-track{height: 10px;
  margin-top: 9px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--lx-text-strong) 5%,transparent);
  border-radius: 999px;
  background: var(--lx-canvas);}
:where(html[data-game="lexasula"]) .progress-track > div{width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ember-deep), var(--ember), var(--gold));
  box-shadow: 0 0 15px color-mix(in srgb,var(--lx-danger) 38%,transparent);
  transition: width .25s ease;}
:where(html[data-game="lexasula"]) .used-row{display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  margin-top: 14px;}
:where(html[data-game="lexasula"]) .used-row > span{color: var(--muted);
  font-size: .72rem;
  letter-spacing: .1em;
  text-transform: uppercase;}
:where(html[data-game="lexasula"]) .used-words{display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end;}
:where(html[data-game="lexasula"]) .used-words em{color: var(--muted); font-size: .78rem;}
:where(html[data-game="lexasula"]) .used-words b{padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: color-mix(in srgb,var(--lx-surface-inset) 60%,transparent);
  color: var(--lx-reward);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;}
:where(html[data-game="lexasula"]) .modal{width: min(680px, calc(100% - 24px));
  max-height: min(86vh, 780px);
  padding: 0;
  overflow: auto;
  border: 1px solid var(--border-strong);
  border-radius: 17px;
  background: var(--lx-canvas);
  color: var(--text);
  box-shadow: 0 25px 80px color-mix(in srgb,var(--lx-canvas) 72%,transparent);}
:where(html[data-game="lexasula"]) .modal::backdrop{background: color-mix(in srgb,var(--lx-canvas) 78%,transparent); backdrop-filter: blur(4px);}



:where(html[data-game="lexasula"]) .level-grid{display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 9px;
  padding: 20px;}






:where(html[data-game="lexasula"]) .help-modal{width: min(520px, calc(100% - 24px));}
:where(html[data-game="lexasula"]) .rules{display: grid; gap: 13px; padding: 20px 22px;}
:where(html[data-game="lexasula"]) .rules > div{display: grid; grid-template-columns: 34px 1fr; gap: 11px; align-items: start;}
:where(html[data-game="lexasula"]) .rules b{width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
  color: var(--gold-bright);}
:where(html[data-game="lexasula"]) .rules p{margin: 4px 0 0; color: var(--lx-reward); line-height: 1.45;}
:where(html[data-game="lexasula"]) .help-modal > .primary-button{width: calc(100% - 44px); margin: 0 22px 22px;}






@media (max-width: 720px){
:where(html[data-game="lexasula"]) .brand{flex-direction: column; gap: 0; line-height: 1;}
:where(html[data-game="lexasula"]) .brand > span{font-size: 1.18rem;}
:where(html[data-game="lexasula"]) .brand small{margin-top: 3px; font-size: .55rem;}


:where(html[data-game="lexasula"]) .game-shell{margin-top: 12px; margin-bottom: 26px;}
:where(html[data-game="lexasula"]) .status-strip > div{padding: 8px 7px; text-align: center;}
:where(html[data-game="lexasula"]) .status-strip span{font-size: .54rem; letter-spacing: .06em;}
:where(html[data-game="lexasula"]) .status-strip strong{font-size: .86rem;}




:where(html[data-game="lexasula"]) .game-layout{grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;}
:where(html[data-game="lexasula"]) .letter-board{width: min(100%, 410px);
    gap: 6px;}
:where(html[data-game="lexasula"]) .letter-tile{border-radius: 10px; font-size: clamp(1.3rem, 8vw, 2.1rem);}
:where(html[data-game="lexasula"]) .letter-tile::after{inset: 4px; border-radius: 6px;}

:where(html[data-game="lexasula"]) .anvil{width: min(100%, 410px);}

:where(html[data-game="lexasula"]) .anvil-body{padding: 13px; border-radius: 11px;}
:where(html[data-game="lexasula"]) .selected-word{min-height: 38px; font-size: 1.7rem;}
:where(html[data-game="lexasula"]) .feedback{min-height: 21px; margin: 3px 0 9px; font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(html[data-game="lexasula"]) .main-actions{grid-template-columns: 1fr 47px 47px;}
:where(html[data-game="lexasula"]) .primary-button,:where(html[data-game="lexasula"]) .square-button{min-height: 47px;}
:where(html[data-game="lexasula"]) .hint-button{min-height: 40px; margin-top: 8px;}
:where(html[data-game="lexasula"]) .progress-panel{padding: 13px 14px;}
:where(html[data-game="lexasula"]) .used-row{grid-template-columns: 1fr; gap: 7px;}
:where(html[data-game="lexasula"]) .used-words{justify-content: flex-start; max-height: 58px; overflow: hidden;}
:where(html[data-game="lexasula"]) .level-grid{grid-template-columns: repeat(5, 1fr); padding: 15px; gap: 7px;}}
@media (max-width: 390px){:where(html[data-game="lexasula"]) .game-shell{width: calc(100% - 14px);}
:where(html[data-game="lexasula"]) .game-layout{padding: 10px;}
:where(html[data-game="lexasula"]) .letter-board{gap: 5px;}

:where(html[data-game="lexasula"]) .level-grid{grid-template-columns: repeat(4, 1fr);}}

html[data-game="lexasula"][data-lexasula-player-ui="board"]{--lexasula-shell-width:900px;
  --lexasula-board-width:780px;
  --lexasula-gap:12px;
  color-scheme:dark;}
html[data-game="lexasula"][data-lexasula-player-ui="board"] body{min-height:100dvh;
  font-family:var(--lx-font,"Trebuchet MS","Segoe UI",system-ui,sans-serif);
  color:var(--lx-text);
  background:var(--lx-page-background,linear-gradient(180deg,var(--lx-primary-2) 0%,var(--lx-primary-2) 100%));}

html[data-game="lexasula"][data-lexasula-player-ui="board"] .game-shell{width:min(var(--lexasula-shell-width),calc(100% - 24px));
  margin:26px auto 48px;
  display:flex;
  flex-direction:column;
  gap:14px;}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .status-strip,html[data-game="lexasula"][data-lexasula-player-ui="board"] .forge-panel,html[data-game="lexasula"][data-lexasula-player-ui="board"] .progress-panel{width:100%;margin:0;align-self:center}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .forge-panel{overflow:visible;
  padding:18px 18px 22px;
  border:2px solid var(--lx-border-strong);
  border-radius:var(--lx-radius-panel,24px);
  background:var(--lx-panel-background);
  box-shadow:var(--lx-panel-shadow);}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .board-tools{width:min(100%,var(--lexasula-board-width));
  margin:0 auto 16px!important;
  padding:0;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 82px;
  gap:12px;}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .board-tool{min-height:72px;
  border:2px solid var(--lx-border-strong)!important;
  border-radius:18px!important;
  color:var(--lx-text-strong)!important;
  background:var(--lx-action-surface)!important;
  box-shadow:var(--lx-button-shadow)!important;
  font-size:24px!important;
  font-weight:950!important;}
html[data-game="lexasula"][data-lexasula-player-ui="board"] button.board-tool:active{transform:translateY(3px) scale(.98)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .board-tool .lp-icon{width:34px;height:34px}


html[data-game="lexasula"][data-lexasula-player-ui="board"] .board-tool-help{width:auto!important;border-radius:18px!important;font-size:36px!important}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .game-layout{width:100%;padding:0;display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .board-wrap{width:min(100%,var(--lexasula-board-width));margin:auto}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-board{width:100%;max-width:none;aspect-ratio:1;margin:0 auto;padding:12px;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--lexasula-gap);
  border:2px solid var(--lx-border-strong);border-radius:24px;
  background:var(--lx-board-surface,var(--lx-panel-background));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--lx-text-strong) 12%,transparent),var(--lx-panel-shadow);
  touch-action:manipulation;user-select:none;}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile{min-width:0;min-height:0;padding:0;
  border:2px solid var(--lx-border-strong);border-radius:17px;
  color:var(--lx-text-strong);background:var(--lx-level-surface);
  box-shadow:var(--lx-button-shadow),inset 0 1px 0 color-mix(in srgb,var(--lx-text-strong) 12%,transparent);
  font-family:var(--lx-font);font-size:clamp(2.2rem,5vw,3.35rem);font-weight:950;
  transition:transform .12s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile::after{display:none}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile:hover{border-color:var(--lx-accent)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile:active{transform:translateY(3px) scale(.97)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile.is-selected{z-index:1;transform:translateY(-3px) scale(1.035);
  border-color:var(--lx-reward);color:var(--lx-text-strong);
  background:linear-gradient(145deg,var(--lx-accent),var(--lx-accent-deep,var(--lx-primary-2)));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--lx-reward) 20%,transparent),0 8px 24px color-mix(in srgb,var(--lx-primary-2) 42%,transparent),inset 0 1px 0 color-mix(in srgb,var(--lx-text-strong) 30%,transparent);}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile.is-forged{border-color:var(--lx-success,var(--lx-success));color:var(--lx-text-strong);
  background:linear-gradient(145deg,var(--lx-success),var(--lx-primary-2));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--lx-success) 15%,transparent),0 7px 20px color-mix(in srgb,var(--lx-success) 28%,transparent),inset 0 1px 0 color-mix(in srgb,var(--lx-text-strong) 24%,transparent);}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile.is-forged.is-selected{border-color:var(--lx-reward);background:linear-gradient(145deg,var(--lx-primary-2),var(--lx-success))}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile.hint-pulse{animation:lexasula-shared-hint .8s ease-in-out 2}
@keyframes lexasula-shared-hint{50%{transform:translateY(-4px) scale(1.06);box-shadow:0 0 0 4px color-mix(in srgb,var(--lx-reward) 24%,transparent),0 0 28px color-mix(in srgb,var(--lx-reward) 55%,transparent)}}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .anvil{width:min(100%,var(--lexasula-board-width));margin:0 auto}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .anvil-body{padding:16px;border:2px solid var(--lx-border-strong);border-radius:22px;
  background:var(--lx-card-background,var(--lx-action-surface));box-shadow:var(--lx-panel-shadow);}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .word-label{display:block;color:var(--lx-text-muted);font-size:18px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.08em}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .selected-word{display:grid;place-items:center;min-height:58px;margin:0;color:var(--lx-reward);font-family:var(--lx-font);font-size:42px;font-weight:950;letter-spacing:.08em}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .feedback{min-height:0;margin:0;color:var(--lx-text-muted);font-size:19px;font-weight:800;text-align:center}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .feedback:not(:empty){min-height:42px;margin:2px 0 10px;display:grid;place-items:center}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .main-actions{display:grid;grid-template-columns:minmax(0,1fr) 82px 82px;gap:10px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .main-actions :is(.primary-button,.square-button){min-height:74px;border-radius:17px;font-size:25px;font-weight:950}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .main-actions .primary-button{border:2px solid var(--lx-primary-border);color:var(--lx-primary-text);background:var(--lx-primary-background);box-shadow:var(--lx-primary-shadow)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .main-actions .square-button{border:2px solid var(--lx-border-strong);color:var(--lx-text-strong);background:var(--lx-action-surface);box-shadow:var(--lx-button-shadow);font-size:34px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .utility-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .utility-actions :is(.restart-button,.hint-button){width:100%;min-height:66px;margin:0;padding:10px 16px;border:2px solid var(--lx-border-strong);border-radius:16px;color:var(--lx-text-strong);background:var(--lx-action-surface);box-shadow:var(--lx-button-shadow);font-size:22px;font-weight:950}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .utility-actions .hint-button{display:grid;grid-template-columns:auto auto 1fr}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .utility-actions .hint-button small{justify-self:end;font-size:17px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .hint-button[hidden]{display:none!important}
html[data-game="lexasula"][data-lexasula-player-ui="board"] :is(.primary-button,.secondary-button,.square-button,.small-button,.hint-button):active{transform:translateY(3px) scale(.985)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .progress-panel{padding:18px 20px;border:2px solid var(--lx-border-strong);border-radius:22px;background:var(--lx-panel-background);box-shadow:var(--lx-panel-shadow)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .progress-copy,html[data-game="lexasula"][data-lexasula-player-ui="board"] .used-row>span{font-size:19px;font-weight:900}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .progress-track{height:16px;border-radius:999px;background:var(--lx-track-background);overflow:hidden}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .progress-track>div{height:100%;border-radius:inherit;background:var(--lx-progress-background,linear-gradient(90deg,var(--lx-primary-2),var(--lx-text-muted),var(--lx-reward)));box-shadow:0 0 16px color-mix(in srgb,var(--lx-success) 36%,transparent)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .used-words b{display:inline-flex;margin:5px 5px 0 0;padding:7px 11px;border:1px solid var(--lx-border-strong);border-radius:999px;color:var(--lx-text-strong);background:var(--lx-action-surface);font-size:17px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .used-words em{color:var(--lx-text-muted);font-size:17px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .level-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:4px 0 0}



html[data-game="lexasula"][data-lexasula-player-ui="board"] .rules{gap:14px;padding:0 0 20px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .rules>div{border:2px solid var(--lx-border);border-radius:18px;background:var(--lx-action-surface)}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .complete-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .complete-modal .completion-actions{grid-template-columns:1fr 1fr;gap:12px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .complete-modal .completion-actions :is(.primary-button,.secondary-button){min-height:74px;border-radius:17px;font-size:25px;font-weight:950}
@media (max-width:700px){html[data-game="lexasula"][data-lexasula-player-ui="board"]{--lexasula-gap:8px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .game-shell{width:calc(100% - 16px);margin-top:14px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .forge-panel{padding:12px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-board{padding:8px;border-radius:20px}
html[data-game="lexasula"][data-lexasula-player-ui="board"] .letter-tile{border-radius:13px}}

html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .game-layout{gap:10px}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .anvil-body{padding:12px!important;
  display:grid!important;
  gap:8px!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .word-line{min-height:56px;
  padding:6px 14px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  border:2px solid var(--lx-border);
  border-radius:16px;
  background:var(--lx-level-surface);}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .word-label{font-size:18px!important;
  line-height:1!important;
  text-align:left!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .selected-word{min-height:0!important;
  justify-items:start!important;
  font-size:34px!important;
  line-height:1!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .feedback{min-height:0!important;
  margin:0!important;
  padding:0 6px!important;
  font-size:18px!important;
  line-height:1.25!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .feedback:empty{display:none!important}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .feedback:not(:empty){min-height:28px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .main-actions{grid-template-columns:minmax(0,1fr) 68px 68px!important;
  gap:8px!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .main-actions :is(.primary-button,.square-button){min-height:64px!important;
  border-radius:16px!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] body #forgeButton{width:100%!important;
  min-height:64px!important;
  padding:10px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  clip-path:none!important;
  mask:none!important;
  border:2px solid var(--lx-primary-border,var(--lx-border-strong,var(--lx-text-muted)))!important;
  border-radius:16px!important;
  color:var(--lx-primary-text,var(--lx-text-strong,var(--lx-text-strong)))!important;
  background:var(--lx-primary-action-background,linear-gradient(135deg,var(--lx-primary-2),var(--lx-primary-2) 52%,var(--lx-text-muted)))!important;
  box-shadow:var(--lx-primary-shadow,var(--lx-button-shadow,0 7px 18px color-mix(in srgb,var(--lx-primary-2) 36%,transparent)))!important;
  font-family:var(--lx-font,"Trebuchet MS","Segoe UI",system-ui,sans-serif)!important;
  font-size:25px!important;
  font-weight:950!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] body #forgeButton:disabled{opacity:.55!important;
  border:2px solid var(--lx-primary-border,var(--lx-border-strong,var(--lx-text-muted)))!important;
  color:var(--lx-primary-text,var(--lx-text-strong,var(--lx-text-strong)))!important;
  background:var(--lx-primary-action-background,linear-gradient(135deg,var(--lx-primary-2),var(--lx-primary-2) 52%,var(--lx-text-muted)))!important;
  box-shadow:var(--lx-primary-shadow,var(--lx-button-shadow,0 7px 18px color-mix(in srgb,var(--lx-primary-2) 36%,transparent)))!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .utility-actions{margin-top:0!important;
  gap:8px!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .utility-actions :is(.restart-button,.hint-button){min-height:58px!important;
  padding:8px 14px!important;
  font-size:20px!important;}
html[data-game="lexasula"][data-lexasula-layout="compact-actions"] .utility-actions .hint-button small{font-size:16px!important}

/* Pelikohtainen työpöytä/tabletti-asettelu; siirretty pois yhteisestä UI-kerroksesta. */
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexasula"]{--lexasula-shell-width:1320px!important;}
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexasula"] .game-layout{grid-template-columns:minmax(620px,1.15fr) minmax(420px,.85fr)!important;gap:22px!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="lexasula"] .forge-panel{
    flex:1 1 auto!important;
    min-height:0!important;
    margin:0!important;
    padding:10px!important;
    overflow:hidden!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexasula"] .game-layout{
    min-height:0!important;
    height:calc(100% - 52px)!important;
    grid-template-columns:minmax(0,1fr) 350px!important;
    gap:14px!important;
    align-items:start!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexasula"] .board-wrap{
    width:min(100%,600px,calc(100dvh - 430px))!important;
    max-height:100%!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexasula"] .progress-panel{
    flex:0 0 auto!important;
    min-height:54px!important;
    margin:0!important;
    padding:8px 12px!important;
    border-radius:12px!important;
  }
}

@media (max-height:820px){
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexasula"] .board-wrap{max-width:500px!important;}
}

html[data-game="lexasula"] .progress-track>progress{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:inherit;
  background:transparent;
}
html[data-game="lexasula"] .progress-track>progress::-webkit-progress-bar{border-radius:inherit;background:transparent;}
html[data-game="lexasula"] .progress-track>progress::-webkit-progress-value{border-radius:inherit;background:var(--lx-progress-background,linear-gradient(90deg,var(--lx-primary-2),var(--lx-text-muted),var(--lx-reward)));}
html[data-game="lexasula"] .progress-track>progress::-moz-progress-bar{border-radius:inherit;background:var(--lx-progress-background,linear-gradient(90deg,var(--lx-primary-2),var(--lx-text-muted),var(--lx-reward)));}