html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}html,body{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{position:relative;display:flex;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app-shell{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;background:#8bd5ff;isolation:isolate}.scene-viewport{position:relative;flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow:hidden}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.scene-background,.scene-item,.scene-ripple{vector-effect:non-scaling-stroke}.scene-item{cursor:pointer;touch-action:none}.scene-item__hit-area{cursor:pointer}.scene-item-motion{transform-box:fill-box;transform-origin:center}.scene-item-motion--found{animation:item-found .7s ease-out both}.scene-item-motion--wiggling{animation:item-wiggle .42s ease-in-out both}.scene-item-motion--hint-shimmer{animation:item-hint-shimmer 1.9s ease-in-out infinite}.scene-item--found{opacity:.76}.found-accent{fill:none;stroke:#fff4a8;stroke-width:4;stroke-linecap:round;opacity:.9}.found-ring{stroke:#ffe26d;stroke-width:3;stroke-dasharray:8 7;animation:sparkle-spin 3s linear infinite;transform-box:fill-box;transform-origin:center}.scene-ripple{fill:none;stroke:#fff4a8;stroke-width:7;opacity:.8;transform-box:fill-box;transform-origin:center;animation:ripple-fade .7s ease-out both}.prompt-tray{position:relative;flex:0 0 clamp(84px,18vh,128px);width:100%;height:clamp(84px,18vh,128px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:6px 16px env(safe-area-inset-bottom);pointer-events:auto;background:#f1d8a8;box-shadow:0 -3px #7d4e2b2e}.prompt-tray__chips{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,24px);width:100%;height:100%;min-height:0;pointer-events:auto}.prompt-chip{position:relative;display:grid;width:64px;height:64px;padding:7px;border:4px solid #fff8df;border-radius:22px;box-sizing:border-box;background:#fff;box-shadow:0 5px #26323859,0 8px 18px #2632382e;cursor:pointer;touch-action:manipulation;transform-origin:center bottom}.prompt-chip--current{width:78px;height:78px;border-color:#ffd34e;box-shadow:0 6px #8f591952,0 0 0 7px #ffd34e47,0 10px 24px #26323838;animation:prompt-pulse 1.8s ease-in-out infinite}.prompt-chip--hint-pulse{animation:prompt-hint-pulse 1.25s ease-in-out infinite}.prompt-chip--attention{animation:prompt-attention .65s ease-out both}.prompt-chip--found{border-color:#8dcc84;opacity:.72}.prompt-chip__art{width:100%;height:100%;overflow:visible}.prompt-chip__check{position:absolute;right:-8px;bottom:-8px;display:grid;width:30px;height:30px;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#58ad63;font-size:22px;font-weight:900;line-height:1}@keyframes prompt-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes prompt-attention{0%{transform:scale(1)}45%{transform:scale(1.22) rotate(-3deg)}to{transform:scale(1)}}@keyframes prompt-hint-pulse{0%,to{transform:scale(1)}35%{transform:scale(1.15)}55%{transform:scale(1.05)}}@keyframes item-found{0%{transform:scale(1)}45%{transform:scale(1.2) rotate(-2deg)}to{transform:scale(1)}}@keyframes item-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg) translate(-2px)}75%{transform:rotate(6deg) translate(2px)}}@keyframes item-hint-shimmer{0%,to{transform:translate(0) rotate(0);filter:brightness(1)}25%{transform:translate(-2px) rotate(-2deg);filter:brightness(1.08)}50%{transform:translate(2px) rotate(2deg);filter:brightness(1.14)}75%{transform:translate(-1px) rotate(-1deg);filter:brightness(1.06)}}.scene-find-burst{overflow:visible}.scene-find-burst__piece{transform-box:fill-box;transform-origin:center;opacity:0;animation:find-burst-piece var(--burst-duration, 1s) ease-out both}.hint-pointer{overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke}.hint-pointer__motion{animation:hint-pointer-bob .85s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.hint-pointer__outline{stroke:#263238;stroke-width:32}.hint-pointer__line,.hint-pointer__head{stroke:#ff3f68;stroke-width:18}.round-confetti{overflow:visible}.round-confetti__piece{transform-box:fill-box;transform-origin:center;animation:confetti-fall var(--confetti-duration, 1.8s) ease-in var(--confetti-delay, 0ms) both}@keyframes sparkle-spin{to{transform:rotate(360deg)}}@keyframes ripple-fade{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(2.4)}}@keyframes find-burst-piece{0%{opacity:0;transform:translate(0) scale(.2) rotate(0)}20%{opacity:1;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) scale(.78) rotate(var(--burst-rotation))}}@keyframes hint-pointer-bob{0%,to{transform:translateY(0)}50%{transform:translateY(24px)}}@keyframes confetti-fall{0%{opacity:0;transform:translate(0) rotate(0)}12%{opacity:1}to{opacity:.9;transform:translate(var(--confetti-drift),var(--confetti-fall, 1120px)) rotate(var(--confetti-spin))}}@media(orientation:portrait){.prompt-tray__chips{gap:8px}.prompt-chip{width:56px;height:56px;padding:5px;border-width:3px;border-radius:17px}.prompt-chip--current{width:74px;height:74px}.prompt-chip__check{right:-7px;bottom:-7px;width:24px;height:24px;font-size:17px}}
