:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space:#050b2d;--space-2:#0a1749;--panel:#102761;--ink:#f8fbff;--muted:#b9c9ed;--line:#91beff3d;--cyan:#40dcf4;--violet:#8c61f6;--lemon:#ffe052;--coral:#ff7895;--mint:#5ce4c0;--shadow:0 24px 70px #0003186b}.header-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.auth-controls{text-align:right;min-width:0;position:relative}.auth-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.kakao-login,.auth-signout{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;min-height:40px;padding:9px 15px;font-size:.85rem;font-weight:800}.kakao-login{color:#191919;background:#fee500}.auth-signout{border-color:var(--line);color:var(--ink);background:#102761}.kakao-login:hover:not(:disabled){background:#ffef66}.auth-signout:hover:not(:disabled){border-color:var(--cyan)}.kakao-login:disabled,.auth-signout:disabled{cursor:default;opacity:.65}.auth-user{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.88rem;overflow:hidden}.auth-notice{color:var(--muted);margin-top:5px;font-size:.7rem;display:block}.auth-message{border:1px solid var(--line);width:min(330px,100vw - 40px);box-shadow:var(--shadow);text-align:left;background:#102761;border-radius:12px;align-items:start;gap:12px;padding:14px;font-size:.85rem;line-height:1.6;display:flex;position:absolute;top:calc(100% + 12px);right:0}.auth-message button{color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;font-size:1.2rem}.auth-message span{flex:1}@media (max-width:680px){.site-header:has(.auth-controls){margin-bottom:0}}@media (max-width:640px){.topbar:has(.auth-controls){flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.topbar:has(.auth-controls) .site-logo{width:130px}.header-actions{flex-wrap:wrap;gap:12px}.auth-user{max-width:100px}.header-actions .header-play{padding:0 10px}.kakao-login,.auth-signout{padding:9px 11px}}@media (max-width:430px){.topbar:has(.auth-controls){justify-content:center}.header-actions{justify-content:space-between;width:100%}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--space)}body{min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;background:radial-gradient(circle at 15% 5%,#564fe73d,#0000 28rem),radial-gradient(circle at 85% 18%,#10ace329,#0000 26rem),linear-gradient(#070f3b,#050b2d 48%,#08143e);margin:0;font-family:Pretendard,SUIT,Wanted Sans,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}.shell{width:min(1220px,100% - 40px);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);box-shadow:none;background:0 0;border:0;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand-mark{display:inline-flex}.site-logo{filter:brightness(0)invert();width:178px;display:block}.main-nav{gap:28px;display:flex}.main-nav a{color:#dbe7ff;text-shadow:0 1px 10px #00041f6b;font-size:.9rem;font-weight:800;text-decoration:none}.main-nav a:hover{color:var(--lemon)}.header-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#437ed34d,#173c8538);border:1px solid #85dfff7a;border-radius:999px;align-items:center;min-height:40px;padding:0 16px;font-size:.86rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 8px 24px #00031f1f}.hero-band{background:0 0;border:0;position:relative;overflow:hidden}.hero-backdrop{object-fit:cover;object-position:center;opacity:.92;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 80%,#000000b8 88%,#0000003d 96%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#000000b8 88%,#0000003d 96%,#0000 100%)}.hero-band:after{content:"";pointer-events:none;background:linear-gradient(90deg,#03082538 0%,#0308250f 43%,#0000 67%);position:absolute;inset:0}.hero-stars{opacity:.24;background-image:radial-gradient(circle,#fff 1px,#0000 1.5px);background-size:109px 109px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero{z-index:2;align-items:center;min-height:594px;padding:58px 0 78px;display:flex;position:relative}.hero-copy{z-index:2;width:min(50%,590px);padding:28px 30px 30px 0;position:relative}.eyebrow{color:var(--cyan);margin:0 0 12px;font-size:.82rem;font-weight:900}.eyebrow span{color:var(--lemon)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(3rem,5.4vw,5rem);font-weight:950;line-height:.98}h1 em{color:var(--lemon);text-shadow:0 0 26px #ffe05247;font-style:normal}.intro{color:#c4d1ee;max-width:570px;margin-bottom:0;font-size:1.07rem;font-weight:650;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-actions a{border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-size:.96rem;font-weight:950;text-decoration:none;display:inline-flex}.primary-cta{color:#172046;background:linear-gradient(#ffeb72,#ffc936);border:1px solid #fff2a4;box-shadow:inset 0 2px #ffffffb3,0 8px #b77b15,0 16px 32px #ffcd362e}.secondary-cta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102f70c7;border:1px solid #79daff70;box-shadow:inset 0 1px #ffffff2e}.hero-note{color:#aebee1;align-items:center;gap:8px;margin-top:23px;font-size:.8rem;font-weight:750;display:flex}.hero-note span{color:var(--mint);font-size:.55rem}.recent-section,.library{padding-top:58px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.12}.result-line{color:var(--muted);margin:0;font-size:.9rem;font-weight:800}.result-line strong{color:var(--lemon);font-size:1.25rem}.recent-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.recent-list a{border:1px solid var(--line);background:linear-gradient(145deg,#1f4191c7,#0f235be6);border-radius:18px;gap:5px;padding:18px;text-decoration:none;display:grid}.recent-list a:hover{border-color:var(--cyan);transform:translateY(-2px)}.recent-list span{color:var(--cyan);font-size:.7rem;font-weight:900}.recent-list small{color:var(--muted)}.library{padding-bottom:74px}.toolbar{border:1px solid var(--line);background:#0a1c4ec7;border-radius:18px;grid-template-columns:minmax(280px,1fr) minmax(150px,210px) minmax(150px,210px);gap:10px;margin-bottom:22px;padding:12px;display:grid}label{min-width:0}input,select{color:#fff;background:#091a50;border:1px solid #85b3ff4d;border-radius:12px;width:100%;min-height:48px;padding:0 14px;font-weight:750}input::placeholder{color:#8fa5d1}select{cursor:pointer}input:focus,select:focus,a:focus-visible,button:focus-visible{outline:3px solid var(--lemon);outline-offset:3px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:18px;display:grid}.game-card{background:linear-gradient(#10265e,#0b1a49);border:1px solid #77adff42;border-radius:22px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 18px 48px #00031847,inset 0 1px #ffffff1f}.game-card:hover{border-color:#4de2ffa6;transform:translateY(-5px);box-shadow:0 24px 55px #00031861,0 0 30px #35c5f11f}.card-main-link{height:100%;text-decoration:none;display:block}.card-cover{background:radial-gradient(circle at 72% 24%,var(--cover-accent) 0 3px,transparent 4px),radial-gradient(circle at 24% 32%,#fff 0 1px,transparent 2px),linear-gradient(145deg,var(--cover-from),var(--cover-to));height:152px;position:relative;overflow:hidden}.card-cover:before{content:"";border:3px solid #96f6ff7a;border-radius:50%;width:230px;height:90px;position:absolute;bottom:-48px;left:-34px;transform:rotate(-10deg);box-shadow:0 0 18px #51e2ff66}.card-cover:after{content:"";background:linear-gradient(130deg,#ffffff2e,#0000 20% 75%,#02082c33);position:absolute;inset:0}.mini-planet{background:linear-gradient(160deg,#ffffff6b,#ffffff14);border:3px solid #ffffff80;border-radius:50%;place-items:center;width:86px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%);box-shadow:inset 0 5px #ffffff29,0 12px 28px #03082a40}.mini-planet span{text-shadow:0 2px #00000047;font-size:1.15rem;font-weight:950}.pixel-tail{align-items:end;gap:5px;display:flex;position:absolute;bottom:22px;right:24px;transform:rotate(-12deg)}.pixel-tail i{background:var(--cover-accent);width:13px;height:13px;display:block;box-shadow:inset 2px 2px #ffffff80}.pixel-tail i:nth-child(2){width:9px;height:9px}.pixel-tail i:nth-child(3){width:6px;height:6px}.card-cover b{z-index:2;color:var(--lemon);background:#091344bd;border:1px solid #ffffff8c;border-radius:999px;padding:6px 9px;font-size:.7rem;position:absolute;top:12px;left:12px}.card-body{grid-template-rows:auto auto auto 1fr auto;gap:10px;min-height:260px;padding:17px;display:grid}.card-top{justify-content:space-between;gap:10px;display:flex}.category,.play-time{font-size:.72rem;font-weight:850}.category{color:var(--cyan)}.play-time{color:#93a9d3}.game-card h3{margin:0;font-size:1.16rem}.description{min-height:3em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.chips{flex-wrap:wrap;align-content:start;gap:6px;display:flex}.chip{color:#b9c9ed;background:#5269b02e;border:1px solid #84adff33;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.play-link{border-top:1px solid var(--line);justify-content:space-between;padding-top:11px;font-size:.86rem;font-weight:900;display:flex}.play-link span{color:var(--lemon);font-size:1.2rem}.favorite-button{z-index:5;color:#fff;cursor:pointer;background:#050d3ab8;border:1px solid #ffffff85;border-radius:12px;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid;position:absolute;top:11px;right:11px}.favorite-button[aria-pressed=true]{color:var(--lemon);background:#4d3590d9}.empty{text-align:center;background:#0d1f549e;border:1px dashed #7eb2ff66;border-radius:22px;grid-column:1/-1;justify-items:center;gap:10px;padding:54px 20px;display:grid}.empty h3,.empty p{margin:0}.empty p{color:var(--muted)}.empty button{background:var(--lemon);color:#14204c;border:0;border-radius:12px;min-height:42px;margin-top:8px;padding:0 16px;font-weight:900}.site-footer{border-top:1px solid var(--line);background:#03081f9e}.site-footer .shell{align-items:center;gap:18px;min-height:120px;display:flex}.site-footer img{filter:brightness(0)invert();opacity:.8;width:135px}.site-footer p{color:var(--muted);margin:0;font-size:.82rem}.site-footer a{color:var(--cyan);margin-left:auto;font-size:.8rem;font-weight:850;text-decoration:none}.design-page{min-height:100vh}.design-hero{border-bottom:1px solid var(--line);padding:70px 0 48px}.design-hero-inner{padding:0}.design-gallery-section{padding:40px 0 70px}.design-gallery-header{justify-content:space-between;align-items:end;display:flex}.design-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.design-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;margin:0;overflow:hidden}.design-image-link{background:#fff;place-items:center;min-height:260px;padding:14px;display:grid}.design-image-link img{object-fit:contain;width:100%;max-height:500px}.design-card figcaption{gap:4px;padding:14px;display:grid}.design-card span{color:var(--muted);font-size:.75rem}@media (max-width:980px){.main-nav{display:none}.hero{min-height:564px}.hero-copy{width:56%;max-width:560px}.hero-backdrop{object-position:58% center}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.shell{width:min(100% - 24px,1220px)}.topbar{min-height:64px}.site-logo{width:145px}.header-play{min-height:38px;padding:0 12px}.hero{align-items:flex-start;min-height:704px;padding:36px 0 68px}.hero-copy{width:100%;padding:0 0 340px}.hero-copy h1{font-size:2.85rem}.hero-backdrop{object-position:69% center;-webkit-mask-image:linear-gradient(#000 0% 80%,#000000ad 90%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#000000ad 90%,#0000 100%)}.hero-band:after{background:linear-gradient(#03082514,#0000 62%)}.recent-list,.game-grid{grid-template-columns:1fr}.section-heading{gap:10px;display:grid}.toolbar{grid-template-columns:1fr}.library,.recent-section{padding-top:44px}.card-cover{height:140px}.site-footer .shell{flex-wrap:wrap;padding:28px 0}.site-footer a{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{margin-bottom:-72px}@media (max-width:680px){.site-header{margin-bottom:-64px}}.hero{min-height:654px}@media (max-width:980px){.hero{min-height:624px}}@media (max-width:680px){.hero{min-height:764px}}.site-logo,.site-footer img{filter:none}.hero-copy h1{letter-spacing:-.05em;font-size:clamp(2.7rem,4.5vw,4.25rem);font-weight:850;line-height:1.2}@media (max-width:680px){.hero-copy h1{font-size:2.55rem;line-height:1.18}}.hero-actions a,.header-play{isolation:isolate;color:#fff;text-shadow:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 5px);border:1px solid #ffffffe6;border-radius:0;position:relative;overflow:visible}.hero-actions a:before,.header-play:before{content:"";pointer-events:none;background:#fff;width:18px;height:1px;position:absolute;top:-1px;right:-1px;box-shadow:-4px 4px #ffffff2e}.hero-actions a:after,.header-play:after{content:"";pointer-events:none;background:#fff;width:4px;height:4px;position:absolute;bottom:7px;right:-5px;box-shadow:6px 4px #ffffff94,11px 8px #ffffff3d}.hero-actions a:hover,.header-play:hover{color:#07123d;text-shadow:none;background:#fff}.primary-cta,.secondary-cta,.header-play{box-shadow:none;background-color:#0000;background-image:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 5px);border-color:#ffffffe6}.planet-field{isolation:isolate;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 18px;padding:66px 12px 104px;display:grid;position:relative}.planet-field:before{content:"";z-index:-1;opacity:.42;pointer-events:none;background-image:radial-gradient(circle at 9% 18%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 82% 13%,#69e2ffe6 0 1px,#0000 1.7px),radial-gradient(circle at 31% 72%,#ffffffc2 0 1px,#0000 1.6px),radial-gradient(circle at 68% 88%,#906fffbf 0 1px,#0000 1.8px);background-size:157px 149px,211px 197px,181px 173px,263px 241px;position:absolute;inset:0}.planet-card{z-index:1;isolation:isolate;min-width:0;min-height:350px;transition:z-index 0s .22s;position:relative}.planet-card:hover,.planet-card:focus-within,.planet-card.is-expanded{z-index:12;transition-delay:0s}.planet-link{height:100%;color:inherit;text-align:center;align-content:start;justify-items:center;text-decoration:none;display:grid;position:relative}.planet-stage{width:100%;height:205px;animation:5.6s ease-in-out infinite planet-drift;animation-delay:var(--float-delay);place-items:center;display:grid}.planet-shell{width:176px;height:176px;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:relative}.game-planet{background-color:var(--planet-from);background-position:50%;background-size:cover;border:2px solid #d6faffe0;border-radius:50%;transition:border-color .25s,box-shadow .25s;position:absolute;inset:8px;overflow:hidden;box-shadow:inset 12px 10px 24px #ffffff29,inset -18px -20px 30px #010727a3,0 0 0 5px #3ebbff17,0 16px 34px #00041f6b}.game-planet:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff24,#0000 31% 62%,#01051f73);position:absolute;inset:0}.planet-shine{filter:blur(.2px);border-top:3px solid #ffffff94;border-radius:50%;width:42px;height:17px;position:absolute;top:20px;left:25px;transform:rotate(-28deg)}.planet-orbit{z-index:-1;border:1px solid #71e5ff7a;border-radius:50%;width:210px;height:52px;transition:transform .35s,border-color .25s;position:absolute;top:69px;left:-17px;transform:rotate(-12deg);box-shadow:0 0 10px #40dcf421}.planet-orbit:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:17px;box-shadow:0 0 9px #6eeeff}.planet-pixels{z-index:3;align-items:end;gap:4px;display:flex;position:absolute;bottom:35px;right:-4px;transform:rotate(-9deg)}.planet-pixels i{background:var(--planet-accent);width:9px;height:9px;display:block;box-shadow:inset 1px 1px #ffffffa6}.planet-pixels i:nth-child(2){opacity:.66;width:6px;height:6px}.planet-pixels i:nth-child(3){opacity:.32;width:4px;height:4px}.planet-badge{z-index:4;color:#fff;background:#07143f;border:1px solid #fff;padding:5px 8px;font-size:.66rem;font-weight:900;position:absolute;top:22px;left:-4px}.planet-name{gap:5px;max-width:230px;transition:opacity .2s,transform .25s;display:grid}.planet-name span{color:var(--cyan);font-size:.7rem;font-weight:900}.planet-name h3{margin:0;font-size:1.05rem}.planet-info{z-index:8;opacity:0;pointer-events:none;text-align:left;background:#050e34f0;border:1px solid #ffffffd6;width:min(280px,100vw - 32px);padding:16px;transition:opacity .2s,transform .28s;position:absolute;top:238px;left:50%;transform:translate(-50%,10px);box-shadow:10px 10px #03082694}.planet-info:before{content:"";background:#07143f;border-top:1px solid #fff;border-left:1px solid #fff;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.planet-info p{color:#c5d3ef;margin:0 0 12px;font-size:.78rem;line-height:1.55}.planet-info .chips{margin-bottom:13px}.planet-info strong{color:#fff;justify-content:space-between;font-size:.78rem;display:flex}.planet-info strong span{color:var(--cyan)}.planet-card:hover .planet-shell,.planet-card:focus-within .planet-shell,.planet-card.is-expanded .planet-shell{transform:translateY(-18px)scale(1.14)}.planet-card:hover .game-planet,.planet-card:focus-within .game-planet,.planet-card.is-expanded .game-planet{border-color:#fff;box-shadow:inset 12px 10px 24px #ffffff2e,inset -18px -20px 30px #01072794,0 0 0 5px #51deff24,0 0 28px #40dcf43d,0 22px 40px #00041f7a}.planet-card:hover .planet-orbit,.planet-card:focus-within .planet-orbit,.planet-card.is-expanded .planet-orbit{border-color:#ffffffd1;transform:rotate(7deg)scale(1.06)}.planet-card:hover .planet-name,.planet-card:focus-within .planet-name,.planet-card.is-expanded .planet-name{opacity:.28;transform:translateY(8px)}.planet-card:hover .planet-info,.planet-card:focus-within .planet-info,.planet-card.is-expanded .planet-info{opacity:1;pointer-events:auto;transform:translate(-50%)}.planet-card:hover .planet-stage,.planet-card:focus-within .planet-stage,.planet-card.is-expanded .planet-stage{animation-play-state:paused}.planet-favorite{z-index:15;color:#fff;cursor:pointer;background:#07143f;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;display:grid;position:absolute;top:20px;right:20px}.planet-favorite[aria-pressed=true]{color:var(--lemon)}@keyframes planet-drift{0%,to{transform:translateY(-4px)}50%{transform:translateY(7px)}}@media (max-width:1050px){.planet-field{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.planet-field{gap-inline:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.planet-card{min-height:360px}}@media (max-width:520px){.planet-field{grid-template-columns:1fr;padding:42px 0 76px}.planet-card{min-height:300px}.planet-card.is-expanded{min-height:390px}.planet-info{top:232px}.planet-favorite{top:18px;right:calc(50% - 118px)}}@media (hover:none){.planet-card:hover .planet-shell{transform:none}.planet-card:hover .planet-name{opacity:1;transform:none}.planet-card:hover .planet-info{opacity:0;pointer-events:none;transform:translate(-50%,10px)}.planet-card.is-expanded .planet-shell{transform:translateY(-18px)scale(1.1)}.planet-card.is-expanded .planet-name{opacity:.28;transform:translateY(8px)}.planet-card.is-expanded .planet-info{opacity:1;pointer-events:auto;transform:translate(-50%)}}.planet-field{height:var(--planet-field-height);background:radial-gradient(circle at 24% 18%,#2f56bf21,#0000 19%),radial-gradient(circle at 73% 42%,#28bcda1a,#0000 21%),radial-gradient(circle at 36% 72%,#6f46cd1a,#0000 20%);padding:0;display:block}.planet-card{left:var(--planet-x);top:var(--planet-y);width:220px;position:absolute}.planet-field>.empty{position:absolute;top:48px;left:0;right:0}@media (max-width:1050px){.planet-field{height:var(--planet-tablet-height);display:block}.planet-card{left:var(--planet-tablet-x);top:var(--planet-tablet-y)}}@media (max-width:800px){.planet-field{height:var(--planet-compact-height)}.planet-card{left:var(--planet-compact-x);top:var(--planet-compact-y)}}@media (max-width:520px){.planet-field{height:var(--planet-mobile-height);padding:0}.planet-card{left:var(--planet-mobile-x);top:var(--planet-mobile-y);width:220px}}.planet-field{background:radial-gradient(circle at 28% 28%,#2f56bf1a,#0000 24%),radial-gradient(circle at 74% 67%,#28bcda14,#0000 25%);grid-template-columns:repeat(5,minmax(0,1fr));gap:48px 14px;height:auto;padding:54px 0 112px;display:grid}.planet-card{width:auto;min-height:320px;position:relative;top:auto;left:auto;transform:none}.planet-field>.empty{position:static}@media (max-width:1050px){.planet-field{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;display:grid}.planet-card{top:auto;left:auto}}@media (max-width:800px){.planet-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 10px;height:auto}.planet-card{top:auto;left:auto}}@media (max-width:520px){.planet-field{grid-template-columns:1fr;height:auto;padding:42px 0 90px}.planet-card{width:auto;min-height:300px;top:auto;left:auto}.planet-card:nth-child(2n){transform:none}}.site-header-with-menu .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:32px;display:grid}.site-menu{align-items:center;gap:8px;min-width:0;margin-left:12px;display:flex}.site-menu a{color:#b9c9e1;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.88rem;font-weight:650;text-decoration:none;display:flex;position:relative}.site-menu a:hover{color:#fff;background:#b0cfff14}.site-menu a[aria-current=page]{color:#a1e9d6;background:#a1e9d612}.site-menu a[aria-current=page]:after{content:"";background:#a1e9d6;border-radius:2px;height:2px;position:absolute;bottom:0;left:18px;right:18px}.site-header-with-menu .header-actions{flex-wrap:nowrap;justify-content:flex-end;width:auto}@media (max-width:760px){.site-header-with-menu{margin-bottom:0}.site-header-with-menu .topbar:has(.auth-controls){grid-template-columns:auto minmax(0,1fr);justify-content:normal;gap:10px 12px;padding-top:12px;padding-bottom:0}.site-header-with-menu .brand-mark{grid-area:1/1;justify-self:start}.site-header-with-menu .header-actions{grid-area:1/2;justify-self:end;min-width:0}.site-header-with-menu .site-logo{width:130px}.site-header-with-menu .auth-user{max-width:80px}.site-menu{border-top:1px solid #a3baff29;grid-area:2/1/auto/-1;gap:6px;width:100%;margin-left:0;padding-top:5px}.site-menu a{border-radius:6px 6px 0 0;flex:1;min-height:44px;font-size:.83rem}}.library{container-type:inline-size}.planet-navigation{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.planet-navigation p{color:var(--muted);flex:1;margin:0;font-size:.8rem;line-height:1.6}.planet-navigation button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#102761;border-radius:50%;flex:none;font-size:1.2rem}.planet-navigation button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.planet-navigation button:disabled{opacity:.4;cursor:default}.planet-field:focus-visible{outline:none}.planet-field:focus-visible .is-centered .planet-name h3{text-underline-offset:6px;text-decoration:underline}.planet-field{--planet-gap:18px;--planet-size:calc((100cqw - 4 * var(--planet-gap)) / 5);justify-content:flex-start;gap:var(--planet-gap);padding:54px calc((100cqw - var(--planet-size)) / 2) 112px;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;margin-inline:0;scroll-padding-inline:0;display:flex;overflow:auto hidden}.planet-field::-webkit-scrollbar{display:none}@media (min-width:981px){.hero-band{background:#050b2d}.hero-backdrop{object-fit:cover;-webkit-mask-composite:source-in;width:min(100%,1440px);left:50%;right:auto;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#000 0% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#000 0% 80%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}.planet-card{flex:0 0 var(--planet-size);scroll-snap-align:center;scroll-snap-stop:always;min-height:380px}.planet-card:nth-child(2n){transform:none}.planet-card .planet-stage{height:280px;opacity:var(--planet-opacity,.72);filter:brightness(var(--planet-brightness,.4));transition:filter .12s linear,opacity .12s linear;animation:none;transform:none}.planet-card .planet-name{opacity:var(--planet-opacity,.65)}.planet-card .planet-shell{width:min(176px,calc(var(--planet-size) - 24px));height:min(176px,calc(var(--planet-size) - 24px));transition:transform .12s linear}.planet-card .planet-shell,.planet-card:hover .planet-shell,.planet-card:focus-within .planet-shell,.planet-card.is-expanded .planet-shell{transform:scale(var(--planet-scale,.58))}.planet-card .planet-info{top:310px}.planet-card .planet-orbit{width:120%;height:30%;top:39%;left:-10%}.planet-card .planet-favorite{right:8px}.planet-card.is-centered .planet-name h3{color:var(--lemon)}.planet-card:not(.is-centered) .planet-shell{transform:scale(var(--planet-scale,.58))}.planet-card:not(.is-centered) .planet-name{opacity:var(--planet-opacity,.65);transform:none}.planet-card:not(.is-centered) .planet-info{display:none}.planet-field>.empty{flex:0 0 min(560px,100vw - 48px);margin-inline:auto}.planet-field:has(>.empty){padding-inline:0}@media (min-width:801px) and (max-width:980px){.planet-field{--planet-size:calc((100cqw - 2 * var(--planet-gap)) / 3)}}@media (max-width:800px){.planet-field{--planet-gap:12px;--planet-size:min(260px,54cqw);touch-action:pan-x pan-y pinch-zoom}.planet-navigation p{font-size:.75rem}.planet-card:not(.is-centered) .planet-name{opacity:.45}}@media (max-width:520px){.planet-field{height:auto;padding-block:42px 90px}.planet-card{width:auto;min-height:340px}.planet-card.is-expanded{min-height:530px}}@media (prefers-reduced-motion:reduce){.planet-card .planet-stage,.planet-card .planet-shell{transition:none}}