.chest-button{cursor:pointer;perspective:1000px;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(76vw,430px);height:min(60vw,340px);max-height:42dvh;padding:0;transition:transform .72s cubic-bezier(.2,.75,.15,1),opacity .42s;position:relative}.chest-button:disabled{cursor:default}.gen-chest{width:calc(84% * var(--ratio));max-width:108%;height:78%;transform-style:preserve-3d;filter:drop-shadow(0 28px 22px #000a);animation:3.1s ease-in-out infinite chest-float;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.gen-lid,.gen-body,.gen-cavity{width:90%;position:absolute;left:5%}.gen-lid{z-index:5;transform-origin:50% 100%;background:linear-gradient(90deg,var(--secondary),var(--main) 13% 87%,var(--secondary));border:clamp(3px,1vw,7px) solid var(--metal);border-radius:42% 42% 5% 5%/70% 70% 8% 8%;height:43%;transition:transform .7s cubic-bezier(.18,.74,.25,1),opacity .5s;top:5%;box-shadow:inset 0 8px #ffffff16,inset 0 -9px #0005}.gen-body{z-index:4;background:linear-gradient(92deg,var(--secondary),var(--main) 12% 88%,var(--secondary));border:clamp(3px,1vw,7px) solid var(--metal);border-radius:4% 4% 12% 12%;height:52%;top:46%;overflow:visible;box-shadow:inset 0 7px #ffffff12,inset 0 -10px #0003}.gen-cavity{z-index:2;height:25%;box-shadow:0 0 26px color-mix(in srgb,var(--glow),transparent 55%);opacity:0;background:#020404;border-radius:50%;transition:opacity .2s .25s;top:42%}.lid-face,.body-face{opacity:.3;pointer-events:none;position:absolute;inset:5%}.material-1 .gen-lid,.material-1 .gen-body{background:linear-gradient(110deg,#fff5,var(--main) 16%,var(--secondary) 55%,#fff2)}.material-2 .gen-lid,.material-2 .gen-body{background:linear-gradient(135deg,var(--main),var(--metal));border-color:var(--accent)}.material-3 .gen-lid,.material-3 .gen-body{background:linear-gradient(125deg,#fff6,var(--main) 25%,var(--secondary));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.material-4 .gen-lid,.material-4 .gen-body{background:linear-gradient(135deg,var(--secondary),var(--main) 50%,var(--accent));clip-path:polygon(4% 8%,17% 0,29% 5%,42% 0,57% 6%,70% 1%,86% 8%,100% 26%,96% 100%,5% 100%,0 27%)}.material-5 .gen-lid,.material-5 .gen-body{background:repeating-linear-gradient(90deg,var(--main) 0 10%,var(--secondary) 11%,var(--main) 13%)}.material-6 .gen-lid,.material-6 .gen-body{background:linear-gradient(135deg,var(--dark),var(--main));border-style:double}.material-7 .gen-lid,.material-7 .gen-body{background:radial-gradient(circle at 25% 35%,var(--accent) 0 3%,transparent 4%),radial-gradient(circle at 70% 65%,var(--accent) 0 2%,transparent 3%),var(--main)}.lid-1 .gen-lid{border-radius:8%}.lid-2 .gen-lid{border-radius:50% 50% 15% 15%/95% 95% 10% 10%;height:48%;top:0}.lid-3 .gen-lid{clip-path:polygon(50% 0,94% 28%,100% 100%,0 100%,6% 28%)}.lid-4 .gen-lid{border-radius:50%;height:35%;top:13%}.lid-5 .gen-lid{box-shadow:0 -13px 0 -4px var(--secondary),0 -18px 0 -5px var(--metal);border-radius:8%}.body-1 .gen-body{border-radius:6% 6% 35% 35%}.body-2 .gen-body{clip-path:polygon(5% 0,95% 0,100% 82%,88% 100%,12% 100%,0 82%)}.body-3 .gen-body{border-radius:4% 4% 48% 48%/5% 5% 22% 22%}.body-4 .gen-body{clip-path:polygon(0 0,100% 0,89% 100%,11% 100%)}.body-5 .gen-body{border-radius:45% 45% 10% 10%}.silhouette-4 .gen-chest{transform:translate(-50%)scaleX(.72)scaleY(1.15)}.silhouette-5 .gen-chest{transform:translate(-50%)scaleX(1.13)scaleY(.82)}.silhouette-6 .gen-lid,.silhouette-6 .gen-body{border-radius:48%}.gen-band{background:linear-gradient(90deg,color-mix(in srgb,var(--metal),#000 35%),var(--metal),color-mix(in srgb,var(--metal),#fff 22%));z-index:4;width:6%;position:absolute;top:-7px;bottom:-7px;transform:translate(-50%);box-shadow:1px 0 #fff3}.gen-body .gen-band{top:-7px;bottom:-7px}.rivet{float:left;background:radial-gradient(circle at 35% 30%,#fff7,var(--metal) 35%,#0008);z-index:6;border-radius:50%;width:8px;height:8px;margin:8px calc(5% - 4px);position:relative}.gen-lock{z-index:8;background:linear-gradient(135deg,#fff6,var(--accent) 38%,var(--metal));border:2px solid var(--dark);border-radius:6px 6px 40% 40%;width:17%;height:34%;position:absolute;top:-10%;left:41.5%;box-shadow:0 4px 8px #0005}.gen-lock:after{content:"";background:var(--dark);border-radius:50% 50% 12% 12%;width:17%;height:38%;position:absolute;top:29%;left:41.5%}.lock-1{border-radius:50%}.lock-2{clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%)}.lock-3{height:56%;top:-18%}.lock-4{background:var(--dark);border:5px double var(--accent);width:25%;left:37.5%}.lock-5{box-shadow:-36px 10px 0 -4px var(--accent),36px 10px 0 -4px var(--accent)}.gen-handle{border:4px solid var(--metal);border-top:0;border-radius:0 0 50% 50%;width:28%;height:16%;position:absolute;bottom:7%;left:36%}.gem{aspect-ratio:1;background:var(--glow);width:6%;box-shadow:0 0 12px var(--glow);position:absolute;top:44%;left:47%;transform:rotate(45deg)}.spike{background:linear-gradient(90deg,var(--secondary),var(--metal));clip-path:polygon(50% 0,100% 100%,0 100%);width:10%;height:35%;position:absolute;top:-28%;transform:translate(-50%)}.leg{z-index:2;background:var(--metal);clip-path:polygon(10% 0,90% 0,72% 100%,0 100%);width:13%;height:16%;position:absolute;bottom:-5%}.leg.left{left:12%}.leg.right{right:12%;transform:scaleX(-1)}.pattern-1 .lid-face,.pattern-1 .body-face{background:repeating-linear-gradient(45deg,transparent 0 12px,var(--accent) 13px 15px)}.pattern-2 .lid-face,.pattern-2 .body-face{background:radial-gradient(circle,var(--accent) 0 12%,transparent 13%);background-size:28px 28px}.pattern-3 .body-face{background:linear-gradient(45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%);background-size:30px 30px}.pattern-4 .body-face{border:4px double var(--accent)}.pattern-5 .body-face{background:repeating-linear-gradient(90deg,transparent 0 14%,var(--accent) 15% 17%)}.pattern-6 .body-face{clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%);background:var(--accent)}.pattern-7 .body-face{box-shadow:inset 0 0 0 8px var(--accent),inset 0 0 0 16px transparent,inset 0 0 0 18px var(--accent);border-radius:50%}.glowing .gem,.glowing .gen-lock{box-shadow:0 0 20px var(--glow)}.asymmetric .gen-lock{left:28%}.small{filter:drop-shadow(0 8px 6px #0008);animation:none}.inner-next{z-index:3;opacity:0;width:34%;height:28%;transition:transform .62s cubic-bezier(.2,1.2,.2,1) .3s,opacity .25s .3s;position:absolute;top:43%;left:50%;transform:translate(-50%)scale(.08)}.inner-next .gen-chest{width:100%;height:100%;bottom:0}.phase-opening .current-wrap .gen-lid,.phase-zooming .current-wrap .gen-lid{transform:rotateX(-118deg)translateY(-5%)}.phase-opening .gen-cavity,.phase-zooming .gen-cavity{opacity:1}.phase-opening .inner-next{opacity:1;transform:translate(-50%)scale(1)}.phase-zooming .inner-next{opacity:1;transform:translate(-50%)scale(11)}.phase-zooming .current-wrap{opacity:0;transform:scale(3.3)}.phase-opening .hint,.phase-zooming .hint{opacity:0}.current-wrap:active .gen-chest{transform:translate(-50%)translateY(5px)scale(.985)}.current-wrap:focus-visible{outline:2px solid var(--ink);outline-offset:8px}.overlay{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101617f7;animation:.25s overlay-in;position:fixed;inset:0;overflow:auto}.panel-head{z-index:4;padding:max(22px,env(safe-area-inset-top)) 22px 15px;background:linear-gradient(#101617 70%,#0000);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.panel-head small{color:#9d917b;letter-spacing:.16em}.panel-head h1{letter-spacing:.12em;margin:4px 0 0;font-size:22px;font-weight:500}.panel-head button,.detail-close{background:#192021;border:1px solid #aa997455;border-radius:50%;width:42px;height:42px;font-size:24px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-width:960px;margin:auto;padding:10px 18px 100px;display:grid}.card{text-align:left;cursor:pointer;background:#151d1e;border:1px solid #8e806335;padding:0 0 12px}.thumb{background:radial-gradient(circle,#46514755,#0000 65%);height:125px;position:relative;overflow:hidden}.thumb .gen-chest{height:88%;bottom:0}.card>span,.card>small{margin:7px 10px 0;display:block}.card>span{color:#d6c399;font:12px ui-monospace,monospace}.card>small{color:#8f897c;font-size:10px}.pager{background:#101617ee;border-radius:99px;align-items:center;gap:14px;padding:8px 12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.pager button,.detail-meta button{background:#1c2425;border:1px solid #9e8e6b66;border-radius:99px;padding:8px 14px}.pager button:disabled{opacity:.3}.empty{text-align:center;color:#979183;padding:28vh 25px}.detail{background:radial-gradient(circle at 50% 43%,#39423b,#101617 65%);place-items:center;display:grid;overflow:hidden}.detail-close{right:20px;top:max(20px,env(safe-area-inset-top));z-index:3;position:fixed}.detail-chest{perspective:1000px;width:min(86vw,620px);height:min(60vh,470px);position:relative}.detail-chest .gen-chest{height:100%;transition:transform .4s}.detail-chest:hover .gen-chest{transform:translate(-50%)scale(1.04)rotateY(-3deg)}.detail-meta{bottom:max(25px,env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;display:flex;position:fixed}.detail-meta span{font:13px ui-monospace,monospace}.detail-meta small{color:#9b9485}.detail-meta button{color:#dac79d}.gallery+.detail{z-index:40}@keyframes chest-float{50%{transform:translate(-50%)translateY(-5px)}}@keyframes overlay-in{0%{opacity:0;transform:scale(1.02)}}@media (max-width:540px){.chest-button{width:90vw;height:68vw;max-height:none}.hint{top:72%}.workshop{font-size:9px}.grid{grid-template-columns:repeat(2,1fr);padding-inline:10px}.thumb{height:118px}.detail-meta{padding:0 20px}.detail-meta small{text-align:center;width:100%}nav{gap:8px}nav button{padding:9px 12px}}
.game-shell{color:#e8dfc9;isolation:isolate;background:radial-gradient(circle at 50% 45%,#24302e 0,#151c1d 44%,#0d1112 100%);min-height:min(760px,100dvh - 110px);font-family:Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;position:relative;overflow:hidden}.game-shell:before{content:"";opacity:.2;pointer-events:none;background-image:linear-gradient(90deg,#0000 49.7%,#bc9b5d22 50%,#0000 50.3%),linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 100%,100% 6px;position:absolute;inset:0}.game-shell button{font:inherit;color:inherit}.game-shell>header{z-index:10;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:20px;display:flex;position:absolute;inset:0 0 auto}.workshop{color:#b9aa89;border:1px solid #8b795650;padding:6px 9px;font-size:11px}.counter{color:#c8b892;font:12px ui-monospace,monospace}.stage{perspective:1000px;place-items:center;min-height:min(760px,100dvh - 110px);display:grid;position:relative}.halo{aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle,#d0a65b2c,#0000 66%);border-radius:50%;width:min(90vw,620px);position:absolute}.chest-3d{pointer-events:none;position:absolute;inset:-18%}.chest-3d canvas{width:100%;height:100%;display:block}.phase-zooming .current-wrap{opacity:1;transform:none}.hint{letter-spacing:.2em;color:#c8baa0aa;z-index:4;margin:0;font-size:12px;animation:2s ease-in-out infinite chest-pulse;position:absolute;top:76%}.game-shell>nav{z-index:10;justify-content:center;gap:8px;display:flex;position:absolute;bottom:18px;left:0;right:0}.game-shell>nav button{letter-spacing:.08em;cursor:pointer;background:#13191ae6;border:1px solid #aa99744d;border-radius:99px;padding:9px 15px;font-size:12px}.detail-chest .chest-3d{inset:-12%}@keyframes chest-pulse{50%{opacity:.42}}@media (max-width:540px){.workshop{font-size:9px}.chest-3d{inset:-26%}.detail-chest .chest-3d{inset:-18%}.game-shell>nav button{padding:9px 12px}}@media (prefers-reduced-motion:reduce){.game-shell *,.game-shell :before,.game-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}