:root{--bg:#fef3e2;--bg-deep:#fbe4c4;--ink:#4a3728;--ink-soft:#8a7362;--card:#fff;--coral:#ff8d63;--coral-dark:#e96f45;--green:#6fcf97;--green-dark:#4caf7a;--amber:#ffc857;--amber-dark:#e0a838;--purple:#bb8fce;--purple-dark:#9b6fb0;--shadow:0 10px 24px #4a372824;--shadow-lg:0 18px 40px #4a372838;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font:18px/1.45 IBM Plex Sans,system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#241a12;--bg-deep:#2e2116;--ink:#f6ead9;--ink-soft:#cbb59d;--card:#33261a;--shadow:0 10px 24px #0006;--shadow-lg:0 18px 40px #00000080}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none}h1{margin:0 0 6px;font-size:2rem}p{color:var(--ink-soft);margin:0 0 20px}button{font:inherit;color:inherit}.big-button{appearance:none;background:var(--card);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:20px;min-height:64px;padding:18px 28px;font-size:1.15rem;font-weight:600;transition:transform .15s,box-shadow .15s}.big-button:active{transform:scale(.96)}.big-button.primary{background:var(--coral);color:#fff}.big-button:disabled{opacity:.6;cursor:default}.upload-screen,.difficulty-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.upload-card{width:100%;max-width:420px}.upload-emoji{margin-bottom:8px;font-size:4rem;line-height:1}.upload-actions{flex-direction:column;gap:14px;margin-top:28px;display:flex}.upload-status{color:var(--ink-soft);margin-top:16px}.upload-error{color:var(--coral-dark);margin-top:16px;font-weight:600}.difficulty-cards{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.difficulty-card{cursor:pointer;width:132px;height:132px;box-shadow:var(--shadow);color:#fff;border:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .15s;display:flex}.difficulty-card:active{transform:scale(.94)}.card-easy{background:linear-gradient(160deg, var(--green), var(--green-dark))}.card-medium{background:linear-gradient(160deg, var(--amber), var(--amber-dark))}.card-hard{background:linear-gradient(160deg, var(--purple), var(--purple-dark))}.difficulty-dots{flex-wrap:wrap;justify-content:center;gap:5px;max-width:60px;display:flex}.difficulty-dots .dot{background:#ffffffe6;border-radius:50%;width:9px;height:9px}.difficulty-label{font-size:1.1rem;font-weight:700}.difficulty-preview{object-fit:cover;width:160px;height:120px;box-shadow:var(--shadow);border-radius:18px;margin-top:32px}.play-screen{flex-direction:column;height:100%;display:flex}.top-bar{background:var(--card);z-index:10;align-items:center;gap:8px;padding:10px 14px;display:flex;box-shadow:0 2px 8px #4a372814}.top-bar-spacer{flex:1}.icon-button{appearance:none;background:var(--bg-deep);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.icon-button.active{background:var(--coral)}.surface{flex:1;padding:0 16px 16px;position:relative;overflow:auto}.loading-state{color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.loading-spinner{border:6px solid var(--bg-deep);border-top-color:var(--coral);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.board{background:var(--card);box-shadow:inset 0 0 0 2px var(--bg-deep), var(--shadow);border-radius:18px;position:absolute;overflow:hidden}.ghost-outline{object-fit:cover;opacity:.22;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.grid-lines{pointer-events:none;position:absolute;inset:0}.grid-lines line{stroke:var(--ink);stroke-opacity:.08;stroke-width:1px}.puzzle-piece{touch-action:none;cursor:grab;filter:drop-shadow(0 3px 6px #4a372859);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .15s;position:absolute;top:0;left:0}.puzzle-piece.dragging{cursor:grabbing;transform-origin:50%;filter:drop-shadow(0 10px 18px #4a372873);scale:1.06}.puzzle-piece.placed{cursor:default;filter:drop-shadow(0 1px 2px #4a372833);animation:.32s ease-out pop}@keyframes pop{0%{scale:1}45%{scale:1.15}to{scale:1}}.celebration-overlay{z-index:2000;background:#4a372859;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.confetti-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.celebration-card{background:var(--card);text-align:center;box-shadow:var(--shadow-lg);border-radius:24px;max-width:320px;padding:32px 28px;position:relative}.celebration-emoji{margin-bottom:8px;font-size:3rem}.celebration-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}@media (width>=640px){.celebration-actions{flex-direction:row}}