:root{color:#fffffff0;font-synthesis:none;text-rendering:optimizelegibility;background:#07110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0}body{-webkit-user-select:none;user-select:none;background:#07110f;overflow:hidden}body.standalone-page{-webkit-user-select:text;user-select:text;overflow:hidden auto}body.standalone-page #root{height:auto}button,a{font:inherit}button{border:0}.spatial-world{isolation:isolate;background:linear-gradient(#081b2c3d 0%,#081b2c0f 44%,#04130e80 100%),url(/assets/bg1-CqbkmOTT.jpg) 50% 52%/cover no-repeat;width:100vw;height:100vh;min-height:620px;position:relative;overflow:hidden}.environment,.sky,.atmosphere,.mountain,.ground-haze{pointer-events:none;position:absolute;inset:0}.sky{z-index:-10;background:radial-gradient(circle at 76% 39%,#ffdc7d75,#0000 12%),radial-gradient(circle at 80% 43%,#ffc45229,#0000 25%)}.atmosphere-one{z-index:-9;filter:blur(35px);background:radial-gradient(at 43% 46%,#89cab845,#0000 36%)}.atmosphere-two{z-index:-9;filter:blur(18px);background:linear-gradient(155deg,#0000 45%,#c0dec726 54%,#0000 63%)}.mountain{clip-path:polygon(0 76%,8% 65%,15% 75%,22% 49%,30% 67%,38% 41%,47% 69%,57% 48%,65% 72%,75% 50%,83% 68%,91% 56%,100% 69%,100% 100%,0 100%);height:39%;inset:auto -5% 0}.mountain-back{z-index:-7;opacity:.38;background:#587769;transform:translateY(-5%)}.mountain-mid{z-index:-6;opacity:.72;clip-path:polygon(0 79%,11% 70%,17% 80%,29% 55%,39% 73%,50% 45%,59% 71%,69% 52%,77% 76%,87% 61%,100% 75%,100% 100%,0 100%);background:#294e3c}.mountain-front{z-index:-5;clip-path:polygon(0 72%,7% 77%,15% 55%,22% 75%,31% 49%,40% 74%,51% 51%,59% 77%,70% 58%,80% 75%,89% 62%,100% 73%,100% 100%,0 100%);background:#08251c;height:27%}.ground-haze{z-index:-4;background:linear-gradient(#0000,#04130ead);height:28%;inset:auto 0 0}.world-header{z-index:20;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:30px;right:30px}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:20px;font-weight:720;display:flex}.brand-mark{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06151861;border:1px solid #57e2b599;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;display:grid;box-shadow:0 0 25px #47e0b11f,inset 0 0 18px #ffffff0d}.space-status{color:#ffffffc2;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05101347;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;font-weight:700;display:flex}.space-status span{background:#5ff0b4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #5ff0b4}.world-intro{z-index:5;pointer-events:none;position:absolute;top:23%;left:5%}.world-intro>span{color:#ffffff85;letter-spacing:.22em;font-size:10px;font-weight:750}.world-intro h1{color:#fffffff0;letter-spacing:-.075em;margin:15px 0 12px;font-size:clamp(54px,6.5vw,94px);font-weight:650;line-height:.83}.world-intro h1 em{color:#71e1b1;font-style:normal}.world-intro p{color:#ffffffb8;margin:0;font-size:13px;line-height:1.55}.orbit-system{z-index:1;pointer-events:none;border:1px solid #6de7c329;border-radius:50%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 16px #6de7c309,inset 0 0 16px #6de7c306}.orbit-system-one{width:60vw;height:30vw}.orbit-system-two{border:1px dashed #ffffff1a;width:48vw;height:22vw;transform:translate(-50%,-50%)rotate(18deg)}.orbit-system-three{border-color:#ffdd8b14;width:75vw;height:42vw;transform:translate(-50%,-50%)rotate(-27deg);box-shadow:0 0 24px #ffdd8b09}.nodes-layer{z-index:8;position:absolute;inset:0}.spatial-node{color:#fff;cursor:grab;width:116px;height:116px;transform:translate(-50%, -50%) translateZ(calc(var(--node-z) * 22px)) scale(calc(1 + (var(--node-z) * .035)));touch-action:none;background:0 0;padding:0;transition:left .42s cubic-bezier(.2,.8,.2,1),top .42s cubic-bezier(.2,.8,.2,1),transform .3s,filter .3s;position:absolute}.spatial-node:active{cursor:grabbing}.spatial-node.is-dragging{will-change:left, top;transition:none}.node-cultural{--node-tint:194, 137, 255;--planet-base:57, 30, 91;--planet-shadow:22, 12, 42;--planet-texture:radial-gradient(ellipse at 28% 42%, #dfa9ffb8 0 8%, transparent 10%), radial-gradient(ellipse at 66% 34%, #804ebcd6 0 13%, transparent 15%), radial-gradient(ellipse at 58% 72%, #e8bcff7a 0 7%, transparent 9%), repeating-linear-gradient(155deg, transparent 0 17px, #b77ff533 19px 21px, transparent 24px 34px)}.node-store{--node-tint:222, 159, 97;--planet-base:91, 55, 32;--planet-shadow:39, 22, 15;--planet-texture:repeating-linear-gradient(165deg, transparent 0 9px, #eeb16f61 11px 15px, #4a261652 17px 21px, transparent 24px 31px), radial-gradient(ellipse at 36% 32%, #ffd79780, transparent 28%)}.node-network{--node-tint:177, 199, 119;--planet-base:57, 76, 39;--planet-shadow:20, 31, 20;--planet-texture:repeating-linear-gradient(152deg, transparent 0 8px, #b3cd707a 10px 13px, #2e4524d1 15px 20px, transparent 23px 29px), repeating-linear-gradient(24deg, transparent 0 19px, #c2ca7e33 21px 23px, transparent 26px 35px), radial-gradient(ellipse at 34% 30%, #d0e09b7a, transparent 31%)}.node-plenascreen{--node-tint:100, 179, 255;--planet-base:24, 67, 117;--planet-shadow:9, 24, 57;--planet-texture:repeating-linear-gradient(145deg, transparent 0 13px, #92d6ff57 15px 18px, transparent 21px 30px), radial-gradient(ellipse at 65% 58%, #3a85d3cc 0 17%, transparent 37%), radial-gradient(ellipse at 30% 70%, #a6dfff8c 0 6%, transparent 20%)}.node-about{--node-tint:255, 112, 87;--planet-base:112, 43, 34;--planet-shadow:48, 19, 21;--planet-texture:radial-gradient(ellipse at 63% 38%, #ffad699e 0 9%, transparent 11%), radial-gradient(ellipse at 36% 60%, #5b2220cc 0 15%, transparent 17%), radial-gradient(ellipse at 72% 72%, #eb6847b8 0 13%, transparent 16%), repeating-linear-gradient(145deg, transparent 0 24px, #e0674d33 26px 29px, transparent 32px 39px)}.node-contact{--node-tint:255, 216, 102;--planet-base:139, 99, 30;--planet-shadow:58, 39, 16;--planet-texture:radial-gradient(ellipse at 27% 42%, #ffee9deb 0 8%, transparent 10%), radial-gradient(ellipse at 66% 31%, #5b6c27d1 0 17%, transparent 19%), radial-gradient(ellipse at 57% 69%, #ffb83dc2 0 13%, transparent 15%), radial-gradient(ellipse at 35% 76%, #614d21bf 0 11%, transparent 13%), radial-gradient(ellipse at 72% 78%, #f9df70b3 0 8%, transparent 10%)}.spatial-node:hover,.spatial-node.is-selected{filter:brightness(1.14)saturate(1.12);transform:translate(-50%, -50%) translateZ(calc(var(--node-z) * 22px)) scale(1.16)}.node-core{background:radial-gradient(circle at 30% 20%, #ffffff94 0%, #ffffff24 12%, transparent 31%), radial-gradient(circle at 74% 78%, rgba(var(--node-tint), .3), transparent 48%), linear-gradient(150deg, rgba(var(--node-tint), .38), rgba(var(--planet-base), .92) 42%, rgba(var(--planet-shadow), .98));box-shadow:0 22px 45px #0000006b, 0 0 22px rgba(var(--node-tint), .1), inset -14px -16px 28px #00000075, inset 5px 5px 16px #ffffff24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:12px;overflow:hidden}.node-core:before{border-radius:inherit;background:var(--planet-texture);content:"";opacity:.8;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.node-icon{z-index:1;color:rgba(var(--node-tint), .98);opacity:1;text-shadow:0 1px 2px #000000bf, 0 0 12px rgba(var(--node-tint), .7);font-size:20px;position:relative}.node-copy{z-index:1;flex-direction:column;align-items:center;gap:2px;max-width:88px;display:flex;position:relative}.node-copy strong{letter-spacing:-.025em;color:rgba(var(--node-tint), .98);text-shadow:0 1px 3px #000000e6, 0 0 9px rgba(var(--node-tint), .32);font-size:13px;font-weight:750}.node-copy small{color:#ffffffc7;text-shadow:0 1px 3px #000000f2;font-size:7px;line-height:1.2}.node-orbit-ring{box-shadow:0 0 12px rgba(var(--node-tint), .16);border:1px solid #ffffff2b;border-radius:50%;position:absolute;inset:0;transform:rotate(25deg)scaleX(1.35)}.node-orbit-ring:after{background:rgba(var(--node-tint), .95);width:6px;height:6px;box-shadow:0 0 10px 2px rgba(var(--node-tint), .55);content:"";border-radius:50%;position:absolute;top:50%;left:12%}.spatial-node.is-selected .node-core{border-color:rgba(var(--node-tint), .88);box-shadow:0 0 45px rgba(var(--node-tint), .27), 0 30px 65px #0000006b, inset 0 0 24px rgba(var(--node-tint), .15)}.node-depth{color:#78e7ba;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030f0eb8;border:1px solid #74ecc259;border-radius:999px;padding:3px 6px;font-size:7px;position:absolute;top:4px;right:-4px}.music-control{z-index:22;width:88px;height:88px;position:absolute;transform:translate(-50%,-50%)}.music-planet{cursor:pointer;background:0 0;border-radius:50%;width:100%;height:100%;padding:0;transition:filter .22s;position:absolute;inset:0}.music-planet:hover,.music-control.is-open .music-planet{filter:brightness(1.2)}.music-control.is-dragging{will-change:left, top}.music-orbit-ring{border:1px solid #bed0cf57;border-radius:50%;position:absolute;inset:0;transform:rotate(-25deg)scaleX(1.32);box-shadow:0 0 16px #aed2ce1f}.music-planet-core{color:#e1e9e8;background:radial-gradient(circle at 30% 22%,#ffffff57,#0000 29%),radial-gradient(circle at 72% 76%,#476f705c,#0000 48%),linear-gradient(145deg,#394647,#131b1d 56%,#080d10);border:1px solid #e5f1ef6b;border-radius:50%;place-items:center;display:grid;position:absolute;inset:12px;overflow:hidden;box-shadow:0 18px 36px #0000007a,0 0 24px #add5d11f,inset -10px -12px 20px #00000094,inset 4px 4px 12px #ffffff29}.music-planet-core span{text-shadow:0 0 12px #d9f3ec94;font-size:25px;line-height:1}.music-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071213e0;border:1px solid #cee7df40;border-radius:16px;align-items:center;gap:12px;width:190px;padding:12px;display:flex;position:absolute;top:50%;right:calc(100% + 14px);transform:translateY(-50%);box-shadow:0 16px 40px #00000061}.music-play-toggle{color:#a9f4d5;cursor:pointer;background:#52c79e21;border:1px solid #80e7c27a;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.music-play-toggle:hover{background:#52c79e40}.music-volume{color:#ffffffb8;flex-direction:column;flex:1;gap:7px;min-width:0;font-size:10px;display:flex}.music-volume input{accent-color:#7be7b9;cursor:pointer;width:100%;height:4px}.music-error{color:#ffd2c9;text-shadow:0 1px 4px #000000e6;width:max-content;max-width:190px;font-size:10px;position:absolute;top:calc(100% + 6px);right:0}.spatial-player{z-index:12;cursor:grab;touch-action:none;min-width:0;min-height:0;position:absolute;transform:translate(-50%,-50%)}.spatial-player.is-minimized{visibility:hidden;pointer-events:none}.spatial-player:active{cursor:grabbing}.player-glow{filter:blur(38px);background:#4bdaae29;border-radius:50%;position:absolute;inset:8% 10% -12%}.player-polyhedron{z-index:0;width:128%;height:134%;filter:drop-shadow(0 0 14px rgba(var(--player-tint), .2)) drop-shadow(0 24px 22px #0003);pointer-events:none;position:absolute;inset:-17% -14%;overflow:visible}.player-surface,.browser-surface{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#1b3b3bb8,#051414db);border:1px solid #70e8c76b;border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 35px 75px #0006,0 0 60px #44e0b414,inset 0 0 35px #ffffff0a}.player-surface{box-shadow:0 35px 75px #0000007a,0 0 60px #44e0b41f,inset 0 1px #ffffff61,inset 0 0 35px #ffffff0d}.player-surface:before{z-index:1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff24,#0000 32% 72%,#69e8b712);position:absolute;inset:0}.player-topline{z-index:3;white-space:nowrap;color:#ffffff61;letter-spacing:.16em;align-items:center;gap:7px;font-size:7px;font-weight:750;display:flex;position:absolute;top:16px;left:18px;right:18px}.live-dot{background:#69e8b7;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #69e8b7}.player-content{z-index:2;grid-template-columns:62px 1fr;align-items:center;gap:18px;width:100%;height:100%;padding:38px;display:grid;position:relative}.player-symbol{background:#ffffff0f;border:1px solid #ffffff2b;border-radius:18px;place-items:center;width:62px;height:62px;font-size:24px;display:grid}.player-kicker{color:#ffffff6b;letter-spacing:.16em;margin-bottom:6px;font-size:7px;font-weight:800;display:block}.player-content h2,.player-idle h2{letter-spacing:-.045em;margin:0;font-size:25px}.player-subtitle{color:#72dfb2;margin:4px 0 10px;font-size:9px}.player-description{color:#fff9;max-width:235px;margin:0;font-size:10px;line-height:1.5}.player-action{color:#c8ffea;cursor:pointer;background:#4edbad1a;border:1px solid #66e7b880;border-radius:999px;align-items:center;gap:8px;margin-top:15px;padding:8px 12px;font-size:9px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.player-action:hover{background:#4edbad2e;transform:translateY(-1px)}.player-idle{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.player-play{color:#79e8bb;border:1px solid #69eabca6;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:13px;font-size:15px;display:grid;box-shadow:0 0 30px #48e0ae21}.player-idle p{color:#ffffff6b;margin:7px 0 0;font-size:9px}.player-minimize{color:#d2ffedc7;cursor:pointer;background:#051414a3;border:1px solid #69e8b76b;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;margin-left:auto;padding:0;font-size:15px;line-height:1;display:grid}.player-minimize:hover{color:#fff;border-color:#69e8b7cc}.player-close{color:#ffcdc5b8;cursor:pointer;background:#230e0f8c;border:1px solid #ffa69957;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;margin-left:-2px;padding:0;font-size:13px;line-height:1;display:grid}.player-close:hover{color:#fff;background:#6e282780;border-color:#ffa699c2}.player-resize{z-index:5;cursor:nwse-resize;touch-action:none;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;bottom:4px;right:4px}.player-resize span{border-bottom:2px solid #ccffeb94;border-right:2px solid #ccffeb94;width:11px;height:11px}.player-resize:hover span{border-color:#ccffebf5}.minimized-player{z-index:25;pointer-events:none;width:84px;height:84px;position:absolute;transform:translate(-50%,-50%)}.minimized-polyhedron{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(var(--player-tint), .34)) drop-shadow(0 10px 12px #0000006b);pointer-events:none;animation:5s ease-in-out infinite polyhedron-float;position:absolute;inset:0;overflow:visible}.minimized-player-button{border:1px solid rgba(var(--player-tint), .28);color:#fffffff5;width:44px;height:44px;box-shadow:0 0 18px rgba(var(--player-tint), .2), inset 0 0 12px rgba(var(--player-tint), .1);cursor:grab;touch-action:none;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051314ad;border-radius:50%;place-items:center;padding:0;font-size:18px;display:grid;position:absolute;inset:20px}.minimized-player-button.is-empty{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.minimized-player-button.is-empty:hover,.minimized-player-button.is-empty:focus-visible{border-color:rgba(var(--player-tint), .7);background:#0513143d}.minimized-player-button:active{cursor:grabbing}.minimized-player-button:hover,.minimized-player-button:focus-visible{border-color:rgba(var(--player-tint), .9);box-shadow:0 0 26px rgba(var(--player-tint), .42);outline:none}@keyframes polyhedron-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-3px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.minimized-polyhedron{animation:none}}.browser-surface{flex-direction:column;display:flex}.browser-toolbar{background:#040d0ea6;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;height:42px;padding:0 9px;display:flex}.browser-controls{align-items:center;gap:7px;min-width:0;display:flex}.browser-window-actions{align-items:center;gap:7px;display:flex}.browser-controls button,.browser-external{color:#ffffffb8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:8px;place-items:center;width:25px;height:25px;text-decoration:none;display:grid}.browser-address{color:#ffffff6b;text-overflow:ellipsis;white-space:nowrap;width:230px;max-width:35vw;font-size:8px;overflow:hidden}.browser-frame{background:#080e0d;border:0;width:100%;height:calc(100% - 42px)}.contact-page{background:#080808;min-height:100vh}.contact-page a{color:inherit;text-decoration:none}.contact-page .contact-card:hover{transform:translateY(-2px)}@keyframes contact-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.contact-page .fade{animation:.5s both contact-fade-up}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#04100fa3;border:1px solid #ffffff1f;border-radius:20px;gap:4px;padding:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 20px 55px #00000052}.bottom-nav button{color:#fff6;cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:72px;height:55px;display:flex}.bottom-nav button:hover,.bottom-nav button.active{color:#79e8bb;background:#60e2b514}.bottom-nav button span{font-size:13px}.bottom-nav button small{font-size:7px;font-weight:700}.interaction-hint{z-index:20;color:#ffffff6b;letter-spacing:.03em;font-size:8px;position:absolute;bottom:23px;left:4.5%}.interaction-hint span{color:#6be3b3;margin-right:5px}.world-footer{z-index:20;color:#ffffff40;letter-spacing:.1em;gap:12px;font-size:7px;display:flex;position:absolute;bottom:24px;right:4.5%}@media (width<=900px){.world-intro{top:15%;left:5%}.world-intro h1{font-size:clamp(45px,9vw,70px)}.bottom-nav button{width:58px}}@media (width<=680px){.spatial-world{min-height:560px}.world-header{top:16px;left:16px;right:16px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.space-status{padding:7px 9px;font-size:8px}.world-intro{top:13%}.world-intro h1{font-size:48px}.world-intro p{font-size:10px}.spatial-node{width:88px;height:88px}.music-control{width:72px;height:72px}.music-planet-core{inset:9px}.music-panel{width:174px}.node-core{inset:8px}.node-copy small{display:none}.player-content{grid-template-columns:1fr;gap:10px;padding:25px}.player-symbol{border-radius:12px;width:42px;height:42px;font-size:16px}.player-content h2,.player-idle h2{font-size:20px}.bottom-nav{bottom:9px}.bottom-nav button{width:49px;height:49px}.bottom-nav button small{font-size:6px}.interaction-hint,.world-footer{display:none}}
