html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mirror-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 38%,var(--lx-primary-a15),transparent 28rem),radial-gradient(circle at 88% 74%,var(--lx-secondary-a20),transparent 34rem)}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mirror-board-shell{width:min(100%,var(--standard-board-width));margin:0 auto 12px;padding:14px;border:2px solid var(--lx-border-strong);border-radius:22px;background:var(--lx-inset-background);box-shadow:var(--lx-card-shadow)}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .board-caption{margin:0 2px 11px;display:flex;justify-content:space-between;gap:12px;color:var(--lx-text-muted);font-size:18px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .board-caption small{font:inherit;color:var(--lx-reward)}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mirror-board{--columns:4;--rows:2;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:9px}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter-column{position:relative;min-width:0;padding:0;display:grid;grid-template-rows:repeat(var(--rows),1fr);overflow:hidden;border:2px solid var(--lx-border-strong);border-radius:18px;color:var(--lx-text-strong);background:var(--lx-level-surface);box-shadow:var(--lx-button-shadow,var(--lx-card-shadow));touch-action:manipulation;cursor:pointer;transition:transform .13s ease,border-color .13s ease}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter-column::after{position:absolute;left:50%;bottom:5px;translate:-50% 0;content:"⇅";color:var(--lx-secondary);font-size:18px;font-weight:950;opacity:.8}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter-column:active:not(:disabled){transform:translateY(3px) scale(.98)}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter-column.flipping{animation:lexapeiliTurn .26s ease}
@keyframes lexapeiliTurn{50%{transform:scaleY(.08)}}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter{min-height:116px;display:grid;place-items:center;border-bottom:2px solid var(--lx-border);color:var(--lx-text-strong);background:var(--lx-level-surface);font-size:50px;font-weight:950;text-transform:uppercase}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter:last-child{border-bottom:0;background:color-mix(in srgb,var(--lx-secondary) 8%,var(--lx-level-surface))}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter.solved{color:var(--lx-success);background:var(--lx-success-a10,var(--lx-level-surface))}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mirror-axis{margin:12px 0 0;display:flex;align-items:center;gap:12px;color:var(--lx-reward);font-size:17px;font-weight:950;letter-spacing:.14em}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mirror-axis span{flex:1;height:2px;background:var(--lx-border-reward)}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mirror-mode-switch{margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button{min-height:92px;padding:13px 15px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;text-align:left;border:2px solid var(--lx-border);border-radius:18px;color:var(--lx-text);background:var(--lx-level-surface);box-shadow:var(--lx-card-shadow)}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button.active{border-color:var(--lx-reward);box-shadow:0 0 0 3px var(--lx-reward-a20),var(--lx-card-shadow)}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button>b{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:var(--lx-on-accent);background:var(--lx-active-tab-background);font-size:28px}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button strong,html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button small{display:block}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button strong{font-size:23px}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button small{color:var(--lx-text-muted);font-size:17px}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .mode-button em{color:var(--lx-reward);font-size:16px;font-style:normal;font-weight:900}






html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .intro-mirror{margin:0 0 18px;display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:10px;text-align:center}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .intro-mirror span{padding:14px;border:2px solid var(--lx-border);border-radius:15px;background:var(--lx-level-surface);font-size:24px;font-weight:950;letter-spacing:.1em}
html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .intro-mirror b{color:var(--lx-secondary);font-size:34px}
@media (max-width:700px){html[data-game="lexapeili"][data-game-ui-profile="standard-board"] .letter{min-height:100px;font-size:43px}}


/* Pelikohtainen työpöytä/tabletti-asettelu; siirretty pois yhteisestä UI-kerroksesta. */
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexapeili"]{--standard-shell-width:1240px;--standard-board-width:1120px;}
html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexapeili"] .mirror-panel{max-width:1240px!important;margin-inline:auto!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="lexapeili"] .mirror-panel{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    gap:8px!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexapeili"] .mirror-board-shell{
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }

html[data-responsive-layout="adaptive"][data-layout-mode="desktop"][data-game="lexapeili"] .mirror-board{
    max-height:100%!important;
  }
}

html[data-game="lexapeili"] .mirror-board[data-columns="4"]{--columns:4;}
html[data-game="lexapeili"] .mirror-board[data-columns="5"]{--columns:5;}
html[data-game="lexapeili"] .mirror-board[data-columns="6"]{--columns:6;}
html[data-game="lexapeili"] .mirror-board[data-columns="7"]{--columns:7;}
html[data-game="lexapeili"] .mirror-board[data-rows="2"]{--rows:2;}
html[data-game="lexapeili"] .mirror-board[data-rows="3"]{--rows:3;}