:root{--red: #e32645;--red-deep: #b3142e;--gold: #f4c542;--gold-dark: #c99212;--cream: #ffe9c2;--ink: #3a1630;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--machine-w: min(86vw, 348px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,sans-serif;color:var(--ink);background:#2a1020;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font-family:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.app{position:relative;width:min(100%,430px);height:100dvh;height:100svh;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 50% 18%,#fff4c2,#ffd0dc 42%,#c9b4ff);transition:filter .4s ease,background .4s ease}.bg-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.55) 1.4px,transparent 1.5px);background-size:18px 18px;opacity:.55}.bg-glow{position:absolute;left:50%;top:46%;width:280px;height:280px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.55),transparent 68%);pointer-events:none}.app.state-spinning .bg,.app.state-result .bg,.app.state-decided .bg{filter:saturate(.7) brightness(.55)}.header{position:relative;z-index:2;padding:calc(12px + var(--safe-top)) 16px 4px;text-align:center;flex:0 0 auto}.title{font-family:Dela Gothic One,sans-serif;font-size:clamp(1.35rem,6.4vw,1.85rem);letter-spacing:.02em;line-height:1.25;color:#fff;text-shadow:0 3px 0 #c2183a,0 6px 0 #8d0d28,0 10px 18px rgba(140,20,50,.35)}.tagline{margin-top:6px;font-size:.82rem;font-weight:700;color:#6b2450}.stage{position:relative;z-index:2;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 12px calc(18px + var(--safe-bottom));gap:14px;min-height:0}.machine{width:var(--machine-w);position:relative;transform-origin:50% 60%;filter:drop-shadow(0 18px 18px rgba(80,10,40,.28))}.machine-crown{width:54%;margin:0 auto -6px;height:22px;border-radius:10px 10px 4px 4px;background:linear-gradient(#ffd76a,#f0b429);border:3px solid #fff3c4;box-shadow:0 3px #c98910;display:flex;align-items:center;justify-content:center;position:relative;z-index:3}.machine-crown span{font-family:Dela Gothic One,sans-serif;font-size:.62rem;color:#9a2500;letter-spacing:.12em}.dome{width:88%;margin:0 auto;aspect-ratio:1;position:relative;z-index:2}.dome-fill{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 80%,#ffffff47,#96c8e62e 55%,#508cbe38)}.dome-glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:10px solid #ffe7b0;box-shadow:inset 0 -18px 24px #28466e1f,0 8px #e2b56a,0 0 0 4px #d89a3a;pointer-events:none}.dome-shine{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:linear-gradient(125deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.12) 28%,transparent 42%),radial-gradient(circle at 28% 22%,rgba(255,255,255,.55),transparent 32%);pointer-events:none;z-index:4}.dome-rim{display:none}.capsules{position:absolute;top:0;right:0;bottom:0;left:0}.capsule{position:absolute;width:30px;height:30px;border-radius:50%;z-index:1;box-shadow:inset -5px -6px 8px #0000002e,inset 4px 5px 7px #ffffff73,0 3px 3px #0000002e;animation:bob 2.6s ease-in-out infinite;transform-origin:center}.capsule:before{content:"";position:absolute;left:12%;right:12%;top:48%;height:2px;background:#ffffff8c;box-shadow:0 1px #0000001f}.capsule:after{content:"";position:absolute;width:8px;height:6px;border-radius:50%;background:#ffffffb3;top:18%;left:22%}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.machine.is-wild .capsule{animation-name:wild-a,wild-spin;animation-duration:.28s,.45s;animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite}.machine.is-wild .capsule:nth-child(3n){animation-name:wild-b,wild-spin;animation-duration:.24s,.38s}.machine.is-wild .capsule:nth-child(3n+1){animation-name:wild-c,wild-spin;animation-duration:.32s,.5s}@keyframes wild-a{0%,to{transform:translate(0)}25%{transform:translate(14px,-22px)}50%{transform:translate(-16px,10px)}75%{transform:translate(10px,-16px)}}@keyframes wild-b{0%,to{transform:translate(0)}20%{transform:translate(-18px,-14px)}45%{transform:translate(16px,12px)}70%{transform:translate(-8px,-24px)}}@keyframes wild-c{0%,to{transform:translate(0)}30%{transform:translate(8px,16px)}55%{transform:translate(-20px,-10px)}80%{transform:translate(18px,-18px)}}@keyframes wild-spin{to{rotate:360deg}}.cabinet{width:92%;margin:-8px auto 0;background:linear-gradient(#ff4d6d,var(--red) 40%,var(--red-deep));border-radius:18px 18px 22px 22px;border:5px solid #fff1c8;box-shadow:0 8px #9d1730,inset 0 8px #ffffff2e;padding:12px 12px 10px;position:relative;z-index:1}.cabinet-face{display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px}.coin-plate{width:42%;background:linear-gradient(#ffe9a8,#f0c14b);border-radius:12px;padding:8px 6px;box-shadow:inset 0 2px #fff,0 3px #c58a12;text-align:center}.coin-slot{width:46px;height:8px;margin:0 auto 6px;background:#2b1a12;border-radius:8px;box-shadow:inset 0 2px 3px #000,0 1px #ffe9a8}.coin-label{font-family:Dela Gothic One,sans-serif;font-size:.58rem;letter-spacing:.14em;color:#9a2500}.handle-wrap{width:86px;height:86px;display:grid;place-items:center}.handle{width:78px;height:78px}.handle-disk{width:78px;height:78px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#fff4c2,#f2c54a 42%,#c79216);border:4px solid #fff8dc;box-shadow:0 6px #9a6b0c,inset 0 -6px 8px #00000026;transform-origin:center}.handle-disk:after{content:"";position:absolute;top:50%;left:7px;width:16px;height:7px;margin-top:-3px;border-radius:99px;background:#fff4d0;box-shadow:0 1px #b07a10}.handle-hub{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d9d9d9 60%,#8d8d8d);box-shadow:0 2px #666}.handle-arm{position:absolute;top:6px;left:50%;width:10px;height:34px;margin-left:-5px;border-radius:8px;background:linear-gradient(90deg,#ffe9a4,#d7a31c);box-shadow:1px 2px #8a650c}.handle-knob{position:absolute;top:-4px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ff5d7a 45%,#c2183a);border:2px solid #fff;box-shadow:0 3px #8d1028}.machine.is-cranking .handle-disk{animation:crank .45s cubic-bezier(.15,.85,.25,1) forwards}@keyframes crank{0%{transform:rotate(0)}70%{transform:rotate(390deg)}to{transform:rotate(360deg)}}.machine.is-shake{animation:machine-shake .45s ease-in-out}.machine.is-wild{animation:machine-vibrate .12s linear infinite}@keyframes machine-shake{0%,to{transform:rotate(0) translate(0)}20%{transform:rotate(-2.4deg) translate(-5px)}40%{transform:rotate(2.2deg) translate(6px)}60%{transform:rotate(-1.6deg) translate(-3px)}80%{transform:rotate(1.2deg) translate(3px)}}@keyframes machine-vibrate{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,2px)}}.outlet{position:relative;height:58px}.outlet-frame{width:46%;height:50px;margin:0 auto;background:linear-gradient(#3a1d24,#1a0c10);border-radius:10px 10px 14px 14px;border:3px solid #f6d37a;position:relative;overflow:hidden;box-shadow:inset 0 8px 10px #0000008c}.outlet-hole{position:absolute;top:8px;right:10px;bottom:12px;left:10px;background:#090405;border-radius:8px}.outlet-flap{position:absolute;left:10px;right:10px;bottom:6px;height:10px;border-radius:0 0 8px 8px;background:linear-gradient(#6a303a,#2d1418)}.outlet-glow{position:absolute;left:50%;top:50%;width:140px;height:80px;transform:translate(-50%,-50%) scale(.4);background:radial-gradient(circle,#fffce0 0%,#ffd24a 30%,transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:screen}.outlet.is-glow .outlet-glow{animation:outlet-burst .55s ease-out forwards}.outlet.is-glow .outlet-frame{box-shadow:0 0 18px 8px #ffe678d9,inset 0 8px 10px #0000008c}@keyframes outlet-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.machine-base{width:100%;height:18px;position:relative}.leg{position:absolute;top:-2px;width:22px;height:16px;background:linear-gradient(#ffd76a,#d7a31c);border-radius:0 0 6px 6px;box-shadow:0 3px #9a6b0c}.leg:first-child{left:18%}.leg:last-child{right:18%}.spin-btn{width:min(72%,250px);height:64px;border-radius:999px;background:linear-gradient(#ff6b81,#e32645);color:#fff;box-shadow:0 8px #9d1730,0 12px 18px #8c143247,inset 0 3px #fff6;transition:transform .08s ease,box-shadow .08s ease,filter .2s}.spin-btn-label{font-family:Dela Gothic One,sans-serif;font-size:1.55rem;letter-spacing:.12em;text-shadow:0 3px 0 #9d1730}.spin-btn:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #9d1730,0 6px 10px #8c143240,inset 0 3px #fff6}.spin-btn:disabled{filter:grayscale(.25) brightness(.85);cursor:default}.app:not(.state-idle) .spin-btn,.app:not(.state-idle) .header,.app:not(.state-idle) .stage{pointer-events:none}.app.state-result .header,.app.state-decided .header,.app.state-result .stage,.app.state-decided .stage{opacity:.22;filter:blur(1px);transition:opacity .35s ease,filter .35s ease}.fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden}.dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c041400;transition:background .35s ease}.app.is-dark .dim{background:#080210b8}.impact{position:absolute;left:50%;top:20%;width:100%;padding:0 10px;transform:translate(-50%,-50%) scale(.4);font-family:Dela Gothic One,sans-serif;font-size:clamp(1.05rem,5.4vw,1.85rem);color:#fff;text-align:center;white-space:nowrap;opacity:0;text-shadow:3px 3px 0 #e32645,-3px 3px 0 #e32645,3px -3px 0 #e32645,-3px -3px 0 #e32645,0 6px 0 #8d0d28,0 10px 16px rgba(0,0,0,.35);z-index:12}.impact.is-show{animation:impact-pop 1s cubic-bezier(.2,1.4,.3,1) forwards}.impact.is-goton{top:48%;font-size:clamp(2.2rem,12vw,3.6rem);text-shadow:5px 5px 0 #f4c542,-5px 5px 0 #f4c542,5px -5px 0 #f4c542,-5px -5px 0 #f4c542,0 10px 0 #c99212,0 16px 22px rgba(0,0,0,.4)}@keyframes impact-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(3deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.speed-lines{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:repeating-conic-gradient(from 0deg,#fff0,#fff0 7deg,#ffffff47 7.3deg,#ffffff47 7.9deg);-webkit-mask-image:radial-gradient(circle,transparent 18%,#000 48%,#000 70%,transparent 78%);mask-image:radial-gradient(circle,transparent 18%,#000 48%,#000 70%,transparent 78%);opacity:0}.speed-lines.is-on{opacity:1;animation:lines-spin .45s linear}@keyframes lines-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(28deg) scale(1.08)}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}.flash.is-on{animation:flash-bang .55s ease-out forwards}@keyframes flash-bang{0%{opacity:0}12%{opacity:1}to{opacity:0}}.burst{position:absolute;left:50%;top:46%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff,#ffe38a 28%,#ffb42800 70%);opacity:0}.burst.is-on{animation:burst-out .7s ease-out forwards}@keyframes burst-out{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(18)}}.particles,.confetti,.stars,.sparkles{position:absolute;top:0;right:0;bottom:0;left:0}.particle,.confetti-piece,.star,.sparkle{position:absolute;left:50%;top:46%;pointer-events:none}.particle{width:8px;height:8px;border-radius:50%;background:#fff4b0;box-shadow:0 0 8px #fff;animation:float-out .9s ease-out forwards}@keyframes float-out{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.confetti-piece{width:8px;height:14px;border-radius:1px;animation:confetti-fall var(--dur, 1.6s) linear forwards;transform:translate(-50%,-50%) rotate(0)}@keyframes confetti-fall{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:.15;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.8)}}.star{color:#ffe566;font-size:22px;text-shadow:0 0 10px #fff;animation:star-pop 1s ease-out forwards}@keyframes star-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(20deg)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.6) rotate(80deg)}}.sparkle{width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle .9s ease-out forwards;filter:drop-shadow(0 0 6px #fff)}@keyframes twinkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}.flying-capsule{position:absolute;z-index:20;left:50%;top:64%;width:86px;height:86px;margin-left:-43px;margin-top:-43px;opacity:0;pointer-events:none;transform:scale(.22) rotate(-22deg);transition:top .5s cubic-bezier(.2,.85,.2,1),transform .5s cubic-bezier(.2,.85,.2,1),opacity .15s ease}.flying-capsule.is-eject{opacity:1;top:62%;transform:scale(.52) rotate(10deg)}.flying-capsule.is-center{opacity:1;top:44%;transform:scale(1.85) rotate(0)}.flying-capsule.is-charge{animation:cap-charge .16s linear infinite}.flying-capsule.is-open .cap-top{transform:translateY(-42px) rotate(-28deg)}.flying-capsule.is-open .cap-bottom{transform:translateY(42px) rotate(24deg)}.flying-capsule.is-open .cap-seam,.flying-capsule.is-open .cap-glint{opacity:0}.flying-capsule.is-fade{opacity:0;transition:opacity .25s ease}@keyframes cap-charge{0%,to{transform:scale(1.85) translate(0) rotate(0)}25%{transform:scale(1.9) translate(-3px,2px) rotate(-2deg)}50%{transform:scale(1.82) translate(3px,-2px) rotate(2deg)}75%{transform:scale(1.88) translate(-2px,-1px) rotate(-1deg)}}.cap-shell{position:relative;width:100%;height:100%;filter:drop-shadow(0 10px 10px rgba(0,0,0,.28))}.cap-half{position:absolute;left:0;width:100%;height:50%;overflow:hidden;transition:transform .34s cubic-bezier(.2,1.2,.3,1)}.cap-top{top:0;border-radius:86px 86px 8px 8px;background:var(--cap-top, #ff5d7a);box-shadow:inset 0 10px 12px #ffffff59}.cap-bottom{bottom:0;border-radius:8px 8px 86px 86px;background:var(--cap-bottom, #fff);box-shadow:inset 0 -10px 12px #0000001f}.cap-top,.cap-bottom{background-image:linear-gradient(180deg,rgba(255,255,255,.28),transparent 40%)}.cap-seam{position:absolute;left:4%;right:4%;top:48%;height:5px;background:#ffffffb3;border-radius:4px;box-shadow:0 1px #00000026}.cap-glint{position:absolute;width:18px;height:12px;border-radius:50%;background:#ffffffbf;top:18%;left:22%}.cap-aura{position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,220,.85),rgba(255,210,80,.25) 40%,transparent 70%);opacity:0;z-index:-1}.flying-capsule.is-charge .cap-aura,.flying-capsule.is-center .cap-aura{opacity:1;animation:aura-pulse .5s ease-in-out infinite}@keyframes aura-pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.15);opacity:1}}.cap-orbit{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none}.orbit-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff4a8;animation:orbit .9s linear infinite}@keyframes orbit{0%{transform:rotate(var(--a)) translate(52px)}to{transform:rotate(calc(var(--a) + 360deg)) translate(52px)}}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px 12px calc(24px + var(--safe-bottom));opacity:0;pointer-events:none}.app.state-result .result,.app.state-decided .result{opacity:1;pointer-events:auto}.result-card{position:relative;width:min(94%,380px);text-align:center;padding:28px 16px 22px;border-radius:28px;background:linear-gradient(180deg,#fffdf8,#ffe9f0);box-shadow:0 0 0 4px #fff,0 18px 40px #14001e59;overflow:hidden;transform:scale(.84)}.app.state-result .result-card,.app.state-decided .result-card{animation:card-in .45s cubic-bezier(.2,1.3,.3,1) forwards}@keyframes card-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.result-rays{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:repeating-conic-gradient(from 0deg,#ffd75000,#ffd75000 14deg,#ffd75029 14deg,#ffd75029 18deg);animation:none;opacity:0;pointer-events:none}.result-rarity{position:relative;font-family:Dela Gothic One,sans-serif;font-size:1.15rem;letter-spacing:.08em;margin-bottom:10px}.result-action{position:relative;font-family:Dela Gothic One,sans-serif;font-size:clamp(1.9rem,9.5vw,2.9rem);line-height:1.35;color:#2a1020;text-shadow:0 3px 0 rgba(255,255,255,.8);white-space:nowrap;word-break:keep-all;overflow-wrap:normal;max-width:100%}.result-sub{position:relative;margin-top:10px;font-weight:800;font-size:1rem;color:#8a3a5a}.result-actions{position:relative;margin-top:22px;display:flex;flex-direction:column;gap:10px}.btn{height:52px;border-radius:999px;font-weight:800;font-size:1.05rem}.btn-main{background:linear-gradient(#ff6b81,#e32645);color:#fff;box-shadow:0 5px #9d1730}.btn-main:active{transform:translateY(3px);box-shadow:0 2px #9d1730}.btn-sub{background:#fff;color:#8a3a5a;box-shadow:0 4px #e7c3d0}.btn-sub:active{transform:translateY(3px);box-shadow:0 1px #e7c3d0}.app.state-decided .btn-main{display:none}.app.state-decided .result-sub{font-family:Dela Gothic One,sans-serif;font-size:clamp(.82rem,3.6vw,1.02rem);color:#c2183a;white-space:nowrap}.app.rarity-N .result-rarity{color:#7a7a7a}.app.rarity-R .result-card{box-shadow:0 0 0 4px #cce8ff,0 0 24px #50aaff8c,0 18px 40px #14001e59}.app.rarity-R .result-rarity{color:#1e88e5}.app.rarity-R .sparkle-loop{display:block}.app.rarity-SR .result-card{background:linear-gradient(180deg,#fff,#f4e1ff);box-shadow:0 0 0 4px #e0b3ff,0 0 32px #aa50ff99,0 18px 40px #14001e59}.app.rarity-SR .result-rarity{color:#8e24aa}.app.rarity-SR .result-rays{opacity:.7;animation:rays-spin 8s linear infinite}.app.rarity-SSR .result-card{background:linear-gradient(180deg,#fff8dc,#ffe082 55%,#fff3e0);box-shadow:0 0 0 5px #ffe082,0 0 40px #ffc828d9,0 18px 40px #14001e59}.app.rarity-SSR .result-rarity{color:#f57f17}.app.rarity-SSR .result-action{color:#9a4d00;text-shadow:0 0 18px rgba(255,196,0,.55)}.app.rarity-SSR .result-rays{opacity:1;animation:rays-spin 5s linear infinite}.app.rarity-UR .result-card{background:linear-gradient(180deg,#fff,#ffe0f4 40%,#e0f7ff);box-shadow:0 0 0 5px #fff,0 0 48px #ff50c8b3,0 0 80px #50b4ff73;animation:card-in .45s cubic-bezier(.2,1.3,.3,1) forwards,ur-pulse 1.1s ease-in-out infinite}.app.rarity-UR .result-rarity{color:#ff2d6a;text-shadow:0 0 16px rgba(255,105,180,.75)}.app.rarity-UR .result-action{color:#7a1070;text-shadow:0 0 12px rgba(255,80,180,.45),0 2px 0 #fff}.app.rarity-UR .result-rays{opacity:1;background:repeating-conic-gradient(from 0deg,#ff50a000,#ff50a000 10deg,#ff50a038 10deg,#ff50a038 13deg,#50b4ff00 13deg,#50b4ff00 22deg,#50b4ff33 22deg,#50b4ff33 25deg);animation:rays-spin 4s linear infinite}.app.rarity-UR .dim{background:radial-gradient(circle at 50% 45%,#ff50b447,#080210c7 62%)}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes ur-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@media(max-height:700px){.title{font-size:1.28rem}.capsule{width:26px;height:26px}.spin-btn{height:56px}.handle,.handle-disk,.handle-wrap{width:68px;height:68px}.handle-hub{top:22px;right:22px;bottom:22px;left:22px}}@media(min-width:900px){body{background:#1b0d18}.app{box-shadow:0 0 0 8px #3a2034,0 30px 80px #00000073;border-radius:28px;height:min(100dvh,920px);margin-top:12px}}