#headerText{flex-shrink:0;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);position:relative;touch-action:manipulation;transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast);user-select:none;-webkit-user-select:none}#headerText:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}#headerText:active{-webkit-transform:scale(.98);transform:scale(.98)}.header-logo{display:block;height:auto;width:280px}.game-view #headerText{margin:var(--space-xs) 0;padding:var(--space-xs) var(--space-sm)}.game-view .header-logo{width:200px}@media (max-width:400px){#headerText{margin-bottom:var(--space-md)}.header-logo{width:220px}.game-view .header-logo{width:180px}}.menuButton{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,var(--color-bg-card) 0,var(--color-surface) 100%);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:600;justify-content:center;margin:var(--space-sm) 0;max-width:280px;padding:var(--space-md) var(--space-xl);touch-action:manipulation;transition:all var(--transition-base);width:100%}@media (hover:hover){.menuButton:hover{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-bg-card) 100%);border-color:var(--color-accent);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.menuButton:active{box-shadow:var(--shadow-sm);-webkit-transform:translateY(0);transform:translateY(0)}.menuButton.dailyChallenge{background:linear-gradient(135deg,#097,#35a8a0);border-color:#097;color:var(--color-bg-primary)}@media (hover:hover){.menuButton.dailyChallenge:hover{background:linear-gradient(135deg,var(--color-accent) 0,#4ecdc4 100%);border-color:var(--color-accent);box-shadow:var(--shadow-glow)}}@media (min-width:640px){.menuButton{font-size:var(--font-size-xl);max-width:320px;padding:var(--space-lg) var(--space-2xl)}}#formContainer{background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-lg);width:100%}#setupForm{gap:var(--space-md)}#setupForm,.formComponent{display:flex;flex-direction:column}.formComponent{gap:var(--space-xs)}.formComponent label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.formComponent input[type=number],.formComponent select{-webkit-appearance:none;appearance:none;background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);width:100%}.formComponent input[type=number]:focus,.formComponent select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.formComponent select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23a0a0b8' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--space-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--space-2xl)}.formComponent select option{background:var(--color-bg-card);color:var(--color-text-primary)}#submitButton{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#4ecdc4 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-bg);display:flex;font-size:var(--font-size-lg);font-weight:600;justify-content:center;margin-top:var(--space-sm);min-height:48px;padding:var(--space-md) var(--space-lg);touch-action:manipulation;transition:all var(--transition-base);width:100%}#submitButton.clickable:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0,#5fd4cc 100%);box-shadow:0 0 25px var(--color-accent-glow);cursor:pointer;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#submitButton.clickable:active{box-shadow:var(--shadow-sm);-webkit-transform:translateY(0);transform:translateY(0)}#submitButton:disabled{cursor:not-allowed;opacity:.7}.help-tooltip-wrapper{margin-left:var(--space-sm);position:relative}.help-icon,.help-tooltip-wrapper{align-items:center;display:inline-flex}.help-icon{-webkit-tap-highlight-color:transparent;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;font-size:11px;font-weight:700;height:17px;justify-content:center;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;width:17px}.help-icon:hover{background:rgba(0,212,170,.1);border-color:var(--color-accent);color:var(--color-accent)}.help-tooltip-content{-webkit-animation:tooltipFadeIn var(--transition-fast) ease;animation:tooltipFadeIn var(--transition-fast) ease;background:var(--color-bg-elevated);border:1px solid rgba(0,212,170,.3);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1),0 0 20px rgba(0,212,170,.15);color:var(--color-text-primary);font-size:13px;font-weight:400;left:50%;line-height:1.4;max-width:250px;padding:var(--space-sm) var(--space-md);pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:1000}.help-tooltip-content:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(0,212,170,.3);top:100%}.help-tooltip-content:after,.help-tooltip-content:before{content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.help-tooltip-content:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-bg-elevated);-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));top:calc(100% - 1px)}@-webkit-keyframes tooltipFadeIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-4px);transform:translateX(-50%) translateY(-4px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-4px);transform:translateX(-50%) translateY(-4px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.advancedSettingsToggle,.formComponent label{align-items:center;display:flex}.advancedSettingsToggle{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-sm);padding:var(--space-sm) 0;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.advancedSettingsToggle:hover{color:var(--color-accent)}.advancedSettingsArrow{display:inline-block;font-size:10px;transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.advancedSettingsArrow.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.advancedSettings{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-sm);padding:var(--space-md)}@media (min-width:640px){#formContainer{max-width:500px;padding:var(--space-xl)}.formComponent{align-items:center;flex-direction:row;gap:var(--space-md);justify-content:space-between}.formComponent label{flex:1 1;margin-bottom:0}.formComponent input[type=number],.formComponent select{flex:1 1;max-width:50%}#setupForm>.formComponent:last-child{flex-direction:column}#setupForm>.formComponent:last-child #submitButton{max-width:100%}.help-tooltip-content{max-width:280px}}#lobbyComponent{align-items:center;background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:400px;padding:var(--space-lg);width:100%}#formComponent{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);width:100%}#formComponent input{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}#formComponent input::-webkit-input-placeholder{color:var(--color-text-muted)}#formComponent input::placeholder{color:var(--color-text-muted)}#formComponent input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}#formComponent input:disabled{cursor:not-allowed;opacity:.5}#formComponent button{background:linear-gradient(135deg,var(--color-accent) 0,#4ecdc4 100%);border:none;border-radius:var(--radius-md);color:var(--color-bg);font-size:var(--font-size-base);font-weight:600;padding:var(--space-sm) var(--space-lg);touch-action:manipulation;transition:all var(--transition-fast);white-space:nowrap}#formComponent button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-hover) 0,#5fd4cc 100%);box-shadow:0 0 15px var(--color-accent-glow)}#formComponent button:disabled{cursor:not-allowed;opacity:.5}#playerListComponent{text-align:center;width:100%}#playerListTitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-sm)}#playerList{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);min-height:60px;padding:var(--space-sm)}.playerListItem{border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;padding:var(--space-sm) var(--space-md);transition:background var(--transition-fast)}.playerListItem:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.05)}#startGameButton{background:linear-gradient(135deg,var(--color-accent) 0,#4ecdc4 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-bg);font-size:var(--font-size-lg);font-weight:600;margin-top:var(--space-lg);min-height:48px;padding:var(--space-md) var(--space-lg);touch-action:manipulation;transition:all var(--transition-base);width:100%}#startGameButton:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0,#5fd4cc 100%);box-shadow:0 0 25px var(--color-accent-glow);cursor:pointer;-webkit-transform:translateY(-1px);transform:translateY(-1px)}#startGameButton:active{box-shadow:var(--shadow-sm);-webkit-transform:translateY(0);transform:translateY(0)}@media (min-width:640px){#lobbyComponent{max-width:450px;padding:var(--space-xl)}}#textFlash{font-weight:800;left:50%;pointer-events:none;position:fixed;text-shadow:0 0 10px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3);top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden;white-space:nowrap;z-index:100}@-webkit-keyframes scoreFlash{0%{font-size:clamp(1.5rem,8vw,2.5rem);opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}30%{font-size:clamp(2.5rem,15vw,5rem);opacity:.95;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);visibility:visible}to{font-size:clamp(4rem,25vw,8rem);opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}}@keyframes scoreFlash{0%{font-size:clamp(1.5rem,8vw,2.5rem);opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}30%{font-size:clamp(2.5rem,15vw,5rem);opacity:.95;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);visibility:visible}to{font-size:clamp(4rem,25vw,8rem);opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}}.fontGrow.flashScore{-webkit-animation:scoreFlash .75s ease-out;animation:scoreFlash .75s ease-out;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 2px 4px rgba(0,0,0,.3)}@-webkit-keyframes errorFlash{0%{font-size:clamp(.875rem,4vw,1rem);opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}30%{font-size:clamp(1.25rem,6vw,1.75rem);opacity:.9;-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);visibility:visible}to{font-size:clamp(2rem,10vw,3.5rem);opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}}@keyframes errorFlash{0%{font-size:clamp(.875rem,4vw,1rem);opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}30%{font-size:clamp(1.25rem,6vw,1.75rem);opacity:.9;-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);visibility:visible}to{font-size:clamp(2rem,10vw,3.5rem);opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}}.fontGrow.notFlashScore{-webkit-animation:errorFlash .75s ease-out;animation:errorFlash .75s ease-out}#instruction{color:var(--color-text-secondary);flex-direction:column;flex-shrink:0;font-size:var(--font-size-sm);justify-content:center;line-height:1.2;margin-bottom:10px;max-width:var(--grid-max-size);padding:var(--space-xs) 0;width:100%}#instruction,#instruction .turnLine{align-items:center;display:flex;gap:var(--space-xs)}#instruction .turnLine{flex-direction:row;white-space:nowrap}#instruction .turnIndicator{color:var(--color-text-primary);font-weight:600}#instruction .playerName,#instruction .turnText{font-weight:700}#instruction .separator{color:var(--color-text-muted);flex-shrink:0}#instruction .prompt{color:var(--color-text-secondary);flex-shrink:1}#instruction .timer{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-accent);flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:700}#instruction .scoreDisplay{color:var(--color-accent);font-weight:600}#instruction .turnsDisplay{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text-primary);flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600}#instruction #countdown{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-accent);display:inline;font-variant-numeric:tabular-nums;font-weight:700;min-width:2ch}#instruction #countdown.warning{-webkit-animation:timerPulse .5s ease-in-out infinite;animation:timerPulse .5s ease-in-out infinite;color:var(--color-warning)}@-webkit-keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}#instruction.announcement{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:700;gap:var(--space-xs)}#instruction.announcement .winnerName{font-weight:700}#instruction .disconnectionNotifications{align-items:center;display:flex;flex-direction:column;gap:2px;margin-top:var(--space-xs)}#instruction .disconnectionNotice{-webkit-animation:warningPulse 2s ease-in-out infinite;animation:warningPulse 2s ease-in-out infinite;color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:var(--font-size-xs)}#instruction .disconnectedPlayerName{font-weight:700}@-webkit-keyframes warningPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.7}}@media (min-width:640px){#instruction{font-size:var(--font-size-base);gap:var(--space-sm)}#instruction .playerName{max-width:10ch}#instruction.announcement{font-size:var(--font-size-lg)}#instruction .disconnectionNotice{font-size:var(--font-size-sm)}}.outerBox{aspect-ratio:1;width:100%}.innerBox{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-card);border:2px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;position:relative;text-transform:uppercase;touch-action:manipulation;transition:all var(--transition-fast);user-select:none;-webkit-user-select:none;width:100%}.lockIndicator{letter-spacing:-2px;right:3px;top:2px}.lockIndicator,.turnOrderIndicator{font-size:.6rem;line-height:1;position:absolute}.turnOrderIndicator{align-items:center;background:rgba(0,0,0,.6);border:1.5px solid hsla(0,0%,100%,.8);border-radius:50%;display:flex;font-weight:700;height:14px;justify-content:center;right:-4px;top:-4px;width:14px}.innerBox:not(.inactive){cursor:pointer}@media (hover:hover){.innerBox:not(.playerBox):not(.inactive):hover{background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}}.innerBox:not(.inactive):active{-webkit-transform:scale(.95);transform:scale(.95)}.innerBox.inactive{border-color:hsla(0,0%,100%,.08);color:var(--color-text-muted);cursor:default;pointer-events:none}.innerBox.inactive:hover{-webkit-transform:none;transform:none}.innerBox.view-only{cursor:default;pointer-events:none}.innerBox.view-only:hover{-webkit-transform:none;transform:none}.innerBox.playerBox{border-color:transparent;box-shadow:var(--shadow-sm);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (hover:hover){.innerBox.opponentBox:not(.inactive):hover{border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.innerBox.playerBox:not(.opponentBox):not(.inactive):hover{border-color:hsla(0,0%,100%,.4);box-shadow:0 0 8px hsla(0,0%,100%,.2)}}.innerBox.shaking{-webkit-animation:volatileShake .4s ease-in-out infinite;animation:volatileShake .4s ease-in-out infinite}.innerBox.shaking:not(.playerBox){background:hsla(0,0%,100%,.08);border-color:hsla(0,100%,71%,.3)}@media (hover:hover){.innerBox:not(.inactive).shaking:not(.playerBox):hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,100%,71%,.5)}}@-webkit-keyframes volatileShake{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}25%{-webkit-transform:rotate(1.5deg) scale(1.02);transform:rotate(1.5deg) scale(1.02)}75%{-webkit-transform:rotate(-1.5deg) scale(1.02);transform:rotate(-1.5deg) scale(1.02)}}@keyframes volatileShake{0%,to{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}25%{-webkit-transform:rotate(1.5deg) scale(1.02);transform:rotate(1.5deg) scale(1.02)}75%{-webkit-transform:rotate(-1.5deg) scale(1.02);transform:rotate(-1.5deg) scale(1.02)}}.innerBox.inner-box{background:rgba(30,30,40,.6);border-color:hsla(0,0%,100%,.05);color:var(--color-text-muted)}.innerBox.disabled-edge{background:rgba(60,60,70,.4);border-color:hsla(0,0%,100%,.08);color:var(--color-text-muted)}@media (min-width:640px){.innerBox{font-size:1.75rem}.lockIndicator{font-size:.7rem}.turnOrderIndicator{font-size:.65rem;height:16px;right:-5px;top:-5px;width:16px}}@media (min-width:1024px){.innerBox{font-size:2rem}.lockIndicator{font-size:.8rem}.turnOrderIndicator{font-size:.7rem;height:18px;right:-6px;top:-6px;width:18px}}#grid{grid-gap:2px;--other-ui-height:310px;--available-height:calc(var(--viewport-height, 100vh) - var(--other-ui-height));--grid-size:max(180px,min(var(--grid-max-size),var(--available-height)));background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:grid;flex-shrink:0;gap:2px;grid-auto-flow:row;height:var(--grid-size);margin-bottom:var(--space-sm);overflow:hidden;padding:var(--space-xs);transition:all var(--transition-fast),height var(--transition-base),margin var(--transition-base),padding var(--transition-base);width:var(--grid-size)}#grid.collapsed{border-width:0;height:0;margin-bottom:0;opacity:0;padding-bottom:0;padding-top:0}#grid.inactive{opacity:.6}#grid.active{background:linear-gradient(135deg,rgba(0,212,170,.1),rgba(78,205,196,.05));border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.row{grid-gap:2px;display:grid;gap:2px;grid-auto-columns:1fr;grid-auto-flow:column}@media (min-width:640px){#grid{padding:var(--space-sm)}#grid,.row{gap:3px}}@media (min-width:1024px){#grid,.row{gap:4px}}#letterBank{background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);flex-shrink:0;margin-bottom:var(--space-sm);max-width:var(--grid-max-size);padding:var(--space-sm);transition:all var(--transition-fast);width:100%}#letterBank.inactive{opacity:.6}.letterBankTiles{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;min-height:40px}.letterBankTile{align-items:center;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.3);text-transform:uppercase;transition:opacity var(--transition-fast),-webkit-filter var(--transition-fast);transition:opacity var(--transition-fast),filter var(--transition-fast);transition:opacity var(--transition-fast),filter var(--transition-fast),-webkit-filter var(--transition-fast);user-select:none;-webkit-user-select:none;width:40px}.letterBankTile.used{-webkit-filter:grayscale(50%);filter:grayscale(50%);opacity:.3}@media (min-width:640px){#letterBank{padding:var(--space-sm) var(--space-md)}.letterBankTiles{gap:7px;min-height:44px}.letterBankTile{font-size:1.1rem;height:44px;width:44px}}@media (min-width:1024px){.letterBankTiles{gap:8px;min-height:48px}.letterBankTile{font-size:1.2rem;height:48px;width:48px}}#wordEntryContainer{align-items:center;display:flex;flex-shrink:0;gap:var(--space-sm);margin-bottom:var(--space-sm);max-width:var(--grid-max-size);width:100%}.wordEntryWrapper{flex:1 1;min-width:0;position:relative}#wordEntryContainer.inactive{opacity:.6}#wordEntryContainer.hidden{bottom:0;height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0}#wordEntryContainer.active #wordEntry{background:linear-gradient(135deg,rgba(0,212,170,.1),rgba(78,205,196,.05));border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}#wordEntry{background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;letter-spacing:.08em;padding:var(--space-xs) var(--space-md);text-align:center;text-transform:uppercase;transition:all var(--transition-fast);width:100%}#wordEntry::-webkit-input-placeholder{color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:400;letter-spacing:normal;text-transform:none}#wordEntry::placeholder{color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:400;letter-spacing:normal;text-transform:none}#wordEntry:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow);outline:none}#wordEntry:disabled{cursor:not-allowed}#wordEntry:not(:placeholder-shown){caret-color:var(--color-text-primary);color:transparent}.wordEntryOverlay{align-items:center;border:1px solid transparent;bottom:0;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:600;justify-content:center;left:0;letter-spacing:.08em;padding:var(--space-xs) var(--space-md);pointer-events:none;position:absolute;right:0;text-transform:uppercase;top:0}.wordEntryOverlay .valid-letter{color:var(--color-text-primary)}.wordEntryOverlay .invalid-letter{color:#f44}.wordEntryButton{-webkit-tap-highlight-color:transparent;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;font-size:var(--font-size-base);font-weight:600;padding:var(--space-xs) var(--space-sm);touch-action:manipulation;transition:all var(--transition-fast);white-space:nowrap}.wordEntryButton:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}.wordEntryButton:disabled{cursor:not-allowed;opacity:.5}.wordEntryButton.primary{background:linear-gradient(135deg,var(--color-accent) 0,#4ecdc4 100%);border:none;color:var(--color-bg)}.wordEntryButton.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-hover) 0,#5fd4cc 100%);box-shadow:0 0 15px var(--color-accent-glow)}.wordEntryButton.secondary{background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);color:var(--color-text-secondary)}.wordEntryButton.secondary:hover:not(:disabled){background:var(--color-bg-card);border-color:hsla(0,0%,100%,.2);color:var(--color-text-primary)}@media (min-width:640px){#wordEntry,.wordEntryOverlay{font-size:var(--font-size-lg);padding:var(--space-xs) var(--space-lg)}.wordEntryButton{font-size:var(--font-size-lg);padding:var(--space-xs) var(--space-md)}}.winning-score-info{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-xs);text-align:center}#scoreTable{display:grid;flex-shrink:0;margin-bottom:10px;max-width:var(--grid-max-size);width:100%}#scoreTable.players-2{grid-template-columns:1fr 1fr}#scoreTable.players-2 .score-cell:first-child{border-right:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-3,#scoreTable.players-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#scoreTable.players-3 .score-cell:first-child,#scoreTable.players-3 .score-cell:nth-child(2),#scoreTable.players-4 .score-cell:first-child,#scoreTable.players-4 .score-cell:nth-child(2){border-bottom:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-3 .score-cell:nth-child(odd),#scoreTable.players-4 .score-cell:nth-child(odd){border-right:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-5,#scoreTable.players-6{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}#scoreTable.players-5 .score-cell:nth-child(-n+4),#scoreTable.players-6 .score-cell:nth-child(-n+4){border-bottom:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-5 .score-cell:nth-child(odd),#scoreTable.players-6 .score-cell:nth-child(odd){border-right:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-7,#scoreTable.players-8{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}#scoreTable.players-7 .score-cell:nth-child(-n+6),#scoreTable.players-8 .score-cell:nth-child(-n+6){border-bottom:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-7 .score-cell:nth-child(odd),#scoreTable.players-8 .score-cell:nth-child(odd){border-right:1px solid hsla(0,0%,100%,.1)}.score-cell{align-items:center;display:flex;flex-direction:row;font-size:var(--font-size-base);gap:var(--space-xs);justify-content:center;min-width:0;padding:var(--space-xs) var(--space-sm);text-align:center}.score-cell .player-name{font-weight:600}.score-cell .player-score{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text-primary);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.score-cell .player-name:after{color:var(--color-text-muted);content:":";margin-left:1px}.score-cell.removed{opacity:.5}.score-cell.removed .player-score{color:#666;color:var(--color-text-muted,#666)}@media (min-width:640px){.score-cell{font-size:var(--font-size-lg);gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.score-cell .player-name{max-width:12ch}.score-cell .player-score{font-size:1.5rem}#scoreTable.players-5,#scoreTable.players-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}#scoreTable.players-5 .score-cell:nth-child(-n+4),#scoreTable.players-6 .score-cell:nth-child(-n+4){border-bottom:none}#scoreTable.players-5 .score-cell:nth-child(odd),#scoreTable.players-6 .score-cell:nth-child(odd){border-right:none}#scoreTable.players-5 .score-cell:nth-child(-n+3),#scoreTable.players-6 .score-cell:nth-child(-n+3){border-bottom:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-5 .score-cell:nth-child(3n+1),#scoreTable.players-5 .score-cell:nth-child(3n+2),#scoreTable.players-6 .score-cell:nth-child(3n+1),#scoreTable.players-6 .score-cell:nth-child(3n+2){border-right:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-7,#scoreTable.players-8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}#scoreTable.players-7 .score-cell:nth-child(-n+6),#scoreTable.players-8 .score-cell:nth-child(-n+6){border-bottom:none}#scoreTable.players-7 .score-cell:nth-child(odd),#scoreTable.players-8 .score-cell:nth-child(odd){border-right:none}#scoreTable.players-7 .score-cell:nth-child(-n+4),#scoreTable.players-8 .score-cell:nth-child(-n+4){border-bottom:1px solid hsla(0,0%,100%,.1)}#scoreTable.players-7 .score-cell:nth-child(4n+1),#scoreTable.players-7 .score-cell:nth-child(4n+2),#scoreTable.players-7 .score-cell:nth-child(4n+3),#scoreTable.players-8 .score-cell:nth-child(4n+1),#scoreTable.players-8 .score-cell:nth-child(4n+2),#scoreTable.players-8 .score-cell:nth-child(4n+3){border-right:1px solid hsla(0,0%,100%,.1)}}#gameContainer{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:var(--container-max);min-height:0;overflow:hidden;width:100%}.statusCard{background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-base);padding:var(--space-lg);text-align:center}.dailyContent{max-width:var(--container-max);width:100%}.dailyPlayButton{background:var(--color-accent);border:none;border-radius:var(--radius-md);color:var(--color-bg);cursor:pointer;display:block;font-size:var(--font-size-lg);font-weight:600;margin:var(--space-md) auto 0;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.dailyPlayButton:hover{background:var(--color-accent-hover)}.dateNavigation{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.dateTitle{flex:1 1;font-size:var(--font-size-lg);font-weight:600;text-align:center}.dateTitle,.navArrow{color:var(--color-text-primary)}.navArrow{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-surface);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.navArrow:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-accent)}.navArrow:disabled{cursor:not-allowed;opacity:.3}.leaderboard{margin-bottom:var(--space-lg)}.leaderboardTable{background:var(--color-bg-elevated);border-collapse:collapse;table-layout:fixed;width:100%}#pinnedRow{margin-top:var(--space-md)}.leaderboardTable td,.leaderboardTable th{overflow:hidden;padding:var(--space-sm) var(--space-md);text-align:left;text-overflow:ellipsis;white-space:nowrap}.leaderboardTable td{height:44px;vertical-align:middle}.leaderboardTable th{background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.leaderboardTable tbody tr{border-bottom:1px solid var(--color-surface);transition:background var(--transition-fast)}.leaderboardTable tbody tr:last-child{border-bottom:none}.leaderboardTable tbody tr:hover{background:var(--color-surface)}.leaderboardTable tbody tr.ownEntry{background:rgba(0,212,170,.15)}.leaderboardTable tbody tr.ownEntry:hover{background:rgba(0,212,170,.25)}.rankCell{color:var(--color-accent);font-weight:600;width:80px}.nameCell{font-weight:500}.scoreCell{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right;width:100px}.pagination{align-items:center;display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-md)}.paginationButton{background:var(--color-bg-elevated);border:1px solid var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-fast)}.paginationButton:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-accent)}.paginationButton:disabled{cursor:not-allowed;opacity:.3}.paginationInfo{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.leaderboardEmpty,.leaderboardPlaceholder{background:var(--color-bg-elevated);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.errorMessage,.loadingMessage{padding:var(--space-sm);text-align:center}.errorMessage{color:var(--color-error)}.wordsPlayed{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-sm);width:var(--grid-max-size);word-break:break-word}.bonusWord{color:var(--color-accent);font-weight:600}.selectedBox{box-shadow:0 0 0 3px var(--color-accent)}.endGameContent{max-width:var(--container-max);text-align:center}.scoreAnnouncement{color:var(--color-accent);font-size:var(--font-size-2xl);font-weight:700}.nameEntry label{color:var(--color-text-secondary);display:block;margin:var(--space-sm)}.nameEntry input{background:var(--color-bg-elevated);border:2px solid var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-lg);max-width:300px;padding:var(--space-md);text-align:center;transition:border-color var(--transition-fast);width:100%}.nameEntry input:focus{border-color:var(--color-accent);outline:none}.lockedName{background:var(--color-bg-elevated);border:2px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);display:inline-block;font-size:var(--font-size-lg);font-weight:600;padding:var(--space-md)}.endGameButtons{align-items:center;flex-direction:column}.dailyModal{align-items:center;-webkit-animation:modalFadeIn .2s ease-out;animation:modalFadeIn .2s ease-out;background:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.dailyModalCard{-webkit-animation:modalSlideIn .2s ease-out;animation:modalSlideIn .2s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-surface);border-radius:var(--radius-lg);max-width:320px;padding:var(--space-lg);text-align:center;width:100%}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(-10px);transform:scale(.95) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(-10px);transform:scale(.95) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.modalScore{color:var(--color-accent);font-size:var(--font-size-2xl);font-weight:700;margin:0}.modalSubtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:var(--space-md)}.dailyModalCard .menuButton{font-size:var(--font-size-sm);min-width:80px;padding:var(--space-md)}.menuButton.secondary{background:transparent;border:2px solid var(--color-surface);color:var(--color-text-secondary)}@media (hover:hover){.menuButton.secondary:hover{background:rgba(0,212,170,.1);border-color:var(--color-accent);color:var(--color-text-primary)}}.visibilityToggle{margin:var(--space-sm) 0}.visibilityToggle>label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.radioGroup{display:flex;gap:var(--space-md);justify-content:center}.radioOption{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-surface);border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.radioOption input[type=radio]{display:none}.radioOption.selected,.radioOption:hover{border-color:var(--color-accent)}.radioOption.selected{background:rgba(0,212,170,.15);color:var(--color-accent)}.viewCell{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important;text-align:center;width:40px}.viewIcon{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);height:28px;justify-content:center;line-height:1;transition:all var(--transition-fast);width:28px}.viewIcon:hover{-webkit-filter:brightness(1.3) saturate(1.5);filter:brightness(1.3) saturate(1.5);-webkit-transform:scale(1.15);transform:scale(1.15)}.gameViewContent{max-width:var(--container-max);width:100%}.gameViewInfoBar{gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.gameViewInfo,.gameViewInfoBar{align-items:center;display:flex}.gameViewInfo{flex-direction:column;gap:2px}.gameViewLabel{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.gameViewValue{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600}.gameViewScore{color:var(--color-accent)}.nearMissHint{border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5;margin-top:var(--space-sm);max-width:var(--grid-max-size);padding:var(--space-sm) var(--space-md)}.nearMissSuccess{background:rgba(0,212,170,.15);border:1px solid rgba(0,212,170,.3);color:var(--color-accent)}.nearMissMissed{background:rgba(255,193,7,.15);border:1px solid rgba(255,193,7,.3);color:#ffc107}.nearMissImpossible{background:var(--color-bg-elevated);border:1px solid var(--color-surface);color:var(--color-text-muted)}.restartSection{text-align:center}.gameButtons{display:flex;gap:var(--space-sm);justify-content:center}.restartButton,.undoButton{font-size:var(--font-size-sm);margin-top:0;padding:var(--space-sm) var(--space-md)}.restartConfirm{align-items:center;display:flex;gap:var(--space-sm);justify-content:center}.restartPrompt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.restartConfirmButton{flex:1 1;font-size:var(--font-size-sm);margin:0;min-width:60px;padding:var(--space-sm) var(--space-md)}.tutorialOverlay{align-items:center;-webkit-animation:tutorialFadeIn .2s ease-out;animation:tutorialFadeIn .2s ease-out;background:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}@-webkit-keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}.tutorialCard{-webkit-animation:tutorialSlideIn .2s ease-out;animation:tutorialSlideIn .2s ease-out;background:var(--color-bg-elevated);border:1px solid var(--color-surface);border-radius:var(--radius-lg);max-width:320px;padding:var(--space-lg);text-align:center;width:100%}@-webkit-keyframes tutorialSlideIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(-10px);transform:scale(.95) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes tutorialSlideIn{0%{opacity:0;-webkit-transform:scale(.95) translateY(-10px);transform:scale(.95) translateY(-10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.tutorialTitle{color:var(--color-accent);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-md) 0}.tutorialBody{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--space-lg) 0;white-space:pre-line}.tutorialButton{min-width:120px}.optionsLink{color:inherit;cursor:pointer;text-decoration:underline}.optionsList{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-md)}:root{--color-bg:#0f0f1a;--color-bg-elevated:#1a1a2e;--color-bg-card:#252542;--color-surface:#2d2d4a;--color-text-primary:#fff;--color-text-secondary:#a0a0b8;--color-text-muted:#6b6b80;--color-accent:#00d4aa;--color-accent-hover:#00f5c4;--color-accent-glow:rgba(0,212,170,.4);--color-warning:#ff6b6b;--color-success:#00d4aa;--color-error:#ff4757;--color-player-1:#ff6b6b;--color-player-2:#4ecdc4;--color-player-3:#a66cff;--color-player-4:#ffd93d;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:clamp(0.7rem,2.5vw,0.75rem);--font-size-sm:clamp(0.8rem,3vw,0.875rem);--font-size-base:clamp(0.9rem,3.5vw,1rem);--font-size-lg:clamp(1rem,4vw,1.125rem);--font-size-xl:clamp(1.1rem,4.5vw,1.25rem);--font-size-2xl:clamp(1.25rem,5vw,1.5rem);--font-size-3xl:clamp(1.5rem,6vw,2rem);--font-size-4xl:clamp(2rem,8vw,3rem);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--container-max:500px;--grid-max-size:min(90vw,400px)}@media (min-width:640px){:root{--grid-max-size:min(80vw,450px)}}@media (min-width:1024px){:root{--grid-max-size:500px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px;overflow-y:scroll}body.game-active,html.game-active{height:100vh;height:var(--viewport-height,100vh);left:0;overflow:hidden;overscroll-behavior:none;position:fixed;top:0;width:100%}body{background:#0f0f1a;background:var(--color-bg);color:#fff;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:clamp(.9rem,3.5vw,1rem);font-size:var(--font-size-base);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden}body:before{background:radial-gradient(ellipse at 20% 20%,rgba(0,212,170,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(78,205,196,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(166,108,255,.04) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{list-style:none}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}#container{align-items:center;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:1rem;padding:var(--space-md);padding-bottom:env(safe-area-inset-bottom,1rem);padding-bottom:env(safe-area-inset-bottom,var(--space-md))}#container.game-view{height:100vh;height:var(--viewport-height,100vh);max-height:100vh;max-height:var(--viewport-height,100vh);min-height:0;overflow:hidden;padding:.25rem;padding:var(--space-xs);padding-bottom:env(safe-area-inset-bottom,.25rem);padding-bottom:env(safe-area-inset-bottom,var(--space-xs))}.share-container{flex-direction:column;margin-bottom:var(--space-lg)}.share-button,.share-container{align-items:center;display:flex}.share-button{background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.3);border-radius:var(--radius-full);color:var(--color-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.share-button:hover{background:rgba(0,212,170,.2);border-color:var(--color-accent)}.share-icon{font-size:var(--font-size-base)}.lobby-settings-summary{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-xs);justify-content:center;line-height:1.4;margin-bottom:var(--space-lg);text-align:center;width:100%}.setting{border:1px solid var(--color-text-muted);border-radius:var(--radius-md);padding:var(--space-sm)}.setting-icon{color:var(--color-accent)}.settings-group{align-items:center;display:inline-flex;gap:var(--space-xs);white-space:nowrap}#actionFeed{flex:1 1;flex-direction:column;max-width:var(--grid-max-size);min-height:0;position:relative;width:100%}#actionFeed,.feedContent{display:flex;overflow:hidden}.feedContent{flex-direction:column;gap:var(--space-xs);padding-top:var(--space-xs)}.feedEntry{-webkit-animation:slideIn .3s ease-out forwards;animation:slideIn .3s ease-out forwards;color:var(--color-text-secondary);font-size:var(--font-size-sm);opacity:0;text-align:center;-webkit-transform:translateY(-10px);transform:translateY(-10px)}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.feedEntry .playerName{font-weight:600}.feedEntry .points,.feedEntry .word{color:var(--color-accent);font-weight:600}.feedFade{background:linear-gradient(to bottom,transparent 0,var(--color-bg) 100%);bottom:0;height:40px;left:0;pointer-events:none;position:absolute;right:0}@media (min-width:640px){.feedEntry{font-size:var(--font-size-base)}.feedFade{height:50px}}.helpContent{background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--space-lg);width:100%}.helpSection{margin-bottom:var(--space-xl)}.helpSection:last-child{margin-bottom:0}.helpTitle{border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--color-accent);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.helpText{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7}.helpText strong{color:var(--color-text-primary);font-weight:600}.helpList{flex-direction:column;margin-top:var(--space-md)}.helpList,.helpList li{display:flex;gap:var(--space-md)}.helpList li{align-items:flex-start;background:var(--color-bg-card);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;padding:var(--space-md)}.helpIcon{flex-shrink:0;font-size:var(--font-size-xl)}.helpList a{color:var(--color-accent);text-decoration:underline}.helpList a:hover{color:var(--color-text-primary)}@media (min-width:640px){.helpContent{max-width:600px;padding:var(--space-xl)}.helpList li{font-size:var(--font-size-base)}}.endGameContent{align-items:center;background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:500px;padding:var(--space-lg);width:100%}.endGameSection{text-align:center;width:100%}.endGameTitle{color:var(--color-accent);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-md)}.winnerAnnouncement{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.winnerName{font-size:var(--font-size-3xl);font-weight:800}.winnerLabel{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.finalScoreTable{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.finalScoreRow{align-items:center;background:var(--color-bg-card);border-radius:var(--radius-md);display:flex;padding:var(--space-md)}.playerRank{color:var(--color-text-muted);flex-shrink:0;font-size:var(--font-size-lg);font-weight:700;text-align:center;width:2rem}.playerName{flex:1 1;font-size:var(--font-size-base);font-weight:600;margin-left:var(--space-sm);text-align:left}.playerFinalScore{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text-primary);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:700}.finalScoreRow.removed{opacity:.5}.finalScoreRow.removed .playerFinalScore{color:var(--color-text-muted)}.endGameButtons{align-items:stretch;flex-direction:row;gap:var(--space-md);width:100%}.endGameButtons,.rematchButton{display:flex;justify-content:center}.rematchButton{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#4ecdc4 100%);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-bg);cursor:pointer;flex-direction:column;font-size:var(--font-size-base);font-weight:600;height:60px;padding:var(--space-sm) var(--space-md);transition:all .2s ease;width:140px}.rematchButton:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-hover) 0,#5fd4cc 100%);box-shadow:0 0 30px var(--color-accent-glow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.rematchButton:active:not(:disabled){box-shadow:var(--shadow-sm);-webkit-transform:translateY(0);transform:translateY(0)}.rematchButton:disabled{cursor:default;opacity:.7}.rematchButtonText{font-size:var(--font-size-base);font-weight:600}.rematchButtonSubtext{font-size:var(--font-size-sm);font-weight:400;margin-top:var(--space-xs);opacity:.9}.rematchError{color:#dc2626;font-size:var(--font-size-sm);text-align:center}.endGameButtons .menuButton{height:60px;width:140px}.awardsSection{width:100%}.awardsGrid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.awardPanel{align-items:center;background:var(--color-bg-card);border:1px solid transparent;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:var(--space-xs);padding:var(--space-md);position:relative;text-align:center;transition:all .2s ease}@media (hover:hover){.awardPanel:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);box-shadow:0 4px 12px rgba(0,212,170,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.awardPanel:hover .awardTapHint{display:none}}.awardPanel:active{-webkit-transform:translateY(0);transform:translateY(0)}.awardTapHint{color:var(--color-text-muted);font-size:.6rem;letter-spacing:.05em;opacity:.7;position:absolute;right:var(--space-xs);text-transform:uppercase;top:var(--space-xs)}@media (hover:hover){.awardTapHint{display:none}}.awardEmoji{font-size:var(--font-size-2xl)}.awardTitle{font-size:var(--font-size-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.awardSubtitle,.awardTitle{color:var(--color-text-muted)}.awardSubtitle{font-size:var(--font-size-xs);margin-top:calc(var(--space-xs)*-1)}.awardWinners{font-size:var(--font-size-base);font-weight:600}.awardDetail{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.awardDetailView{display:flex;flex-direction:column;width:100%}.awardDetailBack{align-self:flex-start;background:transparent;border:1px solid var(--color-text-muted);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.awardDetailBack:hover{border-color:var(--color-accent);color:var(--color-accent)}.awardDetailHeader{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:25px}.awardDetailEmoji{font-size:var(--font-size-3xl)}.awardDetailTitle{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.awardDetailSubtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.awardDetailContent{overflow-x:auto;width:100%}.awardDetailTable{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.awardDetailTable th{border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-sm);text-align:left;text-transform:uppercase}.awardDetailTable td{border-bottom:1px solid hsla(0,0%,100%,.05);padding:var(--space-sm);text-align:left}.awardDetailTable tbody tr:hover{background:hsla(0,0%,100%,.03)}.awardDetailTable .rankCell{color:var(--color-text-muted);font-weight:600;width:2rem}.awardDetailTable .wordCell{font-family:monospace;font-family:var(--font-mono,monospace);font-weight:600;letter-spacing:.05em}.awardDetailTable .countCell,.awardDetailTable .lengthCell,.awardDetailTable .timeCell,.awardDetailTable .turnsCell{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.awardDetailTable .playerCell{font-weight:600}@media (min-width:640px){.endGameContent{max-width:500px;padding:var(--space-xl)}.winnerName{font-size:var(--font-size-4xl)}.finalScoreRow{padding:var(--space-md) var(--space-lg)}.endGameButtons .menuButton,.rematchButton{height:70px;width:160px}.awardDetailTable{font-size:var(--font-size-base)}.awardDetailTable td,.awardDetailTable th{padding:var(--space-sm) var(--space-md)}}
/*# sourceMappingURL=main.d22acb9e.css.map*/