*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#080a0c}canvas{touch-action:none}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;height:100%;padding:24px;overflow:auto}.home__cycle{flex-shrink:0;padding:10px 20px;border:1px solid rgba(130,160,190,.35);border-radius:4px;background:#18202af2;color:#becddaeb;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,background .15s ease}.home__cycle:hover,.home__cycle:focus-visible{border-color:#a0bedc8c;background:#202a36fa;outline:none}.visual-cycle{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#050608;--visual-crossfade-duration: 3.2s}.visual-cycle__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:0;pointer-events:none}.visual-cycle__layer--shown{opacity:1;z-index:2}.visual-cycle__layer--outgoing{opacity:1;z-index:1;animation:visual-cycle-fade-out var(--visual-crossfade-duration) linear forwards}.visual-cycle__layer--incoming{opacity:0;z-index:2;animation:visual-cycle-fade-in var(--visual-crossfade-duration) linear forwards}@keyframes visual-cycle-fade-out{0%{opacity:1}to{opacity:0}}@keyframes visual-cycle-fade-in{0%{opacity:0}to{opacity:1}}.home__list{display:flex;flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none}.home__tile{display:flex;flex-direction:column;width:140px;height:140px;padding:0;border:1px solid rgba(130,145,155,.25);border-radius:4px;background:#141a20e6;color:#afbcc6d9;text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease}.home__tile:hover,.home__tile:focus-visible{border-color:#a0afb973;background:#1c222af2;outline:none}.home__tile-mark{display:block;flex:1;min-height:0;width:100%;background:radial-gradient(circle at 50% 50%,rgba(120,140,155,.2) 0%,transparent 65%)}.home__tile-mark[data-index="0"]{background-image:radial-gradient(circle at 30% 40%,rgba(130,150,165,.35) 0 2px,transparent 3px),radial-gradient(circle at 70% 55%,rgba(130,150,165,.35) 0 2px,transparent 3px),linear-gradient(#64737d33 0,#64737d33 0) 30% 40% / 40% 20% no-repeat;background-size:100% 100%}.home__tile-mark[data-index="1"]{background-color:#05070a;background-image:radial-gradient(circle at 28% 38%,rgba(90,85,80,.45) 0 4px,transparent 10px),radial-gradient(circle at 62% 52%,rgba(55,65,75,.4) 0 3px,transparent 9px),radial-gradient(circle at 48% 72%,rgba(70,45,38,.35) 0 3px,transparent 9px);background-size:100% 100%}.home__tile-mark[data-index="2"]{background-color:#06080b;background-image:linear-gradient(118deg,transparent 42%,rgba(90,120,135,.35) 48%,rgba(110,140,155,.2) 52%,transparent 58%),linear-gradient(32deg,transparent 38%,rgba(70,95,110,.28) 46%,transparent 54%),linear-gradient(-18deg,transparent 44%,rgba(85,110,125,.22) 50%,transparent 56%);background-size:100% 100%}.home__tile-mark[data-index="3"]{background-color:#06080b;background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 6px,rgba(85,105,120,.2) 7px 8px,transparent 9px 18px);background-size:100% 100%}.home__tile-mark[data-index="4"]{background-color:#05080b;background-image:linear-gradient(180deg,#0c1016f2,#1c26328c 22%,#121a22b3 38%,#202c3a80,#0e141cd9 72%,#080a0ef2);background-size:100% 100%}.home__tile-mark[data-index="5"]{background-color:#030408;background-image:linear-gradient(118deg,transparent 44%,rgba(90,175,255,.75) 49.5%,rgba(220,245,255,.95) 50%,rgba(70,200,120,.65) 50.5%,transparent 56%),radial-gradient(circle at 50% 55%,rgba(100,170,255,.25) 0 18px,transparent 55%);background-size:100% 100%}.home__tile-label{display:block;padding:10px 8px;border-top:1px solid rgba(130,145,155,.15);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:500;letter-spacing:.06em;text-align:center;text-transform:uppercase}.not-found{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.not-found__back{display:block;width:48px;height:48px;border:1px solid rgba(130,145,155,.3);border-radius:50%;background:transparent;text-decoration:none;cursor:pointer}.not-found__back:after{content:"";display:block;width:12px;height:12px;margin:0 auto;border-left:2px solid rgba(160,175,185,.6);border-bottom:2px solid rgba(160,175,185,.6);transform:rotate(45deg) translate(2px,-2px)}