.sim{border:1px solid var(--line);background:radial-gradient(70% 60% at 50% 30%,#5ce1e61a,#0000 70%),linear-gradient(#0f1d33e6,#040c16f5);gap:18px;min-height:560px;padding:clamp(16px,3vw,28px);display:grid;position:relative;overflow:hidden}.sim:before{content:"";opacity:.05;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%23c8aa6e' stroke-width='1'/%3E%3C/svg%3E") 0 0/56px 97px;position:absolute;inset:0}.sim__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.sim__levels{gap:6px;margin:0;padding:0;list-style:none;display:flex}.sim__levels li{color:var(--text-3);border:1px solid var(--line);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:4px 12px;font-size:13px}.sim__levels .num{margin-right:2px;font-size:15px}.sim__levels .is-done{color:var(--gold-0);border-color:var(--gold-4);background:#c8aa6e1f}.sim__levels .is-now{color:#04201c;background:linear-gradient(#8ff6ea,#19c9b4);border-color:#0000}.sim__toggle{color:var(--text-2);cursor:pointer;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.sim__toggle input{opacity:0;pointer-events:none;position:absolute}.sim__switch{border:1px solid var(--line-strong);background:#010a13cc;width:34px;height:18px;transition:background .2s;position:relative}.sim__switch:after{content:"";background:var(--gold-2);width:12px;height:12px;transition:transform .2s var(--ease), background .2s;position:absolute;top:2px;left:2px}.sim__toggle input:checked+.sim__switch{background:#35e0d02e;border-color:#35e0d0}.sim__toggle input:checked+.sim__switch:after{background:#35e0d0;transform:translate(16px)}.sim__toggle input:focus-visible+.sim__switch{outline:2px solid var(--accent);outline-offset:2px}.sim__intro{text-align:center;justify-items:center;gap:12px;padding:10px 0 30px;display:grid;position:relative}.sim__chest{filter:drop-shadow(0 20px 40px #0ac8b940);width:min(300px,70vw);height:auto;animation:3.2s ease-in-out infinite chest}@keyframes chest{50%{filter:drop-shadow(0 26px 50px #0ac8b966);transform:translateY(-8px)scale(1.02)}}.sim__intro h2,.sim__done h2{font-family:var(--font-display);letter-spacing:.08em;background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,3vw,30px);font-weight:900}.sim__intro p{max-width:46ch;color:var(--text-2)}.sim__fine{font-size:12px;color:var(--text-3)!important}.sim__stage{gap:16px;display:grid;position:relative}.sim__round{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold-0);flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:20px;font-weight:900;display:flex}.sim__round span{font-family:var(--font-body);color:var(--text-2);letter-spacing:0;font-size:14px;font-weight:400}.sim__round em{font-style:normal;font-family:var(--font-body);color:#35e0d0;border:1px solid #35e0d066;padding:0 8px;font-size:12px;font-weight:400}.sim__round em.is-used{color:var(--text-3);border-color:var(--line)}.sim__cards{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,22px);display:grid}.sim__slot{justify-items:center;gap:10px;display:grid}.scard{--c:16px;aspect-ratio:5/7.6;text-align:center;cursor:pointer;width:100%;max-width:290px;transition:transform .3s var(--ease);background:0 0;border:0;padding:0}.scard:hover{transform:translateY(-8px)}.scard__in{width:100%;height:100%;transform-style:preserve-3d;animation:flip .75s var(--ease) var(--d,0s) both;display:block;position:relative}@keyframes flip{0%{transform:rotateY(180deg)scale(.9)}60%{transform:rotateY(-8deg)scale(1.02)}to{transform:rotateY(0)scale(1)}}.scard__back,.scard__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:absolute;inset:0}.scard__back{background:radial-gradient(circle at 50% 50%, #0ac8b959, transparent 40%), repeating-conic-gradient(from 0deg at 50% 50%, #c8aa6e1f 0 10deg, transparent 10deg 20deg), linear-gradient(180deg, #13284a, #050c16);border:2px solid var(--gold-3);transform:rotateY(180deg)}.scard__back:after{content:"";aspect-ratio:1;border:2px solid var(--gold-2);width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 30px #0ac8b980,inset 0 0 20px #0ac8b966}.scard__face{background:radial-gradient(90% 50% at 50% 0%, var(--r-glow), transparent 70%), linear-gradient(180deg, #0f1e34, #060e1a 70%);box-shadow:inset 0 0 0 1.5px var(--r2);flex-direction:column;align-items:center;gap:10px;padding:18px 16px 16px;display:flex}.r-prismatic .scard__face{box-shadow:inset 0 0 0 1.5px #b98cff}.r-prismatic .scard__in:after{content:"";background:var(--prism);filter:blur(40px);opacity:0;z-index:-1;animation:burst 1.6s ease-out calc(var(--d,0s) + .5s) both, spin 6s linear infinite;position:absolute;inset:-20%}@keyframes burst{20%{opacity:.55}to{opacity:.18}}.scard__rar{letter-spacing:.24em;color:var(--r-text);font-size:11px}.scard .socket{--s:clamp(64px, 8vw, 88px)}.scard__name{font-family:var(--font-display);color:var(--gold-0);font-size:clamp(16px,1.6vw,20px);font-weight:900;line-height:1.25}.r-prismatic .scard__name{background:linear-gradient(90deg,#ffe0fb,#d7ccff 40%,#c4f6ff 70%,#fff3c7);color:#0000;-webkit-background-clip:text;background-clip:text}.scard__desc{color:#bdb7a8;text-align:left;scrollbar-width:thin;flex:1;min-height:0;font-size:12.5px;line-height:1.7;overflow:auto}.scard__cta{width:100%;font-family:var(--font-display);letter-spacing:.3em;color:var(--gold-0);border:1px solid var(--gold-4);background:linear-gradient(#c8aa6e1f,#c8aa6e05);padding:7px 0;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}.scard:hover .scard__cta{border-color:var(--gold-2);background:linear-gradient(#0ac8b959,#0ac8b914)}.sim__reroll{color:var(--gold-1);border:1px solid var(--line);background:#010a1399;padding:4px 16px;font-size:13px;transition:border-color .2s,color .2s}.sim__reroll:hover:not(:disabled){border-color:var(--gold-2);color:var(--gold-0)}.sim__reroll:disabled{color:var(--text-3);cursor:default}.sim__done{animation:rise .6s var(--ease) both;justify-items:center;gap:20px;padding:10px 0 20px;display:grid;position:relative}.sim__build{grid-template-columns:repeat(4,minmax(0,170px));justify-content:center;gap:14px;width:100%;display:grid}.bcard{text-align:center;background:radial-gradient(90% 60% at 50% 0%, var(--r-glow), transparent 70%), linear-gradient(180deg, #0f1e34, #060e1a);border:1px solid var(--r2);transition:transform .3s var(--ease);justify-items:center;gap:8px;padding:20px 10px 16px;display:grid;position:relative}.bcard:hover{transform:translateY(-4px)}.bcard__lv{color:var(--text-3);font-size:12px;position:absolute;top:6px;left:8px}.bcard .socket{--s:62px}.bcard__n{font-family:var(--font-display);color:var(--gold-0);font-weight:900}.bcard__r{color:var(--r-text);letter-spacing:.16em;font-size:11px}.sim__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sim__mini{justify-content:center;gap:8px;display:flex;position:relative}.mini{width:40px;height:40px;color:var(--text-3);border:1px dashed var(--line-strong);place-items:center;font-size:13px;display:grid}.mini.r-silver{border:1px solid var(--silver-b)}.mini.r-gold{border:1px solid var(--gold-b)}.mini.r-prismatic{border:1px solid #b98cff}.mini img{width:100%;height:100%}.sim__seal{pointer-events:none;filter:drop-shadow(0 10px 20px #00000080);width:clamp(90px,11vw,150px);height:auto;position:absolute;bottom:0;right:10px}@media (width<=760px){.sim__cards{grid-template-columns:1fr}.scard{aspect-ratio:auto;max-width:340px;min-height:300px}.sim__build{grid-template-columns:repeat(2,minmax(0,1fr))}.sim__seal{display:none}}