:root{--bg-color:#fcf6f0;--board-bg:#f3e9dc;--text-color:#5c3d2e;--text-muted:#8c6a5c;--btn-bg:#ffb5a7;--btn-hover:#fcd5ce;--tile-shadow:#5c3d2e1f;--modal-bg:#fff;--font-cute:"Fredoka", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--bg-color:#231924;--board-bg:#322435;--text-color:#f7ebe1;--text-muted:#bda3be;--btn-bg:#e56b6f;--btn-hover:#ea8c8f;--tile-shadow:#0000004d;--modal-bg:#3d2c41}}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-cute);margin:0;padding:0;transition:background-color .3s,color .3s}button{cursor:pointer;border:none;font-family:inherit}#app{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding:2rem 1rem 3rem;display:flex;position:relative}header{flex-direction:column;align-items:center;gap:.5rem;display:flex}h1{letter-spacing:-.5px;color:var(--text);font-size:2.6rem;font-weight:800}header p{opacity:.72;max-width:340px;font-size:1rem}.win-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#00000059;justify-content:center;align-items:center;animation:.35s ease-out fadeIn;display:flex;position:fixed;inset:0}.win-overlay.hidden{display:none}.win-modal{background:var(--bg);text-align:center;box-shadow:0 16px 64px var(--shadow);border:2px solid var(--board-border);border-radius:24px;padding:2.5rem 3.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn}.win-emoji{margin-bottom:.4rem;font-size:3.5rem}.win-modal h2{margin-bottom:1.5rem;font-size:2.2rem;font-weight:800}.action-btn{background:var(--btn-bg);color:var(--text);box-shadow:0 4px 14px var(--shadow);border-radius:99px;padding:.8rem 2.2rem;font-size:1.1rem;font-weight:700;transition:transform .2s,background .2s}.action-btn:hover{background:var(--btn-hover);transform:scale(1.06)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.game-footer{color:var(--text-muted);opacity:.8;margin-top:1.5rem;font-size:1rem;line-height:1.45;transition:opacity .2s}.game-footer:hover{opacity:1}.game-footer a{color:var(--text-color);border-bottom:1px dashed var(--text-color);font-weight:700;text-decoration:none;transition:color .2s,border-color .2s}.game-footer a:hover{border-bottom-style:solid}.footer-note{opacity:.8;margin-top:.25rem}.app-container.svelte-1n46o8q{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;width:100%;padding:2.5rem 1rem;display:flex}header.svelte-1n46o8q{flex-direction:column;align-items:center;gap:.4rem;display:flex}h1.svelte-1n46o8q{color:var(--text-color);letter-spacing:-.5px;filter:drop-shadow(0 2px 0px var(--board-bg));margin:0;font-size:2.6rem;font-weight:700}p.svelte-1n46o8q{color:var(--text-muted);max-width:360px;margin:0;font-size:1.05rem}.board-info.svelte-1n46o8q{opacity:.85;font-size:1rem;font-weight:700}.reset-btn.svelte-1n46o8q{background:var(--btn-bg);color:var(--text-color);font-family:var(--font-cute);cursor:pointer;box-shadow:0 4px 0 var(--text-color);border:none;border-radius:20px;margin-top:.5rem;padding:.6rem 1.4rem;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.reset-btn.svelte-1n46o8q:hover{background:var(--btn-hover);box-shadow:0 6px 0 var(--text-color);transform:translateY(-2px)}.reset-btn.svelte-1n46o8q:active{box-shadow:0 2px 0 var(--text-color);transform:translateY(2px)}@media (prefers-color-scheme:dark){.reset-btn.svelte-1n46o8q{color:#5c3d2e;background:#ffb5a7;box-shadow:0 4px #5c3d2e}.reset-btn.svelte-1n46o8q:hover{background:#fcd5ce;box-shadow:0 6px #5c3d2e}.reset-btn.svelte-1n46o8q:active{box-shadow:0 2px #5c3d2e}}.game-area.svelte-1n46o8q{justify-content:center;margin-top:1rem;display:flex}.board-wrap.svelte-1n46o8q{padding:16px;display:inline-block;position:relative}.board-svg.svelte-1n46o8q{filter:drop-shadow(0 12px 36px var(--tile-shadow));display:block}.board-rim.svelte-1n46o8q{fill:var(--board-bg);stroke:var(--text-color);stroke-opacity:.15;stroke-width:28px;stroke-linejoin:round}.board-base.svelte-1n46o8q{fill:var(--board-bg);stroke:var(--board-bg);stroke-width:20px;stroke-linejoin:round}.win-overlay.svelte-1n46o8q{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#23192466;border-radius:24px;justify-content:center;align-items:center;animation:.3s ease-out forwards svelte-1n46o8q-fadeIn;display:flex;position:absolute;inset:0}.win-modal.svelte-1n46o8q{background:var(--modal-bg);text-align:center;border:4px solid var(--text-color);border-radius:28px;padding:2.5rem 3rem;animation:.45s cubic-bezier(.175,.885,.42,1.4) svelte-1n46o8q-popSquish;box-shadow:0 16px 40px #0003}.win-emoji.svelte-1n46o8q{margin-bottom:.25rem;font-size:3.5rem;animation:1.2s ease-in-out infinite alternate svelte-1n46o8q-bounce}.win-modal.svelte-1n46o8q h2:where(.svelte-1n46o8q){color:var(--text-color);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.play-again-btn.svelte-1n46o8q{background:var(--btn-bg);color:var(--text-color);font-family:var(--font-cute);cursor:pointer;box-shadow:0 5px 0 var(--text-color);border:none;border-radius:24px;padding:.8rem 2.2rem;font-size:1.15rem;font-weight:700;transition:transform .1s,box-shadow .1s}.play-again-btn.svelte-1n46o8q:hover{background:var(--btn-hover);box-shadow:0 7px 0 var(--text-color);transform:translateY(-2px)}.play-again-btn.svelte-1n46o8q:active{box-shadow:0 2px 0 var(--text-color);transform:translateY(3px)}.game-footer.svelte-1n46o8q p:where(.svelte-1n46o8q){color:inherit;max-width:none;font-size:1rem}.game-footer.svelte-1n46o8q .footer-note:where(.svelte-1n46o8q){margin-top:.25rem}.snake-group.svelte-1n46o8q{cursor:pointer;transition:transform .1s}.snake-group.svelte-1n46o8q:hover .snake-body:where(.svelte-1n46o8q){filter:brightness(1.15)}.blocked.svelte-1n46o8q{transform-origin:50%;animation:.35s ease-in-out svelte-1n46o8q-shake}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1n46o8q-popSquish{0%{opacity:0;transform:scale(.7)rotate(-3deg)}60%{transform:scale(1.05)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes svelte-1n46o8q-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.05)}}@keyframes svelte-1n46o8q-shake{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}