.pg{width:100%;max-width:440px;display:grid;gap:14px}.m-purple{--m: #A855F7;--m-d: #9333EA;--m-t: rgba(168, 85, 247, .12)}.m-blue{--m: #3B82F6;--m-d: #2563EB;--m-t: rgba(59, 130, 246, .12)}.m-amber{--m: #FFBF00;--m-d: #E5A500;--m-t: rgba(255, 191, 0, .16)}.m-red{--m: #EF4444;--m-d: #DC2626;--m-t: rgba(239, 68, 68, .12)}.pg-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pg-tab{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px;border-radius:16px;background:var(--surface);border:2px solid var(--line);border-bottom-width:4px;font-family:var(--font-display);font-weight:900;font-size:.9375rem;color:var(--ink-1);text-align:left;line-height:1.15;transition:border-color .15s,transform .15s}.pg-tab:hover{transform:translateY(-1px)}.pg-tab[aria-selected=true]{border-color:var(--m);background:var(--m-t)}.pg-tab__ico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--m);flex:none}.pg-tab__ico img{width:22px;height:22px}.pg-screen{min-height:430px;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:28px;background:var(--app-bg);border:2px solid var(--app-border);box-shadow:0 6px 0 var(--app-border),0 20px 40px -24px #0f172a40}.pg-head{display:flex;gap:12px;align-items:center}.pg-head__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--m);box-shadow:0 4px 0 var(--m-d);flex:none}.pg-head__t{font-weight:900;font-size:19px}.pg-head__s{font-size:13px;font-weight:700;color:var(--app-text-2)}.pg-tile,.pg-tok,.pg-pic{border-radius:16px;background:var(--app-surface);border:2px solid var(--app-border);box-shadow:0 4px 0 var(--app-border);font-weight:800;color:var(--app-text);transition:transform 80ms ease-out,box-shadow 80ms,border-color .15s,background .15s,opacity .2s}.pg-tile:active,.pg-tok:active,.pg-pic:active{transform:translateY(3px);box-shadow:0 1px 0 var(--app-border)}.is-sel{border-color:var(--m);background:var(--m-t);box-shadow:0 4px 0 var(--m)}.is-done{border-color:var(--app-green);background:#58cc021f;box-shadow:0 4px 0 var(--app-green-deep)}.pg-tile.is-done{opacity:.5}.is-wrong{border-color:var(--app-red)!important;background:#ef44441a!important}.pg-match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pg-col{display:grid;gap:10px}.pg-tile{min-height:56px;padding:6px;font-size:16px}.pg-tile .app-word{font-weight:600}.pg-audio{display:grid;gap:14px}.pg-listen{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;border-radius:20px;background:var(--m);color:#fff;font-weight:900;font-size:17px;box-shadow:0 6px 0 var(--m-d)}.pg-listen:active{transform:translateY(4px);box-shadow:0 2px 0 var(--m-d)}.pg-pics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pg-pic{padding:5px;aspect-ratio:1.2}.pg-pic img{width:100%;height:100%;object-fit:cover;border-radius:11px}.pg-sent{display:flex;flex-direction:column;gap:14px;flex:1}.pg-sent__en{font-size:18px;font-weight:800}.pg-sent__line{min-height:62px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;padding:10px 0;border-bottom:2px solid var(--app-border);border-top:2px solid var(--app-border)}.pg-sent__pool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pg-tok{height:44px;padding:0 14px;font-size:16px}.pg-tok.app-word{font-weight:600}.pg-tok:disabled{opacity:.25;box-shadow:none}.pg-tok.is-placed{border-color:var(--m)}.pg-check{margin-top:auto}.app-btn:disabled{filter:grayscale(.6);opacity:.55;cursor:not-allowed}.pg-type{display:grid;justify-items:center;gap:10px}.pg-type__img{width:132px;height:132px;border-radius:20px;overflow:hidden}.pg-type__img img{width:100%;height:100%;object-fit:cover}.pg-type__en{font-size:18px;font-weight:900}.pg-slots{display:flex;gap:6px}.pg-slot{width:40px;height:48px;display:grid;place-items:center;border-bottom:3px solid var(--app-border);font-family:var(--font-sans);font-size:24px;font-weight:600}.pg-slot.is-filled{border-color:var(--m)}.pg-letters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}.pg-letter{width:48px;height:52px;padding:0;font-family:var(--font-sans);font-size:20px;font-weight:600}.pg-done{flex:1;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;animation:app-in .26s ease-out}.pg-done img{width:96px;height:96px;animation:app-pop .5s cubic-bezier(.34,1.56,.64,1)}.pg-done__t{font-weight:900;font-size:20px;max-width:280px}.pg-done__btn{--btn: var(--m);--btn-deep: var(--m-d);margin-top:4px}@media(min-width:560px){.pg-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-tab{flex-direction:column;justify-content:center;text-align:center;min-height:86px;font-size:.8125rem}.pg{max-width:520px}}@media(prefers-reduced-motion:reduce){.pg-done,.pg-done img{animation:none}}