._Ks6SW_wrapper{width:100%;max-width:550px;margin-inline:auto}._Ks6SW_stage{aspect-ratio:1.04;perspective:1100px;isolation:isolate;position:relative}._Ks6SW_ambient{pointer-events:none;background:radial-gradient(#42a5ff38,#94ceff14 52%,#0000 70%);position:absolute;inset:7% -3% -4%}._Ks6SW_artwork{--wave-x:50%;--wave-y:40%;cursor:pointer;width:100%;height:100%;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;touch-action:pan-y;background:0 0;border:0;border-radius:32px;padding:0;display:block;position:absolute;inset:0}._Ks6SW_artwork:focus-visible{outline-offset:6px;outline:3px solid #2563eb}._Ks6SW_artwork>span{pointer-events:none}._Ks6SW_portal{background:radial-gradient(at 40% 25%,#e5f7ff,#b0d8f4 57%,#7099bf);border-radius:46% 46% 23% 23%;transition:background .7s,box-shadow .7s;position:absolute;inset:8% 8% 9%;overflow:hidden;transform:translateZ(-45px);box-shadow:inset 0 0 0 1px #fff9,12px 18px 0 -6px #7aaceb22,24px 32px 0 -14px #8fb8e622}._Ks6SW_portalGrid{background-image:linear-gradient(#386d9c16 1px,#0000 1px),linear-gradient(90deg,#386d9c16 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 85%);mask-image:linear-gradient(#0009,#0000 85%)}._Ks6SW_portalEdge{border-radius:inherit;border:1px solid #fff5;position:absolute;inset:10px}._Ks6SW_portrait{transition:transform .85s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 -1% 6%;transform:translateZ(42px);-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}._Ks6SW_portrait img{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none}._Ks6SW_monochrome{filter:grayscale()contrast(1.08);clip-path:circle(145% at var(--wave-x) var(--wave-y));transition:clip-path .95s cubic-bezier(.2,.65,.25,1);position:absolute;inset:0}._Ks6SW_orbit{transform-style:preserve-3d;border:1px solid #6392bd7a;border-radius:50%;transition:transform 1s cubic-bezier(.22,1,.36,1),border-color .6s,box-shadow .6s;position:absolute;inset:19% 0 15%}._Ks6SW_orbitBack{border-width:2px;border-bottom-color:#2f7fc5;border-left-color:#f8fdff;transform:translateZ(-20px)rotate(-32deg)rotateX(66deg);box-shadow:0 3px #3f7fad24}._Ks6SW_orbitFront{border-color:#d9f3ffbd #69a4e466 #235b993d;inset:36% -5% 7%;transform:translateZ(80px)rotate(-17deg)rotateX(73deg);box-shadow:0 2px 2px #346aa52b}._Ks6SW_coordinate{writing-mode:vertical-rl;letter-spacing:3px;color:#456883;font:9px/1.3 ui-monospace,monospace;position:absolute;top:12%;left:2%;transform:translateZ(10px)}._Ks6SW_identity{color:#fff;text-align:left;letter-spacing:5px;text-shadow:0 2px 16px #071f36aa;align-items:center;gap:12px;font:500 clamp(23px,3vw,38px)/1 ui-monospace,monospace;transition:transform .8s;display:flex;position:absolute;bottom:15%;left:9%;transform:translateZ(100px)}._Ks6SW_identityRule{background:#6adfff;width:3px;height:42px;box-shadow:0 0 12px #6adfff88}._Ks6SW_identitySub{letter-spacing:1.8px;margin-top:8px;font-size:8px;display:block}._Ks6SW_codePlane{text-align:left;color:#dcefff;opacity:0;background:linear-gradient(135deg,#102c48f5,#061c32ed);border:1px solid #7edbff80;border-radius:12px;flex-direction:column;gap:5px;width:174px;padding:15px 16px;font:11px/1.5 ui-monospace,monospace;transition:opacity .5s,transform .9s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;box-shadow:0 12px 32px #002c6030,inset 0 1px #fff3}._Ks6SW_codePlane b{color:#9daeff;font-weight:400}._Ks6SW_codePlane{transform-style:preserve-3d;backface-visibility:hidden}._Ks6SW_codePlane>span{transform:translateZ(1px)}._Ks6SW_codePlane em{color:#74e7e6;font-style:normal}._Ks6SW_codeIndex{letter-spacing:2px;color:#94bdde;border-bottom:1px solid #90d5ff33;margin-bottom:2px;padding-bottom:8px;font-size:8px}._Ks6SW_codeLeft{width:144px;font-size:10px;top:43%;left:-2%;transform:translateZ(-30px)rotateY(30deg)scale(.8)}._Ks6SW_codeRight{top:15%;right:-1%;transform:translateZ(-50px)rotateY(-30deg)scale(.8)}._Ks6SW_mode{letter-spacing:1.6px;color:#46657f;align-items:center;gap:7px;font:8px/1 ui-monospace,monospace;display:flex;position:absolute;bottom:5%;left:10%;transform:translateZ(28px)}._Ks6SW_modeDot{border:1px solid #3d7fbc;border-radius:50%;width:5px;height:5px}._Ks6SW_control{color:#1d5797;background:#ffffffeb;border:1px solid #8eafd166;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .3s,color .3s;display:grid;position:absolute;bottom:8%;right:9%;transform:translateZ(105px);box-shadow:0 5px 20px #245b9220}._Ks6SW_hint{color:#46627e;text-align:center;justify-content:center;align-items:center;gap:7px;min-height:34px;margin:14px 0 0;font-size:11px;line-height:1.8;display:flex}._Ks6SW_hint svg{color:#245faa;flex-shrink:0}._Ks6SW_mobileHint{display:none}@media (hover:hover) and (pointer:fine){._Ks6SW_stage:not([data-active=true]) ._Ks6SW_artwork:hover ._Ks6SW_monochrome{clip-path:circle(0% at var(--wave-x) var(--wave-y))}._Ks6SW_artwork:hover ._Ks6SW_control{color:#fff;background:#174bce}}._Ks6SW_stage:not([data-active=true]) ._Ks6SW_artwork:focus-visible ._Ks6SW_monochrome{clip-path:circle(0% at var(--wave-x) var(--wave-y))}._Ks6SW_stage[data-active=true] ._Ks6SW_monochrome{clip-path:circle(145% at var(--wave-x) var(--wave-y))}._Ks6SW_stage[data-active=true] ._Ks6SW_portal{background:#04182c;box-shadow:inset 0 0 60px #007dc84d,0 0 0 1px #4bc9ff88,12px 18px 0 -6px #3984db22,24px 32px 0 -14px #3984db22,0 15px 70px #0077ff30}._Ks6SW_stage[data-active=true] ._Ks6SW_portalGrid{opacity:.2}._Ks6SW_stage[data-active=true] ._Ks6SW_portrait{transform:translate3d(-3%,6%,85px)scale(.88)}._Ks6SW_stage[data-active=true] ._Ks6SW_orbitBack{border-color:#1f8eff88 #c2f5ff #36b8ed;transform:translateZ(-10px)rotate(-45deg)rotateX(48deg);box-shadow:0 0 20px #00bfff44}._Ks6SW_stage[data-active=true] ._Ks6SW_orbitFront{border-color:#93edffbb;transform:translateZ(110px)rotate(25deg)rotateX(70deg);box-shadow:0 0 20px #00bfff33}._Ks6SW_stage[data-active=true] ._Ks6SW_codePlane{opacity:1}._Ks6SW_stage[data-active=true] ._Ks6SW_codeLeft{transform:translate3d(-4%,8%,155px)rotateY(16deg)rotate(-7deg)}._Ks6SW_stage[data-active=true] ._Ks6SW_codeRight{transform:translate3d(3%,-8%,70px)rotateY(-22deg)rotate(7deg)}._Ks6SW_stage[data-active=true] ._Ks6SW_identity{transform:translate3d(0,8px,115px)}._Ks6SW_stage[data-active=true] ._Ks6SW_modeDot{background:#168cf0;box-shadow:0 0 8px #168cf077}._Ks6SW_stage[data-active=true] ._Ks6SW_control{color:#fff;background:#174bce}@media (max-width:1023px){._Ks6SW_wrapper{grid-row:1}}@media (min-width:640px) and (max-width:1023px){._Ks6SW_wrapper{max-width:460px}}@media (max-width:639px){._Ks6SW_wrapper{max-width:380px}._Ks6SW_stage{aspect-ratio:1.02;perspective:850px}._Ks6SW_portal{inset:8% 4%}._Ks6SW_portrait{inset:0 -5% 5%}._Ks6SW_coordinate{letter-spacing:2px;font-size:7px;left:0}._Ks6SW_identity{letter-spacing:3px;font-size:25px;bottom:16%;left:7%}._Ks6SW_identitySub{letter-spacing:1px;font-size:6px}._Ks6SW_identityRule{height:33px}._Ks6SW_orbitFront{inset-inline:-2%}._Ks6SW_codePlane{border-radius:9px;gap:3px;width:123px;padding:10px;font-size:8px}._Ks6SW_codeIndex{letter-spacing:1px;padding-bottom:5px;font-size:6px}._Ks6SW_codeLeft{display:none}._Ks6SW_codeRight{top:12%;right:1%}._Ks6SW_stage[data-active=true] ._Ks6SW_codeRight{transform:translate3d(0,-3%,40px)rotateY(-18deg)rotate(6deg)}._Ks6SW_stage[data-active=true] ._Ks6SW_portrait{transform:translate3d(0,5%,45px)scale(.91)}._Ks6SW_mode{letter-spacing:1px;font-size:6px;left:6%}._Ks6SW_control{width:40px;height:40px;bottom:7%;right:7%;transform:translateZ(60px)}._Ks6SW_hint{margin-top:10px;padding-inline:5px;font-size:10px}._Ks6SW_desktopHint{display:none}._Ks6SW_mobileHint{display:inline}}@media (hover:none){._Ks6SW_desktopHint{display:none}._Ks6SW_mobileHint{display:inline}}@media (prefers-reduced-motion:reduce){._Ks6SW_artwork,._Ks6SW_artwork *,._Ks6SW_stage[data-active=true] *{transition:none!important;animation:none!important}}
