.start.svelte-kef45b{flex-direction:column;align-items:center;gap:36px;padding-top:24px;display:flex}.title.svelte-kef45b{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);text-align:center;font-size:56px;font-style:italic;font-weight:400;line-height:1}.game.svelte-kef45b{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:460px;margin:0 auto;padding-top:4px;display:flex}.topbar.svelte-kef45b{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.game-title.svelte-kef45b{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:22px;font-style:italic}.topbar-spacer.svelte-kef45b{width:70px}.stats.svelte-kef45b{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;font-variant-numeric:tabular-nums;align-items:center;gap:18px;font-size:11px;display:flex}.stat.svelte-kef45b{gap:8px;display:inline-flex}.stat-label.svelte-kef45b{color:var(--text-dim)}.stat-value.svelte-kef45b{color:var(--text);font-weight:500}.board.svelte-kef45b{width:100%;position:relative}.grid.svelte-kef45b{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);width:100%;aspect-ratio:var(--cols) / var(--rows);border-radius:14px;gap:0;display:grid;position:relative;overflow:hidden}.grid.svelte-kef45b:before,.grid.svelte-kef45b:after{content:"";opacity:0;z-index:0;pointer-events:none;transition:opacity .8s ease-out;position:absolute;inset:0}.grid.svelte-kef45b:before{background:linear-gradient(in oklch to right, var(--bl), var(--br))}.grid.svelte-kef45b:after{background:linear-gradient(in oklch to right, var(--tl), var(--tr));-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.grid.solved.svelte-kef45b:before,.grid.solved.svelte-kef45b:after{opacity:1}.tile.svelte-kef45b{cursor:grab;z-index:1;touch-action:none;-webkit-touch-callout:none;will-change:background-color, opacity, transform;transition:background-color .22s,opacity .7s cubic-bezier(.4,0,.2,1);position:relative}.tile.locked.svelte-kef45b{cursor:default}.tile.dragging.svelte-kef45b{cursor:grabbing;z-index:5;filter:drop-shadow(0 10px 18px #00000073);transition:none}.tile.sliding.svelte-kef45b{z-index:3;transition:transform .36s cubic-bezier(.4,0,.2,1),background-color .22s,opacity .7s cubic-bezier(.4,0,.2,1)}.tile.snap.svelte-kef45b{transition:none!important}.grid.solved.svelte-kef45b .tile:where(.svelte-kef45b){opacity:0}.tile.svelte-kef45b .ring:where(.svelte-kef45b){opacity:0;pointer-events:none;mix-blend-mode:difference;border:3px solid #fff;border-radius:0;transition:opacity .12s;position:absolute;inset:0}.tile.drop-target.svelte-kef45b .ring:where(.svelte-kef45b),.tile.selected.svelte-kef45b .ring:where(.svelte-kef45b){opacity:1}.tile.svelte-kef45b .lock:where(.svelte-kef45b){opacity:0;pointer-events:none;color:#fff;mix-blend-mode:difference;width:11px;height:11px;transition:opacity .3s;position:absolute;bottom:7px;right:7px}.tile.locked.svelte-kef45b .lock:where(.svelte-kef45b){opacity:.85}.grid.solved.svelte-kef45b .lock:where(.svelte-kef45b){opacity:0}.tile.just-locked.svelte-kef45b{animation:.55s ease-out svelte-kef45b-lockFlash}@keyframes svelte-kef45b-lockFlash{0%{filter:brightness()saturate()}35%{filter:brightness(1.35)saturate(1.2)}to{filter:brightness()saturate()}}.actions.svelte-kef45b{justify-content:center;align-items:center;gap:10px;padding-bottom:16px;display:flex}.ghost-btn.svelte-kef45b{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;padding:9px 16px;font-size:11px;transition:border-color .15s,color .15s,transform .15s}@media (hover:hover) and (pointer:fine){.ghost-btn.svelte-kef45b:hover{border-color:var(--accent)}}.ghost-btn.svelte-kef45b:active{transform:scale(.98)}.primary-btn.svelte-kef45b{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--bg);background:var(--accent);cursor:pointer;border:none;border-radius:999px;padding:15px 48px;font-size:12px;transition:transform .15s,filter .15s,box-shadow .2s;box-shadow:0 2px 12px #d4b8962e}@media (hover:hover) and (pointer:fine){.primary-btn.svelte-kef45b:hover{filter:brightness(1.05);box-shadow:0 4px 18px #d4b89647}}.primary-btn.svelte-kef45b:active{transform:scale(.98)}.grid.svelte-kef45b,.tile.svelte-kef45b{-webkit-user-select:none;user-select:none}@media (width<=480px){.title.svelte-kef45b{font-size:48px}.game.svelte-kef45b{gap:18px}.stats.svelte-kef45b{gap:14px}}