.ps-surface{--ps-white:var(--lp-white,#fff);--ps-ink:var(--lp-ink,#111);--ps-muted:var(--lp-muted,#5a5a66);--ps-soft:var(--lp-soft,#f5f5f7);--ps-purple:var(--lp-purple,var(--color-lang-purple));--ps-correct:var(--lp-correct,#0f7b3a);--ps-incorrect:var(--lp-incorrect,#b42318);--border-focus:2px solid var(--lp-ink,#111);--ps-control:max(96px, calc(44px / var(--game-scale,.432)));--ps-gap:16px;box-sizing:border-box;gap:var(--ps-gap);width:100%;height:100%;color:var(--ps-ink);flex-direction:column;padding:0;display:flex}.ps-surface *,.ps-surface :before,.ps-surface :after{box-sizing:border-box}.ps-surface p,.ps-surface ol{margin:0;padding:0;list-style:none}.ps-surface button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.ps-surface button:disabled{cursor:default}.ps-surface button:focus-visible{outline:var(--border-focus);outline-offset:var(--focus-offset)}.ps-picture-wrap{border:2px solid var(--ps-ink);border-radius:calc(var(--r-card) / var(--game-scale,.432));background:var(--ps-white);flex:auto;justify-content:center;align-items:center;min-height:160px;display:flex;overflow:hidden}.ps-surface .ps-picture{object-fit:contain;width:100%;height:100%}.ps-surface .lp-picture-error{color:var(--ps-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:30px;line-height:1.3;display:flex}.ps-surface .lp-picture-error svg{width:48px;height:48px}.ps-answer{flex:none;width:100%}.ps-slots{justify-content:center;gap:8px;width:100%;display:flex}.ps-slots>li{flex:1 1 0;min-width:0;max-width:76px}.ps-slot{border:2px solid var(--ps-ink);border-radius:calc(var(--r-btn) / var(--game-scale,.432));background:var(--ps-white);width:100%;height:80px;color:var(--ps-ink);text-transform:uppercase;place-items:center;padding:0;font-size:40px;font-weight:700;line-height:1;display:grid}.ps-slot[data-state=empty]{border-style:dashed;border-color:var(--ps-muted)}.ps-slot[data-state=filled]{border-color:var(--ps-purple);background:var(--ps-soft)}.ps-slot[data-state=filled]:hover{background:var(--ps-white)}.ps-slot[data-state=correct]{border-color:var(--ps-correct);color:var(--ps-correct)}.ps-slot[data-state=incorrect]{border-color:var(--ps-incorrect);color:var(--ps-incorrect)}.ps-slot[data-state=revealed]{border-color:var(--ps-muted);color:var(--ps-muted)}.ps-slot:disabled{cursor:default}.ps-reveal{min-height:40px;color:var(--ps-incorrect);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:30px;line-height:40px;overflow:hidden}.ps-reveal[data-visible=false]{visibility:hidden}.ps-reveal-label{color:var(--ps-muted)}.ps-reveal strong{letter-spacing:.04em;font-weight:700}.ps-bank{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;display:grid}.ps-tile,.ps-backspace{min-height:var(--ps-control);border:2px solid var(--ps-ink);border-radius:calc(var(--r-btn) / var(--game-scale,.432));background:var(--ps-white);color:var(--ps-ink);place-items:center;padding:0;font-size:40px;font-weight:700;line-height:1;display:grid}.ps-tile:hover:not(:disabled){background:var(--ps-soft)}.ps-tile:active:not(:disabled){border-color:var(--ps-purple);background:var(--ps-soft)}.ps-tile[data-used=true]{border-style:dashed;border-color:var(--ps-muted);color:var(--ps-muted);background:var(--ps-soft)}.ps-tile[data-used=true]>span{opacity:.45}.ps-tile:disabled:not([data-used=true]){color:var(--ps-muted);border-color:var(--ps-muted)}.ps-backspace{color:var(--ps-muted);background:var(--ps-soft);grid-column:span 2}.ps-backspace svg{stroke-width:1.8px;width:44px;height:44px}.ps-backspace:hover:not(:disabled){color:var(--ps-ink)}.ps-backspace:disabled{opacity:.5}@media (width>=1024px){.ps-surface{--ps-control:var(--study-action-height,52px);--ps-gap:var(--study-space-5,20px);height:auto}.ps-surface button:focus-visible{outline:var(--study-focus,var(--border-focus));outline-offset:var(--study-focus-offset,var(--focus-offset))}.ps-picture-wrap{border:var(--study-border,1px solid #e5e8ee);border-radius:var(--study-radius-card,var(--r-card));flex:none;width:min(100%,420px);height:260px;min-height:0;margin-inline:auto}.ps-surface .lp-picture-error{gap:var(--study-space-3,12px);padding:var(--study-space-3,12px);font-size:var(--study-text-small,14px)}.ps-surface .lp-picture-error svg{width:var(--study-space-7,32px);height:var(--study-space-7,32px)}.ps-slots{gap:var(--study-space-2,8px)}.ps-slots>li{width:var(--study-space-8,40px);flex:none;max-width:none}.ps-slot{height:var(--study-space-9,48px);border-radius:var(--study-radius-button,var(--r-btn));font-size:var(--study-text-title,24px);border-width:1px}.ps-slot[data-state=filled],.ps-slot[data-state=correct],.ps-slot[data-state=incorrect]{border-width:2px}.ps-reveal{min-height:var(--study-space-6,24px);margin-top:var(--study-space-3,12px);font-size:var(--study-text-body,16px);line-height:1.5}.ps-bank{--ps-desktop-tile:56px;grid-template-columns:repeat(auto-fill, var(--ps-desktop-tile));justify-content:center;gap:var(--study-space-2,8px);width:100%;max-width:calc(9 * var(--ps-desktop-tile) + 8 * var(--study-space-2,8px));margin-inline:auto}.ps-tile,.ps-backspace{width:var(--ps-desktop-tile);height:var(--ps-desktop-tile);border:var(--study-border,1px solid #e5e8ee);border-radius:var(--study-radius-button,var(--r-btn));min-height:0;font-size:var(--study-text-title,24px)}.ps-backspace{width:calc(2 * var(--ps-desktop-tile) + var(--study-space-2,8px))}.ps-tile[data-used=true]{border-style:dashed;border-color:var(--ps-muted)}.ps-backspace svg{width:var(--study-space-6,24px);height:var(--study-space-6,24px)}}.lp-hero-art-picture.ps-hero-art-picture{width:104px;height:100px}.ps-hero-tiles{gap:8px;display:flex}.ps-hero-tile{border:1px solid var(--lp-hero-ink,#111);border-radius:var(--r-btn);width:40px;height:44px;color:var(--lp-hero-ink,#111);background:#fff;place-items:center;font-size:20px;font-style:normal;font-weight:700;line-height:1;display:grid}.ps-hero-tile-filled{border:2px solid var(--lp-hero-purple,var(--color-lang-purple));background:var(--lp-hero-soft,#f5f5f7)}@media (width>=1024px){.lp-hero-art-picture.ps-hero-art-picture{width:min(60%, var(--lp-hero-desktop-grid,200px));aspect-ratio:1;height:auto}.ps-hero-tiles{gap:var(--space-3,12px)}.ps-hero-tile{width:var(--space-9,48px);height:var(--space-9,48px);font-size:var(--fs-h2,18px)}}