:root{--color-bg: #f9f6ef;--color-primary: #1e3a2e;--color-primary-light: #1e5233;--color-accent: #c19b00;--color-accent-hover: #a68000;--color-card: #f5f2e8;--color-input: #f0ebe0;--color-text: #1e3a2e;--color-text-secondary: #6b7280;--color-text-inverse: #f5f2e8;--color-border: #e6e0d3;--color-success: #16a34a;--color-error: #dc2626;--color-warning: #f59e0b;--color-info: #2563eb;--color-danger-bonus: #f59e0b;--color-critical-bonus: #dc2626;--color-gold: #fbbf24;--color-silver: #9ca3af;--color-bronze: #f97316;--color-sudo-green: #2d7a4a;--color-sudo-yellow: #ffc947;--color-sudo-orange: #ff6b6b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-family-display: "Times New Roman", serif;--font-size-xs: .625rem;--font-size-sm: .6875rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem;--radius: .5rem;--radius-sm: .25rem;--radius-lg: .75rem;--radius-full: 50%;--sidebar-width: 20rem;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .1);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .15);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .2);--shadow-xl: 0 1.25rem 3.125rem rgba(0, 0, 0, .35);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-elevated: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 2000;--tile-size: 1fr;--board-gap: .625rem;--board-cols: 4;--bank-size: 4.5rem;--preview-tile-size: 2.25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);-webkit-user-select:none;user-select:none;line-height:1.5}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-inverse{color:var(--color-text-inverse)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.display{font-family:var(--font-family-display)}.game-container{width:100%;max-width:100%;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--spacing-xl)}.game-title{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);font-style:italic;letter-spacing:.0625rem;font-family:var(--font-family-display)}.subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:500}.header{text-align:center;margin-bottom:var(--spacing-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.invisible{visibility:hidden}.visible{visibility:visible}.bg-card{background:var(--color-card)}.bg-input{background:var(--color-input)}.bg-primary{background:var(--color-primary-light)}.bg-accent{background:var(--color-accent)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}@media(max-width:37.5rem){body,.game-container{padding:var(--spacing-md)}.game-title{font-size:var(--font-size-4xl)}.subtitle{font-size:var(--font-size-base)}}.app-layout{display:flex;min-height:100vh;width:100%;position:relative}body:has(.app-layout){padding:0;justify-content:flex-start}.sidebar-menu{width:var(--sidebar-width);min-width:0;flex-shrink:0;background:var(--color-card);border-right:.0625rem solid var(--color-border);padding:var(--spacing-2xl);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;position:sticky;top:0;height:100vh;transition:width var(--transition-fast),padding var(--transition-fast),opacity var(--transition-fast)}@media(min-width:48.0625rem){.sidebar-menu{flex:0 0 var(--sidebar-width)}}.sidebar-menu::-webkit-scrollbar{display:none}@media(min-width:48.0625rem){.app-layout.menu-collapsed .sidebar-menu{width:0;padding:0;border-right:0;opacity:0;pointer-events:none}}.menu-handle{position:fixed;top:50%;left:var(--sidebar-width);transform:translate(-50%,-50%);width:1.75rem;height:3.5rem;border:.125rem solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:120;transition:background var(--transition-fast),border-color var(--transition-fast),left var(--transition-fast)}.menu-handle:hover{border-color:var(--color-accent);background:var(--color-input)}.app-layout.menu-collapsed .menu-handle{left:1rem}.sidebar-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:.0625rem solid var(--color-border)}.sidebar-header .game-title{width:100%;font-size:clamp(2.75rem,4vw,4.25rem);margin-bottom:var(--spacing-xs);line-height:1}.sidebar-header .subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);text-transform:lowercase}.game-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.game-card{display:flex;flex-direction:column;padding:0;background:var(--color-bg);border:.125rem solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:left;position:relative;font-family:inherit;overflow:hidden;--card-active-base: rgba(249, 246, 239, .85);--card-active-accent: rgba(30, 82, 51, .1);--card-active-highlight: rgba(30, 82, 51, .18)}.game-card:before,.game-card:after{content:"";position:absolute;border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.game-card:before{inset:0;background:linear-gradient(145deg,var(--card-active-base) 0%,var(--card-active-base) 48%,var(--card-active-accent) 100%)}.game-card:after{top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,transparent 15%,var(--card-active-highlight) 35%,transparent 55%,transparent 65%,var(--card-active-highlight) 82%,transparent 100%);animation:card-gradient-rotate 18s linear infinite;animation-play-state:paused}.game-card.active:before,.game-card.active:after,.game-card:not(.active):not([aria-disabled=true]):hover:before,.game-card:not(.active):not([aria-disabled=true]):hover:after{opacity:1}.game-card.active:after,.game-card:not(.active):not([aria-disabled=true]):hover:after{animation-play-state:running}@keyframes card-gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-card>*{position:relative;z-index:1}.game-card-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);transition:all .6s ease}.game-card.active .game-card-header{gap:0;padding:var(--spacing-lg) var(--spacing-xl)}.game-card:not(.active):not([aria-disabled=true]):hover{--card-active-base: rgba(249, 246, 239, .9);--card-active-accent: rgba(30, 82, 51, .16);--card-active-highlight: rgba(30, 82, 51, .26);border-color:var(--color-primary-light);box-shadow:0 0 0 .1875rem #1e52331f}.game-card.active{border-color:var(--color-primary-light);background:var(--color-input);box-shadow:0 0 0 .1875rem #1e523326}.game-card[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.game-card[aria-disabled=true] .game-card-header,.game-card[aria-disabled=true]:hover{transform:none;border-color:var(--color-border);background:var(--color-bg)}.game-card-image{width:3rem;height:3rem;border-radius:var(--radius);background:var(--color-input);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .6s ease}.game-card.active .game-card-image{opacity:0;width:0;height:0;pointer-events:none}.game-card-image img{width:100%;height:100%;object-fit:contain;display:block}.game-card-content{flex:1;min-width:0;text-align:left}.game-card-title{font-size:1.5rem;color:var(--color-text);display:block;margin-bottom:.125rem;transition:font-size .7s cubic-bezier(.34,1.56,.64,1)}.game-card.active .game-card-title{font-size:3rem}.game-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-base);font-style:normal}.game-card-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-text-secondary);color:var(--color-text-inverse);padding:.125rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-family-base);font-style:normal;text-transform:uppercase;letter-spacing:.03125rem}.card-expansion{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 var(--spacing-lg)}.game-card.expanded .card-expansion{max-height:12rem;padding:0 var(--spacing-lg) var(--spacing-lg)}.card-mode-toggle{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.card-howto-btn{width:100%;margin-top:var(--spacing-sm)}.mode-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:.125rem solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease;color:var(--color-text-secondary)}.mode-btn:hover{border-color:var(--color-text-secondary)}.mode-btn.active{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-text-inverse)}.game-card.mode-daily{background:linear-gradient(135deg,#fbbf2408,#f59e0b04);--card-active-accent: rgba(193, 155, 0, .15);--card-active-highlight: rgba(193, 155, 0, .24)}.game-card.mode-daily.expanded{border-color:#f59e0b}.game-card.mode-daily .mode-btn.active{background:#f59e0b;border-color:#f59e0b}.game-card.mode-arcade{--card-active-accent: rgba(30, 82, 51, .12);--card-active-highlight: rgba(30, 82, 51, .2)}.game-card.mode-arcade.expanded{border-color:var(--color-primary-light)}.card-leaderboard{background:var(--color-input);border-radius:var(--radius);padding:var(--spacing-sm);font-size:var(--font-size-sm);min-height:4.5rem}.card-lb-row{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-sm)}.card-lb-row:not(:last-child){border-bottom:.0625rem solid var(--color-border)}.card-lb-rank{font-weight:700;color:var(--color-accent);width:1.5rem}.card-lb-name{flex:1;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-lb-score{font-weight:600;color:var(--color-primary)}.card-lb-loading,.card-lb-empty{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary)}.game-canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-2xl);position:relative;overflow-y:auto;min-height:100vh;max-height:100dvh}.game-canvas.game-canvas--sudo{justify-content:center}.game-canvas.game-canvas--sudo .game-container{justify-content:center;align-items:center}.game-canvas.game-canvas--sudo .board-controls-container{flex:0 0 auto}.game-canvas .game-container{padding-top:0;max-width:100%;flex:1 1 auto;align-self:stretch}.game-canvas .game-container>.header{display:none}.back-btn{display:none;align-items:center;gap:var(--spacing-sm);position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);background:var(--color-card);border:.125rem solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font-family:var(--font-family-display);font-style:italic;font-size:var(--font-size-base);color:var(--color-text);z-index:100;transition:all var(--transition-fast)}.back-btn:hover{border-color:var(--color-accent);background:var(--color-input)}.back-btn svg{flex-shrink:0}.canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--color-text-secondary);text-align:center;padding:var(--spacing-2xl)}.canvas-empty-icon{font-size:5rem;margin-bottom:var(--spacing-xl);opacity:.4}.canvas-empty p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.canvas-empty-hint{font-size:var(--font-size-sm);opacity:.7}.game-canvas.game-active .canvas-empty{display:none}.game-canvas:not(.game-active) .score-timer-section,.game-canvas:not(.game-active) .queue-section,.game-canvas:not(.game-active) .selected-word,.game-canvas:not(.game-active) .word-score-display,.game-canvas:not(.game-active) .board-controls-container{display:none}.game-canvas:not(.game-active){justify-content:center}.game-canvas.game-over-active{overflow:hidden}@media(min-width:48.0625rem){.game-canvas .pause-overlay-container{position:absolute;inset:0}}@media(max-width:48rem){.menu-handle{display:none}.app-layout{flex-direction:column}.sidebar-menu{width:100%;height:auto;position:relative;border-right:none;padding:var(--spacing-xl);min-height:100vh}.sidebar-header{margin-bottom:var(--spacing-xl)}.sidebar-header .game-title{font-size:clamp(5rem,18vw,8rem)}.game-card-header{padding:var(--spacing-md) var(--spacing-lg)}.game-card-image{width:3rem;height:3rem}.game-canvas{display:none;min-height:100vh;padding:var(--spacing-lg);padding-top:4.375rem}.game-canvas.dictionary-open{padding:0}.app-layout.game-active .sidebar-menu{display:none}.app-layout.game-active .game-canvas,.app-layout.game-active .back-btn{display:flex}}@media(min-width:48.0625rem)and (max-width:68.75rem){.sidebar-menu,.game-canvas{padding:var(--spacing-xl)}}:root{--board-gap: .1rem;--board-cols: 4}.btn{background:none;border:none;color:var(--color-text);cursor:pointer;font-family:var(--font-family-display);font-style:italic;font-weight:400;font-size:var(--font-size-lg);text-decoration:none;transition:text-decoration var(--transition-fast);padding:var(--spacing-md) 0;margin:var(--spacing-sm) 0;font-size:1.25rem}.btn:hover{text-decoration:underline;transform:none}.btn:active{transform:none}.btn:disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.5}.btn:disabled:hover{text-decoration:none}.btn--clear,.btn--pause,.btn--danger,.btn--secondary{background:none;border:none;font-family:var(--font-family-display);font-style:italic;font-weight:400;color:var(--color-text)}.btn--clear:hover,.btn--pause:hover,.btn--danger:hover,.btn--secondary:hover{text-decoration:underline}.btn--pause.paused{color:var(--color-text)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-card);border:.125rem solid var(--color-border);color:var(--color-text);transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-input);transform:translateY(-.0625rem);text-decoration:none}.btn-icon svg{width:1.25rem;height:1.25rem;fill:currentColor}.profile-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);margin:0 0 var(--spacing-xl);font-weight:600;font-family:var(--font-family-display);font-style:italic}.profile-btn svg{width:1.25rem;height:1.25rem;fill:currentColor}.score-timer-section{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--color-card);border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%}.timer-container{position:relative;width:5rem;height:5rem;flex-shrink:0}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.game-canvas.modal-open .game-container,.game-canvas.modal-open #canvasEmpty{display:none}.game-canvas.modal-open #modalPanel{display:flex}.modal-panel{display:none;flex-direction:column;gap:var(--spacing-md);background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:min(48rem,100%);max-width:48rem;max-height:calc(100vh - 4rem);height:calc(100vh - 4rem);overflow:hidden}.modal-panel :is(h2,p){margin:0}.modal-panel h2{font-family:var(--font-family-display);font-style:italic}.modal-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-panel-content{flex:1;overflow-y:auto;text-align:left}.modal-close{background:var(--color-input);border-radius:999px;width:2.5rem;height:2.5rem;font-size:1.25rem;border:0;cursor:pointer;color:inherit;flex-shrink:0}.dictionary-panel form{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.dictionary-input-wrapper{position:relative;width:100%}.dictionary-input{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:0 var(--spacing-xs)}.dictionary-panel input{flex:1;border:0;padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:inherit;font-size:1.1rem}.dictionary-panel button{border:0;background:none;color:inherit;cursor:pointer}.dictionary-input button{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm)}.dictionary-panel form button svg{width:1.25rem;height:1.25rem;fill:currentColor}.modal-panel.game-over-panel{height:auto;max-height:calc(100vh - 4rem)}.modal-panel.game-over-panel .game-over-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);text-align:left}.modal-panel.game-over-panel .final-score{font-size:var(--font-size-xl);font-weight:600}.modal-panel.game-over-panel .game-over-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:16rem}.modal-panel.game-over-panel .suggestions{margin-top:var(--spacing-lg);text-align:left;width:100%}.dictionary-search{text-align:left!important}.dictionary-scroll{flex:1;overflow-y:auto;padding-right:var(--spacing-sm)}.dictionary-results{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.dictionary-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dictionary-section-title{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.dictionary-panel ul{list-style:none;margin:0;padding:0;text-align:left!important}.dictionary-quick-list{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;max-height:12rem;overflow-y:auto;margin-top:.25rem;text-align:left!important}.dictionary-quick-list li{border-bottom:1px solid var(--color-border);margin-bottom:2px}.dictionary-quick-list li:last-child{border-bottom:none;margin-bottom:0}.dictionary-quick-list button{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;border:none;border-radius:0;background:transparent;padding:var(--spacing-md) var(--spacing-lg);text-transform:lowercase;font-weight:600;font-size:1rem;text-align:left;transition:background var(--transition-fast);margin:var(--spacing-xs) 0}.dictionary-quick-list button:hover{background:var(--color-input)}.dictionary-full-results{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dictionary-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);background:var(--color-input)}.dictionary-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.dictionary-toggle-btn{border:none;background:none;cursor:pointer;color:inherit;padding:var(--spacing-xs);border-radius:var(--radius);transition:background var(--transition-fast)}.dictionary-toggle-btn:hover{background:var(--color-bg)}.dictionary-word{text-transform:lowercase;font-weight:600;font-size:1.25rem}.dictionary-label{font-size:1rem;color:var(--color-text-secondary)}.dictionary-definition{margin-top:var(--spacing-sm);border-radius:var(--radius);background:#fff;padding:var(--spacing-sm) var(--spacing-md);box-shadow:inset 0 0 0 1px var(--color-border);line-height:1.5;font-size:1rem;max-height:12rem;overflow-y:auto}.dictionary-definition p{margin:0 0 var(--spacing-sm)}.dictionary-definition p:last-child{margin-bottom:0}.dictionary-example{display:block;font-size:.95rem;color:var(--color-text-secondary);margin-top:.2rem}.dictionary-empty-state{color:var(--color-text-secondary);font-style:italic;font-size:1rem}@media(max-width:48rem){.modal-panel{border-radius:0;border:0;width:100%;max-height:none;height:100vh;max-width:none}.modal-panel.game-over-panel{height:auto;min-height:100vh}.dictionary-scroll{padding-right:0;flex:1}}.timer-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.timer-score{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);line-height:1}.timer-label{font-size:.5625rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03125rem;margin-top:.125rem}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text);cursor:pointer}.form-group input,.form-group select{width:100%;padding:var(--spacing-md);border:.125rem solid var(--color-border);border-radius:var(--radius);background:var(--color-input);font-size:var(--font-size-lg);transition:border-color var(--transition-base)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 .125rem #1e3a2e33}.social-input-group{display:flex;gap:var(--spacing-sm)}.social-input-group select{flex:0 0 7.5rem}.social-input-group input{flex:1}.error-msg{color:var(--color-error);font-size:var(--font-size-base);margin-top:var(--spacing-sm)}.success-msg{color:var(--color-success);font-size:var(--font-size-base);margin-top:var(--spacing-sm)}.board-controls-container{display:flex;flex-direction:column;align-items:stretch;gap:2.5rem;margin-bottom:var(--spacing-2xl);width:100%;flex:1 1 auto}.board-layout{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-lg);width:100%}.board-layout .board{flex-shrink:0}.sudo-secondary-controls{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.board{display:grid;grid-template-columns:repeat(var(--board-cols),var(--tile-size));gap:.5rem;row-gap:1.25rem;margin:0 auto;touch-action:manipulation;--tile-size: 5.3125rem}.move-counter{margin-top:1rem;font-weight:600;color:var(--color-text-muted);text-align:center;transition:color .2s ease;position:relative;overflow:visible;min-height:1.5rem}.move-counter.move-counter--low{color:var(--color-danger)}.move-counter:after{content:attr(data-chirp);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);color:var(--color-text);font-weight:600;white-space:nowrap;text-align:center;padding:0 var(--spacing-sm);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.move-counter.chirp-active{color:transparent}.move-counter.chirp-active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.board--lex{--tile-size: 5rem}.board--sudo{--tile-size: 4.375rem;--board-cols: 5;gap:.5rem;padding:.75rem;background:#ffffff0a;border-radius:1.25rem}.board--sudo .tile{border-radius:.75rem;position:relative;transition:transform .2s ease,background .2s ease,border-color .2s ease}.board--sudo .tile .neglect-indicator,.board--sudo .tile .locked-face,.board--sudo .tile .lock-bubble{display:none!important}.board--vextris{--tile-size: 1.5rem;--board-cols: 5;gap:.25rem;padding:.5rem;background:#2563eb0d;border-radius:.75rem;border:.125rem solid rgba(37,99,235,.15)}.board--vextris .tile{border-radius:.5rem}.board--vextris .tile .neglect-indicator,.board--vextris .tile .locked-face,.board--vextris .tile .lock-bubble{display:none!important}.tile.tile--sudo-green{background:var(--color-sudo-green);border-color:var(--color-sudo-green);color:var(--color-text-inverse);box-shadow:none}.tile.tile--sudo-yellow{background:var(--color-sudo-yellow);border-color:var(--color-sudo-yellow);color:var(--color-text-inverse);box-shadow:none}.tile.tile--sudo-orange{background:var(--color-sudo-orange);border-color:var(--color-sudo-orange);color:var(--color-text-inverse);box-shadow:none}.tile--sudo-valid{outline:none}.tile--sudo-hint:after{content:"";position:absolute;inset:.375rem;border-radius:.5rem;border:.125rem dashed rgba(255,255,255,.4);pointer-events:none}.tile--sudo-double-green{animation:sudoDoubleGreen .4s ease-in-out}.tile--sudo-shake{animation:shake .8s ease-in-out infinite}@keyframes sudoDoubleGreen{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.side-controls{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--spacing-md);padding-top:0;flex-shrink:0}.control-btn{width:2.75rem;height:2.75rem;border:.125rem solid var(--color-border);border-radius:var(--radius);background:var(--color-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--color-text)}.control-btn:hover{background:var(--color-input);transform:translateY(-.0625rem)}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-btn--clear{border-color:var(--color-accent);color:var(--color-accent)}.control-btn--clear:hover{background:var(--color-accent);color:var(--color-bg)}.control-btn--pause{border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.control-btn--pause:hover{background:var(--color-text-secondary);color:var(--color-text-inverse)}.control-btn--pause.paused{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.control-btn--submit{border-color:var(--color-primary-light);color:var(--color-primary-light)}.control-btn--submit:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-text-inverse)}.control-btn--submit:disabled{border-color:var(--color-border);color:var(--color-text-secondary)}.control-btn--shuffle{border-color:var(--color-primary);color:var(--color-primary)}.control-btn--shuffle:hover{background:var(--color-primary);color:var(--color-text-inverse)}.control-btn--shuffle.active{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-text-inverse)}.control-btn--pull{border-color:var(--color-primary);color:var(--color-primary)}.control-btn--pull:hover{background:var(--color-primary);color:var(--color-text-inverse)}.control-btn--pull:disabled{border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.control-btn--new{border-color:var(--color-primary);color:var(--color-primary);width:auto;min-width:3.75rem;padding:0 1rem;margin-top:.75rem;font-size:var(--font-size-sm);font-weight:600}.control-btn--new:hover{background:var(--color-primary);color:var(--color-text-inverse)}.tile{aspect-ratio:1 / 1;background:var(--color-card);border:.125rem solid var(--color-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--transition-fast);overflow:visible;isolation:isolate;grid-row:var(--grid-row);grid-column:var(--grid-col)}.tile:hover,.tile.selected{border-color:#d4c9b5;background:var(--color-input)}.tile.selected .letter{color:var(--color-text)!important}@keyframes tileSpawn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tile.removing{animation:tileRemove .3s ease-out forwards}@keyframes tileRemove{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.letter{font-size:var(--font-size-2xl);font-weight:700;text-transform:uppercase;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text);pointer-events:none}.neglect-indicator{position:absolute;top:-.5rem;right:-.5rem;width:1.375rem;height:1.375rem;display:none;align-items:center;justify-content:center;z-index:10;border-radius:50%}.neglect-indicator.warning-yellow{display:flex;background:#fbbf24;box-shadow:0 .125rem .25rem #0003;animation:warningPulse 2s infinite}.neglect-indicator.warning-red{display:flex;background:#dc2626;box-shadow:0 .125rem .25rem #0000004d;animation:urgentPulse .8s infinite}.neglect-indicator svg{width:.875rem;height:.875rem;fill:#fff}@keyframes warningPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}}@keyframes urgentPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.95}}.tile.locked{background:#efedea!important;border:.125rem solid #e0ddd5!important;cursor:not-allowed}.tile.locked .letter,.tile.locked .neglect-indicator{display:none}.locked-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#6b7280;font-family:monospace;letter-spacing:.125rem;z-index:2;transition:opacity .3s ease}.locked-face.hidden{opacity:0}.unlock-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6875rem;font-weight:700;color:#374151;white-space:nowrap;z-index:3;opacity:0;transition:opacity .3s ease}.unlock-text.show{opacity:1}.lock-bubble{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;background:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 .125rem .25rem #0000004d}.lock-bubble svg{width:.875rem;height:.875rem;fill:#fff}.unlock-progress{display:none!important}.tile.unlocked{animation:unlockPulse .6s ease-out}@keyframes unlockPulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--color-accent)}50%{transform:scale(1.1);box-shadow:0 0 1.25rem .625rem #c19b0066}to{transform:scale(1);box-shadow:0 0 #c19b0000}}.selected-word{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md);height:3.75rem;align-items:center;padding:var(--spacing-lg);background:var(--color-input);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;position:relative;width:100%;box-sizing:border-box;align-self:stretch}.selected-word-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:400;opacity:.6;pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.selected-word.has-tiles .selected-word-placeholder{display:none}.selected-word.hidden{display:none!important}.selected-letter{background:var(--color-primary-light);color:var(--color-text-inverse);border-radius:.375rem;padding:var(--spacing-md);font-size:var(--font-size-lg);font-weight:600;text-transform:uppercase;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0}.selected-word:after{content:attr(data-chirp);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);color:var(--color-primary);font-weight:600;font-size:var(--font-size-lg);text-align:center;padding:0 var(--spacing-md);max-width:calc(100% - 1.5rem);white-space:normal;word-break:break-word;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.selected-word.chirp-active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.selected-word.chirp-active .selected-letter,.selected-word.chirp-active .selected-word-placeholder{opacity:0}.word-score-display{display:flex;gap:.375rem;justify-content:center;align-items:center;height:2rem;margin:0 auto var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500;opacity:0;transition:opacity var(--transition-base);visibility:hidden}.word-score-display.visible{opacity:1;visibility:visible}.word-score-display .base-points{color:var(--color-text);font-weight:600}.word-score-display .operator{color:var(--color-text-secondary);margin:0 .125rem;opacity:.5}.word-score-display .total{color:var(--color-accent);font-weight:700;font-size:var(--font-size-lg);margin-left:var(--spacing-xs)}.queue-section{text-align:center;background:var(--color-input);border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden;width:100%}.queue-label{color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);font-weight:500;text-transform:uppercase;letter-spacing:.03125rem;display:flex;align-items:center;justify-content:center;gap:.375rem}.queue-preview{display:flex;gap:.375rem;justify-content:center;position:relative;overflow:hidden}.input-styled{width:100%;padding:var(--spacing-md);border:.125rem solid var(--color-border);border-radius:var(--radius);background:var(--color-input);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.preview-tile{width:var(--preview-tile-size);height:var(--preview-tile-size);background:var(--color-card);border:.0625rem solid var(--color-border);border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;position:relative;flex-shrink:0}.preview-tile:first-child{border-color:var(--color-accent);background:var(--color-text-inverse);box-shadow:0 .125rem .5rem #c19b004d;transform:scale(1.1)}.preview-tile:nth-child(2){opacity:.9}.preview-tile:nth-child(3){opacity:.8}.preview-tile:nth-child(4){opacity:.7}.preview-tile:nth-child(5){opacity:.6}@media(max-width:37.5rem){.profile-btn{top:var(--spacing-md);right:var(--spacing-md)}.board-controls-container{margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.board{gap:var(--spacing-md)}.control-btn{width:2.5rem;height:2.5rem}.control-btn svg{width:1.125rem;height:1.125rem}.side-controls{gap:var(--spacing-md);padding-top:.5rem}.selected-word{padding:var(--spacing-lg);gap:.375rem}.selected-letter{width:2rem;height:2rem;padding:var(--spacing-sm);font-size:var(--font-size-base)}.selected-word-placeholder{font-size:.8125rem}.score-timer-section{padding:var(--spacing-md);gap:var(--spacing-md)}.timer-container{width:4.375rem;height:4.375rem}.timer-score{font-size:var(--font-size-base)}.timer-label{font-size:.5rem}.letter,.score-animation{font-size:var(--font-size-xl)}.multiplier-activation{width:90%;padding:var(--spacing-lg)}.multiplier-icon{font-size:var(--font-size-4xl)}}@media(max-width:23.75rem){.timer-container{width:4.0625rem;height:4.0625rem}.timer-score{font-size:var(--font-size-sm)}.control-btn{width:2.25rem;height:2.25rem}.control-btn svg{width:1rem;height:1rem}.letter{font-size:var(--font-size-lg)}}.game-over-exit{animation:gameOverExit .4s ease-out forwards;pointer-events:none}@keyframes gameOverExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.5rem)}}.game-over-board{display:flex;align-items:center;justify-content:center;min-height:12rem;animation:gameOverBoardFadeIn .5s ease-out}@keyframes gameOverBoardFadeIn{0%{opacity:0}to{opacity:1}}.game-over-text{font-family:var(--font-family-display);font-style:italic;font-size:2.5rem;font-weight:400;color:var(--color-text);text-align:center;animation:gameOverTextFadeIn .6s ease-out}@keyframes gameOverTextFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over{position:fixed;inset:0;width:100vw;height:100vh;background:#000c;display:none;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 100);overflow-y:auto;padding:var(--spacing-xl)}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);display:none;align-items:center;justify-content:center;z-index:1000}.pause-overlay-content,.game-over-content{background:var(--color-bg);padding:var(--spacing-3xl);border-radius:var(--spacing-md);text-align:center;max-width:25rem;width:90%}.game-over-content h2,.pause-overlay-content h2{color:var(--color-text);margin-bottom:var(--spacing-xl);font-size:2em;font-family:var(--font-family-display);font-style:italic}.final-score{font-size:1.5em;margin-bottom:var(--spacing-2xl);color:var(--color-text);font-weight:700}.game-over-actions{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem}.btn--stacked{width:100%;margin:0}.suggestions{text-align:left;margin-top:var(--spacing-lg)}.suggestions ul{max-height:13.75rem;overflow:auto;padding-left:var(--spacing-lg)}.suggestions-title{font-weight:700;margin-bottom:.5rem}.editor-mode-banner{background:#fff3cd;border:.0625rem solid #ffeaa7;border-radius:.5rem;padding:.75rem;margin-bottom:1rem;font-size:.875rem;color:#856404}.suggestions-list{max-height:13.75rem;overflow:auto;list-style:none;padding:0;margin:0}.word-clickable{cursor:pointer;padding:.5rem .75rem;margin:.25rem 0;background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border:.125rem solid transparent;border-radius:.375rem;transition:all .2s ease;position:relative}.word-clickable:hover{background:linear-gradient(135deg,#bbdefb,#e8f5e8);border-color:var(--color-primary-light);transform:translateY(-.125rem)}.word-clickable-word{color:var(--color-primary-light);font-size:1rem;font-weight:700}.word-clickable-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);opacity:.7;font-size:1.125rem}.suggestion-item{padding:.375rem 0;border-bottom:.0625rem solid #e6e0d3}.suggestion-score{color:#6b7280}.whitelist-banner{position:fixed;top:0;left:0;right:0;background:#4caf50;color:#fff;text-align:center;padding:.625rem;z-index:9999;font-weight:700}.t-prev,.t-next{background:none;border:none;color:var(--color-primary-light);cursor:pointer;font-family:var(--font-family-display);font-style:italic;font-weight:400;font-size:1.5625rem;text-decoration:none;transition:text-decoration var(--transition-fast);padding:var(--spacing-md) 0}.t-prev:hover,.t-next:hover{text-decoration:underline}.t-prev:disabled{opacity:.5;cursor:not-allowed}.t-prev:disabled:hover{text-decoration:none}.t-dots{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center;flex:1}.t-dot{width:var(--spacing-md);height:var(--spacing-md);border-radius:var(--radius-full);background:var(--color-border);border:.125rem solid #d4c9b5;cursor:pointer}.t-dot.active{background:var(--color-accent);border-color:var(--color-accent)}.notification{position:fixed;top:var(--spacing-xl);left:50%;transform:translate(-50%);background:var(--color-error);color:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius);font-weight:600;font-size:var(--font-size-lg);z-index:calc(var(--z-modal) + 300);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;text-align:center;white-space:nowrap;box-shadow:var(--shadow-lg);min-width:12.5rem;max-width:90vw}.notification.show{opacity:1}.notification--success{background:var(--color-success)}.notification--info{background:var(--color-info)}.notification--error{background:var(--color-error)}.leaderboard-panel{max-width:28rem}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.leaderboard-game{font-weight:700;font-size:1.1em}.leaderboard-tabs{display:flex;gap:var(--spacing-sm)}.lb-tab{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius);cursor:pointer}.lb-tab.active{background:var(--color-primary-light);color:#fff;border-color:var(--color-primary-light)}.leaderboard-filters{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md);font-size:.9em}.leaderboard-filters label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.leaderboard-filter{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:.9em}.leaderboard-list{max-height:20rem;overflow-y:auto}.lb-row{display:flex;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);cursor:pointer;position:relative}.lb-row:hover{background:rgba(var(--color-primary-rgb, 66,133,244),.06)}.lb-row--you{background:rgba(var(--color-primary-rgb, 66,133,244),.1)}.lb-rank{width:2.5rem;font-weight:700}.lb-name{flex:1}.lb-score{font-weight:600}.lb-loading,.lb-empty,.lb-error{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.leaderboard-context{position:absolute;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 .25rem 1rem #00000026;min-width:12rem;z-index:5}.leaderboard-context.hidden{display:none}.lb-context-name{font-weight:600;margin-bottom:var(--spacing-xs)}.lb-context-status{font-size:.8em;color:var(--color-text-muted);margin-top:var(--spacing-xs);min-height:1em}.friends-section{margin:var(--spacing-lg) 0}.friends-section label{display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.friend-add{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.friend-add input{flex:1}.friend-msg{font-size:.85em;min-height:1.2em}.friend-list{list-style:none;padding:0;margin:0;max-height:8rem;overflow-y:auto}.friend-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.remove-friend-btn{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1em;padding:0 var(--spacing-xs)}@media(max-width:37.5rem){.modal-content{padding:var(--spacing-xl) var(--spacing-xl);margin:var(--spacing-xl);max-height:calc(100vh - 2.5rem)}.notification{left:5%;right:5%;transform:none;width:90%;font-size:var(--font-size-xl);padding:var(--font-size-xl) var(--spacing-xl);white-space:normal}}@keyframes multiplierPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}@keyframes points-bump{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-.25rem)}20%,40%,60%,80%{transform:translate(.25rem)}}@keyframes modalEntrance{0%{opacity:0;transform:scale(.9) translateY(-1.25rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes notificationSlide{0%{opacity:0;transform:translate(-50%) translateY(-1.25rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tile.removing{opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease}.tile.adding{opacity:0;transform:scale(.8);animation:tileAdd .4s ease-out forwards}@keyframes tileAdd{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.points.bump{animation:points-bump .22s ease-out}.multiplier-change.positive,.multiplier-change.negative{animation:multiplierPulse 1s ease-out}.tile.success-highlight{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-text)!important;transition:all var(--transition-base)}.notification.show{animation:notificationSlide .3s ease-out}.btn:hover{transform:translateY(-.0625rem);transition:transform var(--transition-fast)}.btn:active{transform:scale(.98);transition:transform .1s ease-out}.social-icon:hover{transform:scale(1.1);transition:transform var(--transition-fast)}.board.animating{pointer-events:none}.board.animating .tile:not(.removing):not(.adding){opacity:.6;transition:opacity .6s ease}.timer-ring{fill:none;stroke:var(--color-border);stroke-width:3}.timer-wedge{fill:none;stroke:var(--color-input);stroke-width:4;stroke-linecap:round;transition:stroke var(--transition-fast)}.timer-wedge.active{stroke:var(--color-primary-light)}.timer-wedge.warning{stroke:var(--color-accent)}.timer-wedge.danger{stroke:var(--color-error)}.checkpoint-meter{height:2rem;background:var(--color-input);border-radius:1rem;position:relative;border:.125rem solid var(--color-border);overflow:visible;flex:1;max-width:15rem}.checkpoint{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background:var(--color-input);border:.1875rem solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;cursor:default;transition:all .3s ease;z-index:2}.checkpoint:nth-child(2){left:calc(30% - 1rem)}.checkpoint:nth-child(3){left:calc(60% - 1rem)}.checkpoint:nth-child(4){right:-1rem;left:auto}.checkpoint.reached{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));border-color:var(--color-primary-light);color:var(--color-text-inverse)}.checkpoint.clickable{cursor:pointer;transform:translateY(-50%) scale(1.1)}.checkpoint.clickable:hover{transform:translateY(-50%) scale(1.2);box-shadow:0 .25rem .75rem #1e523366}.checkpoint.pulsing{animation:checkpointPulse 1.5s infinite}.checkpoint.pulsing span{animation:textGlow 1.5s infinite}@keyframes checkpointPulse{0%,to{transform:translateY(-50%) scale(1.1);box-shadow:0 0 .625rem #1e523366}50%{transform:translateY(-50%) scale(1.25);box-shadow:0 0 1.25rem #1e5233cc}}@keyframes textGlow{0%,to{opacity:.9}50%{opacity:1;text-shadow:0 0 .3125rem rgba(255,255,255,.8)}}body.multiplier-active .tile:not(.locked){animation:subtleGlow 2s infinite}@keyframes subtleGlow{0%,to{box-shadow:0 0 .3125rem #1e523333}50%{box-shadow:0 0 .625rem #1e52334d}}.word-score-display .multiplier-active{color:var(--color-primary-light);font-weight:700;padding:.125rem .375rem;background:#1e52331a;border-radius:.25rem}.preview-tile{transition:none;position:relative}.preview-tile.sliding-out{animation:slideOut .15s ease-out forwards}.preview-tile.sliding-in{animation:slideIn .3s ease-out forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-.625rem);opacity:0}}@keyframes slideIn{0%{transform:translate(.625rem);opacity:0}to{transform:translate(0);opacity:1}}.checkpoint-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:#1e5233;transition:width .3s ease,background .3s ease;border-radius:.875rem}.checkpoint-fill.golden-flash{background:var(--color-accent)!important;animation:goldenFlash .8s ease-out}body.multiplier-active .checkpoint-fill{background:var(--color-accent)}@keyframes goldenFlash{0%{filter:brightness(1)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}.tile.locked .unlock-progress{display:flex;flex-direction:column;align-items:center;gap:.125rem}.lock-icon{font-size:1.25rem}.unlock-points{font-size:.6875rem;font-weight:700;color:#fff}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:hidden}.confetti-piece{position:absolute;width:.625rem;height:.625rem;background:linear-gradient(45deg,var(--color-accent),#f59e0b);animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.inline-confetti{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;width:0;height:0;z-index:10002}.inline-confetti__piece{position:absolute;width:.45rem;height:.45rem;border-radius:.125rem;background:var(--confetti-color, var(--color-accent));opacity:0;animation:inlineConfettiPop .65s ease-out forwards;animation-delay:var(--confetti-delay, 0s)}@keyframes inlineConfettiPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}25%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--confetti-dx, 0px)),calc(-50% + var(--confetti-dy, 0px))) scale(.9) rotate(var(--confetti-rotate, 0deg))}}.tile.sliding{transition:all .3s ease}.tile.spawning{animation:tileSpawn .4s ease-out}@keyframes tileSpawn{0%{opacity:0;transform:scale(.5) translateY(-1.25rem)}50%{transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:37.5rem){.checkpoint-meter{max-width:12.5rem;height:1.75rem}.checkpoint{width:1.75rem;height:1.75rem;font-size:.625rem}.checkpoint:nth-child(2){left:calc(50% - .875rem)}.checkpoint:nth-child(3){right:-.875rem}.shuffle-btn{bottom:var(--spacing-md);right:var(--spacing-md);width:2.5rem;height:2.5rem;font-size:1.25rem}}@media(max-width:23.75rem){.checkpoint-meter{max-width:11.25rem}}.meter-checkpoint{position:absolute;top:0;width:.125rem;height:100%;background:#0003;z-index:1}.checkpoint-indicator{position:absolute;top:-.375rem;left:50%;transform:translate(-50%);background:var(--color-card);border:.125rem solid var(--color-border);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:transparent;transition:all .3s ease}.checkpoint-indicator.unlocked{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}@keyframes goldenOverlay{0%{opacity:0}to{opacity:1}}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#c19b0066,#f59e0b4d);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s ease;mix-blend-mode:overlay;box-shadow:inset 0 0 1.25rem #c19b0080}.tile.multiplier-glow:after{opacity:1;animation:goldenOverlay .5s ease-out}