:root{color-scheme:dark;--bg:#090c18;--panel:#101528;--text:#f4f1fe;--muted:#989cb4;--purple:#b9a0ec;--silver:#d7d7e7;--gold:#ead0a6;--hairline:rgba(218,220,250,.15);--spark:#dcf0fd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.57}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #e2c2ff;outline-offset:3px}main,header,footer{position:relative;z-index:1}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.7;background:radial-gradient(ellipse 65% 50% at 51% 16%,#241b3e 0,transparent 67%),radial-gradient(ellipse 70% 40% at 89% 57%,#172037 0,transparent 70%),radial-gradient(circle at 4% 11%,#d1c7ed 0 1px,transparent 2px),radial-gradient(circle at 63% 39%,#fff 0 .6px,transparent 1.6px),radial-gradient(circle at 28% 73%,#a2baf3 0 1px,transparent 2px),radial-gradient(circle at 79% 19%,#f1dbd8 0 1px,transparent 2px);background-size:auto,auto,173px 223px,259px 187px,327px 283px,231px 339px}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1170px,calc(100% - 44px));margin:auto;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-moon{width:39px;height:39px;display:grid;place-items:center;font-size:31px;color:#e6d5ff;background:linear-gradient(135deg,#293355,#141528);border:1px solid rgba(224,213,255,.35);border-radius:11px;box-shadow:inset 0 1px 0 #ffffff22,0 4px 16px #0006}.brand-label{display:flex;flex-direction:column;line-height:1.13}.brand-label b{font-size:21px;letter-spacing:.21em;font-family:Georgia,serif}.brand-label small{font-size:8px;letter-spacing:.22em;font-weight:800;color:#b7afc8}.hud{display:flex;align-items:center;gap:9px}.hud-type{font-size:11px;font-weight:700;color:#a5a9bb;white-space:nowrap}.live-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;background:#bdf9e4;border-radius:50%;box-shadow:0 0 10px #c9ffdb}.balance{display:flex;align-items:center;gap:7px;border:1px solid rgba(246,218,157,.24);background:linear-gradient(140deg,#242638,#141724);border-radius:40px;padding:7px 12px 7px 8px;box-shadow:inset 0 1px 0 #fff1;white-space:nowrap}.balance strong{font-size:18px;letter-spacing:.03em;font-variant-numeric:tabular-nums}.balance small{font-weight:800;font-size:9px;color:#ddc2a1;letter-spacing:.08em}.coin-disc{flex:none;font-size:11px;font-weight:1000;color:#67502f;display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;font-style:normal;background:linear-gradient(140deg,#fff9de,#dfb976 28%,#f7e4ad 62%,#bc8953);border:2px ridge #ffe6b3;box-shadow:inset 1px 1px 0 #ffffedaa,inset -2px -2px 3px #826443,0 1px 3px #0008}.coin-disc.sm{width:21px;height:21px;font-size:10px}.refill{width:31px;height:31px;border-radius:50%;border:1px solid #c4b4dc77;background:#29223a;color:#e7d6ff;font-weight:900;font-size:19px;line-height:1;display:grid;place-items:center}.refill:hover{background:#49335f}
.intro{text-align:center;padding:55px 20px 5px}.eyebrow,.showroom-label,.section-label,.control-topline,.machine-caption,.result-eyebrow{font-family:Georgia,'Times New Roman',serif;letter-spacing:.19em}.eyebrow{display:flex;align-items:center;justify-content:center;gap:17px;color:#d3bfa7;font-size:10px;font-weight:700}.eyebrow-line{width:29px;height:1px;background:linear-gradient(90deg,transparent,#d8c39b)}.eyebrow-line:last-child{transform:rotate(180deg)}.intro h1{font-size:clamp(28px,4.5vw,52px);line-height:1.38;letter-spacing:.035em;margin:21px 0 10px;font-weight:750}.intro h1 span,.intro h1 em{display:block}.intro h1 em{font-style:normal;font-weight:500;font-family:Georgia,"Yu Mincho",serif;letter-spacing:.04em;color:#e0c8ef}.intro-copy{color:#aeb1c7;line-height:1.9;letter-spacing:.015em;font-size:13px;margin:14px auto}.showroom-label{display:inline-flex;align-items:center;gap:12px;margin-top:13px;color:#c5a9c9;border:1px solid #beb1df32;padding:9px 14px;border-radius:99px;font-size:9px;background:#131728c9;font-weight:700}.s-dot,.caption-led{width:7px;height:7px;display:inline-block;flex:none;background:#b8ead8;box-shadow:0 0 10px #8df9e7;border-radius:50%}.divider-vertical{height:11px;width:1px;background:#fff4}.edition{color:#979bb2}
.main-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(350px,.94fr);gap:clamp(20px,4vw,60px);align-items:center;width:min(1150px,calc(100% - 40px));margin:0 auto 94px;isolation:isolate}.stage-backglow{position:absolute;inset:20% -3% 2% -8%;z-index:-1;background:radial-gradient(ellipse 49% 52% at 32% 60%,#42356644 0,transparent 72%);pointer-events:none}.machine-section{position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible;min-width:0}.ceiling-spot{position:absolute;height:200px;top:0;width:100px;pointer-events:none;opacity:.6;background:linear-gradient(175deg,#e7dfff0c,transparent 86%);clip-path:polygon(49% 0,58% 0,100% 100%,0% 100%)}.ceiling-spot.left{left:9%;transform:rotate(-10deg)}.ceiling-spot.right{right:12%;transform:rotate(12deg)}.machine-perspective{width:min(440px,100%);height:650px;display:grid;place-items:center;perspective:900px;position:relative;filter:drop-shadow(0 13px 20px #0005)}.machine{position:relative;width:315px;height:595px;transform:rotateY(-3deg);transform-style:preserve-3d;transition:transform .5s}.machine:hover{transform:rotateY(0deg)}.crown{position:absolute;z-index:4;top:9px;left:20px;right:20px;height:82px;border-radius:19px 19px 7px 7px;background:linear-gradient(95deg,#464253 0%,#131925 13%,#344358 22%,#1c1f30 70%,#81718c 89%,#292f42 100%);border:3px solid #adb4c2;box-shadow:inset 0 2px 3px #fff8,inset 0 -8px 13px #0008,0 10px 10px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.crown:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff23;border-radius:11px}.crown-text{color:#f2e4f8;font:700 24px/1 Georgia,serif;letter-spacing:.15em;white-space:nowrap;text-shadow:0 2px 6px #dcb6ff44}.crown-text b{font-weight:400;color:#eacda1}.crown-star{font-size:12px;color:#cda5dc}.crown small{font-size:8px;letter-spacing:.28em;color:#c3b6d4}.crown-line{position:absolute;left:50%;top:9px;transform:translateX(-50%);height:1px;width:58%;background:linear-gradient(90deg,transparent,#f8edff79,transparent)}.glass-frame{position:absolute;top:79px;left:22px;width:270px;height:245px;border:8px solid #a2a8b6;border-top:7px solid #bcc6d1;border-bottom:11px solid #7d8798;border-radius:9px 9px 20px 20px;background:#101a31;box-shadow:inset 0 0 18px #000c,0 4px 0 #363a4a,5px 1px 4px #0005}.glass-frame:after{content:'';pointer-events:none;position:absolute;inset:0;border:1px solid #fff6;border-radius:2px;box-shadow:inset -15px 0 22px #d5f0ff14,inset 14px 0 30px #ffffff0d}.glass-inner{position:relative;overflow:hidden;width:100%;height:100%;background:radial-gradient(ellipse at 38% 38%,#5c67949d,transparent 63%),linear-gradient(135deg,#1b2140 6%,#333b63 50%,#091122 100%);border-radius:1px 1px 7px 7px}.glass-top-shine{position:absolute;left:4%;top:3%;width:88%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#b9cfff75,transparent 80%);opacity:.58}.capsule-bed{position:absolute;inset:0}.capsule{position:absolute;width:69px;height:69px;transform:rotate(var(--r));border-radius:50%;background:radial-gradient(circle at 35% 27%,#fff9,transparent 21%),radial-gradient(circle at 56% 73%,rgba(3,8,25,.66),transparent 74%),linear-gradient(var(--angle),var(--light),var(--dark));box-shadow:inset 2px 3px 8px #ffffffb0,inset -5px -9px 12px #17112b96,2px 8px 6px #090c1a8c;border:1px solid #ffffff87}.capsule:before{content:'';position:absolute;inset:49% 0 auto 0;height:4px;background:linear-gradient(90deg,#fff3,#ffffffb0,#0505195c);box-shadow:0 2px 2px #0008}.capsule:after{content:'';position:absolute;top:9%;left:21%;width:25%;height:36%;border-radius:100% 25% 80% 30%;background:linear-gradient(125deg,#fff9,transparent);transform:rotate(-18deg)}.glass-front-reflection{position:absolute;inset:0;background:linear-gradient(112deg,transparent 5%,#e6f0ff0f 18%,#ffffff4d 23%,#ffffff12 32%,transparent 46%,transparent 72%,#d2eaff19 78%,transparent 92%);pointer-events:none}.glass-streak{position:absolute;top:0;left:18px;width:30px;height:100%;transform:skewX(-11deg);background:linear-gradient(90deg,transparent,#fff2 45%,transparent);pointer-events:none}.glass-bottom-shadow{position:absolute;left:0;right:0;bottom:0;height:27%;background:linear-gradient(0deg,#090a16c7,transparent);pointer-events:none}.machine-neck{position:absolute;z-index:3;top:317px;left:18px;right:17px;height:21px;border-radius:3px;background:linear-gradient(#9aa4b6,#c8d0d4 19%,#3c485d 43%,#1a253b 80%,#aab3c3);box-shadow:0 4px 3px #0007}.machine-lower{position:absolute;top:334px;left:13px;width:289px;height:233px;border:4px solid #a6acbc;border-radius:9px 9px 24px 24px;background:linear-gradient(110deg,#464758 0%,#1d2434 6%,#34455c 18%,#151d30 32%,#171a2c 68%,#667085 88%,#243248 100%);box-shadow:inset -9px 0 15px #0007,inset 8px 0 10px #fff2,0 10px 12px #0008}.machine-lower:before{content:'';position:absolute;inset:5px;border:1px solid #f7faff24;border-radius:5px 5px 17px 17px;pointer-events:none}.machine-lower-shine{position:absolute;left:12px;top:12px;width:6px;height:75%;background:linear-gradient(#ffffff40,#ffffff08);border-radius:20px}.machine-plate{display:flex;justify-content:space-between;gap:6px;margin:11px 20px 0;color:#c1bbd0;font-size:8px;letter-spacing:.2em}.mechanism{position:relative;top:2px;height:117px}.coin-slit{position:absolute;left:20px;top:32px;width:58px;height:52px;border:3px ridge #8391a2;background:linear-gradient(#101726,#333e50);border-radius:8px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;box-shadow:inset 2px 2px 8px #050a14,0 1px 1px #ffffff55}.coin-slit i{height:4px;width:36px;border-radius:99px;background:#01050a;border:1px solid #a6abba;box-shadow:0 2px 2px #000}.coin-slit small{font-size:8px;letter-spacing:.12em;color:#b2b2c4}.turn-control{position:absolute;left:92px;top:5px;width:100px;height:100px;background:transparent;border:0;padding:0;display:grid;place-items:center;touch-action:manipulation}.handle-shadow{position:absolute;inset:0;border-radius:50%;background:#1b2438;box-shadow:inset 0 5px 13px #0009,0 2px 5px #fff4;border:6px ridge #b7b8c5}.handle-ring{position:absolute;inset:14px;border-radius:50%;background:linear-gradient(155deg,#eef0f3,#777e91 23%,#273347 51%,#e4e7ee 76%,#727687);border:6px outset #c1c4cd;box-shadow:0 5px 8px #0008,inset 0 1px 3px #000}.handle-cross{position:absolute;width:64px;height:64px;border-radius:50%;background:linear-gradient(30deg,#53627a,#dadee7 26%,#515a73 63%,#e9e7e9);border:4px ridge #a8adbc;box-shadow:0 4px 8px #000b;transition:transform 1.25s cubic-bezier(.28,.61,.12,1)}.handle-cross:before,.handle-cross:after{content:'';position:absolute;left:50%;top:-12px;width:21px;height:80px;border-radius:12px;transform:translateX(-50%);background:linear-gradient(90deg,#232b40,#d2d8df 22%,#60697b 53%,#c6ccd3 73%,#232e44);border:2px solid #343e55;box-shadow:2px 3px 5px #0005}.handle-cross:after{transform:translateX(-50%) rotate(90deg)}.handle-cross i{position:absolute;inset:8px;border-radius:50%;background:#242839;border:2px solid #c4ccdb;z-index:1}.handle-core{z-index:3;font-size:15px;font-weight:900;color:#d3bfdc;text-shadow:0 1px 2px #000}.handle-label{position:absolute;left:100px;top:108px;width:90px;text-align:center;color:#c9b8cf;font-size:7px;letter-spacing:.14em}.handle-label span{font-size:13px}.outlet{position:absolute;right:17px;top:49px;width:78px;height:91px;text-align:center}.outlet-top{color:#d0d3e1;font-size:7px;letter-spacing:.07em;margin-bottom:7px}.outlet-dark{height:71px;border:5px ridge #a3a8b5;border-radius:6px 6px 22px 22px;background:linear-gradient(140deg,#01030a,#1d2435 80%);box-shadow:inset 1px 3px 11px #000,2px 3px 4px #0006;overflow:hidden}.outlet-rim{border-radius:50%;width:63px;height:41px;border:3px solid #303b4a;position:relative;top:16px;left:2px;box-shadow:0 2px 4px #000}.outlet-inside{position:absolute;inset:5px;border-radius:50%;background:#040710}.released-capsule{display:none;position:absolute;left:50%;top:0;width:39px;height:39px;border-radius:50%;transform:translate(-50%,-10px);background:linear-gradient(#d6c2fa 50%,#6456a0 50%);box-shadow:inset 2px 2px 8px #fff7,0 4px 3px #0008}.bottom-plaque{position:absolute;bottom:15px;left:26px;right:26px;height:29px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #ccbd9f88;border-radius:3px;background:linear-gradient(90deg,#282d43,#343247,#1b293a);color:#e3ccb3;font:700 10px Georgia,serif;letter-spacing:.2em}.plaque-star{color:#c7b6dc}.machine-foot{position:absolute;bottom:9px;background:linear-gradient(#40485c,#0b1120);height:33px;width:52px;z-index:-1;border:1px solid #abb6c1;border-radius:0 0 6px 6px}.machine-foot.f-left{left:39px}.machine-foot.f-right{right:39px}.machine-shadow{position:absolute;z-index:-2;bottom:-2px;left:-45px;width:405px;height:44px;border-radius:50%;background:#050411;box-shadow:0 0 35px 10px #05041199;filter:blur(13px)}.machine-caption{font-size:9px;color:#8d95b2;display:flex;align-items:center;gap:11px;margin-top:-10px;letter-spacing:.16em}.machine-caption .caption-led{width:5px;height:5px}.caption-sep{color:#635d80}.machine.spinning .handle-cross{transform:rotate(810deg)}.machine.spinning .capsule{animation:rattle .6s infinite alternate cubic-bezier(.42,0,.58,1)}.machine.dispensing .released-capsule{display:block;animation:popout .8s cubic-bezier(.19,.8,.3,1.1) both}@keyframes rattle{0%{translate:0 0;rotate:-8deg}50%{translate:2px -15px;rotate:5deg}100%{translate:-4px -6px;rotate:13deg}}@keyframes popout{0%{transform:translate(-50%,-55px) scale(.3);opacity:.1}63%{transform:translate(-50%,-14px) scale(1.06);opacity:1}100%{transform:translate(-50%,-14px) scale(1)}}
.controls-section{min-width:0;display:flex;align-items:center}.control-panel{width:100%;padding:28px 32px 22px;border-radius:21px;border:1px solid #e3d9f229;background:linear-gradient(146deg,#161a30ec 0%,#131727f7 61%,#161528ef 100%);box-shadow:inset 0 1px 0 #ffffff18,0 19px 60px #02030c70;position:relative;overflow:hidden}.control-panel:before{position:absolute;content:'';top:-110px;right:-100px;width:320px;height:200px;background:radial-gradient(ellipse,#76539438,transparent 70%);pointer-events:none}.control-topline{display:flex;justify-content:space-between;align-items:center;color:#aa9bb3;font-size:9px;gap:12px}.series-number{color:#e5bfa5}.control-panel h2{margin:19px 0 8px;font:600 clamp(29px,3.1vw,41px) Georgia,serif;letter-spacing:.13em;color:#f5f0fa}.control-panel h2 em{font-weight:400;color:#dac1fa;font-style:normal}.tagline{font-size:13px;line-height:1.9;color:#b0afc4;margin-bottom:22px}.guarantee-row{display:flex;gap:20px;padding-bottom:23px;border-bottom:1px solid #ffffff17;color:#b9bed0;font-size:11px}.guarantee-row>div{display:flex;gap:6px;align-items:center}.detail-icon{color:#e3c4ad}.pull-menu{display:flex;flex-direction:column;gap:11px;margin-top:22px}.pull-btn{border-radius:13px;padding:16px 16px 16px 21px;display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;border:1px solid transparent;min-height:76px;transition:transform .18s,background .18s,box-shadow .18s}.pull-btn:hover:not(:disabled){transform:translateY(-2px)}.pull-btn:active:not(:disabled){transform:translateY(1px)}.pull-btn.primary{background:linear-gradient(105deg,#f6dfbc,#d5adcd 61%,#baa4dd);border-color:#ffeed8;box-shadow:0 8px 27px #bf9bca24,inset 0 1px 0 #fff8;color:#242338}.pull-btn.primary:hover{box-shadow:0 8px 30px #bf9bca66}.pull-btn.secondary{background:linear-gradient(112deg,#333550,#292540 65%,#272b4b);border-color:#8f83b35d;color:#f4eafb}.btn-left{display:flex;flex-direction:column;gap:3px}.btn-left small{font:700 9px Georgia,serif;letter-spacing:.15em;opacity:.73}.btn-left strong{font-size:20px;letter-spacing:.035em}.btn-cost{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:900}.btn-cost .arrow{font-size:16px;margin-left:5px;font-weight:400}.pull-hint{padding-top:12px;text-align:center;font-size:11px;color:#9797b1}.pull-hint span{color:#d8c5a1}.options-row{margin-top:23px;padding-top:19px;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.quiet-button{border:0;background:transparent;color:#b2bad0;font-size:11px;padding:6px 0;letter-spacing:.035em}.quiet-button:hover{color:#fff}.demo-warning{margin-top:17px;padding:12px 13px;background:#0a1226a3;border:1px solid #889ab527;border-radius:10px}.demo-warning b{font-size:9px;letter-spacing:.2em;color:#d0bdcc}.demo-warning p{margin:5px 0 0;color:#8e9aad;font-size:10px;line-height:1.7}
.collection-section,.info-section{width:min(1100px,calc(100% - 40px));margin:0 auto 90px}.section-label{display:flex;align-items:center;gap:11px;font-size:10px;color:#af9cae;letter-spacing:.15em}.section-label>span:first-child{color:#e6c9a9}.section-line{width:44px;height:1px;background:#8a7b96}.collection-header,.info-header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0}.collection-header h2,.info-header h2{font-size:clamp(24px,3.3vw,35px);font-weight:700;letter-spacing:.03em;margin:0 0 8px}.collection-header h2 span{color:#dfc2e8}.collection-header p,.info-header p{margin:0;color:#999eb4;line-height:1.8;font-size:12px}.progress-summary{text-align:right;display:flex;flex-direction:column}.progress-summary>span{font-size:26px;font-family:Georgia,serif;color:#e6d7f6}.progress-summary small{font-size:9px;color:#b4a4b9;letter-spacing:.16em}.progress-track{height:4px;border-radius:99px;background:#2a2d42;overflow:hidden;margin:18px 0 24px}.progress-fill{height:100%;background:linear-gradient(90deg,#c5adfb,#f1d9a5);width:0%;transition:width .4s}.tabs{display:flex;align-items:center;gap:9px;margin-bottom:21px;flex-wrap:wrap}.tab{font-size:12px;border:1px solid #5f637e6f;border-radius:99px;padding:10px 19px;background:#1d2235;color:#bbbdd0;min-height:42px}.tab.active{background:#bcb0df;color:#1e1e31;border-color:#d2c4f0;font-weight:750}.tab span{color:inherit;opacity:.6;margin-left:4px}.item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.item-card{border:1px solid #b7afcf29;background:linear-gradient(152deg,#171c31,#0f1424);border-radius:13px;position:relative;min-width:0;padding:9px;text-align:left;transition:transform .2s,border .2s,box-shadow .2s;overflow:hidden;color:inherit;box-shadow:0 10px 20px #0003;cursor:pointer}.item-card:hover{transform:translateY(-3px);border-color:#d5c7f67a;box-shadow:0 9px 24px #9273c727}.item-card[data-rarity=SSR]{border-color:#f7cc854f}.item-card[data-rarity=L]{border-color:#f6b6d794;background:linear-gradient(155deg,#34243d,#121528)}.item-photo{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at 50% 33%,#d4c7ec29,#2e314533 56%,#111727a8),linear-gradient(135deg,#42435a44,#1d1f34)}.item-photo:before{position:absolute;content:'';inset:0;background:radial-gradient(ellipse at 50% 99%,#ffffff16,transparent 50%);pointer-events:none}.item-photo img{width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 9px 7px #0007);transition:transform .3s}.item-card:hover img{transform:scale(1.06)}.item-card.locked .item-photo img{opacity:.34;filter:grayscale(1) brightness(.38) drop-shadow(0 5px 9px #0006)}.item-card.locked .item-photo:after{content:'?';position:absolute;color:#c7c2d6b5;font:700 25px Georgia,serif}.rarity-chip{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--rarity,#bcc3d3)}.rarity-chip:before{content:'';width:5px;height:5px;background:var(--rarity,#bcc3d3);border-radius:50%;box-shadow:0 0 7px var(--rarity,#bcc3d3)}.item-title{display:block;font-size:12px;font-weight:700;line-height:1.5;margin-top:5px;min-height:35px}.item-subtitle{display:block;font-size:9px;line-height:1.5;color:#8f94ab;margin-top:2px}.item-count{position:absolute;top:17px;right:16px;background:#111827bd;border:1px solid #fbf7ff40;border-radius:99px;padding:4px 7px;font-size:10px}.collection-empty{text-align:center;padding:30px;color:#9d9bb3}.rarity-guide{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.rarity-row{background:linear-gradient(135deg,#161d31,#11182a);border:1px solid #ffffff18;border-radius:12px;padding:15px 12px}.rarity-row strong{display:block;font-size:18px;margin:9px 0;color:var(--rarity)}.rarity-row small{font-size:10px;color:#959cb6}.odds-note{color:#9399ad;font-size:11px;line-height:1.8;margin-top:15px}.footer{border-top:1px solid #ffffff14;text-align:center;padding:26px 20px 115px;color:#8b8b9e;font-size:9px;letter-spacing:.1em}.footer-mark{color:#d4beeb;font-size:19px;margin-right:4px}.footer p{letter-spacing:.08em;font-size:8px;color:#646c86}.mobile-nav{display:none}
.modal-root{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;overflow:auto}.modal-root[hidden]{display:none}.modal-screen{position:absolute;inset:0;background:#03040dcc;backdrop-filter:blur(13px)}.result-modal{position:relative;width:min(580px,100%);max-height:min(92dvh,1000px);overflow-y:auto;overscroll-behavior:contain;padding:30px 30px 24px;text-align:center;box-shadow:0 20px 90px #0009;border:1px solid #c2b1d55c;border-radius:22px;background:radial-gradient(ellipse at 50% 18%,#363156,#15182e 58%,#0d1326 100%)}.result-modal.legendary{border-color:#ffc7a1;box-shadow:0 10px 70px #f2b6ac34}.close-modal{position:absolute;right:13px;top:10px;background:#ffffff16;color:#f1eaf6;border:1px solid #ffffff25;border-radius:50%;font-size:22px;width:38px;height:38px;z-index:2}.result-phase{min-height:340px}.result-eyebrow{font-size:10px;color:#f3d5ba;display:block;margin-top:20px}.result-phase h2{font-family:Georgia,'Yu Mincho',serif;font-size:25px;margin:12px 0 9px;line-height:1.3}.reveal-stage{height:230px;display:grid;place-items:center;position:relative;overflow:hidden}.reveal-halo{position:absolute;width:220px;height:220px;inset:auto;border-radius:50%;background:radial-gradient(circle,#b9a4f955,transparent 68%);animation:breathe 2s infinite alternate}.reveal-capsule{position:relative;width:130px;height:130px;filter:drop-shadow(0 10px 8px #0009);animation:hov 1.6s ease-in-out infinite}.reveal-capsule>*{height:67px;position:absolute;left:0;width:130px;box-shadow:inset 8px 12px 25px #ffffff44,inset -8px -14px 16px #10112780;border:2px solid #ffffff8b}.reveal-cap-top{top:0;border-radius:75px 75px 0 0;background:linear-gradient(115deg,#f6e3ff,#9a8fc6 60%,#61578d)}.reveal-cap-bottom{top:63px;border-radius:0 0 75px 75px;background:linear-gradient(110deg,#d5c7fb,#6d5f9d)}.reveal-capsule:after{position:absolute;content:'';top:62px;left:0;width:130px;height:5px;background:#f0e0ffbd}.result-modal.opening .reveal-cap-top{animation:capup .7s both}.result-modal.opening .reveal-cap-bottom{animation:capdown .7s both}.result-modal.opening .reveal-halo{animation:flash .85s ease-out both}@keyframes capup{to{transform:translateY(-52px) rotate(-16deg);opacity:0}}@keyframes capdown{to{transform:translateY(54px) rotate(11deg);opacity:0}}@keyframes breathe{to{transform:scale(1.3);opacity:.5}}@keyframes flash{60%{transform:scale(2);opacity:1}100%{transform:scale(2.7);opacity:0}}@keyframes hov{0%,100%{translate:0 -4px}50%{translate:0 7px}}.result-output[hidden],.result-actions[hidden],.skip-btn[hidden]{display:none}.result-output{animation:revealitem .45s ease both}@keyframes revealitem{from{opacity:0;transform:translateY(9px) scale(.95)}to{opacity:1;transform:none}}.single-result{display:flex;flex-direction:column;align-items:center}.single-img{width:225px;height:225px;max-width:70%;margin:3px auto 4px;background:radial-gradient(ellipse,#d1c6ef37,transparent 72%);display:grid;place-items:center}.single-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #0008)}.single-result .winning-rarity{margin:2px 0 9px;color:var(--rarity);font-size:13px;letter-spacing:.15em;font-weight:800}.single-result h3{font-size:24px;margin:3px 0}.single-result p{font-size:12px;color:#aab1cb;margin:9px 0}.multi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:15px auto 20px}.multi-result-card{border:1px solid #ffffff2e;border-radius:11px;overflow:hidden;background:#ffffff0c;min-width:0;padding:6px 4px}.multi-result-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.multi-result-card b{display:block;font-size:9px;color:var(--rarity)}.multi-result-card span{display:block;font-size:9px;line-height:1.35;min-height:25px;margin-top:3px}.result-actions{display:flex;gap:9px;margin-top:16px}.result-actions button{min-height:49px;flex:1;border-radius:12px;font-size:13px;font-weight:750;padding:8px 12px}.result-again{color:#1c2237;border:1px solid #fce6d5;background:linear-gradient(120deg,#f7ddad,#d6b7e7)}.result-done{color:#eadfff;background:#232740;border:1px solid #aa91cd99}.skip-btn{background:transparent;color:#b0aec6;border:0;padding:14px 10px;font-size:12px}.toast{pointer-events:none;position:fixed;z-index:130;bottom:28px;left:50%;transform:translate(-50%,120px);opacity:0;transition:transform .3s,opacity .3s;background:#2c2945;color:#fff;padding:11px 19px;border:1px solid #a79bd366;border-radius:10px;box-shadow:0 9px 25px #0008;text-align:center;font-size:12px;max-width:calc(100vw - 40px)}.toast.show{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
@media(max-width:920px){.main-stage{grid-template-columns:minmax(0,1fr);max-width:650px;gap:5px}.machine-perspective{height:585px}.machine{transform:scale(.94);transform-origin:center center}.machine:hover{transform:scale(.94)}.controls-section{margin-top:-8px}.collection-section,.info-section{max-width:750px}.item-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:570px){html{scroll-padding-top:15px}.topbar{height:65px;width:calc(100% - 28px)}.brand-moon{width:34px;height:34px;font-size:27px;border-radius:10px}.brand-label b{font-size:18px;letter-spacing:.18em}.brand-label small{font-size:7px}.hud-type{font-size:0}.live-dot{width:6px;height:6px}.hud{gap:5px}.balance{gap:5px;padding:5px 9px 5px 6px}.balance strong{font-size:16px}.balance small{font-size:8px}.coin-disc{width:21px;height:21px;font-size:9px}.refill{width:29px;height:29px}.intro{padding:39px 14px 7px}.eyebrow{font-size:8px;gap:7px}.eyebrow-line{width:17px}.intro h1{font-size:29px;margin:16px 0 10px}.intro-copy{font-size:11px;max-width:330px;margin:10px auto}.showroom-label{font-size:8px;margin-top:10px;gap:8px;padding:7px 12px}.main-stage{width:calc(100% - 22px);margin-bottom:70px}.machine-perspective{height:530px;margin-top:-10px}.machine{transform:scale(.80)}.machine:hover{transform:scale(.80)}.machine-caption{font-size:8px;margin-top:-31px;gap:8px}.control-panel{padding:26px 22px 18px;border-radius:18px}.control-panel h2{font-size:33px}.tagline{font-size:12px}.pull-btn{padding:12px 15px;min-height:71px}.btn-left strong{font-size:18px}.btn-cost{font-size:15px}.collection-section,.info-section{width:calc(100% - 26px);margin-bottom:75px}.collection-header h2,.info-header h2{font-size:25px}.collection-header p,.info-header p{font-size:11px}.progress-summary>span{font-size:19px}.progress-summary small{font-size:8px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.item-card{padding:6px;border-radius:10px}.item-photo{border-radius:7px}.item-title{font-size:10px;min-height:30px}.item-subtitle{font-size:8px}.rarity-chip{font-size:8px}.item-count{top:10px;right:10px;font-size:9px}.rarity-guide{grid-template-columns:repeat(2,1fr)}.rarity-row:last-child{grid-column:span 2}.footer{padding-bottom:101px}.mobile-nav{z-index:30;display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#131728ed;backdrop-filter:blur(15px);border-top:1px solid #ffffff24;padding:6px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -12px 34px #0005}.mobile-nav a{display:flex;flex:1;flex-direction:column;align-items:center;gap:3px;color:#c7bfd8;font-size:10px;min-height:49px;padding:4px}.mobile-nav a span{font-size:20px;color:#ddc6ef}.result-modal{padding:23px 14px 18px;max-height:87dvh}.result-phase h2{font-size:22px}.multi-grid{gap:4px}.multi-result-card{padding:3px}.multi-result-card span{font-size:8px}.single-img{width:190px;height:190px}.result-actions button{font-size:11px;padding:7px}.toast{bottom:88px}}@media(max-width:360px){.intro h1{font-size:26px}.showroom-label{font-size:7px}.machine-perspective{height:492px}.machine{transform:scale(.72)}.machine:hover{transform:scale(.72)}.machine-caption{margin-top:-42px}.item-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Keep unopened items visible: the new photo-like catalogue should be inspectable. */
.item-card.locked .item-photo img{opacity:.77;filter:grayscale(.18) brightness(.86) drop-shadow(0 5px 9px #0006)}
.item-card.locked .item-photo:after{content:'未入手';font:700 9px -apple-system,BlinkMacSystemFont,"Hiragino Sans",Meiryo,sans-serif;color:#f9edff;background:#18172bbb;letter-spacing:.04em;padding:5px 8px;border:1px solid #ffffff54;border-radius:99px;top:7px;right:7px;left:auto;bottom:auto;position:absolute}
.item-card .item-photo{background:radial-gradient(ellipse at 50% 40%,#dad6db 0,#9996a5 92%)}
.item-card[data-rarity="SSR"] .item-photo{background:radial-gradient(ellipse at 50% 28%,#efdfc3,#776885)}
.item-card[data-rarity="L"] .item-photo{background:radial-gradient(ellipse at 50% 28%,#d8c8e0,#5d496e)}
/* Keep reveal animation completely out of the layout after an item is shown. */
.reveal-stage[hidden]{display:none!important}

/* v14: real prize usage, Yona room & playable exploration */
.utility-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.utility-shortcuts a{flex:1;text-align:center;min-width:150px;padding:12px 8px;border-radius:10px;background:linear-gradient(125deg,#252b4c,#27203d);border:1px solid #b1a4dc88;font-weight:760;color:#e9dcff;font-size:12px}
.utility-shortcuts a:hover{border-color:#e0c6f5;box-shadow:0 5px 20px #9971b544}
.room-section,.adventure-section{width:min(1110px,calc(100% - 40px));margin:0 auto 92px;scroll-margin-top:14px}
.room-section .section-label,.adventure-section .section-label{margin-bottom:23px}
.room-section .collection-header,.adventure-section .collection-header{margin-bottom:22px}
.room-collection-pill{background:linear-gradient(110deg,#34304d,#1d2d44);padding:10px 16px;border:1px solid #c0a7e64d;border-radius:90px;color:#d4b9e9;white-space:nowrap;font-size:11px}
.room-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:18px;align-items:stretch}
.room-scene{position:relative;min-height:510px;overflow:hidden;border-radius:21px;border:7px ridge var(--frame-color);isolation:isolate;box-shadow:inset 0 0 58px #0a0a229a,0 18px 44px #0006;background:radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--room-primary) 56%,#c4c5e5),transparent 44%),radial-gradient(ellipse at 17% 48%,var(--room-primary),transparent 70%),linear-gradient(155deg,#101527 4%,var(--room-secondary) 53%,#171227)}
.room-scene:before{content:'';position:absolute;inset:0;z-index:0;opacity:.35;background:repeating-linear-gradient(112deg,#ffffff08 0 1px,transparent 1px 39px)}
.room-stars{position:absolute;inset:0;background:radial-gradient(circle at 13% 14%,#fff 0 1px,transparent 2px),radial-gradient(circle at 63% 15%,#ffecbb 0 2px,transparent 4px),radial-gradient(circle at 91% 37%,#fff 0 1px,transparent 3px),radial-gradient(circle at 39% 7%,#ffc6f1 0 2px,transparent 3px);background-size:144px 171px,197px 146px,234px 195px,127px 132px;pointer-events:none}
.room-moon{position:absolute;right:14%;top:10%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fffefa,#f5e8e2 48%,#d2b6d6);box-shadow:0 0 20px #f4e3fc9a,0 0 110px #edd7ff7a}
.room-window{position:absolute;inset:30px 35px 88px;border:4px solid #f0ddea55;box-shadow:inset 0 0 20px #fff1;border-radius:160px 160px 20px 20px;pointer-events:none}
.room-floor{position:absolute;left:-20%;right:-20%;bottom:-40px;height:165px;transform:perspective(280px) rotateX(33deg);background:repeating-linear-gradient(90deg,#43375196 0 10px,#65527866 10px 12px),linear-gradient(#483959c9,#151428);box-shadow:0 -15px 35px #171123aa}
.yona-avatar{position:absolute;left:35%;top:30%;width:155px;height:256px;transform:translateX(-50%);filter:drop-shadow(0 18px 10px #0a082599);z-index:2}
.yona-hood{width:148px;height:143px;position:absolute;left:3px;top:16px;border-radius:68px 68px 60px 56px;background:linear-gradient(145deg,#66617e,#252038 68%,#1c1b32);border:3px solid #9385b58c;box-shadow:inset 12px 10px 12px #a69bb044}
.yona-ear{position:absolute;top:0;z-index:0;width:52px;height:80px;background:linear-gradient(140deg,#5e5773,#24203b);border:3px solid #b1a0c175;clip-path:polygon(14% 94%,50% 0,100% 92%)}
.yona-ear.left{left:6px;transform:rotate(-12deg)}.yona-ear.right{right:6px;transform:rotate(12deg)}
.yona-hair{position:absolute;top:25px;left:20px;width:108px;height:119px;border-radius:55px 55px 45px 40px;background:linear-gradient(145deg,#f7f2ff 5%,#cbc0e4 35%,#9b91c0 90%);box-shadow:inset -7px 0 12px #7765a475}
.yona-face{position:absolute;left:26px;top:42px;width:98px;height:87px;background:linear-gradient(160deg,#ffefef,#ecd5dd);border-radius:48% 48% 49% 49%;box-shadow:inset 8px 5px 6px #fff8}
.yona-eye{position:absolute;top:39px;width:23px;height:15px;border-radius:0 0 22px 22px;border-bottom:5px solid #7e5a9e}
.yona-eye.left{left:16px}.yona-eye.right{right:16px}.yona-smile{position:absolute;left:43px;top:63px;width:14px;height:7px;border-radius:0 0 50% 50%;border-bottom:2px solid #a57499}
.yona-outfit{position:absolute;top:145px;left:9px;width:137px;height:118px;border-radius:37px 37px 22px 22px;background:linear-gradient(125deg,color-mix(in srgb,var(--outfit-color) 70%,white),var(--outfit-color) 45%,color-mix(in srgb,var(--outfit-color) 55%,#111022));border:3px solid #e5d4f499;box-shadow:inset 12px 5px 15px #ffffff42;display:grid;place-items:center}
.avatar-moon{color:#ffe2ab;font-size:48px;filter:drop-shadow(0 0 9px #f3d9958a)}
.room-pet,.room-decor{position:absolute;z-index:3;width:127px;height:136px;object-fit:contain;filter:drop-shadow(0 9px 10px #0b082aa8)}.room-pet{right:5%;bottom:56px}.room-decor{left:1%;bottom:35px}.room-pet[hidden],.room-decor[hidden]{display:none}
.room-caption{position:absolute;z-index:4;top:13px;left:19px;display:flex;flex-direction:column;gap:3px;color:#fff4ed;font:700 14px Georgia,serif;letter-spacing:.14em;text-shadow:0 1px 8px #000}.room-caption small{font:600 10px sans-serif;color:#f0d5e6}
.room-equipped-label{position:absolute;z-index:4;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:99px;border:1px solid #ffffff44;background:#161527bc;padding:9px 13px;color:#ffece5;font-size:11px;box-shadow:0 7px 20px #0004}
.room-panel{border:1px solid #c9b4e341;border-radius:20px;padding:24px;background:linear-gradient(155deg,#1b2036 0%,#13162b 80%);box-shadow:inset 0 1px 0 #fff1}
.room-panel h3,.adventure-tools h3{margin:0 0 8px;font-size:21px;font-weight:750}.room-panel p,.adventure-tools p{margin:0 0 14px;line-height:1.8;color:#b5b4cf;font-size:12px}
.room-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 18px}
.room-slot{display:flex;align-items:center;gap:8px;text-align:left;min-height:59px;padding:7px 9px;background:#11172a;border:1px solid #ffffff22;color:#f3ebfa;border-radius:11px}
.room-slot.active{background:linear-gradient(125deg,#50446c,#292340);border-color:#d4b9e8}
.room-slot-icon{width:28px;font-size:25px;color:#ead0f5;text-align:center}.room-slot strong,.room-slot small{display:block}.room-slot strong{font-size:11px}.room-slot small{font-size:9px;color:#bbb8cb;margin-top:3px;max-width:145px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.room-inventory{max-height:252px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.room-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.room-item{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #ffffff29;border-radius:12px;padding:8px 4px;color:#ede4f6;background:#1d213a;min-width:0;font-size:11px}
.room-item.on{border-color:#ddc0f1;background:#4c3d64}.room-item img{height:82px;width:100%;object-fit:contain;background:radial-gradient(ellipse,#ffffff39,transparent 67%)}.room-item span{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.room-item b{font-size:10px;color:#e6d7ad}
.empty-room{border:1px dashed #ffffff55;border-radius:12px;padding:22px;text-align:center;color:#b9b3cb;font-size:12px;line-height:1.8}.empty-room a{display:block;color:#ead9a6;text-decoration:underline;margin-top:9px}
.room-tip{font-size:10px;color:#aeaaca;border-top:1px solid #ffffff24;margin-top:13px;padding-top:13px}
.adventure-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(290px,.86fr);gap:18px}
.adventure-main,.adventure-tools{min-width:0;border-radius:19px;border:1px solid #c1b8df36;background:linear-gradient(140deg,#171b31,#101626);padding:20px;box-shadow:inset 0 1px 0 #ffffff0e}
.adventure-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.adventure-stats>div{background:#0f1329;border:1px solid #ffffff24;border-radius:10px;padding:10px 7px;text-align:center;min-width:0}.adventure-stats small{display:block;color:#9aa7c1;font-size:10px}.adventure-stats strong{display:block;margin-top:5px;font-size:16px;color:#f8edff;font-variant-numeric:tabular-nums;white-space:nowrap}
.adventure-grid{width:min(100%,470px);margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px;background:radial-gradient(ellipse at 75% 12%,#253967,#141b39 54%,#0d1226);border:1px solid #7e82b65f;border-radius:17px;box-shadow:inset 0 0 32px #070c206c}
.ad-cell{position:relative;border-radius:10px;min-width:0;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(150deg,#2a3350,#151e35);border:1px solid #7e8eb33f;color:#b1accb;font-size:14px;font-weight:800;padding:5px;box-shadow:inset 0 1px 0 #fff1}
.ad-cell:disabled{opacity:1;cursor:default}.ad-cell.known{background:linear-gradient(145deg,#3e4e6b,#1f2a41);color:#dce9ff}.ad-cell.next{cursor:pointer;border:2px solid #d9c7fc;box-shadow:0 0 11px #bca8fb77,inset 0 1px 0 #fff4;animation:neighborPulse 2s alternate infinite}.ad-cell.next:active{transform:scale(.93)}.ad-cell.here{background:linear-gradient(135deg,#9e87d3,#574882);color:#fff;border:2px solid #f6e5ff}.ad-cell.exit{background:linear-gradient(125deg,#66562e,#4d3c4e);border-color:#f3d58a;color:#ffe6ab}.ad-cell.next.exit{box-shadow:0 0 15px #ffd6a6}.ad-cell span{font-size:clamp(11px,1.6vw,18px)}.ad-cell i{position:absolute;bottom:3px;right:3px;font-size:8px;font-style:normal;color:#fff6ea}@keyframes neighborPulse{to{filter:brightness(1.27)}}
.adventure-info{margin-top:14px;min-height:46px;background:#1e2440;border:1px solid #a796cd5c;border-radius:10px;color:#dfd8ed;padding:12px;font-size:12px;line-height:1.6}.restart-adventure{margin-top:11px;min-height:44px;width:100%;background:#2d2b4e;border:1px solid #ad9bd8;color:#e9dff8;font-weight:750;border-radius:11px}
.adventure-tools h3{margin-bottom:10px}.adventure-tool-list{display:grid;gap:6px;max-height:425px;overflow:auto;padding-right:3px}
.ad-tool{display:flex;align-items:center;gap:9px;background:#131a31;border:1px solid #ffffff26;border-radius:11px;padding:6px;min-height:66px}.ad-tool.has{border-color:#9581c471}.ad-tool>img{width:58px;height:58px;object-fit:contain;flex:none;background:radial-gradient(ellipse,#bfb3e331,transparent 72%)}.ad-tool-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ad-tool strong{font-size:11px;color:#eee7f9}.ad-tool small{font-size:9px;color:#b9b6cf;line-height:1.35}.ad-tool>button{min-width:54px;min-height:44px;border:1px solid #e0c3fa91;border-radius:9px;background:linear-gradient(145deg,#9076bd,#51446d);color:#fff;font-weight:800;font-size:11px}.ad-tool>button:disabled{border-color:#ffffff22;background:#323345;color:#9094aa}
.passive-tip,.adventure-rules{line-height:1.8;font-size:11px;border-top:1px solid #ffffff21;margin-top:14px;padding-top:12px;color:#c6b8e0}.adventure-rules{font-size:10px;color:#9cb3c9;margin-top:4px}
.catalog-toolbar{display:flex;align-items:center;gap:11px;justify-content:flex-end;margin:13px 0 16px}.catalog-toolbar label{font-size:11px;color:#acb4d1}.catalog-toolbar select{min-height:42px;background:#1b223c;color:#f1edfd;border:1px solid #b5a0d980;border-radius:10px;padding:9px 32px 9px 10px;font-size:12px}
.item-equipped{position:absolute;z-index:1;left:8px;top:7px;background:#40584ae8;color:#d6ffe4;padding:5px 7px;border-radius:9px;font-size:9px;font-weight:800}.item-utility{color:#f0dbaa}
.exchange-panel{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);gap:20px;padding:20px;border:1px solid #bfa6dc59;border-radius:16px;background:linear-gradient(130deg,#211d37,#151d30);margin:24px 0}.exchange-panel h3{font-size:18px;margin:0 0 8px}.exchange-panel p{font-size:11px;line-height:1.8;color:#aeb0c7;margin:0 0 9px}.exchange-panel strong#shardsValue{font-size:24px;color:#f3d9a1}.exchange-panel span{font-size:11px;color:#d8c4e8}.exchange-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exchange-option{display:flex;gap:7px;align-items:center;border:1px solid #ffffff3c;background:#1d2943;border-radius:11px;padding:7px;color:#e9ecfa;min-width:0;text-align:left}.exchange-option img{width:49px;height:49px;object-fit:contain}.exchange-option span{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.exchange-option b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-option small{font-size:9px;color:#ebd1a4}.exchange-option>strong{font-size:10px;border:1px solid #dfc1ed86;padding:6px;border-radius:7px}
.item-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:11px}.item-detail-actions button{background:linear-gradient(135deg,#d4c0f2,#aebcdf);color:#28203b;border:0;border-radius:12px;min-height:47px;padding:10px 14px;font-weight:800;font-size:12px}.item-detail-actions .recycle{background:linear-gradient(135deg,#3b3855,#302d4a);color:#e8d5ff;border:1px solid #dfbbde99}.not-owned-note{font-size:12px;color:#c5b9d2}.result-actions .result-use{background:linear-gradient(135deg,#b8dcce,#8abbbc);border:1px solid #ceebc4;color:#1b343a}.result-use[hidden]{display:none!important}.multi-result-card small{display:block;font-size:8px;color:#e2c7a7;margin-top:3px}
@media(max-width:940px){.room-layout,.adventure-layout{grid-template-columns:1fr}.room-scene{max-width:680px;min-height:450px}.room-inventory{max-height:210px}.room-item-list{grid-template-columns:repeat(4,minmax(0,1fr))}.adventure-tools{max-width:none}.adventure-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}}
@media(max-width:570px){.room-section,.adventure-section{width:calc(100% - 26px);margin-bottom:66px}.room-collection-pill{display:none}.room-layout,.adventure-layout{gap:12px}.room-scene{min-height:385px;border-width:4px;border-radius:16px}.room-window{inset:32px 20px 65px}.room-moon{width:81px;height:81px;right:10%;top:11%}.yona-avatar{transform:translateX(-50%) scale(.81);transform-origin:top center;left:39%;top:29%}.room-decor{width:99px;height:98px;left:0;bottom:38px}.room-pet{width:105px;height:108px;right:0;bottom:46px}.room-panel,.adventure-main,.adventure-tools{padding:14px}.room-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.room-item-list{grid-template-columns:repeat(3,minmax(0,1fr))}.room-equipped-label{font-size:10px}.adventure-grid{gap:5px;padding:7px}.ad-cell{border-radius:7px}.ad-cell span{font-size:12px}.adventure-tool-list{grid-template-columns:1fr}.catalog-toolbar{justify-content:space-between}.catalog-toolbar select{max-width:68%}.exchange-panel{grid-template-columns:1fr;gap:12px;padding:14px}.exchange-options{grid-template-columns:1fr 1fr}.exchange-option img{width:40px;height:40px}.exchange-option>strong{font-size:9px;padding:4px}.room-section .collection-header h2,.adventure-section .collection-header h2{font-size:25px}.result-actions{flex-wrap:wrap}.result-actions button{flex:1 1 42%;min-width:95px}.item-detail-actions button{flex:1 1 100%}}
@media(max-width:350px){.room-slots{grid-template-columns:1fr 1fr}.room-slot{padding:6px}.room-slot-icon{font-size:18px}.exchange-options{grid-template-columns:1fr}}

/* v15 — playable prizes and profile card */
.starter-panel{display:flex;align-items:center;gap:12px;margin-top:15px;padding:12px;border:1px solid #d6c79d68;border-radius:13px;background:linear-gradient(115deg,#332940,#242c48);box-shadow:inset 0 1px #fff2}
.starter-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid #ddcba98c;background:#423851;border-radius:12px;font-size:21px;color:#f6deac}
.starter-panel>div{flex:1;min-width:0}.starter-panel strong{font-size:12px;display:block;margin-bottom:5px;color:#f6e7ce}.starter-panel small{font-size:10px;line-height:1.55;color:#c5b9d1;display:block}
.starter-panel button{min-height:44px;min-width:115px;padding:8px 9px;border-radius:9px;background:linear-gradient(120deg,#e3c99e,#c3a1dc);border:1px solid #f4ddc0;color:#302439;font-size:11px;font-weight:900}
.starter-panel button:disabled{background:#373444;border-color:#534d60;color:#aba7bf}
.room-background-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:blur(13px) saturate(1.3)}.room-background-art[hidden]{display:none}
.avatar-outfit-badge{position:absolute;left:50%;top:15px;transform:translateX(-50%);width:71px;height:70px;object-fit:contain;background:radial-gradient(ellipse at 50% 53%,#e1bcffcc,transparent 73%);border-radius:50%;filter:drop-shadow(0 2px 5px #090b2344)}.avatar-outfit-badge[hidden]{display:none}.yona-outfit:has(.avatar-outfit-badge:not([hidden])) .avatar-moon{opacity:.18}
.profile-preview-section{margin-top:21px;padding-top:17px;border-top:1px solid #ffffff26}
.profile-preview-head{display:flex;align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:11px}.profile-preview-head b{font-size:14px;color:#e2c5ef}.profile-preview-head small{font-size:10px;color:#b8b5d0}
.player-card{min-height:193px;position:relative;overflow:hidden;border-radius:16px;padding:17px;border:4px double var(--profile-color);background:radial-gradient(ellipse at 90% 20%,color-mix(in srgb,var(--profile-bg) 63%,#ffffff20),transparent 70%),linear-gradient(118deg,#101932,#2e2948);box-shadow:inset 0 0 25px #0009,0 8px 24px #0004}
.player-card:after{content:'✦';position:absolute;right:9%;top:13%;font-size:77px;color:#ffffff0a;pointer-events:none}.player-card-head,.player-card-foot{display:flex;justify-content:space-between;gap:9px;font-size:9px;font-family:Georgia,serif;letter-spacing:.09em;color:#f4dcbd}.player-card-body{display:flex;gap:14px;align-items:center;margin:11px 0;position:relative;z-index:1}
.player-card-picture{position:relative;width:79px;height:81px;flex:none;border-radius:11px;background:linear-gradient(135deg,#51496e,#1a1838);border:1px solid #ffffff5b;display:grid;place-items:center;overflow:hidden}.player-card-moon{font-size:41px;color:#f2d9a4}.player-card-picture img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.player-card-picture img[hidden]{display:none}
.player-card-info{display:flex;flex-direction:column;gap:5px;min-width:0}.player-card-info small{font-size:8px;color:#c8b5e2;letter-spacing:.13em}.player-card-info strong{font:700 17px Georgia,serif;letter-spacing:.06em;color:#fff1fc;white-space:nowrap}.player-card-info span{color:#e7dff1;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.player-frame-badge{position:absolute;top:-20px;right:-7px;width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 1px 3px #000b)}.player-frame-badge[hidden]{display:none}
.player-card-foot{font-size:8px;color:#dfcaee}.save-card{margin-top:10px;width:100%;min-height:45px;border-radius:11px;border:1px solid #bba7e3;background:#222844;color:#f5e5ff;font-size:12px;font-weight:750}.save-card span{margin-left:7px;color:#e2caa1}
@media(max-width:570px){.starter-panel{flex-wrap:wrap}.starter-panel button{margin-left:auto;flex:1 1 100%}.profile-preview-section{margin-top:18px}.player-card{padding:12px}.player-card-info strong{font-size:14px}.player-card-picture{width:69px;height:72px}.player-card-info span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ad-cell.next{animation:none}}
@media(max-width:570px){.room-layout{grid-template-columns:minmax(0,1fr);min-width:0}.room-scene,.room-panel{min-width:0;width:100%}}

/* v16 — YONA LIVE: actual scalable character assembled from SVG body parts, NOT a pasted picture. */
.room-scene{background:radial-gradient(ellipse at 72% 21%,color-mix(in srgb,var(--room-primary) 35%,#e9dce9),transparent 36%),radial-gradient(ellipse at 25% 55%,color-mix(in srgb,var(--room-primary) 40%,#53618d),transparent 69%),linear-gradient(155deg,#111727 3%,var(--room-secondary) 56%,#1a172b);}
.room-scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 29%,#f8e7ff13 45%,transparent 55%);mix-blend-mode:screen}
.yona-avatar{left:44%;top:auto;bottom:29px;width:282px;height:388px;transform:translateX(-50%);z-index:2;cursor:pointer;touch-action:manipulation;outline:none;filter:drop-shadow(1px 17px 11px #100d2882);will-change:transform}
.yona-avatar:focus-visible{outline:3px solid #f6dcff;outline-offset:3px;border-radius:20px}
.ya-svg{width:100%;height:100%;display:block;overflow:visible;user-select:none;-webkit-user-select:none;pointer-events:none}
.ya-head{transform-box:fill-box;transform-origin:50% 63%;animation:yaSway 5.8s ease-in-out infinite;}
.ya-torso{transform-box:fill-box;transform-origin:50% 16%;animation:yaBreath 4.6s ease-in-out infinite;}
.ya-ear-left{transform-box:fill-box;transform-origin:85% 94%;animation:yaEarLeft 7.4s ease-in-out infinite}
.ya-ear-right{transform-box:fill-box;transform-origin:18% 94%;animation:yaEarRight 8.4s ease-in-out infinite}
.ya-curl{transform-box:fill-box;transform-origin:50% 10%;animation:yaHair 5.1s ease-in-out infinite}
.ya-curl-right{animation-delay:-2.2s;animation-duration:6s}
.ya-fringe{transform-box:fill-box;transform-origin:50% 5%;animation:yaFringe 5.7s ease-in-out infinite}
.ya-eyes{transform-box:fill-box;transform-origin:50% 44%;animation:yaBlink 7.3s ease-in-out infinite}
.ya-gaze{transform:translate(var(--ya-gaze-x,0px),var(--ya-gaze-y,0px));transition:transform .18s ease-out;transform-box:fill-box;}
.ya-sparkles{animation:yaShimmer 4.9s ease-in-out infinite}
.ya-arm-right{transform-box:fill-box;transform-origin:20% 13%;animation:yaArmIdle 5.4s ease-in-out infinite}
.ya-mouth-happy,.ya-mouth-surprised,.ya-clothes-uniform,.ya-clothes-dress,.ya-clothes-cape,.ya-clothes-pajamas,.ya-crown-accessory,.ya-jewel-ring{display:none}
.yona-avatar[data-look="uniform"] .ya-clothes-hoodie,.yona-avatar[data-look="pajamas"] .ya-clothes-hoodie,.yona-avatar[data-look="dress"] .ya-clothes-hoodie,.yona-avatar[data-look="cape"] .ya-clothes-hoodie,.yona-profile[data-look="uniform"] .ya-clothes-hoodie,.yona-profile[data-look="pajamas"] .ya-clothes-hoodie,.yona-profile[data-look="dress"] .ya-clothes-hoodie,.yona-profile[data-look="cape"] .ya-clothes-hoodie{display:none}
[data-look="uniform"] .ya-clothes-uniform,[data-look="dress"] .ya-clothes-dress,[data-look="cape"] .ya-clothes-cape,[data-look="pajamas"] .ya-clothes-pajamas,[data-look="crown"] .ya-crown-accessory,[data-look="ring"] .ya-jewel-ring{display:block}
.ya-react .ya-head{animation:yaReact .8s cubic-bezier(.25,.8,.42,1) 2}
.yona-avatar[data-mood="happy"] .ya-mouth-idle,.yona-avatar[data-mood="surprised"] .ya-mouth-idle{display:none}
.yona-avatar[data-mood="happy"] .ya-mouth-happy,.yona-avatar[data-mood="surprised"] .ya-mouth-surprised{display:block}
.yona-speech{position:absolute;top:13%;left:52%;z-index:5;max-width:44%;min-width:122px;padding:12px 13px;line-height:1.5;white-space:normal;text-align:center;font-size:12px;color:#42364f;border:2px solid #fff9fe;border-radius:19px 19px 19px 5px;box-shadow:0 11px 28px #10102566;background:linear-gradient(135deg,#fffaf9,#ece0f9 88%);transform:translateY(-4px) scale(.9);opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;font-weight:730}
.yona-speech.is-visible{opacity:1;transform:translateY(0) scale(1)}.yona-speech[hidden]{display:none}
.yona-hint{position:absolute;z-index:4;left:16px;bottom:53px;font-size:10px;letter-spacing:.06em;color:#fff6f3db;background:#0f1428a1;border:1px solid #dbcdec63;border-radius:80px;padding:6px 10px;pointer-events:none}
.yona-profile{width:100%;height:100%;display:block;position:relative;--wear-main:#4b435d;--wear-dark:#161525;--wear-light:#8e859f}
.yona-profile .ya-svg{width:100%;height:100%;transform:scale(1.02)}
.yona-profile .ya-svg *{animation:none!important}
.player-card-picture{width:94px;height:94px;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 68% 26%,#9988c0,#494063 52%,#15172c);border:1px solid #dac5f276;box-shadow:inset 0 0 20px #0003}
.player-card-picture img,.player-card-moon{display:none!important}
@keyframes yaSway{0%,100%{transform:translateX(0) rotate(-1deg)}50%{transform:translateX(2px) rotate(1.3deg)}}
@keyframes yaBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.013,1.008)}}
@keyframes yaEarLeft{0%,86%,100%{transform:rotate(0deg)}89%{transform:rotate(-8deg)}93%{transform:rotate(1deg)}}
@keyframes yaEarRight{0%,60%,100%{transform:rotate(0deg)}65%{transform:rotate(7deg)}69%{transform:rotate(-2deg)}}
@keyframes yaHair{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes yaFringe{0%,100%{transform:translateX(0)}50%{transform:translateX(1.1px)}}
@keyframes yaBlink{0%,42%,45%,100%{transform:scaleY(1)}43.5%{transform:scaleY(.06)}}
@keyframes yaShimmer{0%,100%{opacity:.57}45%{opacity:1}}
@keyframes yaArmIdle{0%,100%{transform:rotate(0deg)}50%{transform:rotate(1.5deg)}}
@keyframes yaReact{0%{transform:translateY(0) rotate(0)}26%{transform:translateY(-8px) rotate(-4deg)}59%{transform:translateY(-3px) rotate(4deg)}100%{transform:translateY(0) rotate(0)}}
@media(max-width:940px){.yona-avatar{width:260px;height:360px;left:43%;bottom:30px}}
@media(max-width:570px){.room-scene{min-height:410px}.yona-avatar{width:230px;height:317px;left:44%;top:auto;bottom:39px;transform:translateX(-50%)}.room-pet{right:-3%;bottom:45px;width:101px}.room-decor{left:-2%;bottom:35px;width:95px}.yona-speech{top:14%;left:51%;min-width:103px;padding:10px;font-size:11px}.yona-hint{left:12px;bottom:55px;font-size:9px}.player-card-picture{width:80px;height:86px}}
@media(max-width:350px){.yona-avatar{left:43%;width:215px;height:297px;bottom:45px}.yona-speech{left:54%;min-width:94px;font-size:10px}.yona-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ya-svg *, .ya-svg, .yona-speech {animation:none!important;transition:none!important}}
@media(min-width:941px){.room-scene{position:sticky;top:18px;align-self:start;height:566px;min-height:566px}.yona-avatar{width:324px;height:446px;bottom:30px;left:45%}}

/* v98 production integration: touch targets, save status and site navigation. */
[hidden]{display:none!important}.site-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px}.site-links a,.save-status button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid #9d81bd;border-radius:16px;color:#f4eaff;background:#21182f;text-decoration:none}.save-status{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.save-status p{flex:1;min-width:180px;line-height:1.7}.live-history{margin:30px 20px;padding:16px;border:1px solid #9d81bd;border-radius:16px}.live-history summary{min-height:48px;cursor:pointer}.live-history p{padding:10px 0;border-bottom:1px solid #ffffff22;line-height:1.8;overflow-wrap:anywhere}button{min-height:44px}body{overflow-wrap:anywhere}.hud{flex-shrink:0}.balance small{font-size:10px}@media(max-width:400px){.topbar{padding-inline:12px}.brand-label{font-size:14px}.balance{gap:5px}.balance strong{font-size:18px}.site-links a{flex:1 1 42%;font-size:12px}}

/* v101: adult anime proportions, longer animated waves, full-height portrait. */
.ya-head{transform-origin:50% 91%}.ya-torso{transform-origin:50% 7%}.ya-eyes{transform-origin:50% 50%}
.yona-avatar{width:300px;height:413px}.yona-profile .ya-svg{transform:none}
.ya-react .ya-arm-right{animation:yaGreeting .85s ease-in-out 2}
@keyframes yaGreeting{0%,100%{transform:rotate(0)}45%{transform:rotate(-11deg)}}
@media(min-width:941px){.yona-avatar{width:344px;height:474px;bottom:28px}}
@media(max-width:570px){.yona-avatar{width:258px;height:355px;bottom:36px;left:46%}.room-scene{min-height:430px}}
@media(max-width:350px){.yona-avatar{width:238px;height:328px;bottom:40px}}
@media(prefers-reduced-motion:reduce){.ya-react .ya-arm-right{animation:none!important}}


/* v101 visual polishing: same cabinet, server state, odds and item IDs. */
.crafted-showcase{position:absolute;inset:12% 5% 14%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;z-index:3;pointer-events:none;opacity:.92}
.crafted-showcase img{width:77px;height:83px;object-fit:cover;justify-self:center;align-self:center;clip-path:inset(3px round 12px);border:2px solid #e7c2fb8c;border-radius:12px;box-shadow:0 5px 14px #000b,0 0 9px #c48bff53;filter:drop-shadow(0 3px 4px #100621)}
.crafted-showcase img:nth-child(1){rotate:-11deg}.crafted-showcase img:nth-child(2){rotate:8deg}.crafted-showcase img:nth-child(3){rotate:7deg}.crafted-showcase img:nth-child(4){rotate:-8deg}
.glass-inner .capsule-bed{opacity:.37;z-index:2}.glass-inner .glass-front-reflection,.glass-inner .glass-streak{z-index:4}.glass-inner .glass-bottom-shadow{z-index:4}
.item-card .item-photo{border-radius:12px;background:radial-gradient(circle at 50% 37%,#8c5eaf66,#110a1c 73%);overflow:hidden}
.item-card .item-photo img{width:100%;height:100%;object-fit:cover;border-radius:12px;filter:drop-shadow(0 5px 8px #09061699)}
.item-card[data-rarity="SR"] .item-photo{box-shadow:inset 0 0 0 1px #cca2e46e}
.item-card[data-rarity="SSR"] .item-photo{box-shadow:inset 0 0 17px #f0d6a366,0 0 11px #ffe8be29}
.item-card[data-rarity="L"] .item-photo{box-shadow:inset 0 0 20px #fface17d,0 0 19px #ffa0d44f}
.item-card .item-count{font-size:10px;max-width:76px;line-height:1.4}
.room-item small{color:#c7a8d9;font-size:9px;line-height:1.35;text-align:center}
.crafted-level-note{color:#ddc2e9;background:#291b38;border:1px solid #b68ed466;border-radius:13px;padding:10px 12px;font-size:11px;line-height:1.6}
.ya-level-two,.ya-level-three{display:none}.yona-avatar[data-level="2"] .ya-level-two,.yona-avatar[data-level="3"] .ya-level-two,.yona-avatar[data-level="3"] .ya-level-three,.yona-profile[data-level="2"] .ya-level-two,.yona-profile[data-level="3"] .ya-level-two,.yona-profile[data-level="3"] .ya-level-three{display:block}
.yona-avatar[data-level="3"]{filter:drop-shadow(0 0 17px #c18cfe7a) drop-shadow(1px 17px 11px #100d2882)}
@media(max-width:570px){.crafted-showcase{gap:6px}.crafted-showcase img{width:67px;height:70px}.item-card .item-count{max-width:70px}}
@media(prefers-reduced-motion:reduce){.crafted-showcase *{animation:none!important}}
.yona-avatar:empty,.yona-profile:empty{background:url('/shared/yona/costumes-v77.png') 0 0/400% 200% no-repeat;aspect-ratio:1;height:auto!important}
.ya-official{overflow:hidden;filter:drop-shadow(0 8px 12px #0d052b66)}
@media(prefers-reduced-motion:no-preference){.yona-avatar .ya-official{animation:officialYonaBreath 4s ease-in-out infinite;transform-origin:50% 95%}@keyframes officialYonaBreath{50%{transform:translateY(-3px) rotate(.6deg)}}}