.game-skeleton{display:contents}.game-skeleton__tile{aspect-ratio:1;border-radius:var(--xclues-border-radius);background:var(--xclues-card-bg);animation:1.5s ease-in-out infinite skeletonShimmer}.game-skeleton__tile:nth-child(odd){animation-delay:.15s}.game-skeleton__mistakes{align-items:center;gap:var(--xclues-spacing-2);padding:var(--xclues-spacing-3) 0;flex-direction:column;display:flex}.game-skeleton__text-line{border-radius:var(--xclues-border-radius-xs);background:var(--xclues-card-bg);width:180px;height:16px;animation:1.5s ease-in-out infinite skeletonShimmer}.game-skeleton__dots-line{border-radius:var(--xclues-border-radius-xs);background:var(--xclues-card-bg);width:200px;height:18px;animation:1.5s ease-in-out .2s infinite skeletonShimmer}.game-skeleton__controls{justify-content:center;gap:var(--xclues-spacing-3);display:flex}.game-skeleton__button{border-radius:var(--xclues-border-radius-sm);background:var(--xclues-card-bg);width:120px;height:48px;animation:1.5s ease-in-out .3s infinite skeletonShimmer}@keyframes skeletonShimmer{0%,to{opacity:.4}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.game-skeleton__tile,.game-skeleton__button{opacity:.5;animation:none}}
.win-celebration{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.win-particle{font-size:2rem;animation:2s ease-out forwards winParticle;position:absolute}.win-particle--0{animation-delay:0s;top:50%;left:10%}.win-particle--1{animation-delay:.1s;top:50%;left:25%}.win-particle--2{animation-delay:50ms;top:50%;left:40%}.win-particle--3{animation-delay:.15s;top:50%;left:55%}.win-particle--4{animation-delay:80ms;top:50%;left:70%}.win-particle--5{animation-delay:.12s;top:50%;left:85%}.win-particle--6{animation-delay:.2s;top:50%;left:15%}.win-particle--7{animation-delay:.25s;top:50%;left:30%}.win-particle--8{animation-delay:.18s;top:50%;left:50%}.win-particle--9{animation-delay:.22s;top:50%;left:65%}.win-particle--10{animation-delay:.3s;top:50%;left:80%}.win-particle--11{animation-delay:.28s;top:50%;left:45%}@keyframes winParticle{0%{opacity:1;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-200px)scale(1.2)rotate(180deg)}to{opacity:0;transform:translateY(-400px)scale(.3)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.win-particle{animation:none;display:none}}
.game-controls{gap:var(--xclues-spacing-2,.5rem);padding:var(--xclues-spacing-1) 0;justify-content:center;display:flex}.game-controls .xbtn{min-width:44px;min-height:48px;padding-left:var(--xclues-spacing-5);padding-right:var(--xclues-spacing-5);border-radius:var(--xclues-radius-pill,999px);font-weight:var(--xclues-font-weight-semibold);letter-spacing:var(--xclues-tracking-tight)}.game-controls .xbtn--outline{border-color:var(--xclues-primary-20);background:var(--xclues-card-bg);-webkit-backdrop-filter:blur(var(--xclues-blur-md));backdrop-filter:blur(var(--xclues-blur-md));color:inherit}.game-controls .xbtn--outline:hover:not(:disabled){box-shadow:var(--xclues-card-shadow-hover);border-color:var(--xclues-primary);background:var(--xclues-card-bg-hover);color:inherit;transform:translateY(-2px)}@media (hover:none){.game-controls .xbtn--outline:hover:not(:disabled){box-shadow:none;border-color:var(--xclues-primary-20);background:var(--xclues-card-bg);transform:none}}.game-controls .xbtn--primary{background:var(--xclues-btn-primary-bg);color:var(--xclues-card-selected-text);box-shadow:var(--xclues-btn-primary-shadow);font-weight:var(--xclues-font-weight-bold);letter-spacing:var(--xclues-tracking-normal);text-transform:uppercase;font-size:var(--xclues-font-size-md);border:none}.game-controls .xbtn--primary:hover:not(:disabled){background:var(--xclues-btn-primary-hover);box-shadow:var(--xclues-shadow-primary-glow);transform:translateY(-2px)scale(1.02)}.game-controls .xbtn--primary:active:not(:disabled){box-shadow:var(--xclues-shadow-primary-sm);transform:translateY(0)scale(.98)}.game-controls .xbtn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:360px){.game-controls{flex-wrap:wrap}}
.how-to-play-banner{justify-content:center;align-items:center;gap:var(--xclues-spacing-2);padding:var(--xclues-spacing-2) var(--xclues-spacing-3);font-size:var(--xclues-font-size-sm);color:var(--xclues-text-secondary);text-align:center;display:flex}.how-to-play-banner__dismiss{all:unset;cursor:pointer;color:var(--xclues-text-tertiary);font-size:var(--xclues-font-size-sm);border-radius:var(--xclues-border-radius-xs);justify-content:center;align-items:center;min-width:24px;min-height:24px;display:flex}.how-to-play-banner__dismiss:hover{color:var(--xclues-text-primary)}
.mistakes-container{flex-direction:column;align-items:center;padding-top:0;display:flex}.mistakes-row{align-items:center;gap:var(--xclues-spacing-1);display:flex}.mistakes-dots{gap:var(--xclues-spacing-2);align-items:center;display:flex}.mistake-dot--filled{animation:2s ease-in-out infinite dotPulse}.mistake-dot--empty{animation:.5s ease-out dotLost}@keyframes dotPulse{0%,to{box-shadow:var(--xclues-dot-glow)}50%{box-shadow:var(--xclues-dot-glow)}}@keyframes dotLost{0%{opacity:1;transform:scale(1.3)}to{opacity:.6;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mistake-dot{animation:none}}
.feedback-modal{padding:var(--xclues-spacing-6);gap:var(--xclues-spacing-4);flex-direction:column;display:flex}.feedback-modal__stars{justify-content:center;gap:var(--xclues-spacing-2);display:flex}.feedback-modal__star{cursor:pointer;color:var(--xclues-text-tertiary);padding:var(--xclues-spacing-1);min-width:44px;min-height:44px;transition:color var(--xclues-duration-fast) ease, transform var(--xclues-duration-fast) ease;background:0 0;border:none;font-size:2rem;line-height:1}.feedback-modal__star:hover{transform:scale(1.1)}.feedback-modal__star--selected{color:var(--xclues-yellow)}.feedback-modal__comment{width:100%;font-family:inherit;font-size:var(--xclues-font-size-base);padding:var(--xclues-spacing-3);border-radius:var(--xclues-border-radius-sm);border:1px solid var(--xclues-header-border);background:var(--xclues-card-bg);color:var(--xclues-text-primary);resize:vertical;min-height:80px}.feedback-modal__comment:focus{outline:var(--xclues-focus-ring-style) var(--xclues-focus-ring-color);outline-offset:2px}.feedback-modal__actions{justify-content:flex-end;gap:var(--xclues-spacing-2);display:flex}