/* LEXI sunlit garden: ivory glass, porcelain edges and botanical serif type. */
html:root {
  --lexi-paper:#f5efdb; --lexi-panel:rgba(255,250,231,.91); --lexi-button:#f8f1df;
  --lexi-button-top:#fffdf3; --lexi-button-low:#ece1c5; --lexi-bevel:#c9bb96;
  --lexi-ink:#183b2e; --lexi-muted:#637052; --lexi-line:rgba(166,143,91,.48);
  --lexi-emerald:#234d39; --lexi-emerald-light:#4b7954; --lexi-focus:#416e35;
  --lexi-shadow:0 18px 50px rgba(87,72,35,.2),0 2px 0 rgba(255,255,255,.75) inset,0 -1px 0 rgba(172,153,106,.14) inset;
  --kit-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html:root[data-kit-motyw='ciemny'] {
  --lexi-paper:#172c24; --lexi-panel:rgba(29,47,37,.95); --lexi-button:#314838;
  --lexi-button-top:#3c5340; --lexi-button-low:#273c2e; --lexi-bevel:#182e22;
  --lexi-ink:#f9f1dc; --lexi-muted:#c5cbb0; --lexi-line:rgba(189,174,120,.4);
  --lexi-emerald:#315a3d; --lexi-emerald-light:#548260; --lexi-focus:#d6c895;
  --lexi-shadow:0 20px 60px rgba(4,16,11,.45),0 2px 0 rgba(239,233,202,.12) inset;
}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--lexi-paper);color:var(--lexi-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-text-size-adjust:100%}
canvas{touch-action:none;user-select:none;-webkit-user-select:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Kit styles are injected at startup; use body specificity for the skin. */
body .kit-warstwa,body .kit-warstwa--swiat{color:var(--lexi-ink);background:rgba(80,77,48,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:calc(16px + var(--kit-safe-gora,0px)) calc(16px + var(--kit-safe-prawo,0px)) calc(16px + var(--kit-safe-dol,0px)) calc(16px + var(--kit-safe-lewo,0px))}
body .kit-warstwa--lekka{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body .kit-karta,body .kit-warstwa--swiat .kit-karta{inline-size:min(100%,500px);max-block-size:100%;padding:28px;background:var(--lexi-panel);color:var(--lexi-ink);border:1px solid var(--lexi-line);border-radius:23px;clip-path:none;box-shadow:var(--lexi-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;scrollbar-width:thin;scrollbar-color:var(--lexi-muted) transparent}
body .kit-karta::before{display:none}
body .kit-tytul{color:var(--lexi-ink);font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,5vw,37px);font-weight:700;letter-spacing:-.025em;line-height:1.13;margin:0 0 12px;text-wrap:balance}
body .kit-pod{margin:0 0 22px;color:var(--lexi-muted);font-size:15px;line-height:1.6}
body .kit-przyciski{gap:10px}
body .kit-btn,body .kit-warstwa--swiat .kit-btn:not(.kit-btn--glowny){appearance:none;-webkit-appearance:none;background:linear-gradient(165deg,var(--lexi-button-top),var(--lexi-button-low));color:var(--lexi-ink);border:1px solid var(--lexi-line);border-radius:12px;clip-path:none;min-block-size:48px;padding:13px 16px;font-size:15px;font-weight:650;line-height:1.3;box-shadow:0 3px 0 var(--lexi-bevel),0 5px 7px rgba(84,70,34,.12),0 1px 0 rgba(255,255,255,.8) inset;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body .kit-btn--glowny,html:root[data-kit-motyw='jasny'] body .kit-btn--glowny,html:root[data-kit-motyw='jasny'] body .kit-warstwa--swiat .kit-btn--glowny{color:#fffef4;background:linear-gradient(155deg,var(--lexi-emerald-light),var(--lexi-emerald));border-color:#bda66b;box-shadow:0 3px 0 #7e754e,0 6px 12px rgba(32,58,32,.2),0 1px 0 rgba(239,241,187,.45) inset;font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:700}
body .kit-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--lexi-bevel),0 2px 4px rgba(84,70,34,.12),0 1px 0 rgba(255,255,255,.5) inset}
body .kit-btn:focus-visible{outline:3px solid var(--lexi-focus);outline-offset:3px}
body .kit-btn[aria-disabled='true']{opacity:.5;box-shadow:none}
body .kit-btn small{font-size:12px;opacity:.85}
body .kit-btn .kit-ikona{inline-size:21px;block-size:21px}
body .kit-rzad{gap:8px;margin-block-start:14px}
body .kit-rzad .kit-btn{min-block-size:44px;border-radius:13px;padding:10px 14px;font-size:14px}
body .kit-stopka{margin-top:18px;color:var(--lexi-muted);font-size:11px}
body .kit-jezyki{gap:8px}
body .kit-karta:has(.kit-jezyki){inline-size:min(100%,560px)}
body .kit-jezyki .kit-btn{justify-content:center;text-align:center}
body .kit-przelacznik{color:var(--lexi-ink);padding:12px 0;border-color:var(--lexi-line);font-size:15px}
body .kit-przelacznik .kit-btn{min-block-size:44px;padding:8px 13px;font-size:14px}
body .kit-wynik{gap:10px;margin:10px 0 18px}
body .kit-wynik div,body .kit-pozycja{background:var(--lexi-button);border:1px solid var(--lexi-line);border-radius:15px}
body .kit-wynik b{font-size:30px;color:var(--lexi-ink)}
body .kit-wynik span{color:var(--lexi-muted);font-size:11px;letter-spacing:.04em}
body .kit-toast{border:1px solid var(--lexi-line);background:var(--lexi-panel);color:var(--lexi-ink);box-shadow:var(--lexi-shadow);font-size:13px;line-height:1.45}
body .kit-hud{top:calc(5px + var(--kit-safe-gora,0px));left:max(calc(8px + var(--kit-safe-lewo,0px)),calc((100vw - 1440px)/2));right:max(calc(8px + var(--kit-safe-prawo,0px)),calc((100vw - 1440px)/2));min-height:48px;padding:2px 8px 2px 6px;background:linear-gradient(100deg,rgba(255,251,233,.88),rgba(255,251,233,.52));border:1px solid var(--lexi-line);border-radius:15px;box-shadow:0 4px 14px rgba(90,77,39,.12),0 1px 0 rgba(255,255,255,.75) inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-kit-motyw='ciemny'] body .kit-hud{background:linear-gradient(100deg,rgba(32,52,37,.94),rgba(32,52,37,.72));box-shadow:0 4px 14px rgba(0,0,0,.18),0 1px 0 rgba(232,223,180,.12) inset}
body .kit-hud .kit-btn{min-block-size:44px;min-inline-size:44px;padding:8px 10px;background:linear-gradient(160deg,var(--lexi-button-top),var(--lexi-button-low));border-radius:10px;color:var(--lexi-ink);box-shadow:0 2px 0 var(--lexi-bevel),0 3px 5px rgba(84,70,34,.1)}
.lexi-hud{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:calc(100vw - 76px - var(--kit-safe-lewo,0px) - var(--kit-safe-prawo,0px));padding:0 10px;border:0;border-radius:10px;color:var(--lexi-ink);background:transparent;box-shadow:none;font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:700;letter-spacing:.035em;white-space:nowrap}
.lexi-hud svg{flex:none;width:22px;height:22px}
.lexi-hud span{font-size:15px;font-weight:400;letter-spacing:0;color:var(--lexi-muted);overflow:hidden;text-overflow:ellipsis}
.lexi-panel{max-width:520px;margin:auto;text-align:left;color:var(--lexi-ink)}
.lexi-panel h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;font-size:29px;font-weight:700;line-height:1.2;margin:0 0 14px}
.lexi-panel p{font-size:14px;line-height:1.55;color:var(--lexi-muted);margin:8px 0 16px}
.lexi-panel .kit-btn{min-height:46px;border-radius:13px;font-size:14px;white-space:normal;line-height:1.25;padding:12px}
.lexi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lexi-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.lexi-levels .kit-btn{min-width:44px;min-height:52px;justify-content:center;padding:10px 4px;font-variant-numeric:tabular-nums}
.lexi-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}
.lexi-nav{display:flex;gap:8px;margin-top:14px}
.lexi-nav>*{flex:1;justify-content:center;text-align:center}
.lexi-small{font-size:12px;color:var(--lexi-muted)}
.lexi-stat{border:1px solid var(--lexi-line);border-radius:13px;padding:16px 8px;text-align:center;background:linear-gradient(165deg,var(--lexi-button-top),var(--lexi-button-low));box-shadow:0 2px 0 var(--lexi-bevel),0 4px 8px rgba(89,76,38,.1),0 1px 0 rgba(255,255,255,.7) inset}
.lexi-stat strong{display:block;font:700 31px/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.02em;color:var(--lexi-ink);margin-bottom:3px}
.lexi-chip{display:inline-block;border:1px solid var(--lexi-line);border-radius:8px;padding:5px 8px;margin:3px;font-size:12px}
.lexi-help{display:grid;gap:8px}
.lexi-help div{display:flex;align-items:center;gap:7px;padding:10px 11px;border-radius:12px;background:var(--lexi-button);font-size:13px;line-height:1.45}
.lexi-share{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--lexi-line);border-radius:14px;padding:14px;font:14px/1.6 monospace;user-select:text;background:var(--lexi-button)}
.lexi-vocab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lexi-vocab .kit-btn{font-family:Georgia,'Times New Roman',serif;font-size:16px;justify-content:center;letter-spacing:.025em}
.lexi-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px;color:#fff;border-radius:8px;font-weight:750}
.lexi-mark.exact{background:#326c4e}
.lexi-mark.present{background:#a57326}
.lexi-mark.absent{background:#65796a}
.lexi-garden-preview{overflow:hidden;border:1px solid var(--lexi-line);border-radius:18px;margin:0 0 14px;background:var(--lexi-button)}
.lexi-garden-preview img{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:17px}
html[data-kit-motyw='ciemny'] .lexi-garden-preview img{filter:brightness(.75) saturate(.85)}
/* Semantic controls precisely cover the canvas controls. */
#lexi-controls{position:fixed;inset:0;z-index:4;pointer-events:none}
#lexi-controls[hidden]{display:none}
.lexi-hit{position:absolute;pointer-events:auto;appearance:none;-webkit-appearance:none;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;color:transparent;cursor:pointer;padding:0;margin:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.lexi-hit:focus-visible{outline:3px solid var(--lexi-focus)!important;outline-offset:2px;background:rgba(98,160,112,.13)!important}
@media(hover:hover){
  body .kit-btn:hover{box-shadow:0 3px 0 var(--lexi-bevel),0 7px 12px rgba(84,70,34,.17),0 1px 0 rgba(255,255,255,.85) inset}
  body .kit-btn:hover:active{box-shadow:0 1px 0 var(--lexi-bevel),0 2px 4px rgba(84,70,34,.12)}
}
@media(max-width:480px){
  body .kit-karta,body .kit-warstwa--swiat .kit-karta{padding:22px 20px;border-radius:22px}
  body .kit-tytul{font-size:29px}
  body .kit-pod{font-size:14px;line-height:1.55;margin-bottom:18px}
  .lexi-hud{padding:0 6px;font-size:23px;gap:6px}
  .lexi-hud span{font-size:12px}
  .lexi-panel h2{font-size:27px}
  .lexi-grid{gap:8px}
  .lexi-levels{gap:6px}
  .lexi-levels .kit-btn{min-height:48px;font-size:12px}
  .lexi-garden-preview img{max-height:180px}
}
@media(max-height:520px){
  body .kit-hud{top:calc(3px + var(--kit-safe-gora,0px));min-height:46px;padding:0 8px}
  body .kit-warstwa{padding:calc(10px + var(--kit-safe-gora,0px)) calc(16px + var(--kit-safe-prawo,0px)) calc(10px + var(--kit-safe-dol,0px)) calc(16px + var(--kit-safe-lewo,0px))}
  body .kit-karta,body .kit-warstwa--swiat .kit-karta{inline-size:min(100%,580px);padding:18px 22px;border-radius:20px}
  body .kit-tytul{font-size:25px;margin-bottom:9px}
  body .kit-pod{font-size:12px;line-height:1.4;margin-bottom:12px}
  body .kit-btn{min-block-size:44px;padding:9px 12px;font-size:14px}
  body .kit-przyciski{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body .kit-jezyki{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  body .kit-jezyki .kit-btn{font-size:13px;padding:9px 7px}
  body .kit-przelacznik{padding:7px 0;font-size:14px}
  body .kit-stopka{margin:10px 0 0}
  body .kit-rzad{margin-block-start:10px}
  .lexi-panel h2{font-size:23px;margin-bottom:8px}
  .lexi-panel p{font-size:12px;line-height:1.4;margin:5px 0 9px}
  .lexi-panel .kit-btn{min-height:44px;padding:9px}
  .lexi-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lexi-mode-info,.lexi-book-info{display:none}
  .lexi-row{margin:7px 0}
  .lexi-nav{margin-top:9px}
  .lexi-levels{gap:6px}
  .lexi-levels .kit-btn{min-height:44px}
  .lexi-help{gap:5px}
  .lexi-help div{padding:6px 9px;font-size:12px}
  .lexi-mark{width:23px;height:23px;border-radius:7px}
  .lexi-stat{padding:8px}
  .lexi-stat strong{font-size:24px}
  .lexi-garden-preview{float:right;width:38%;margin:0 0 8px 14px}
  .lexi-garden-preview img{height:136px;max-height:136px}
  .lexi-panel:has(.lexi-garden-preview) .lexi-nav{clear:both}
}
@media(max-height:360px){
  body .kit-karta,body .kit-warstwa--swiat .kit-karta{padding:13px 18px}
  body .kit-pod{font-size:11px;line-height:1.35}
  body .kit-stopka{margin-top:7px}
  .lexi-panel h2{font-size:20px;margin-bottom:6px}
  .lexi-help div{padding:4px 8px}
  .lexi-panel p{margin:4px 0 7px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* One short lesson per card. Same ivory glass and porcelain as the garden. */
body .kit-karta:has(.lexi-onboard){inline-size:min(100%,530px)}
.lexi-onboard{color:var(--lexi-ink);text-align:center}
.lexi-onboard .lexi-eyebrow{margin:0 0 8px;color:var(--lexi-muted);font:650 10px/1.3 system-ui,-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.lexi-onboard .lexi-onboard-title{margin:0 0 9px;font:700 clamp(25px,5vw,31px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:var(--lexi-ink);text-wrap:balance}
.lexi-onboard .lexi-onboard-lead{margin:0 auto 14px;max-width:37ch;color:var(--lexi-muted);font-size:14px;line-height:1.5;text-wrap:pretty}
.lexi-onboard .lexi-onboard-lead strong{color:var(--lexi-ink);font-weight:700}
.lexi-demo-row{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 20px;min-height:52px}
.lexi-demo-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 1 51px;min-width:0;height:51px;border:1px solid var(--lexi-line);border-radius:9px;background:linear-gradient(155deg,var(--lexi-button-top),var(--lexi-button-low));color:var(--lexi-ink);box-shadow:0 3px 0 var(--lexi-bevel),0 5px 7px rgba(84,70,34,.12),0 1px 0 rgba(255,255,255,.9) inset;font:700 27px/1 Georgia,'Times New Roman',serif}
.lexi-demo-tile.is-exact{background:linear-gradient(145deg,#548262,#326149);border-color:#8ca372;color:#fffdf2;box-shadow:0 3px 0 #264b37,0 5px 7px rgba(40,74,45,.15),0 1px 0 rgba(233,246,222,.5) inset}
.lexi-demo-tile.is-present{background:linear-gradient(145deg,#b89549,#9b742e);border-color:#d4bb7d;color:#fffdf2;box-shadow:0 3px 0 #7e5d28,0 5px 7px rgba(97,77,32,.15),0 1px 0 rgba(255,243,197,.5) inset}
.lexi-demo-tile.is-absent{background:linear-gradient(145deg,#8b8e7f,#687667);border-color:#adb29c;color:#fffdf2;box-shadow:0 3px 0 #53614f,0 5px 7px rgba(54,66,48,.15),0 1px 0 rgba(240,244,224,.4) inset}
.lexi-demo-tile.is-exact::after,.lexi-demo-tile.is-present::after,.lexi-demo-tile.is-absent::after{position:absolute;right:5px;bottom:4px;font:700 9px/1 system-ui,sans-serif}
.lexi-demo-tile.is-exact::after{content:'✓'}
.lexi-demo-tile.is-present::after{content:'•'}
.lexi-demo-tile.is-absent::after{content:'−'}
.lexi-color-guide{display:grid;gap:7px;margin:0 0 15px;text-align:left}
.lexi-guide-item{display:flex;align-items:center;gap:11px;min-height:45px;padding:8px 11px;border:1px solid var(--lexi-line);border-radius:12px;background:linear-gradient(115deg,var(--lexi-button-top),var(--lexi-button));box-shadow:0 1px 0 rgba(255,255,255,.45) inset;font-size:13px;line-height:1.35;color:var(--lexi-ink)}
.lexi-guide-item>span:last-child,.lexi-guide-item>div{min-width:0}
.lexi-guide-item strong{display:block;font-weight:700}
.lexi-guide-item p,.lexi-guide-item small{display:block;margin:2px 0 0;color:var(--lexi-muted);font-size:12px;line-height:1.35}
.lexi-guide-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border-radius:7px;border:1px solid rgba(255,255,255,.35);font:700 16px/1 system-ui,sans-serif;color:#fffdf2;box-shadow:0 2px 0 rgba(31,52,32,.18)}
.lexi-guide-icon.is-exact,.lexi-guide-item.is-exact .lexi-guide-icon{background:#3d7052}
.lexi-guide-icon.is-present,.lexi-guide-item.is-present .lexi-guide-icon{background:#a78134}
.lexi-guide-icon.is-absent,.lexi-guide-item.is-absent .lexi-guide-icon{background:#6c7b69}
.lexi-stepper{display:flex;align-items:center;justify-content:center;gap:7px;min-height:8px;margin:10px 0 14px}
.lexi-stepper>span,.lexi-stepper>i{display:block;flex:0 0 7px;width:7px;height:7px;border:1px solid var(--lexi-line);border-radius:50%;background:transparent;font-size:0}
.lexi-stepper>.is-active,.lexi-stepper>[aria-current='step'],.lexi-stepper>[aria-current='true']{background:var(--lexi-emerald);border-color:var(--lexi-emerald)}
.lexi-onboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px;margin-top:14px}
.lexi-onboard-actions .kit-btn{justify-content:center;text-align:center;min-height:46px;padding:10px 12px;font-size:14px}
html:root body .kit-karta .lexi-onboard-actions .kit-btn--glowny{font-family:Georgia,'Times New Roman',serif;font-size:17px}
.lexi-onboard .lexi-onboard-note{margin:12px auto 0;max-width:43ch;font-size:11px;line-height:1.4;color:var(--lexi-muted)}
html[data-kit-motyw='ciemny'] .lexi-stepper>.is-active{background:#d6c895;border-color:#d6c895}
@media(max-width:480px){
  .lexi-onboard .lexi-onboard-title{font-size:27px}
  .lexi-onboard .lexi-onboard-lead{font-size:14px;line-height:1.45}
  .lexi-demo-row{gap:6px;margin:13px 0 18px}
  .lexi-demo-tile{flex-basis:47px;height:47px;font-size:25px}
  .lexi-guide-item{padding:8px 10px;font-size:12px}
  .lexi-onboard-actions{gap:8px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
}
@media(max-height:700px) and (max-width:480px){
  body .kit-karta:has(.lexi-onboard){padding:17px 18px}
  .lexi-onboard .lexi-eyebrow{margin-bottom:6px}
  .lexi-onboard .lexi-onboard-title{font-size:25px;margin-bottom:7px}
  .lexi-onboard .lexi-onboard-lead{font-size:13px;line-height:1.4;margin-bottom:10px}
  .lexi-demo-row{margin:10px 0 14px;min-height:44px}
  .lexi-demo-tile{height:44px;flex-basis:44px;font-size:24px}
  .lexi-color-guide{gap:5px;margin-bottom:10px}
  .lexi-guide-item{min-height:40px;padding:6px 8px;gap:8px}
  .lexi-guide-item p,.lexi-guide-item small{font-size:11px}
  .lexi-stepper{margin:8px 0 10px}
  .lexi-onboard-actions{margin-top:10px}
  .lexi-onboard-actions .kit-btn{min-height:44px;padding:9px 10px}
  .lexi-onboard .lexi-onboard-note{font-size:10px;margin-top:9px}
}
@media(max-height:520px){
  body .kit-karta:has(.lexi-onboard){inline-size:min(100%,640px);padding:15px 20px}
  .lexi-onboard .lexi-eyebrow{margin-bottom:4px;font-size:10px}
  .lexi-onboard .lexi-onboard-title{font-size:25px;margin-bottom:5px}
  .lexi-onboard .lexi-onboard-lead{max-width:68ch;font-size:12px;line-height:1.35;margin-bottom:7px}
  .lexi-demo-row{gap:7px;margin:7px 0 11px;min-height:40px}
  .lexi-demo-tile{height:40px;flex-basis:40px;font-size:23px;border-radius:8px}
  .lexi-color-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}
  .lexi-guide-item{min-height:51px;padding:7px 8px;gap:7px;font-size:11px;line-height:1.3;border-radius:10px}
  .lexi-guide-item p,.lexi-guide-item small{font-size:10px;line-height:1.25}
  .lexi-guide-icon{flex-basis:24px;width:24px;height:24px;font-size:14px}
  .lexi-stepper{margin:7px 0 9px;gap:6px}
  .lexi-onboard-actions{margin-top:8px;gap:8px}
  .lexi-onboard-actions .kit-btn{min-height:44px;padding:8px 10px}
  .lexi-onboard .lexi-onboard-note{max-width:72ch;font-size:10px;line-height:1.3;margin-top:7px}
}
/* A static translucent material keeps phone dialogs light to composite. */
@media(max-height:520px),(pointer:coarse){
  body .kit-warstwa,body .kit-warstwa--swiat,body .kit-karta,body .kit-warstwa--swiat .kit-karta,body .kit-hud,body .kit-hud .kit-btn{backdrop-filter:none;-webkit-backdrop-filter:none}
  body .kit-karta,body .kit-warstwa--swiat .kit-karta{background:rgba(255,250,231,.985)}
  body .kit-warstwa,body .kit-warstwa--swiat{background:rgba(83,78,46,.16)}
  body .kit-warstwa--lekka{background:transparent}
  html[data-kit-motyw='ciemny'] body .kit-karta,html[data-kit-motyw='ciemny'] body .kit-warstwa--swiat .kit-karta{background:rgba(29,47,37,.99)}
  html[data-kit-motyw='ciemny'] body .kit-warstwa,html[data-kit-motyw='ciemny'] body .kit-warstwa--swiat{background:rgba(9,23,15,.24)}
  html[data-kit-motyw='ciemny'] body .kit-warstwa--lekka{background:transparent}
}