.sixseer-prototype-wrapper{--c-ink:#0a0b14;--c-midnight:#0b1020;--c-mist:#edeaf7;--c-lilac:#cbb7ff;--c-iris:#8a7cff;--c-rose:#f3b5d8;--c-gold:#e8c77a}.sixseer-prototype-wrapper .bg-app-gradient{background:radial-gradient(1200px 900px at 70% 20%,rgba(138,124,255,.25),transparent 55%),radial-gradient(900px 700px at 25% 70%,rgba(243,181,216,.18),transparent 55%),radial-gradient(700px 500px at 65% 85%,rgba(232,199,122,.1),transparent 55%),linear-gradient(180deg,#070814,#050611 40%,#04040c)}.sixseer-prototype-wrapper .bg-ink{background-color:var(--c-ink)}.sixseer-prototype-wrapper .text-mist{color:var(--c-mist)}.sixseer-prototype-wrapper .text-lilac{color:var(--c-lilac)}.sixseer-prototype-wrapper .font-display{font-family:Playfair Display,serif}.sixseer-prototype-wrapper .font-body{font-family:Poppins,ui-sans-serif,system-ui,-apple-system,sans-serif}.sixseer-prototype-wrapper .noise:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Cpath d='M0 0h240v240H0z' filter='url(%23a)' opacity='.18'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:overlay;opacity:.25;pointer-events:none;position:absolute}.sixseer-prototype-wrapper .glass{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:linear-gradient(135deg,#ffffff17,#ffffff0d);border:1px solid hsla(0,0%,100%,.12)}.sixseer-prototype-wrapper .scrim{background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}.sixseer-prototype-wrapper .btnPrimary{background:linear-gradient(135deg,#8a7cff,#cbb7fff2);box-shadow:0 18px 40px #8a7cff38,0 0 0 1px #cbb7ff2e;color:#0a0b14!important}.sixseer-prototype-wrapper .btnPrimary:hover{filter:brightness(1.04)}.sixseer-prototype-wrapper .btnPrimary:active{transform:translateY(1px)}.sixseer-prototype-wrapper .btnPrimary:disabled{cursor:not-allowed;opacity:.6}.sixseer-prototype-wrapper .btnSoft{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.12)}.sixseer-prototype-wrapper .focusRing:focus{box-shadow:0 0 0 .25rem #cbb7ff38;outline:none}.sixseer-prototype-wrapper .coin3d{isolation:isolate;perspective:1000px;transform-style:preserve-3d;will-change:transform}.sixseer-prototype-wrapper .coin{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;height:4.5rem;position:relative;transform-style:preserve-3d;width:4.5rem;will-change:transform}.sixseer-prototype-wrapper .face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid hsla(0,0%,100%,.1);border-radius:999px;box-shadow:inset 0 0 0 .125rem #ffffff1a,inset 0 0 0 .25rem #00000026,0 .25rem .375rem #0003;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute}@media(max-height:740px){.sixseer-prototype-wrapper .coin{height:3rem;width:3rem}.sixseer-prototype-wrapper .coin-icon{font-size:20px}.sixseer-prototype-wrapper .slot{border-radius:.375rem;height:1.5rem}.sixseer-prototype-wrapper .slotLabel{font-size:.5rem;left:.5rem}}.sixseer-prototype-wrapper .coin-icon{filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));font-size:28px}.sixseer-prototype-wrapper .face:after{background:linear-gradient(120deg,#fff0 30%,#fff6,#fff0 70%);content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.sixseer-prototype-wrapper .sunFace{background:url(../images/coin_yang.png) no-repeat 50%;background-size:cover;border:none;box-shadow:none;transform:rotateY(0)}.sixseer-prototype-wrapper .moonFace{background:url(../images/coin_yin.png) no-repeat 50%;background-size:cover;border:none;box-shadow:none;transform:rotateY(180deg)}.sixseer-prototype-wrapper .slot{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.12);border-radius:.5rem;height:2rem;overflow:hidden;position:relative;transition:all .3s ease}.sixseer-prototype-wrapper .slotActive{background:linear-gradient(135deg,#cbb7ff26,#8a7cff14,#ffffff0a);border-color:#cbb7ff99;box-shadow:0 0 0 1px #cbb7ff26,0 0 30px #8a7cff40,inset 0 1px #ffffff1a}.sixseer-prototype-wrapper .slotLabel{color:#edeaf7b3;font-size:.6875rem;font-weight:600;left:.75rem;letter-spacing:.12em;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.3);text-transform:uppercase;top:50%;transform:translateY(-50%)}.sixseer-prototype-wrapper .slotActive .slotLabel{color:#cbb7fff2;text-shadow:0 0 8px rgba(203,183,255,.4)}.sixseer-prototype-wrapper .lineWrap{height:.75rem;left:4rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.sixseer-prototype-wrapper .lineSolid{background:linear-gradient(90deg,#e8c77a,#cbb7ffb3);border-radius:999px;box-shadow:0 0 0 1px #e8c77a4d,0 4px 16px #e8c77a40;height:100%;transform-origin:left center;will-change:transform,opacity}.sixseer-prototype-wrapper .lineSolid.oldYang{background:linear-gradient(90deg,gold,orange 50%,#ff8c00);box-shadow:0 0 0 1px #ffd70066,0 0 20px #ffa50099,0 0 40px #ff8c004d}.sixseer-prototype-wrapper .lineBroken{display:flex;gap:.625rem;height:100%}.sixseer-prototype-wrapper .seg{background:linear-gradient(90deg,#eef1f5e6,#b0b4d6b3);border-radius:999px;box-shadow:0 0 0 1px #eef1f54d,0 4px 16px #b0b4d633;flex:1;transform-origin:left center;will-change:transform,opacity}.sixseer-prototype-wrapper .seg.oldYin{background:linear-gradient(90deg,#e0e7ff,#c7d2fe 50%,#a5b4fc);box-shadow:0 0 0 1px #e0e7ff80,0 0 20px #a78bfa80,0 0 40px #8b5cf640}.sixseer-prototype-wrapper .movingMark{animation:markAppear .5s cubic-bezier(.22,1,.36,1) .4s forwards;border-radius:999px;height:1.25rem;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.sixseer-prototype-wrapper .movingMark:before{animation:pulseCore 2s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fff,#cbb7fff2);border-radius:999px;box-shadow:0 0 0 1px #ffffff80,0 0 12px #cbb7ffcc;content:"";inset:6px;position:absolute}.sixseer-prototype-wrapper .movingMark:after{animation:pulseRing 2s ease-in-out infinite;border:2px solid rgba(203,183,255,.6);border-radius:999px;content:"";inset:0;position:absolute}.sixseer-prototype-wrapper .stars{animation:twinkle 4s ease-in-out infinite;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.8) 100%,transparent),radial-gradient(1px 1px at 25% 55%,hsla(0,0%,100%,.65) 100%,transparent),radial-gradient(1px 1px at 70% 30%,hsla(0,0%,100%,.8) 100%,transparent),radial-gradient(1.5px 1.5px at 82% 60%,hsla(0,0%,100%,.55) 100%,transparent),radial-gradient(1px 1px at 40% 80%,hsla(0,0%,100%,.7) 100%,transparent);background-size:520px 520px;opacity:.55}@keyframes pulseCore{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes pulseRing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.4)}}@keyframes markAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.85}}@keyframes lineFill{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sixseer-prototype-wrapper .animate-lineFill{animation:lineFill .55s cubic-bezier(.22,1,.36,1) forwards}.sixseer-prototype-wrapper .animate-popIn{animation:popIn .55s cubic-bezier(.22,1,.36,1) forwards}.sixseer-prototype-wrapper .animate-fadeUp{animation:fadeUp .45s ease-out forwards}