.word-pack-picker{display:flex;flex-direction:column;gap:10px;width:100%}.word-pack-picker--play{gap:0}.word-pack-picker__header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.word-pack-picker__compact-fields{display:flex;flex-direction:column;gap:8px}.word-pack-picker__compact-field{display:flex;flex-direction:column;gap:5px}.word-pack-picker__language-label,.word-pack-picker__title{color:rgba(226,241,252,.92);font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.word-pack-picker__active{color:rgba(173,219,245,.72);font-size:12px;font-weight:700;text-align:end}.word-pack-picker__grid{display:grid;grid-template-columns:1fr;gap:8px}.word-pack-picker__grid--settings{max-height:220px;overflow-y:auto;padding-right:2px}.word-pack-card{width:100%;min-height:68px;display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid rgba(173,219,245,.16);border-radius:8px;background:linear-gradient(135deg,rgba(37,49,65,.88),rgba(14,24,38,.92)),var(--word-pack-accent,transparent);color:white;cursor:pointer;text-align:start;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.word-pack-card:focus-visible,.word-pack-card:hover:not(:disabled){border-color:rgba(100,180,220,.55);box-shadow:0 0 0 3px rgba(77,167,204,.13);outline:none;transform:translateY(-1px)}.word-pack-card--selected{border-color:rgba(91,207,146,.72);box-shadow:0 0 0 1px rgba(91,207,146,.22)}.word-pack-card--disabled{cursor:not-allowed;opacity:.58}.word-pack-card--classic{--word-pack-accent:radial-gradient(circle at 94% 8%,rgba(99,102,241,0.2),transparent 34%)}.word-pack-card--fantasy{--word-pack-accent:radial-gradient(circle at 92% 10%,rgba(22,163,74,0.2),transparent 35%)}.word-pack-card--anime{--word-pack-accent:radial-gradient(circle at 92% 10%,rgba(225,29,72,0.22),transparent 35%)}.word-pack-card--future{--word-pack-accent:radial-gradient(circle at 92% 10%,rgba(14,165,233,0.16),transparent 35%)}.word-pack-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.word-pack-card__name{min-width:0;color:#fff;font-size:15px;font-weight:850;line-height:1.2}.word-pack-card__selected{width:24px;height:24px;justify-content:center;border-radius:999px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.34);color:#fff}.word-pack-card__badge,.word-pack-card__selected{display:inline-flex;align-items:center;flex-shrink:0}.word-pack-card__badge{gap:4px;max-width:46%;border-radius:999px;padding:4px 7px;color:rgba(231,247,255,.96);font-size:10px;font-weight:800;line-height:1;white-space:normal;text-align:center}.word-pack-card__badge--live{background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.34)}.word-pack-card__badge--coming_soon{background:rgba(148,163,184,.15);border:1px solid rgba(148,163,184,.28)}.word-pack-card__badge--vote_next{background:rgba(14,165,233,.16);border:1px solid rgba(14,165,233,.3)}.word-pack-card__description{color:rgba(222,238,248,.74);font-size:12px;line-height:1.35}.word-pack-card__promo{margin-top:auto;color:rgba(173,219,245,.76);font-size:11px;font-weight:750}.word-pack-picker__language{display:flex;flex-direction:column;gap:7px}.word-pack-picker--settings .word-pack-picker__language{gap:6px}.word-pack-picker__language-options{display:flex;flex-wrap:wrap;gap:7px}.word-pack-picker__language-option{min-height:48px;border:1px solid rgba(173,219,245,.16);border-radius:8px;background:rgba(0,0,0,.24);color:rgba(222,238,248,.8);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:7px 10px}.word-pack-picker__language-option:focus-visible,.word-pack-picker__language-option:hover{border-color:rgba(100,180,220,.48);color:#fff;outline:none}.word-pack-picker__language-option--selected{background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.45);color:#fff}.word-pack-picker__hint{color:rgba(173,219,245,.76);font-size:12px;line-height:1.35}.word-pack-picker--settings{padding:10px 12px}.word-pack-picker--settings,.word-pack-summary{background:rgba(45,53,62,.4);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.2)}.word-pack-summary{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:12px 14px;color:white;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.word-pack-summary--highlighted{border-color:rgba(43,191,115,.72);box-shadow:0 0 0 2px rgba(43,191,115,.2),0 10px 28px rgba(16,185,129,.18);animation:word-pack-summary-highlight 2s ease-out}.word-pack-summary__eyebrow{color:rgba(173,219,245,.72);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.word-pack-summary__values{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;color:#fff;font-size:14px;font-weight:760;line-height:1.3}.word-pack-summary__language,.word-pack-summary__pack{min-width:0}.word-pack-summary__language{color:rgba(222,238,248,.78);font-weight:650}.word-pack-summary__chevron,.word-pack-summary__divider{color:rgba(173,219,245,.58)}.word-pack-summary__chevron{grid-row:1/span 2;grid-column:2;align-self:center;font-size:13px}@keyframes word-pack-summary-highlight{0%{transform:translateY(0);box-shadow:0 0 0 0 rgba(43,191,115,0),0 4px 20px rgba(0,0,0,.2)}20%{transform:translateY(-1px);box-shadow:0 0 0 6px rgba(43,191,115,.16),0 12px 30px rgba(16,185,129,.22)}to{transform:translateY(0);box-shadow:0 0 0 2px rgba(43,191,115,.2),0 10px 28px rgba(16,185,129,.18)}}.word-pack-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.word-pack-sheet__panel{width:100%;max-width:480px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(10,15,26,.98));border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 56px rgba(0,0,0,.5)}.word-pack-sheet__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex:0 0 auto;padding:14px 14px 12px}.word-pack-sheet__eyebrow,.word-pack-sheet__label{color:rgba(173,219,245,.72);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.word-pack-sheet__title{margin:4px 0 0;color:#fff;font-size:21px;font-weight:820;line-height:1.15}.word-pack-sheet__close{width:48px;min-width:48px;height:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:rgba(255,255,255,.78);cursor:pointer}.word-pack-sheet__section{display:flex;flex-direction:column;gap:8px}.word-pack-sheet__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 14px 12px}.word-pack-sheet__section--language{padding:12px;border:1px solid rgba(91,207,146,.28);border-radius:12px;background:linear-gradient(180deg,rgba(16,185,129,.12),rgba(16,185,129,.05));box-shadow:0 0 0 1px rgba(91,207,146,.08);animation:word-pack-language-focus 1.2s ease-out}.word-pack-sheet__section+.word-pack-sheet__section{margin-top:14px}.word-pack-sheet__list{display:flex;flex-direction:column;gap:8px}.word-pack-sheet__item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:12px 13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;text-align:left}button.word-pack-sheet__item{cursor:pointer}.word-pack-sheet__item--selected{border-color:rgba(91,207,146,.5);background:rgba(16,185,129,.12)}.word-pack-sheet__item--disabled{opacity:.56}.word-pack-sheet__item-main{min-width:0;display:flex;flex-direction:column;gap:2px}.word-pack-sheet__item-name{color:#fff;font-size:14px;font-weight:760}.word-pack-sheet__item-meta{color:rgba(173,219,245,.68);font-size:11px;font-weight:700}.word-pack-sheet__step-hint{color:rgba(232,247,237,.9);font-size:12px;font-weight:700;line-height:1.4}.word-pack-picker__language-options--sheet{max-height:min(30dvh,190px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.word-pack-sheet__footer{flex:0 0 auto;padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:rgba(10,15,26,.98)}.word-pack-sheet__confirm{width:100%;min-height:48px;border:1px solid rgba(91,207,146,.48);border-radius:10px;background:linear-gradient(135deg,rgba(16,185,129,.96),rgba(20,142,110,.96));color:#fff;cursor:pointer;font:inherit;font-size:15px;font-weight:850}.word-pack-sheet__confirm:focus-visible,.word-pack-sheet__confirm:hover{border-color:rgba(187,247,208,.72);outline:none;box-shadow:0 0 0 3px rgba(16,185,129,.18)}@keyframes word-pack-language-focus{0%{border-color:rgba(91,207,146,.08);box-shadow:0 0 0 0 rgba(91,207,146,0)}45%{border-color:rgba(91,207,146,.44);box-shadow:0 0 0 4px rgba(91,207,146,.08)}to{border-color:rgba(91,207,146,.28);box-shadow:0 0 0 1px rgba(91,207,146,.08)}}@media (min-width:520px){.word-pack-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-pack-sheet{padding:18px}}@media (max-height:620px){.word-pack-sheet__header{padding-bottom:8px}.word-pack-sheet__title{font-size:18px}.word-pack-sheet__body{padding-bottom:10px}.word-pack-sheet__item{min-height:46px;padding:9px 11px}.word-pack-picker__language-options--sheet{max-height:24dvh}.word-pack-sheet__footer{padding-top:10px}.word-pack-sheet__confirm{min-height:42px}}