@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Newsreader:opsz,wght@6..72,300&display=swap";:root{color:#f7f5ef;font-synthesis:none;text-rendering:geometricprecision;background:#04050a;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:#04050a;width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-height:100svh}button{font:inherit}.experience{isolation:isolate;background:radial-gradient(circle at 48% 48%,#121627c2,#06070dfa 58%,#030408 100%);width:100%;min-height:100svh;position:relative;overflow:hidden}.experience:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(#0000 50%,#00000045 100%);position:fixed;inset:0}.scene{pointer-events:none;inset:0;z-index:2!important;position:fixed!important}.scene canvas{width:100%;height:100%;display:block}.particle-cores{z-index:3;pointer-events:none;filter:drop-shadow(0 0 4px #7caeff40);display:block;position:fixed;inset:0}.identity{z-index:30;pointer-events:none;position:fixed;top:clamp(31px,4.2vw,61px);left:clamp(28px,4.8vw,74px)}.identity>span,.identity small,.sound,.opening span,.field-legend span,.field-legend small,.level-state,.completion span,.completion button,.source span,.receiver span{letter-spacing:.22em;font-size:8px;font-weight:400}.identity>span{color:#f8f5ed42}.identity h1{color:#f8f5edf0;letter-spacing:.24em;margin:11px 0 0;font-family:Newsreader,Georgia,serif;font-size:clamp(22px,2vw,31px);font-weight:300;line-height:1}.identity small{color:#f8f5ed52;margin-top:11px;display:block}.sound{z-index:40;color:#f8f5ed5c;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:9px 0;transition:color .35s;display:flex;position:fixed;top:clamp(33px,4.4vw,63px);right:clamp(28px,4.8vw,74px)}.sound i{border:1px solid #ffffff61;border-radius:50%;width:5px;height:5px;transition:all .4s}.sound:hover,.sound.on{color:#f8f5edbd}.sound.on i{background:#fff3df;box-shadow:0 0 17px #ffb59ce0}.source{z-index:8;pointer-events:none;width:50px;height:92px;position:fixed;top:51%;left:7.5%;transform:translate(-50%,-50%)}.source>i{filter:drop-shadow(0 0 8px #6ebbff8c);background:linear-gradient(#0000,#bee0ff9e,#0000);width:1px;animation:2.8s ease-in-out infinite source-breathe;position:absolute;top:13px;bottom:13px}.source>i:first-child{left:20px;transform:rotate(-7deg)}.source>i:nth-child(2){animation-delay:-1.4s;right:20px;transform:rotate(7deg)}.source b{background:#dff5ff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #95d8ffcc,0 0 22px #709cff66}.source span{color:#f8f5ed45;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.receivers,.fields{z-index:8;pointer-events:none;position:fixed;inset:0}.fields{z-index:12}.receiver{aspect-ratio:1;pointer-events:none;width:clamp(76px,5.8vw,94px);filter:drop-shadow(0 0 calc(6px + var(--progress) * 20px) rgba(117, 172, 255, calc(.08 + var(--progress) * .38)));position:absolute;transform:translate(-50%,-50%)}.receiver svg{fill:none;width:100%;display:block;overflow:visible}.receiver path{vector-effect:non-scaling-stroke}.receiver-ghost{fill:rgba(86, 109, 170, calc(.008 + var(--progress) * .032));stroke:rgba(225, 236, 255, calc(.12 + var(--progress) * .16));stroke-width:.72px}.receiver-meter{stroke:rgba(138, 202, 255, calc(.28 + var(--progress) * .66));stroke-width:1.05px;stroke-linecap:round;stroke-dasharray:var(--progress) 1;transform-origin:50%;transition:stroke-dasharray .15s linear;transform:rotate(-90deg)}.receiver-lens{fill:none;stroke:rgba(203, 218, 255, calc(.12 + var(--progress) * .58));stroke-width:.58px;transform:scale(calc(.88 + var(--progress) * .12));transform-box:view-box;transform-origin:60px 60px;transition:transform .18s,stroke .18s}.receiver-axis{fill:none;stroke:rgba(205, 225, 255, calc(.12 + var(--progress) * .44));stroke-width:.58px;stroke-linecap:round}.receiver-core{fill:rgba(225, 241, 255, calc(.2 + var(--progress) * .78));filter:drop-shadow(0 0 calc(2px + var(--progress) * 8px) #85c3ffe0)}.receiver-aura{z-index:-1;border:1px solid rgba(168, 198, 255, calc(.035 + var(--progress) * .08));background:radial-gradient(circle, rgba(112, 176, 255, calc(var(--progress) * .13)), transparent 67%);transform:scale(calc(.96 + var(--progress) * .04));border-radius:50%;transition:transform .18s,border-color .18s;position:absolute;inset:-25%}.receiver.full svg{animation:4.8s ease-in-out infinite receiver-resolve}.force-field{color:#fff;cursor:grab;pointer-events:auto;touch-action:none;background:radial-gradient(circle,#765cff0e,#0000 28%),radial-gradient(circle,#5668ff07,#0000 69%);border:1px solid #b4beff1a;border-radius:50%;padding:0;transition:border-color .35s,background .35s,filter .35s;position:absolute;transform:translate(-50%,-50%)}.force-field:before{content:"";border:1px solid #fff1;border-radius:50%;position:absolute;inset:20%;box-shadow:inset 0 0 24px #5570ff09}.force-field:hover,.force-field.selected{filter:drop-shadow(0 0 20px #6072ff33);background:radial-gradient(circle,#5a6fff11,#0000 69%);border-color:#d6d9ff45}.force-field.attract{border-color:#9a69ff29}.force-field.attract.selected{border-color:#be85ff6b}.force-field.repel{border-color:#ff6fa824}.force-field.repel.selected{border-color:#ff84b566}.field-orbit{pointer-events:none;border:1px solid #0000;border-top-color:#ffffff3b;border-radius:50%;position:absolute}.orbit-one{animation:8s linear infinite orbit;inset:28%}.orbit-two{border-top-color:#66c3ff57;animation:5.5s linear infinite reverse orbit;inset:38%}.attract .orbit-one{border-top-color:#b976ff6b;animation-duration:3.8s}.attract .orbit-two{animation-duration:2.4s}.repel .orbit-one{border-top-color:#ff6fb057;animation-direction:reverse}.field-core{pointer-events:none;background:#080c199e;border:1px solid #d7e7ff47;border-radius:50%;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #6797ff29,inset 0 0 12px #82b9ff0f}.direction-line{transform-origin:50%;background:linear-gradient(90deg,#ffffff40,#ffffffe6);width:15px;height:1px;position:absolute;top:12px;left:6px}.direction-line:after{content:"";border-top:1px solid #fff;border-right:1px solid #fff;width:4px;height:4px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.vortex-mark{border:1px solid #d8aeffb8;border-right-color:#0000;border-radius:50%;animation:2.4s linear infinite orbit;position:absolute;inset:7px}.repel-mark:before,.repel-mark:after{content:"";background:#ffa3c7d1;width:14px;height:1px;position:absolute;top:13px;left:7px}.repel-mark:after{transform:rotate(90deg)}.angle-handle{pointer-events:none;transform-origin:0;width:50%;height:24px;position:absolute;top:50%;left:50%}.angle-handle i{cursor:crosshair;pointer-events:auto;background:#0a0a0e;border:1px solid #ffffff8f;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;right:-6px;box-shadow:0 0 10px #7da6ff80}.radius-handle{cursor:nwse-resize;pointer-events:auto;background:#060912e0;border:1px solid #d1e2ff61;border-radius:50%;width:15px;height:15px;position:absolute;bottom:14.5%;right:14.5%;box-shadow:0 0 10px #72a6ff3d}.radius-handle i:before,.radius-handle i:after{content:"";background:#e2eeffad;width:5px;height:1px;position:absolute;transform:rotate(-45deg)}.radius-handle i:before{top:5px;left:4px}.radius-handle i:after{top:8px;left:6px}.opening{z-index:25;color:#f8f5ed94;text-align:center;pointer-events:none;width:min(590px,82vw);transition:opacity 1.1s,transform 1.1s cubic-bezier(.16,1,.3,1);position:fixed;bottom:clamp(45px,7vh,80px);left:50%;transform:translate(-50%)}.opening p{margin:0 0 10px;font-family:Newsreader,Georgia,serif;font-size:clamp(18px,1.65vw,25px);font-weight:300}.opening span{color:#f8f5ed4f}.opening.away{opacity:0;transform:translate(-50%,12px)}.field-legend{z-index:25;pointer-events:none;width:280px;position:fixed;bottom:clamp(31px,4.2vw,59px);left:clamp(28px,4.8vw,74px)}.field-legend span{color:#f8f5ed45;display:block}.field-legend strong{color:#f8f5edb3;text-transform:capitalize;margin:8px 0 9px;font-family:Newsreader,Georgia,serif;font-size:19px;font-weight:300;display:block}.field-legend small{color:#f8f5ed47;line-height:1.6}.level-state{z-index:25;color:#f8f5ed61;text-align:right;pointer-events:none;width:214px;position:fixed;bottom:clamp(31px,4.2vw,59px);right:clamp(28px,4.8vw,74px)}.level-state>div{grid-template-columns:1fr;margin-top:12px;display:grid}.level-state i{background:#ffffff1f;height:1px;position:relative;overflow:hidden}.level-state i:after{content:"";transform:scaleX(var(--fill));transform-origin:0;background:linear-gradient(90deg,#42c8ff,#8062ff,#ff65ad,#ffb25b);transition:transform .12s linear;position:absolute;inset:0;box-shadow:0 0 10px #996bffc2}.completion{z-index:50;color:#f8f5ed82;text-align:center;opacity:0;visibility:hidden;pointer-events:none;place-content:center;justify-items:center;transition:opacity 1.8s,visibility 1.8s,transform 1.8s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;inset:0;transform:translateY(14px)}.completion.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.completion strong{color:#f8f5eded;letter-spacing:-.035em;margin:13px 0 34px;font-family:Newsreader,Georgia,serif;font-size:clamp(42px,5.6vw,82px);font-weight:300}.completion button{color:#f8f5ed8f;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff3d;padding:10px 0}.resolved .force-field{opacity:.17;transition:opacity 1.4s}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes source-breathe{0%,to{opacity:.34}50%{opacity:.95}}@keyframes receiver-resolve{0%,to{opacity:.88;transform:scale(.995)}50%{opacity:1;transform:scale(1.015)}}@media (width<=720px){.identity{top:23px;left:20px}.identity>span{display:none}.identity h1{font-size:21px}.sound{top:21px;right:20px}.sound span,.source span,.receiver span{display:none}.field-legend{width:185px;bottom:24px;left:20px}.field-legend small{display:none}.level-state{width:118px;bottom:24px;right:20px}.receiver{width:82px}}@media (prefers-reduced-motion:reduce){.field-orbit,.vortex-mark,.source>i,.receiver.full svg{animation:none}}