*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #fffaf0;--color-text: #14141a;--color-panel: #ffffff;--color-ink: #14141a;--color-red: #ff2d3d;--color-blue: #0057ff;--color-yellow: #ffd400;--color-red-soft: #ffe1e0;--color-blue-soft: #dce9ff;--color-yellow-soft: #fff3c2}@media(prefers-color-scheme:dark){:root{--color-bg: #17141f;--color-text: #fdf8ec;--color-panel: #241f30;--color-red-soft: #4a1f24;--color-blue-soft: #1c2a4a;--color-yellow-soft: #3a3218}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.puzzle-app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:1.75rem;padding:2.5rem 1.25rem 3.5rem;background:radial-gradient(circle at 20% 0%,var(--color-yellow-soft) 0%,transparent 45%),radial-gradient(circle at 100% 10%,var(--color-blue-soft) 0%,transparent 40%),var(--color-bg)}.audio-controls{display:flex;align-items:center;gap:.6rem;align-self:flex-end;background:var(--color-panel);border:3px solid var(--color-ink);border-radius:999px;padding:.4rem .8rem;box-shadow:3px 3px 0 var(--color-ink)}.audio-controls__toggle{border:none;background:none;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.audio-controls__toggle:hover{transform:scale(1.15) rotate(-6deg)}.audio-controls__toggle:active{transform:scale(.9)}.audio-controls__slider{width:80px;accent-color:var(--color-red)}.audio-controls__slider:disabled{opacity:.4}.puzzle-header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;animation:puzzle-pop-in .5s cubic-bezier(.34,1.56,.64,1)}.puzzle-wordmark{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-weight:800;font-size:clamp(2.25rem,8vw,3.25rem);letter-spacing:-.02em;margin:0;color:var(--color-text)}.puzzle-wordmark__accent{color:var(--color-red);display:inline-block;transform:rotate(-4deg)}.puzzle-stats{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.puzzle-stat{background:var(--color-yellow);color:#1a1a1a;border:3px solid var(--color-ink);border-radius:999px;padding:.4rem 1.15rem;font-weight:800;font-size:1rem;box-shadow:3px 3px 0 var(--color-ink)}.puzzle-stat:nth-child(2){background:var(--color-blue);color:#fff}.puzzle-stat:nth-child(3){background:var(--color-red-soft)}.puzzle-goal{margin:0;text-align:center;font-weight:700;font-size:1.05rem;max-width:32ch;color:var(--color-text)}.puzzle-board-wrap{position:relative;width:100%;display:flex;justify-content:center}.puzzle-board{position:relative;width:min(92vw,420px);aspect-ratio:1 / 1;background:var(--color-ink);border:5px solid var(--color-ink);border-radius:32px;overflow:hidden;box-shadow:6px 6px 0 var(--color-blue-soft);animation:puzzle-pop-in .4s cubic-bezier(.34,1.56,.64,1)}.puzzle-cell{position:absolute;top:0;left:0;padding:5px;box-sizing:border-box;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.puzzle-tile{width:100%;height:100%;border:4px solid var(--color-ink);border-radius:20px;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-size:clamp(1.1rem,4.5vw,1.65rem);font-weight:800;cursor:pointer;box-shadow:3px 3px 0 var(--color-ink);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,filter .15s ease}.puzzle-tile:disabled{cursor:default;filter:saturate(.55) brightness(.97);box-shadow:none}.puzzle-tile:not(:disabled):hover{transform:scale(1.06) rotate(-1.5deg);box-shadow:4px 5px 0 var(--color-ink)}.puzzle-tile:not(:disabled):active{transform:scale(.9);box-shadow:1px 1px 0 var(--color-ink)}.puzzle-tile--red{background:var(--color-red);color:#fff}.puzzle-tile--blue{background:var(--color-blue);color:#fff}.puzzle-tile--yellow{background:var(--color-yellow);color:#1a1a1a}.puzzle-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(160deg,var(--color-yellow-soft),var(--color-blue-soft));border-radius:28px;animation:puzzle-pop-in .35s cubic-bezier(.34,1.56,.64,1);padding:1.5rem;text-align:center}.puzzle-win__title{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-weight:800;font-size:2.25rem;color:var(--color-red);margin:0}.puzzle-win__detail{font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.puzzle-controls{display:flex;gap:1rem}.puzzle-btn{font-family:inherit;font-weight:800;font-size:1.05rem;padding:.85rem 1.9rem;border-radius:999px;border:4px solid var(--color-ink);background:var(--color-panel);color:#1a1a1a;cursor:pointer;box-shadow:4px 4px 0 var(--color-ink);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.puzzle-btn:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:5px 6px 0 var(--color-ink)}.puzzle-btn:active{transform:scale(.94) translateY(1px);box-shadow:1px 1px 0 var(--color-ink)}.puzzle-btn--primary{background:var(--color-blue);color:#fff}@keyframes puzzle-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}