:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#03050c;color:#f7fbff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03050c}button{font:inherit;color:inherit}.game{position:relative;width:100%;height:100svh;min-height:420px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,#102138 0,#050814 48%,#02040b 100%)}.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity 1.8s ease,filter 1.8s ease,transform 8s ease}.world--sleeping{opacity:1;filter:saturate(.42) brightness(.52) contrast(1.08);transform:scale(1.03)}.world--awake{opacity:0;filter:saturate(.8) brightness(.7);transform:scale(1.05)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,12,.86) 0,transparent 28%,transparent 68%,rgba(2,5,12,.78) 100%),linear-gradient(180deg,rgba(2,5,12,.7),transparent 28%,transparent 67%,rgba(2,5,12,.82));pointer-events:none}.aurora{position:absolute;inset:12% 18% 10%;opacity:.12;filter:blur(55px);background:radial-gradient(ellipse at center,rgba(74,231,255,.7),transparent 62%);transition:opacity 1.4s ease}.topbar{position:absolute;z-index:8;top:max(12px,env(safe-area-inset-top));left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;opacity:.58;transition:opacity .8s ease}.brand{display:flex;align-items:center;gap:10px;text-shadow:0 2px 12px #000}.brand__mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(120,228,255,.34);border-radius:50%;color:#8deaff;background:rgba(5,18,30,.72);font-weight:800}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-size:14px;letter-spacing:.14em}.brand small,.resources small{font-size:8px;letter-spacing:.16em;color:#a9bfd0}.resources{display:flex;gap:8px}.resources>span{display:grid;grid-template-columns:16px auto;grid-template-rows:auto auto;column-gap:5px;min-width:84px;padding:7px 9px;border:1px solid rgba(121,215,239,.14);border-radius:11px;background:rgba(3,8,16,.5);backdrop-filter:blur(10px)}.resources i{grid-row:1/3;align-self:center;width:10px;height:10px;border-radius:50%}.energy-icon{background:#56ddf4;box-shadow:0 0 12px #56ddf4}.stability-icon{border:2px solid #82a9bb}.resources b{font-size:13px;line-height:1}.objective{position:absolute;z-index:8;top:26%;left:20px;width:min(235px,30vw);padding:13px 14px;border-left:2px solid rgba(88,225,248,.74);background:linear-gradient(90deg,rgba(3,10,20,.78),rgba(3,10,20,.28));text-shadow:0 2px 9px #000;transition:opacity .6s ease,transform .6s ease}.objective small{display:block;margin-bottom:2px;color:#72dff2;font-size:8px;letter-spacing:.18em}.objective strong{font-size:15px;line-height:1.15}.objective__progress{height:2px;margin-top:9px;background:rgba(255,255,255,.12)}.objective__progress i{display:block;width:0;height:100%;background:#5de9ff;box-shadow:0 0 10px #56def5;transition:width .6s ease}.objective>span{display:block;margin-top:4px;color:#9fb4c2;font-size:9px}.world-ui{position:absolute;inset:0;z-index:4}.echo-seed,.mote,.resident,.hotspot,.building,.portal{position:absolute;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.echo-seed{left:51%;top:48%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%}.echo-seed__core{position:absolute;inset:34px;border-radius:50%;background:#7af3ff;box-shadow:0 0 16px 7px rgba(85,232,255,.62)}.echo-seed__ring{position:absolute;inset:21px;border:1px solid rgba(116,239,255,.65);border-radius:50%;animation:seed-breathe 2.8s ease-in-out infinite}.echo-seed b{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:#7be5f2;opacity:.7}.focus-target:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(116,239,255,.28);animation:focus-pulse 2.3s ease-out infinite}.motes{display:none}.mote{width:54px;height:54px;border-radius:50%}.mote i{position:absolute;inset:20px;border-radius:50%;background:#70efff;box-shadow:0 0 12px 5px rgba(84,224,245,.58)}.mote:after{content:"";position:absolute;inset:11px;border:1px solid rgba(108,235,251,.46);border-radius:50%;animation:focus-pulse 2.4s ease-out infinite}.mote--one{left:38%;top:36%}.mote--two{left:57%;top:31%}.mote--three{left:64%;top:59%}.mote.collected{pointer-events:none;animation:collect .58s ease-in forwards}.resident{display:none;left:50%;top:52%;width:92px;height:116px;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 20px rgba(0,0,0,.7))}.resident__head{position:absolute;left:28px;top:20px;width:38px;height:35px;border-radius:46% 46% 52% 52%;background:linear-gradient(145deg,#f4d575,#9d6423)}.resident__ears:before,.resident__ears:after{content:"";position:absolute;top:12px;width:25px;height:38px;border-radius:80% 20% 70% 30%;background:#c88b3d}.resident__ears:before{left:16px;transform:rotate(-28deg)}.resident__ears:after{right:16px;transform:scaleX(-1) rotate(-28deg)}.resident__body{position:absolute;left:25px;top:52px;width:44px;height:43px;border-radius:45% 45% 34% 34%;background:linear-gradient(#a96e2b,#51371f)}.resident i{position:absolute;left:41px;top:61px;width:12px;height:15px;border-radius:50%;background:#f8d65a;box-shadow:0 0 12px #ffcf3d}.resident b,.resident small,.hotspot b,.hotspot small,.building b,.building small,.portal b,.portal small{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;text-shadow:0 2px 8px #000}.resident b{top:98px;font-size:11px}.resident small{top:113px;color:#dcb768;font-size:7px;letter-spacing:.15em}.hotspot--plot{display:none;left:58%;top:56%;width:126px;height:96px;transform:translate(-50%,-50%);border-radius:50%}.plot-rune{display:grid;place-items:center;width:66px;height:42px;margin:auto;border:1px solid rgba(104,239,255,.48);border-radius:50%;color:#86f2ff;font-size:27px;background:radial-gradient(ellipse,rgba(62,211,238,.26),transparent 70%);box-shadow:0 0 24px rgba(70,220,247,.18)}.hotspot b{top:55px;font-size:11px}.hotspot small{top:70px;color:#73dbe9;font-size:7px;letter-spacing:.16em}.building--nest{display:none;left:58%;top:53%;width:132px;height:122px;transform:translate(-50%,-50%)}.nest-shape{position:absolute;left:31px;top:19px;width:70px;height:58px;border-radius:50% 50% 42% 42%;background:linear-gradient(145deg,#7eae72,#2f5a4e 45%,#152e31);border:1px solid rgba(137,234,205,.45);box-shadow:0 14px 22px rgba(0,0,0,.44),inset 0 0 20px rgba(122,232,195,.16)}.nest-shape:before,.nest-shape:after{content:"";position:absolute;top:-13px;width:15px;height:34px;border-radius:80% 20%;background:#6a9a68}.nest-shape:before{left:13px;transform:rotate(-32deg)}.nest-shape:after{right:13px;transform:scaleX(-1) rotate(-28deg)}.nest-shape i{position:absolute;left:26px;bottom:0;width:20px;height:29px;border-radius:50% 50% 15% 15%;background:#07141b;box-shadow:0 0 12px rgba(94,233,255,.55)}.building b{top:83px;font-size:11px}.building small{top:99px;color:#78d9c7;font-size:7px;letter-spacing:.16em}.building--storage{display:block;left:73%;top:61%;width:105px;height:92px;transform:translate(-50%,-50%);opacity:.24;filter:saturate(.3)}.storage-shape{position:absolute;left:28px;top:5px;width:50px;height:52px;border:1px solid #7d9da5;border-radius:15px 15px 22px 22px;background:rgba(15,34,39,.78)}.storage-shape i{position:absolute;inset:15px 12px;border-radius:7px;background:#314d53}.building--storage b{top:60px;font-size:9px}.building--storage small{top:74px;font-size:6px;color:#8da1a7}.portal{left:84%;top:37%;width:112px;height:124px;transform:translate(-50%,-50%);opacity:.18;filter:saturate(.2)}.portal span{position:absolute;left:23px;top:5px;width:66px;height:88px;border:4px solid #5c547c;border-radius:50%;box-shadow:inset 0 0 22px #352c53}.portal b{top:96px;font-size:10px}.portal small{top:111px;font-size:6px;color:#8d84ad}.vela{position:absolute;z-index:9;left:22px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;width:min(420px,55vw);padding:10px 14px 10px 10px;border:1px solid rgba(94,222,244,.18);border-radius:44px;background:linear-gradient(90deg,rgba(3,13,24,.82),rgba(3,10,18,.44));backdrop-filter:blur(12px);transition:opacity .45s ease,transform .45s ease}.vela__orb{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid rgba(130,238,255,.3);border-radius:50%;background:radial-gradient(circle,#b9f8ff 0 10%,#36a6be 12% 22%,rgba(12,49,72,.9) 25% 58%,transparent 61%);box-shadow:0 0 18px rgba(61,216,243,.25)}.vela__orb i{width:12px;height:12px;border:1px solid #d5fbff;border-radius:50%}.vela small{display:block;color:#60d9ee;font-size:7px;letter-spacing:.2em}.vela p{margin:2px 0 0;color:#e8f7fa;font-size:12px;line-height:1.25}.choice{position:absolute;z-index:12;left:50%;bottom:20px;width:min(390px,72vw);padding:18px 20px;transform:translate(-50%,calc(100% + 40px));border:1px solid rgba(232,195,94,.28);border-radius:18px;background:linear-gradient(145deg,rgba(18,22,30,.96),rgba(7,14,22,.95));box-shadow:0 24px 70px #000;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.choice.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}.choice small{color:#e2bd59;font-size:8px;letter-spacing:.18em}.choice strong{display:block;margin-top:4px;font-size:18px}.choice p{margin:7px 0 14px;color:#aebdc5;font-size:12px;line-height:1.4}.choice button{width:100%;padding:10px 14px;border:1px solid rgba(255,220,106,.45);border-radius:11px;background:linear-gradient(90deg,#9b6722,#d5a640);font-weight:750;cursor:pointer}.flash{position:absolute;z-index:20;inset:0;pointer-events:none;background:#bdf8ff;opacity:0}.restart{position:absolute;z-index:10;right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(3,8,15,.45);color:#89a2ad;opacity:.45;cursor:pointer}.game[data-stage="awake"] .world--sleeping,.game[data-stage="collect"] .world--sleeping,.game[data-stage="kiro"] .world--sleeping,.game[data-stage="plot"] .world--sleeping,.game[data-stage="built"] .world--sleeping,.game[data-stage="complete"] .world--sleeping{opacity:.1;filter:saturate(.4) brightness(.5)}.game[data-stage="awake"] .world--awake,.game[data-stage="collect"] .world--awake,.game[data-stage="kiro"] .world--awake,.game[data-stage="plot"] .world--awake,.game[data-stage="built"] .world--awake,.game[data-stage="complete"] .world--awake{opacity:.92;filter:saturate(.9) brightness(.78);transform:scale(1.02)}.game[data-stage="awake"] .aurora,.game[data-stage="collect"] .aurora,.game[data-stage="kiro"] .aurora,.game[data-stage="plot"] .aurora,.game[data-stage="built"] .aurora,.game[data-stage="complete"] .aurora{opacity:.34}.game:not([data-stage="sleeping"]) .topbar{opacity:1}.game:not([data-stage="sleeping"]):not([data-stage="awake"]) .echo-seed{display:none}.game[data-stage="collect"] .motes{display:block}.game[data-stage="kiro"] .resident--kiro{display:block}.game[data-stage="plot"] .hotspot--plot{display:block}.game[data-stage="built"] .building--nest,.game[data-stage="complete"] .building--nest{display:block}.game[data-stage="complete"] .building--storage{opacity:.82;filter:none;transition:opacity 1s ease,filter 1s ease}.game[data-stage="complete"] .storage-shape i{background:#56e7f6;box-shadow:0 0 18px #56e7f6}.game[data-stage="complete"] .portal{opacity:.42;filter:saturate(.58);transition:opacity 1.5s ease,filter 1.5s ease}.game[data-stage="complete"] .portal span{border-color:#7665ad;animation:portal-tease 4s ease-in-out infinite}.game[data-stage="complete"] .objective{opacity:0;transform:translateX(-12px);pointer-events:none}.game[data-stage="complete"] .vela{width:min(470px,61vw)}.is-awakening .flash{animation:world-flash .85s ease-out}.is-building .building--nest{display:block;animation:build-in 1.2s cubic-bezier(.18,.8,.2,1)}.is-building .hotspot--plot{display:none}@keyframes seed-breathe{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.12);opacity:1}}@keyframes focus-pulse{0%{transform:scale(.65);opacity:.8}80%,100%{transform:scale(1.35);opacity:0}}@keyframes collect{to{transform:translate(-45vw,-45vh) scale(.1);opacity:0}}@keyframes world-flash{0%{opacity:0}25%{opacity:.82}100%{opacity:0}}@keyframes build-in{0%{opacity:0;transform:translate(-50%,-34%) scale(.55);filter:brightness(2.2)}65%{filter:brightness(1.35)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}}@keyframes portal-tease{0%,75%,100%{box-shadow:inset 0 0 22px #352c53,0 0 0 transparent}85%{box-shadow:inset 0 0 28px #5c47a4,0 0 22px rgba(122,92,219,.32)}}@media (orientation:portrait){.game:before{content:"Drehe dein Gerät für die breite Heimatwelt";position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:#030713;color:#d8f7fb;font-weight:700}.game>*{visibility:hidden}}@media (max-height:520px){.topbar{top:8px}.objective{top:23%}.vela{bottom:8px}.choice{bottom:8px;padding:12px 15px}.choice p{margin:4px 0 9px}.resources>span{padding:5px 7px}.restart{bottom:8px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}