:root{--bg:#ffe9d6;--table:#ffd9b8;--ink:#5a3d2b;--btn:#fff6ec;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);--accent:#b5480f;--muted:#8a6a55;background:#f6d2b2;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,sans-serif}@supports not (padding:env(safe-area-inset-top, 0px)){:root{--safe-top:0px;--safe-bottom:0px}}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-height:100%;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f6d2b2}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#game{isolation:isolate;width:100%;max-width:480px;width:min(100vw,46.1538dvh,480px);height:100%;touch-action:none;background:var(--bg);flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}header{padding:calc(var(--safe-top) + 14px) 16px 8px;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:120px;display:grid}#lv{background:var(--btn);font-variant-numeric:tabular-nums;border-radius:22px;justify-content:center;justify-self:start;align-items:center;min-width:44px;height:44px;padding:0 12px;font-size:22px;font-weight:900;display:flex}.btns{justify-self:end;gap:10px;display:flex}.btns button{background:var(--btn);border:0;border-radius:50%;width:48px;height:48px;font-size:26px;font-weight:900;line-height:1;box-shadow:0 3px #e8bf9a}.btns button:active{transform:translateY(2px);box-shadow:0 1px #e8bf9a}#hint[hidden]{display:none}#hint svg{margin:auto;display:block}#hint.nudge{animation:2.4s ease-in-out infinite nudge}@keyframes nudge{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-14deg)scale(1.08)}84%{transform:rotate(12deg)scale(1.08)}92%{transform:rotate(-6deg)}}#hint.glow{animation:.6s ease-out glowbulb}@keyframes glowbulb{30%{transform:scale(1.2);box-shadow:0 0 0 10px #ffd23f66,0 3px #e8bf9a}}.btns button:disabled{opacity:.35}#target{background:#fff6ec;border-radius:16px;padding:10px;transition:transform .2s;box-shadow:0 3px #e8bf9a}#target.win{animation:.9s ease-out glow}@keyframes glow{30%{transform:scale(1.15);box-shadow:0 0 0 8px #fffa,0 3px #e8bf9a}}.mini{border-radius:5px;display:grid;overflow:hidden;box-shadow:0 0 0 2px #00000014}.mini i{display:block;box-shadow:inset 0 0 0 .5px #0000000f}#board{margin:0 0 calc(var(--safe-bottom) + 12px);perspective:1100px;touch-action:none;flex:1;position:relative}.sheet,.flap{filter:drop-shadow(0 4px #00000014);border-radius:6px;display:grid;position:absolute}.sheet.move{transition:left .28s cubic-bezier(.3,1.3,.5,1),top .28s cubic-bezier(.3,1.3,.5,1)}.cell{box-shadow:inset 0 0 0 .5px #0000000f}.cell.gone{visibility:hidden}.flap{z-index:2;filter:none;will-change:transform;transform-style:preserve-3d;display:block}.flap .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.flap .face.under.x{transform:rotateY(180deg)}.flap .face.under.y{transform:rotateX(180deg)}.flap .shade{opacity:0;pointer-events:none;background:#3a2414;position:absolute;top:0;bottom:0;left:0;right:0}.hinge{z-index:3;pointer-events:none;border:0 dashed #5a3d2b66;position:absolute}.hinge.x{border-left-width:3px;width:0;margin-left:-1.5px}.hinge.y{border-top-width:3px;height:0;margin-top:-1.5px}.hinge.armed{border-style:solid;border-color:#5a3d2bcc}.sheet.land{animation:.2s cubic-bezier(.3,1.6,.5,1) land}@keyframes land{0%{transform:scale(1.035)}to{transform:scale(1)}}.sheet.shake{animation:.42s shake}@keyframes shake{20%{translate:-10px}40%{translate:9px}60%{translate:-6px}80%{translate:3px}}.sheet.pop{animation:.55s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{0%{scale:1}35%{rotate:-4deg;scale:1.16}to{rotate:0deg;scale:1}}.sheet.enter{animation:.35s cubic-bezier(.3,1.4,.5,1) enter}@keyframes enter{0%{opacity:0;scale:.6}}.confetti{z-index:4;pointer-events:none;border-radius:3px;width:12px;height:12px;animation:.9s ease-out forwards burst;position:absolute}@keyframes burst{to{transform:translate(var(--dx), var(--dy)) rotate(260deg);opacity:0}}.finger{z-index:5;pointer-events:none;background:#fffc;border-radius:50%;width:34px;height:34px;margin:-17px;animation:1.6s ease-in-out infinite swipe;position:absolute;box-shadow:0 0 0 4px #5a3d2b33}@keyframes swipe{0%{opacity:0;transform:translate(0)scale(1.2)}15%{opacity:1;transform:translate(0)scale(1)}65%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}85%,to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}#next{left:50%;bottom:calc(var(--safe-bottom) + 34px);z-index:6;color:#fff;background:#4cc46a;border:0;border-radius:50%;width:84px;height:84px;margin-left:-42px;font-size:44px;font-weight:900;line-height:1;animation:.35s cubic-bezier(.3,1.5,.5,1) rise;position:absolute;box-shadow:0 5px #2f9a4c}#next:active{transform:translateY(3px);box-shadow:0 2px #2f9a4c}#next.hidden{display:none}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.6)}}@media (prefers-reduced-motion:reduce){.sheet.move{transition:none}}#game.icon{background:#6d3fd0;width:100vw;height:100vh}#game.icon header,#game.icon #next{display:none}#game.icon #board{perspective:900px;margin:0}#game.icon .sheet,#game.icon .flap .face{border-radius:10px}#game.icon .sheet{filter:drop-shadow(0 10px #0003)}
