html.pareha-page-root{height:100%}body.pareha-page{min-height:100%;min-height:100dvh;display:flex;flex-direction:column;margin:0}body.pareha-page>#frontend{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}body.pareha-page>#frontend>.row:not(.header){flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:0}.pareha-wrap,.pareha-wrap *,.pareha-wrap *::before,.pareha-wrap *::after{box-sizing:border-box}.pareha-wrap{position:relative;width:100%;max-width:100%;margin:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;font-family:"Open Sans","Segoe UI",system-ui,sans-serif;user-select:none}.pareha-field{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e2e8f3;padding:clamp(8px,2vmin,20px) clamp(8px,3vw,24px) clamp(72px,14vh,100px)}.pareha-board{width:min(100%,52rem)}.pareha-status{width:min(100%,52rem);text-align:center;margin:0 auto .75rem;padding:.45rem .65rem;min-height:2rem;font-size:.9rem;font-weight:600;line-height:1.35;border-radius:4px;background:hsla(0,0%,100%,.85);border:1px solid #c5cdd8}.pareha-status:empty{visibility:hidden}.pareha-status--error{color:#8b1a1a;background:#fdeaea;border-color:#e57373}.pareha-status--ok{color:#1b5e20;background:#e8f5e9;border-color:#81c784}.pareha-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:90%;max-width:100%;margin-left:auto;margin-right:auto}.pareha-draggables{margin-bottom:0}.pareha-dropzones{margin-top:clamp(24px,6vmin,60px)}.pareha-draggables img,.pareha-drop-slot img{width:clamp(72px,14vw,120px);height:clamp(72px,14vw,120px);object-fit:cover;border:2px solid #bbb;border-radius:2px;background:#fff;display:block;margin:3px;cursor:pointer}.pareha-draggables img.pareha-draggable{cursor:grab}.pareha-draggables img.pareha-dragging{opacity:.55}.pareha-draggables img.pareha-matched{cursor:default;opacity:.12}.pareha-drop-slot{position:relative;width:clamp(72px,14vw,120px);height:clamp(72px,14vw,120px);flex:0 0 auto;margin:3px}.pareha-word-slot{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #bbb;border-radius:2px;padding:4px;text-align:center}.pareha-word-label{color:#000;font-weight:700;font-size:clamp(.62rem,2.2vw,.88rem);line-height:1.15;word-break:break-word;hyphens:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.pareha-drop-slot.pareha-slot-over{outline:3px solid #f9a825;outline-offset:1px}.pareha-drop-slot.pareha-slot-done{outline:3px solid #43a047;outline-offset:1px;padding:0;border-color:#43a047}.pareha-drop-slot.pareha-slot-done img{width:100%;height:100%;margin:0;border:0;border-radius:0}.pareha-drop-slot.pareha-slot-wrong{outline:3px solid #e53935;outline-offset:1px;animation:pareha-slot-shake .45s ease}@keyframes pareha-slot-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.pareha-bar{flex-shrink:0;width:100%;background:#f0ce0b;border-top:1px solid rgba(0,0,0,.08)}.pareha-bar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.55rem 1rem;max-width:85.7142857143rem;margin:0 auto}.pareha-title{flex:1 1 220px;min-width:0;margin:0;color:#000;font-size:clamp(1rem,2.5vw,1.45rem);font-weight:600;line-height:1.25;letter-spacing:.06em}.pareha-bar-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem .75rem}.pareha-bar .pareha-field{display:flex;align-items:center;gap:.35rem}.pareha-bar .pareha-field label{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#222}.pareha-select{margin-bottom:0;width:auto;min-width:6.5rem;padding:.25rem .4rem;font-size:.85rem;display:inline-block}.pareha-bar-buttons{display:flex;align-items:center;gap:6px}.pareha-img-link{display:inline-block;padding:0;margin:0;border:none;background:rgba(0,0,0,0);line-height:0}.pareha-img-link img{width:50px;height:auto;display:block}.pareha-win{position:relative;z-index:2;text-align:center;padding:.65rem;margin:.5rem auto;max-width:52rem;background:#e8f5e9;border:1px solid #43a047;border-radius:4px}