.item-tile.xcard{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:var(--xclues-border-radius);min-width:44px;min-height:44px;box-shadow:var(--xclues-card-shadow);background:var(--xclues-card-bg);-webkit-backdrop-filter:blur(var(--xclues-blur-md));border:1px solid var(--xclues-primary-6);transition:transform var(--xclues-transition), box-shadow var(--xclues-transition), background var(--xclues-transition), border-color var(--xclues-transition)}.item-tile.xcard.xcard--shake,.item-tile.xcard.xcard--jump{transition:none}.item-tile.xcard:hover{box-shadow:var(--xclues-card-shadow-hover);background:var(--xclues-card-bg-hover);border-color:var(--xclues-primary-15);transform:translateY(-3px)scale(1.03)}.item-tile.xcard[aria-pressed=true]{background:var(--xclues-card-selected);color:var(--xclues-card-selected-text);box-shadow:var(--xclues-card-shadow-selected);border-color:#0000;transform:scale(1.04)}.item-tile.xcard[aria-pressed=true] *{color:var(--xclues-card-selected-text)}.item-tile.xcard[aria-pressed=true]:hover{box-shadow:var(--xclues-card-shadow-selected), var(--xclues-glow);transform:scale(1.06)}.item-tile:focus{outline:none}.item-tile:focus-visible{outline:var(--xclues-focus-ring-style,3px solid) var(--xclues-focus-ring-color,var(--xclues-primary));outline-offset:2px;z-index:1}.item-tile-content{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.item-tile .xcard__body{padding:var(--xclues-spacing-2);overflow:hidden}@media (min-width:640px){.item-tile .xcard__body{padding:var(--xclues-spacing-3)}}@media (min-width:1025px){.item-tile .xcard__body{padding:var(--xclues-spacing-4)}}.item-tile--long .xcard__body,.item-tile--very-long .xcard__body{padding:0}.item-tile .xtext{font-weight:var(--xclues-font-weight-semibold);overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;text-align:center;width:100%;overflow:hidden}.item-tile.xcard:active:not(.xcard--shake):not(.xcard--jump){transform:scale(.96)}@media (prefers-reduced-motion:reduce){.item-tile.xcard{transition:none}.item-tile.xcard:hover,.item-tile.xcard:active,.item-tile.xcard[aria-pressed=true]{transform:none}}
.stats-container{justify-content:space-around;gap:var(--xclues-spacing-4);padding-left:var(--xclues-spacing-5);padding-right:var(--xclues-spacing-5);padding-top:var(--xclues-spacing-2);-webkit-backdrop-filter:blur(var(--xclues-blur-md));display:flex}.stat-item{align-items:center;gap:var(--xclues-spacing-1);flex-direction:column;min-width:70px;display:flex}.stat-number{font-size:var(--xclues-font-size-3xl);line-height:1;font-weight:var(--xclues-font-weight-extrabold);background:linear-gradient(135deg, var(--xclues-primary) 0%, var(--xclues-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{font-size:var(--xclues-font-size-xs);font-weight:var(--xclues-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--xclues-tracking-wide);color:var(--xclues-text-tertiary);text-align:center;line-height:1.3}
.game-result-display{flex-direction:column;align-items:center;gap:2px;display:flex}.guess-row{gap:var(--xclues-spacing-2);display:flex}.guess-square{border-radius:var(--xclues-border-radius-xs);width:36px;height:36px;box-shadow:var(--xclues-shadow-sm);animation:.3s ease-out both squareAppear}.guess-row:first-child .guess-square{animation-delay:50ms}.guess-row:nth-child(2) .guess-square{animation-delay:.15s}.guess-row:nth-child(3) .guess-square{animation-delay:.25s}.guess-row:nth-child(4) .guess-square{animation-delay:.35s}.guess-row:nth-child(5) .guess-square{animation-delay:.45s}.guess-row:nth-child(6) .guess-square{animation-delay:.55s}.guess-row:nth-child(7) .guess-square{animation-delay:.65s}.guess-row:nth-child(8) .guess-square{animation-delay:.75s}@keyframes squareAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.guess-square--yellow{background-color:var(--xclues-yellow);background-image:none}.guess-square--green{background-color:var(--xclues-green);background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff4d 3px 5px)}.guess-square--blue{background-color:var(--xclues-blue);background-image:radial-gradient(circle,#ffffff59 1.5px,#0000 1.5px);background-size:8px 8px}.guess-square--purple{background-color:var(--xclues-purple);background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff4d 3px 5px),repeating-linear-gradient(-45deg,#0000,#0000 3px,#ffffff4d 3px 5px)}@media (min-width:640px){.guess-square{border-radius:var(--xclues-border-radius-sm);width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.guess-square{animation:none}}
.countdown-container{flex-direction:column;line-height:1.1;display:flex}.countdown-time{font-variant-numeric:tabular-nums;letter-spacing:var(--xclues-tracking-wider);font-size:var(--xclues-font-size-xl);font-weight:var(--xclues-font-weight-bold);background:linear-gradient(135deg, var(--xclues-primary) 0%, var(--xclues-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite countdownPulse}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.countdown-time{animation:none}}
.results-panel{justify-content:center;align-items:center;gap:var(--xclues-spacing-3);min-height:var(--grid-total-height);flex-direction:column;flex:1;display:flex}.results-panel__heading{font-size:var(--xclues-font-size-xl);font-weight:var(--xclues-font-weight-extrabold);background:linear-gradient(135deg, var(--xclues-primary) 0%, var(--xclues-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.results-panel__actions{align-items:center;gap:var(--xclues-spacing-3);display:flex}.results-panel__share-btn-content{align-items:center;gap:.25rem;display:flex}@media (min-width:640px){.results-panel__heading{font-size:var(--xclues-font-size-2xl)}}.results-panel__view-toggle{all:unset;cursor:pointer;color:var(--xclues-text-secondary);font-size:var(--xclues-font-size-sm);text-underline-offset:2px;text-decoration:underline}.results-panel__view-toggle:hover{color:var(--xclues-text-primary)}