.shape-treasure{--hot:#8e74e7;--deep:#5d46aa;--sky:#9be9ff;--ink:#513f73}.shape-treasure .prek-machine{background:linear-gradient(145deg,#b69cff,#7e66da);box-shadow:0 10px 0 #5844a1,0 22px 42px #44356a48}.shape-treasure .prek-status{box-shadow:0 6px 16px #4f3e7738}.shape-treasure-stage{position:absolute;inset:0;overflow:hidden;padding:112px clamp(8px,2vw,24px) 14px}.shape-treasure-stage>.prek-parallax{z-index:0;opacity:.98;filter:saturate(1.06) brightness(1.04)}.shape-treasure-light{position:absolute;z-index:1;top:7%;left:50%;width:min(900px,90%);height:55%;border-radius:50%;background:radial-gradient(ellipse,#fffbe8a6 0 18%,#fff8c34a 42%,transparent 72%);filter:blur(14px);pointer-events:none;transform:translateX(-50%)}.shape-chest-row,.treasure-gem-row{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:min(920px,100%);margin:0 auto}.treasure-gem-row{z-index:8;gap:clamp(16px,5vw,70px);width:min(660px,82%);transform:translateY(clamp(12px,2.2svh,20px))}.treasure-gem-row.is-active{z-index:18}.shape-chest-wrap,.treasure-gem-slot{display:flex;min-width:0;flex-direction:column;align-items:center;color:#5c4776;font-weight:1000;text-shadow:0 2px #fff}.treasure-gem-slot{gap:5px}.treasure-gem-slot:before{position:absolute;z-index:-1;width:clamp(100px,13vw,145px);height:clamp(55px,7vw,78px);border-radius:50%;background:radial-gradient(ellipse,#fffbd8dc 0 42%,transparent 73%);filter:blur(3px);content:""}.shape-chest-wrap>strong,.treasure-gem-slot strong{position:relative;z-index:7;font-size:clamp(14px,2vw,19px)}.treasure-gem{--gem-color:#ff6688;position:relative;z-index:9;width:clamp(82px,11vw,112px);aspect-ratio:1;cursor:grab;appearance:none;border:0;background:radial-gradient(circle at 31% 24%,#fff 0 5%,#ffffffb8 6% 11%,transparent 12%),linear-gradient(140deg,#ffffff8c 2%,transparent 31%),var(--gem-color);box-shadow:inset -12px -14px 0 #00000018,inset 7px 7px 0 #ffffff42,0 9px 0 #00000020,0 16px 22px #4c386b35;filter:saturate(1.06);touch-action:none;user-select:none;will-change:transform,opacity;transition:filter .16s,opacity .2s,transform .16s}.treasure-gem:after{right:17%;bottom:16%;height:11%;background:#00000010;filter:blur(2px);content:""}.treasure-gem-shine,.treasure-gem:after{position:absolute;width:16%;border-radius:50%}.treasure-gem-shine{top:18%;left:24%;height:27%;background:#ffffffb8;rotate:26deg}.treasure-gem.gem-circle{overflow:hidden;border-radius:999px!important;clip-path:circle(49% at 50% 50%)}.gem-square{border-radius:23%}.gem-triangle{clip-path:polygon(50% 2%,98% 92%,91% 100%,9% 100%,2% 92%)}.gem-triangle .treasure-gem-shine{top:36%;left:40%}.treasure-gem:hover:not(:disabled){filter:saturate(1.08) brightness(1.08);transform:translateY(-5px) rotate(2deg)}.treasure-gem:active:not(:disabled){cursor:grabbing}.treasure-gem:focus-visible{outline:6px solid #fff45c;outline-offset:5px}.treasure-gem.is-inserting{z-index:30}.treasure-gem.is-inserting,.treasure-gem.is-matched{opacity:0;pointer-events:none}.treasure-gem.is-wrong{animation:treasure-gem-return .5s cubic-bezier(.25,1.4,.5,1)}.shape-chest-row{position:absolute;right:0;bottom:0;left:0;gap:clamp(2px,2.4vw,24px);width:min(1050px,98%)}.shape-chest-wrap{gap:0}.shape-chest{position:relative;width:min(31vw,300px);max-width:100%;aspect-ratio:1;margin-bottom:clamp(-32px,-8vw,-18px);transform-origin:50% 78%;will-change:transform}.shape-chest:after{position:absolute;z-index:1;bottom:8%;left:18%;width:64%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#4b653a70 0 26%,#4b653a2f 48%,transparent 74%);filter:blur(5px);content:""}.shape-chest-state{position:absolute!important;z-index:3;inset:0;width:100%;height:100%;filter:drop-shadow(0 13px 8px #4f382946);transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.25,1),filter .25s}.shape-chest-state img{object-fit:contain}.chest-closed-state{opacity:1;transform:scale(1)}.chest-open-state{opacity:0;transform:translateY(8px) scale(.97)}.shape-chest.is-open .chest-closed-state{opacity:0;transform:translateY(4px) scale(.985)}.shape-chest.is-open .chest-open-state{opacity:1;transform:translateY(0) scale(1)}.shape-chest.is-near{animation:shape-chest-ready .72s ease-in-out infinite alternate}.shape-chest.is-receiving .chest-open-state{filter:drop-shadow(0 13px 8px #4f382946) brightness(1.08)}.shape-chest.is-closing{animation:shape-chest-close .62s cubic-bezier(.2,.85,.25,1) both}.shape-chest-glow{position:absolute;z-index:2;top:32%;left:50%;width:64%;height:42%;border-radius:50%;opacity:0;background:radial-gradient(ellipse,#fffbd6 0 8%,#ffe467b0 30%,transparent 72%);filter:blur(6px);pointer-events:none;transform:translateX(-50%) scale(.65);transition:opacity .22s,transform .35s}.shape-chest.is-open .shape-chest-glow{opacity:.9;transform:translateX(-50%) scale(1)}.shape-chest-drop-target{z-index:5;top:42%;width:54%;height:18%;border-radius:50%;transform:translateX(-50%)}.shape-chest-badge,.shape-chest-drop-target{position:absolute;left:50%;pointer-events:none}.shape-chest-badge{--badge-color:#ff6688;z-index:7;top:53%;width:clamp(29px,4.2vw,43px);aspect-ratio:1;border:clamp(3px,.45vw,5px) solid #fff7c9;background:linear-gradient(145deg,#ffffff91,transparent 35%),var(--badge-color);box-shadow:0 0 0 4px #efa91f,0 5px 8px #5b321c55,inset -5px -6px #00000018;transform:translate(-50%,-50%);transition:filter .2s,transform .2s}.shape-chest-badge.badge-circle{overflow:hidden;border-radius:999px!important;clip-path:circle(49% at 50% 50%)}.badge-square{border-radius:22%}.badge-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);border:0;box-shadow:inset -5px -6px #00000018;filter:drop-shadow(0 0 0 #efa91f) drop-shadow(0 5px 5px #5b321c55)}.shape-chest.is-near .shape-chest-badge{filter:brightness(1.18) drop-shadow(0 0 10px #fff9a8);transform:translate(-50%,-50%) scale(1.14)}.stored-gem{--stored-color:#ff6688;position:absolute;z-index:8;top:43%;left:50%;width:clamp(24px,3.5vw,38px);aspect-ratio:1;background:linear-gradient(145deg,#ffffffa0,transparent 37%),var(--stored-color);box-shadow:inset -5px -5px #0002,0 0 16px #fff6a8;transform:translate(-50%,-50%);animation:stored-gem-settle .42s ease-out both}.stored-gem.stored-circle{overflow:hidden;border-radius:999px!important;clip-path:circle(49% at 50% 50%)}.stored-square{border-radius:20%}.stored-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-treasure-finish-art{width:190px;height:160px;margin:-25px auto -5px}.treasure-flight-gem{--flight-color:#ff6688;--flight-size:90px;--flight-start-x:50vw;--flight-start-y:30vh;--flight-delta-x:0px;--flight-delta-y:200px;position:fixed;z-index:80;top:var(--flight-start-y);left:var(--flight-start-x);width:var(--flight-size);aspect-ratio:1;border-radius:23%;background:radial-gradient(circle at 31% 24%,#fff 0 5%,#ffffffb8 6% 11%,transparent 12%),linear-gradient(140deg,#ffffff8c 2%,transparent 31%),var(--flight-color);box-shadow:inset -12px -14px 0 #00000018,inset 7px 7px 0 #ffffff42,0 10px 18px #4c386b42;pointer-events:none;will-change:transform,opacity;animation:treasure-gem-flight .98s cubic-bezier(.3,.04,.38,1) forwards}.treasure-flight-gem i{position:absolute;top:18%;left:24%;width:16%;height:27%;border-radius:50%;background:#ffffffb8;rotate:26deg}.treasure-flight-gem.flight-circle{overflow:hidden;border-radius:999px;clip-path:circle(49% at 50% 50%)}.treasure-flight-gem.flight-triangle{clip-path:polygon(50% 2%,98% 92%,91% 100%,9% 100%,2% 92%)}.treasure-flight-gem.flight-triangle i{top:36%;left:40%}@keyframes treasure-gem-flight{0%,27%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}72%{opacity:1;transform:translate3d(calc(-50% + var(--flight-delta-x)),calc(-50% + var(--flight-delta-y) - 12px),0) scale(.52) rotate(7deg)}88%{opacity:1;transform:translate3d(calc(-50% + var(--flight-delta-x)),calc(-50% + var(--flight-delta-y) + 7px),0) scale(.3) rotate(0)}to{opacity:0;transform:translate3d(calc(-50% + var(--flight-delta-x)),calc(-50% + var(--flight-delta-y) + 26px),0) scale(.08)}}@keyframes treasure-gem-return{22%{translate:-13px 0;rotate:-7deg}45%{translate:11px 0;rotate:6deg}68%{translate:-5px 0;rotate:-3deg}to{translate:0;rotate:0}}@keyframes shape-chest-ready{to{transform:translateY(-5px) scale(1.025)}}@keyframes shape-chest-close{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(6px) scale(1.035,.94)}68%{transform:translateY(-3px) scale(.985,1.025)}}@keyframes stored-gem-settle{0%{opacity:0;transform:translate(-50%,-70%) scale(.3)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}to{opacity:.9;transform:translate(-50%,-42%) scale(.82)}}@media (max-width:720px){.shape-treasure-stage{padding:144px 2px 8px}.treasure-gem-row{width:min(480px,94%);gap:8px}.treasure-gem{width:clamp(68px,21vw,94px)}.shape-chest-row{bottom:0;width:100%;gap:0}.shape-chest{width:min(34vw,190px)}.shape-chest-wrap>strong,.treasure-gem-slot strong{font-size:clamp(11px,3.2vw,15px)}}@media (max-height:700px) and (min-width:721px){.shape-treasure-stage{padding-top:100px}.treasure-gem{width:76px}.shape-chest-row{bottom:-5px}.shape-chest{width:min(27vw,235px)}}@media (prefers-reduced-motion:reduce){.shape-chest,.shape-chest-badge,.shape-chest-glow,.shape-chest-state,.stored-gem,.treasure-gem{animation:none!important;transition-duration:.01ms!important}.treasure-flight-gem{animation-duration:.2s!important}}