@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(10.5% .025 174);--surface:oklch(16% .04 170/.86);--surface-2:oklch(20.5% .052 166/.92);--ink:oklch(96% .02 150);--muted:oklch(75% .035 165);--mint:oklch(82% .17 148);--violet:oklch(72% .13 302);--cyan:oklch(81% .1 205);--rose:oklch(72% .14 25);--line:oklch(84% .05 165/.18);--shadow:oklch(1.5% .01 170/.65);--ease:cubic-bezier(.16, 1, .3, 1);background:var(--bg);color:var(--ink);font-family:Manrope,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 76% 8%, oklch(28% .08 294/.22), transparent 32rem), radial-gradient(circle at 12% 88%, oklch(24% .09 154/.18), transparent 30rem), var(--bg);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0;text-wrap:balance;font-family:Gowun Batang,Songti SC,serif;font-weight:400}p{text-wrap:pretty}.app{overflow-x:clip}.header,.library-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(8% .02 170/.48);border:1px solid oklch(100% 0 0/.16);justify-content:space-between;align-items:center;width:min(1380px,100% - 40px);min-height:64px;margin-inline:auto;display:flex}.header{border-radius:14px;padding:10px 12px 10px 18px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.library-header{background:oklch(8% .02 170/.68);border-radius:14px;min-height:64px;padding:10px 12px 10px 18px;position:sticky;top:16px}.brand{color:var(--ink);align-items:center;gap:9px;font-family:Gowun Batang,serif;text-decoration:none;display:inline-flex}.brand-mark{object-fit:cover;object-position:center;border-radius:10px;width:44px;height:44px;box-shadow:0 4px 10px oklch(1% .01 170/.3)}.brand-name{gap:1px;line-height:1;display:grid}.brand-name strong{font-size:.96rem;font-weight:700}.brand-name small{color:oklch(72% .045 170);letter-spacing:.03em;font-family:Manrope,system-ui,sans-serif;font-size:.57rem;font-weight:750}.header nav,.library-header nav{gap:8px;display:flex}.header nav a,.library-header nav a{min-height:40px;color:var(--muted);border-radius:999px;padding:10px 12px;font-size:.86rem;text-decoration:none}.header nav a:hover,.library-header nav a:hover,.library-header nav a.active{color:var(--ink);background:oklch(100% 0 0/.08)}.header-action,.primary-action,.play-action,.library-exit,.outline-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.library-exit{transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);background:oklch(8% .02 170/.38);border-color:oklch(100% 0 0/.2)}.library-exit:hover{background:oklch(16% .05 170/.72);border-color:oklch(82% .17 148/.58);transform:translateY(-1px)}.header-action{color:var(--ink);transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);background:oklch(8% .02 170/.38);border:1px solid oklch(100% 0 0/.2);padding:0 17px;font-size:.83rem}.header-action:hover{background:oklch(16% .05 170/.72);border-color:oklch(82% .17 148/.58);transform:translateY(-1px)}.locale-control{position:relative}.locale-switch{border:1px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease);background:oklch(8% .02 170/.3);border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:.72rem;font-weight:800;display:inline-flex}.locale-switch:hover,.locale-switch[aria-expanded=true]{color:var(--ink);background:oklch(16% .05 170/.72);border-color:oklch(82% .17 148/.58)}.locale-menu{z-index:20;background:oklch(9.5% .026 170/.96);border:1px solid oklch(82% .14 160/.26);border-radius:12px;min-width:140px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 16px oklch(1% .01 170/.28)}.locale-menu button{min-height:34px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 9px;font-size:.76rem;font-weight:750;display:flex}.locale-menu button:hover,.locale-menu button.active{color:var(--ink);background:oklch(20% .07 170/.78)}.locale-menu button svg{color:var(--mint)}.header-right,.account-actions{align-items:center;gap:8px;display:inline-flex}.account-actions{border:1px solid var(--line);background:oklch(9% .02 170/.42);border-radius:999px;min-height:40px;padding:3px}.account-actions span{max-width:120px;color:var(--mint);text-overflow:ellipsis;white-space:nowrap;padding:0 9px;font-size:.78rem;font-weight:800;overflow:hidden}.account-actions button{min-height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.76rem;font-weight:800;display:inline-flex}.account-actions button:hover{background:oklch(100% 0 0/.08)}.account-actions.compact{background:oklch(8% .02 170/.38)}.library-exit,.outline-button{border:1px solid var(--line);color:var(--ink);background:0 0;padding:0 14px;font-size:.78rem}.primary-action{background:var(--mint);color:oklch(15% .045 160);cursor:pointer;border:0;padding:0 21px}.play-action{color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(10% .02 170/.45);border:1px solid oklch(100% 0 0/.26);padding:0 16px}main{width:min(1380px,100% - 40px);margin-inline:auto}.journey{width:100vw;height:220vh;margin-left:calc(50% - 50vw);position:relative}.hero{--far-x:0px;--far-y:0px;--near-x:0px;--near-y:0px;--world-scale:1;--cave-scale:1;--hero-opacity:1;--arrival-opacity:0;--arrival-y:54px;--realm-radius:0%;--realm-scale:1.12;--cursor-x:68vw;--cursor-y:43vh;--world-cursor-x:68%;--world-cursor-y:43%;--cave-offset-x:-4.9vw;--cursor-active:0;background:oklch(7% .02 174);width:100%;height:100vh;min-height:680px;position:sticky;top:0;overflow:hidden}.portal-world{background:oklch(11% .03 170);position:absolute;inset:-28% -5%;overflow:hidden}.portal-world img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cave-art{object-position:center;transform:translate3d(calc(var(--far-x) + var(--cave-offset-x)), var(--far-y), 0) scale(var(--world-scale));transform-origin:68% 43%;transition:transform 80ms linear}.realm-art{object-position:center;clip-path:circle(var(--realm-radius) at 68% 43%);transform:scale(var(--realm-scale));transform-origin:68% 43%;transition:clip-path 80ms linear,transform 80ms linear}.cursor-crystal-reveal{pointer-events:none;z-index:3;opacity:var(--cursor-active);transform:translate3d(calc(var(--far-x) + var(--cave-offset-x)), var(--far-y), 0) scale(var(--world-scale));transform-origin:68% 43%;-webkit-mask-image:radial-gradient(circle 155px at var(--world-cursor-x) var(--world-cursor-y), #000 0 24%, #000000e6 42%, #0000006b 68%, #00000014 86%, transparent 100%);-webkit-mask-image:radial-gradient(circle 155px at var(--world-cursor-x) var(--world-cursor-y), #000 0 24%, #000000e6 42%, #0000006b 68%, #00000014 86%, transparent 100%);mask-image:radial-gradient(circle 155px at var(--world-cursor-x) var(--world-cursor-y), #000 0 24%, #000000e6 42%, #0000006b 68%, #00000014 86%, transparent 100%);transition:opacity .22s var(--ease), transform 80ms linear;background:url(/assets/portal-cave-crystals.webp) 50%/cover no-repeat;position:absolute;inset:0}.portal-hero.arrived .cursor-crystal-reveal{opacity:0}.portal-sky{z-index:1;filter:blur(18px);mix-blend-mode:screen;width:32%;height:54%;transform:translate3d(var(--far-x), var(--far-y), 0);background:radial-gradient(circle at 52% 42%,oklch(91% .12 225/.28),oklch(73% .17 294/.13) 35%,#0000 68%);border-radius:48% 45% 52% 44%;animation:6s ease-in-out infinite alternate portal-breathe;position:absolute;top:17%;left:52%}.portal-aura{z-index:2;width:32%;height:54%;transform:translate3d(var(--far-x), var(--far-y), 20px);border:1px solid oklch(90% .1 180/.2);border-radius:48% 45% 52% 44%;position:absolute;top:17%;left:52%;box-shadow:inset 0 0 60px oklch(85% .13 160/.12),0 0 80px oklch(72% .14 297/.12)}.portal-aura:before,.portal-aura:after{content:"";border-radius:inherit;border:1px solid oklch(84% .1 215/.14);animation:5.5s ease-in-out infinite ring-pulse;position:absolute;inset:8%}.portal-aura:after{animation-delay:-2.7s;inset:17%}.portal-foreground{z-index:5;pointer-events:none;transform:translate3d(var(--near-x), var(--near-y), 60px) scale(var(--cave-scale));transform-origin:68% 43%;opacity:var(--hero-opacity);background:radial-gradient(42% 68% at 68% 43%,#0000 0 55%,oklch(3.5% .013 170/.36) 73%,oklch(2.5% .01 170/.91) 100%),linear-gradient(90deg,oklch(2.5% .01 170/.86),#0000 28% 74%,oklch(2.5% .01 170/.72));transition:transform .12s linear,opacity .12s linear;position:absolute;inset:-6%}.portal-foreground:before,.portal-foreground:after{content:"";filter:blur(1px);background:radial-gradient(at bottom,oklch(16% .07 158/.98),oklch(5.5% .02 170/.96) 60%,#0000 72%);width:44%;height:43%;position:absolute;bottom:-8%}.portal-foreground:before{left:-8%;transform:rotate(12deg)}.portal-foreground:after{right:-8%;transform:rotate(-12deg)}.portal-crystals{z-index:4;width:24%;height:42%;transform:translate3d(var(--near-x), var(--near-y), 45px);position:absolute;bottom:-2%}.crystal-left{left:0}.crystal-right{transform:translate3d(var(--near-x), var(--near-y), 45px) scaleX(-1);right:0}.portal-crystals i{clip-path:polygon(50% 0,100% 78%,72% 100%,18% 92%,0 58%);filter:drop-shadow(0 0 18px oklch(68% .16 302/.2));background:linear-gradient(115deg,oklch(38% .14 303/.65),oklch(72% .16 301/.42) 45%,oklch(18% .08 273/.8));width:22%;height:78%;position:absolute;bottom:0;left:18%}.portal-crystals i:nth-child(2){background:linear-gradient(115deg,oklch(30% .11 175/.6),oklch(75% .14 164/.42),oklch(14% .06 179/.8));width:17%;height:58%;left:45%}.portal-crystals i:nth-child(3){width:12%;height:42%;left:66%}.portal-motes{z-index:6;pointer-events:none;position:absolute;inset:0}.portal-motes i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 12px var(--mint);border-radius:50%;animation:8s ease-in-out infinite mote-float;position:absolute}.portal-motes i:first-child{top:22%;left:18%}.portal-motes i:nth-child(2){animation-delay:-2s;top:68%;left:34%}.portal-motes i:nth-child(3){background:var(--violet);animation-delay:-4s;top:18%;left:59%}.portal-motes i:nth-child(4){animation-delay:-1s;top:63%;left:76%}.portal-motes i:nth-child(5){background:var(--cyan);animation-delay:-5s;top:29%;left:88%}.portal-motes i:nth-child(6){animation-delay:-3s;top:81%;left:52%}.hero-shade{z-index:7;pointer-events:none;background:linear-gradient(90deg,oklch(3.5% .012 170/.93),oklch(5.5% .018 170/.5) 43%,#0000 70%),linear-gradient(#0000 50%,oklch(3.5% .014 170/.7));position:absolute;inset:0}.hero-copy{z-index:10;width:min(570px,100% - 40px);opacity:var(--hero-opacity);transform-origin:0;transition:opacity .12s linear,transform .12s linear;position:absolute;top:50%;left:max(20px,50vw - 690px);transform:translateY(-45%)}.signal{color:oklch(85% .07 160);align-items:center;gap:9px;font-size:.82rem;display:inline-flex}.signal i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 14px var(--mint);border-radius:50%}.hero-copy h1{margin:24px 0;font-size:clamp(3.5rem,6.2vw,5.35rem);line-height:1.04}.hero-copy>p{color:oklch(84% .025 165);max-width:60ch;line-height:1.8}.motion-copy-char{--char-y:0px;--char-scale:1;--char-color:inherit;--char-shadow:none;color:var(--char-color);text-shadow:var(--char-shadow);transform:translateY(var(--char-y)) scale(var(--char-scale));transform-origin:50% 75%;transition:color .18s var(--ease), filter .22s var(--ease), text-shadow .22s var(--ease), transform .26s var(--ease);display:inline-block}.hero-copy h1 .motion-copy-char:hover{color:oklch(.91 .13 calc(150 + var(--char-index) * 5));filter:brightness(1.12);text-shadow:0 0 18px oklch(78% .18 165/.52),0 0 38px oklch(68% .16 295/.25);transform:translateY(-7px)scale(1.035)}.hero-description .motion-copy-char:hover{color:var(--mint);text-shadow:0 0 12px oklch(82% .17 148/.45);transform:translateY(-3px)scale(1.025)}.portal-gateway{z-index:10;width:330px;height:350px;color:var(--ink);opacity:var(--hero-opacity);cursor:pointer;transition:opacity .12s linear, filter .26s var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:43%;left:68%;transform:translate(-50%,-50%)}.portal-gateway:hover{filter:brightness(1.18)saturate(1.12)}.gateway-ring{border:1px solid oklch(90% .12 190/.36);border-radius:50%;width:210px;height:210px;animation:4.6s ease-in-out infinite ring-pulse;position:absolute;box-shadow:inset 0 0 48px oklch(82% .14 160/.14),0 0 38px oklch(77% .13 280/.2)}.portal-gateway strong{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(8% .02 170/.72);border:1px solid oklch(100% 0 0/.28);border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 18px;display:inline-flex;position:absolute;bottom:28px}.portal-gateway small{color:oklch(88% .04 170);font-size:.67rem;position:absolute;bottom:3px}.gateway-pets{pointer-events:none;position:absolute;inset:0}.gateway-pet{pointer-events:auto;filter:drop-shadow(0 8px 12px oklch(2% .01 170/.5));width:142px;height:142px;position:absolute}.gateway-pet .sprite-player.compact .sprite-frame{width:min(76px,64%)}.gateway-nori{top:92px;left:2px;transform:rotate(-7deg)}.gateway-tmuxai{top:34px;right:-40px;transform:rotate(6deg)scale(.9)}.gateway-patchi{opacity:.82;top:-8px;left:99px;transform:scale(.78)}.gateway-nori.is-hovered{transform:translateY(-18px)rotate(-3deg)scale(1.68)}.gateway-tmuxai.is-hovered{transform:translateY(-20px)rotate(2deg)scale(1.58)}.gateway-patchi.is-hovered{transform:translateY(-16px)scale(1.48)}.gateway-pet{transition:transform .36s var(--ease), filter .26s var(--ease)}.gateway-pet.is-hovered{filter:drop-shadow(0 14px 20px oklch(45% .14 190/.38))}.portal-arrival{z-index:12;opacity:var(--arrival-opacity);transform:translateY(var(--arrival-y));pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:44px 20px 20px;transition:opacity .12s linear,transform .12s linear;display:flex;position:fixed;inset:0}.portal-arrival>span{color:oklch(20% .06 185);font-size:.75rem}.portal-arrival h2{color:oklch(18% .055 182);text-shadow:0 1px oklch(100% 0 0/.25);max-width:760px;margin:10px 0 18px;font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.06}.arrival-orbit{width:100vw;height:270px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.arrival-track{align-items:center;gap:18px;width:max-content;padding:20px 0 28px;animation:28s linear infinite orbit-scroll;display:flex}.arrival-orbit:hover .arrival-track{animation-play-state:paused}.orbit-pet{color:oklch(18% .055 182);text-align:left;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:176px;height:214px;transition:transform .26s var(--ease), filter .26s var(--ease);background:linear-gradient(155deg,oklch(98% .025 205/.88),oklch(86% .08 220/.76));border:1px solid oklch(96% .03 210/.6);border-radius:14px;flex-direction:column;justify-content:flex-end;padding:16px;text-decoration:none;display:flex}.orbit-pet:nth-child(3n+1){transform:translateY(12px)rotate(-4deg)}.orbit-pet:nth-child(3n+2){transform:translateY(-6px)rotate(3deg)}.orbit-pet:nth-child(3n){transform:translateY(8px)rotate(5deg)}.orbit-pet:hover{filter:saturate(1.25);transform:translateY(-10px)rotate(0)}.orbit-sprite{background:radial-gradient(circle,oklch(94% .08 180/.52),oklch(25% .07 190/.16) 68%,#0000 70%);border-radius:10px;width:100%;height:102px;margin-bottom:auto;display:block;overflow:hidden}.orbit-sprite .sprite-frame{filter:drop-shadow(0 8px 8px oklch(8% .03 180/.34));width:82px}.orbit-pet strong{margin:0;font-family:Gowun Batang,serif;font-size:1.25rem}.orbit-pet small{color:oklch(42% .05 187);margin-top:4px}.arrival-actions{justify-content:center;gap:12px;display:flex}.arrival-actions a{min-height:46px;color:var(--ink);pointer-events:none;background:oklch(18% .06 184);border-radius:999px;align-items:center;gap:7px;padding:0 18px;text-decoration:none;display:inline-flex}.portal-hero.arrived .orbit-pet,.portal-hero.arrived .arrival-actions a{pointer-events:auto}.library-page{background:radial-gradient(circle at 82% 0, oklch(72% .11 205/.16), transparent 28rem), var(--bg);min-height:100vh;animation:page-arrive .42s var(--ease);overflow-x:clip}.library-main{width:min(1380px,100% - 40px)}.library-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;min-height:360px;padding:78px 0 52px;display:flex}.library-hero>div:first-child{max-width:760px}.library-hero>div:first-child>span,.detail-copy>span{color:var(--mint);font-size:.76rem}.library-hero h1{margin:14px 0 18px;font-size:clamp(3.4rem,7vw,6rem)}.library-hero p{max-width:62ch;color:var(--muted);margin:0;line-height:1.75}.library-status{background:var(--surface);border-radius:12px;grid-template-columns:repeat(3,minmax(110px,1fr));min-width:390px;display:grid;overflow:hidden}.library-status>span{border-right:1px solid var(--line);flex-direction:column;gap:3px;min-height:82px;padding:16px;display:flex;position:relative}.library-status>span:last-child{border:0}.library-status i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 14px var(--mint);border-radius:50%;position:absolute;top:14px;right:14px}.library-status strong{font-size:1rem}.library-status small{color:var(--muted);font-size:.66rem}.library-catalog{padding:46px 0 110px}.library-toolbar{grid-template-columns:minmax(280px,420px) 1fr;align-items:center;gap:14px;display:grid}.search-control{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-control input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-control input::placeholder{color:oklch(68% .03 165);opacity:1}.filter-control{background:var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:4px;display:flex}.filter-control button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px}.filter-control button.active{background:var(--surface-2);color:var(--ink)}.library-result-line{justify-content:space-between;align-items:center;gap:20px;margin:46px 0 20px;display:flex}.library-result-line h2{margin:0;font-size:2rem}.library-result-line span{color:var(--muted);font-size:.78rem}.pet-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;display:grid}.pet-card{border:1px solid var(--line);background:var(--surface);transition:transform .26s var(--ease), background .26s var(--ease), border-color .26s var(--ease);border-radius:14px;position:relative;overflow:hidden}.favorite-button{z-index:4;width:38px;height:38px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(8% .02 170/.72);border:1px solid oklch(100% 0 0/.18);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.favorite-button.active{background:var(--mint);color:var(--bg)}.pet-context span{align-items:center;gap:4px;display:inline-flex}.pet-card:hover{background:var(--surface-2);border-color:oklch(82% .12 155/.36);transform:translateY(-4px)}.pet-preview-link{color:inherit;text-decoration:none;display:block}.pet-meta{padding:16px}.pet-context{color:var(--muted);justify-content:space-between;gap:12px;font-size:.68rem;display:flex}.pet-meta h3{margin:10px 0 0;font-family:Gowun Batang,serif;font-size:1.35rem}.pet-meta p{-webkit-line-clamp:2;min-height:3.1em;color:var(--muted);-webkit-box-orient:vertical;margin:8px 0 0;line-height:1.55;display:-webkit-box;overflow:hidden}.pet-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.pet-actions a,.pet-actions button{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:oklch(12% .025 170/.72);border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.pet-actions a:first-child{background:var(--mint);color:oklch(15% .045 160)}.library-empty{border:1px dashed var(--line);min-height:280px;color:var(--muted);text-align:center;border-radius:14px;place-items:center;display:grid}.library-empty svg{color:var(--mint)}.library-empty strong{color:var(--ink);margin:10px 0 4px}.library-empty span{font-size:.78rem}.library-empty button{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;margin-top:14px;padding:0 13px}.sprite-visual{aspect-ratio:4/3;background:radial-gradient(circle at 50% 56%,oklch(54% .13 158/.24),#0000 35%),linear-gradient(145deg,oklch(22% .055 170),oklch(11% .03 180));border-radius:13px 13px 0 0;place-items:center;min-height:auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -50px 70px oklch(10% .02 170/.4)}.sprite-visual.tone-violet{background:radial-gradient(circle at 50% 56%,oklch(63% .17 300/.26),#0000 35%),linear-gradient(145deg,oklch(20% .055 268),oklch(11% .03 180))}.sprite-visual.tone-cyan{background:radial-gradient(circle at 50% 56%,oklch(68% .13 210/.24),#0000 35%),linear-gradient(145deg,oklch(20% .055 205),oklch(11% .03 180))}.sprite-visual.tone-rose{background:radial-gradient(circle at 50% 56%,oklch(65% .17 28/.24),#0000 35%),linear-gradient(145deg,oklch(23% .06 24),oklch(11% .03 180))}.sprite-visual.large{border-radius:12px;height:100%;min-height:0}.sprite-visual.compact{aspect-ratio:1.45;border-radius:10px;width:100%;min-height:54px}.sprite-player{place-items:center;width:100%;height:100%;display:grid;position:relative}.sprite-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sprite-frame{aspect-ratio:1;background-image:var(--sheet);background-repeat:no-repeat;background-size:800% calc(var(--sheet-rows) * 100%);background-position-y:calc(var(--row) * var(--row-step));width:min(70%,230px);image-rendering:pixelated;filter:drop-shadow(0 18px 24px oklch(2% .02 170/.5));animation:sprite-steps var(--frame-duration) steps(var(--frame-steps)) infinite;display:block}.sprite-player.large .sprite-frame{width:min(56%,390px)}.sprite-player.compact .sprite-frame{width:min(52px,62%)}.back-link{color:var(--muted);align-items:center;gap:7px;margin:38px 0 28px;text-decoration:none;display:inline-flex}.detail-page{padding-bottom:100px}.detail-layout{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:minmax(0,638px) 520px;gap:1px;width:min(100%,1160px);margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 28px 80px oklch(2.5% .016 170/.42)}.detail-stage,.action-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(12% .025 170/.84)}.detail-stage{grid-template-rows:auto minmax(0,1fr);gap:12px;height:620px;max-height:620px;padding:14px;display:grid;overflow:hidden}.stage-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-title span,.stage-title strong{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:.82rem;display:inline-flex}.stage-title span{min-width:0;color:var(--mint);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.stage-title strong{background:oklch(20% .07 150/.58);border-color:oklch(82% .17 148/.42)}.action-panel{scrollbar-width:thin;scrollbar-color:oklch(74% .16 160) oklch(12% .018 170);flex-direction:column;gap:16px;height:620px;max-height:620px;padding:22px;display:flex;overflow:auto}.action-panel::-webkit-scrollbar{width:8px}.action-panel::-webkit-scrollbar-track{background:oklch(12% .018 170);border-radius:999px}.action-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--mint), var(--cyan));border:2px solid oklch(12% .018 170);border-radius:999px}.action-panel h1{margin:2px 0 0;font-size:clamp(2.7rem,4vw,4.5rem);line-height:1.04}.action-panel p{color:var(--muted);margin:0;line-height:1.65}.detail-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-actions a,.detail-actions button{text-align:center;min-width:0}.detail-motion-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.detail-motion-heading span{color:var(--muted);font-size:.78rem;font-weight:750}.action-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.action-list button{border:1px solid var(--line);width:100%;min-height:104px;color:var(--ink);cursor:pointer;text-align:center;transition:background-color .17s var(--ease), transform .17s var(--ease), border-color .17s var(--ease);background:oklch(10% .025 170/.64);border-radius:12px;place-items:center;gap:7px;padding:6px;display:grid}.action-list button:hover{background:oklch(16% .04 170/.72);border-color:oklch(82% .12 155/.36);transform:translateY(-1px)}.action-list button.active{background:color-mix(in oklch, var(--mint) 14%, oklch(12% .025 170));border-color:oklch(82% .17 148/.48)}.action-list button>span{gap:3px;min-width:0;display:grid}.action-list strong,.action-list small{display:block}.action-list small{color:var(--muted);font-size:.72rem;line-height:1.25}.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}.auth-backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(4% .018 170/.72);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.auth-dialog{border:1px solid var(--line);background:oklch(13% .032 170);border-radius:14px;width:min(100%,420px);padding:28px;position:relative;box-shadow:0 30px 90px oklch(1.5% .01 170/.72)}.auth-dialog>span{color:var(--mint);font-size:.78rem;font-weight:800}.auth-dialog h2{margin:10px 0 20px;font-size:2rem}.auth-methods{gap:6px;margin:-4px 0 18px;display:flex}.auth-methods button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 11px;font-size:.76rem}.auth-methods button.active{border-color:var(--mint);color:var(--mint);background:oklch(20% .07 170/.42)}.auth-dialog form,.admin-login-card form{gap:14px;display:grid}.auth-dialog label,.admin-login-card label,.resource-fields label{color:var(--muted);gap:7px;font-size:.78rem;font-weight:800;display:grid}.auth-dialog input,.admin-login-card input,.resource-fields input,.resource-fields textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:oklch(8% .018 170/.72);border-radius:10px;outline:0;padding:11px 12px}.captcha-control>div{grid-template-columns:1fr 40px;gap:8px;display:grid}.captcha-control>div button{border:1px solid var(--line);color:var(--mint);cursor:pointer;background:oklch(10% .025 170);border-radius:9px;place-items:center;display:grid}.captcha-control img{cursor:pointer;width:160px;height:58px;margin-top:2px}.captcha-control small{color:var(--rose)}.resource-fields textarea{resize:vertical;min-height:72px}.auth-close{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;position:absolute;top:12px;right:12px}.auth-switch{width:100%;min-height:40px;color:var(--mint);cursor:pointer;background:0 0;border:0;margin-top:14px;font-weight:800}.form-error{color:oklch(86% .09 35);background:oklch(18% .06 25/.32);border:1px solid oklch(72% .14 25/.4);border-radius:10px;margin:0;padding:10px 12px;line-height:1.45}.admin-page{color:oklch(18% .025 170);background:oklch(95% .012 170);min-height:100vh}.admin-login{place-items:center;width:min(100%,1120px);min-height:100vh;margin-inline:auto;padding:36px 20px;display:grid}.admin-login>.brand{color:oklch(18% .025 170);position:absolute;top:28px;left:32px}.admin-login-card{background:#fff;border:1px solid oklch(82% .025 170);border-radius:12px;width:min(100%,460px);padding:30px;box-shadow:0 24px 70px oklch(28% .02 170/.12)}.admin-login-card>span,.admin-topbar span{color:oklch(42% .08 170);align-items:center;gap:7px;font-size:.8rem;font-weight:850;display:inline-flex}.admin-login-card h1,.admin-topbar h1{color:oklch(17% .025 170);margin:10px 0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:850}.admin-login-card p{color:oklch(43% .03 170);margin-bottom:22px;line-height:1.65}.admin-note{color:oklch(28% .05 160);background:oklch(90% .04 150);border-radius:10px;gap:8px;margin-bottom:16px;padding:12px;font-size:.86rem;display:grid}.admin-note button{color:oklch(32% .09 160);cursor:pointer;background:0 0;border:0;justify-self:start;font-weight:850}.admin-login-card label,.resource-fields label{color:oklch(34% .03 170)}.admin-login-card input,.resource-fields input,.resource-fields textarea{color:oklch(18% .025 170);background:oklch(99% .004 170);border-color:oklch(82% .02 170)}.admin-sidebar{background:oklch(98.5% .006 170);border-right:1px solid oklch(83% .02 170);flex-direction:column;width:248px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.admin-sidebar .brand{color:oklch(16% .035 170)}.admin-sidebar nav{gap:6px;margin-top:34px;display:grid}.admin-sidebar nav a,.admin-sidebar button,.admin-topbar button,.resource-actions button{color:oklch(28% .035 170);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.admin-sidebar nav button{justify-content:flex-start;width:100%}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:oklch(92% .018 170)}.admin-sidebar>button{border-color:oklch(82% .025 170);margin-top:auto}.admin-main{width:calc(100% - 248px);margin-left:248px;padding:30px clamp(20px,4vw,48px) 70px}.admin-topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.admin-topbar-actions{align-items:center;gap:10px;display:flex}.admin-tabbar{background:#fff;border:1px solid oklch(84% .02 170);border-radius:12px;gap:6px;padding:4px;display:inline-flex}.admin-tabbar button{color:oklch(40% .03 170);background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 13px}.admin-tabbar button.active{color:#fff;background:oklch(17% .04 170)}.admin-topbar h1{margin-bottom:0}.admin-topbar button,.resource-actions button{color:#fff;background:oklch(17% .04 170);border-color:oklch(75% .035 170)}.admin-message,.admin-loading{color:oklch(32% .035 170);background:#fff;border:1px solid oklch(78% .04 170);border-radius:10px;padding:12px 14px;font-weight:750}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.admin-content{gap:18px;display:grid}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-summary-card{background:#fff;border:1px solid oklch(83% .02 170);border-radius:12px;overflow:hidden}.admin-summary-card .admin-section-title{margin-bottom:0}.admin-mini-list{display:grid}.admin-mini-row{color:oklch(34% .03 170);border-top:1px solid oklch(90% .015 170);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:.88rem;display:flex}.admin-mini-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-stats article,.admin-section,.resource-editor{background:#fff;border:1px solid oklch(83% .02 170);border-radius:12px}.admin-stats article{gap:8px;padding:18px;display:grid}.admin-stats span,.admin-section-title span,.resource-actions span{color:oklch(48% .025 170);font-size:.8rem;font-weight:800}.admin-stats strong{font-size:2rem}.admin-section{margin-top:18px;overflow:hidden}.admin-section-title{border-bottom:1px solid oklch(86% .02 170);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.admin-section-title h2{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:1.1rem;font-weight:850}.admin-settings{padding-bottom:20px}.admin-settings>p{color:oklch(46% .025 170);margin:16px 18px;line-height:1.65}.admin-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px;display:grid}.admin-settings-form label{color:oklch(42% .025 170);gap:7px;font-size:.78rem;font-weight:800;display:grid}.admin-settings-form input{min-height:40px;color:var(--night);background:#fff;border:1px solid oklch(82% .02 170);border-radius:8px;padding:0 10px}.admin-settings-form .check-label{align-items:center;gap:8px;display:flex}.admin-settings-form .check-label input{min-height:auto}.admin-settings-form>button{background:var(--mint);min-height:42px;color:var(--night);cursor:pointer;border:0;border-radius:9px;grid-column:1/-1;justify-self:start;padding:0 15px;font-weight:800}.mail-test{border-top:1px solid oklch(86% .02 170);gap:9px;margin:18px;padding-top:18px;display:flex}.mail-test input{border:1px solid oklch(82% .02 170);border-radius:8px;flex:1;min-height:40px;padding:0 10px}.mail-test button{color:#fff;cursor:pointer;background:oklch(14% .05 165);border:1px solid oklch(14% .05 165);border-radius:8px;min-height:40px;padding:0 12px;font-weight:800}.readiness-list{background:oklch(86% .02 170);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;display:grid}.readiness-list>div{background:#fff;min-height:86px;padding:14px 18px}.readiness-list strong,.readiness-list span{display:block}.readiness-list span{color:oklch(46% .025 170);margin-top:6px;font-size:.78rem;line-height:1.45}.readiness-list .ok strong{color:oklch(42% .12 154)}.readiness-list .pending strong{color:oklch(56% .14 35)}.admin-table{display:grid}.admin-table-row{color:oklch(30% .025 170);border-bottom:1px solid oklch(90% .015 170);grid-template-columns:1.2fr .7fr 1.2fr 1.2fr;gap:12px;min-width:720px;padding:13px 18px;font-size:.88rem;display:grid}.admin-table-row.head{color:oklch(45% .025 170);background:oklch(96% .008 170);font-size:.78rem;font-weight:850}.resource-editor-list{gap:12px;padding:14px;display:grid}.resource-editor{grid-template-columns:130px 1fr;gap:16px;padding:12px;display:grid}.resource-editor .sprite-visual{border-radius:10px}.resource-fields{gap:10px;display:grid}.resource-row{grid-template-columns:1.2fr .8fr .6fr;gap:10px;display:grid}.resource-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.check-label{grid-template-columns:auto 1fr;align-items:center;display:inline-flex!important}.check-label input{width:auto}.trust-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.trust-grid>span{border:1px solid var(--line);background:oklch(12% .025 170/.6);border-radius:10px;gap:5px;min-width:0;padding:12px;display:grid}.trust-grid small{color:var(--muted);font-size:.65rem}.trust-grid strong{align-items:center;gap:5px;font-size:.75rem;display:flex}.local-detail-actions{grid-template-columns:repeat(3,1fr)}.local-detail-actions button{cursor:pointer}.outline-button.is-favorite{border-color:var(--mint);color:var(--mint)}.content-page{max-width:1120px;min-height:calc(100vh - 72px);margin-inline:auto;padding:110px 0}.eyebrow{color:var(--mint);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.content-page h1{max-width:850px;margin:16px 0 22px;font-size:clamp(3rem,7vw,6rem);line-height:1.03}.page-lead{max-width:68ch;color:var(--muted);font-size:1.05rem;line-height:1.8}.submit-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin-top:44px;padding:24px;display:grid}.submit-card label{color:var(--muted);gap:8px;font-size:.75rem;display:grid}.submit-card label:nth-child(3),.file-placeholder,.submit-card .primary-action,.form-success{grid-column:1/-1}.submit-card input,.submit-card textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:oklch(10% .02 170/.7);border-radius:10px;outline:0;padding:13px}.submit-card textarea{resize:vertical;min-height:110px}.file-placeholder{text-align:center;border:1px dashed oklch(82% .17 148/.42);border-radius:12px;place-items:center;min-height:150px;padding:24px}.file-placeholder svg{color:var(--mint)}.file-placeholder strong{color:var(--ink)}.file-placeholder span{font-size:.7rem}.form-success{color:var(--mint);margin:0;font-size:.8rem}@keyframes portal-breathe{to{transform:translate3d(var(--far-x), var(--far-y), 0) scale(1.12);opacity:.72}}@keyframes ring-pulse{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.68;transform:scale(1.05)}}@keyframes mote-float{0%,to{opacity:.28;transform:translateY(10px)}50%{opacity:1;transform:translate(8px,-24px)}}@keyframes orbit-scroll{to{transform:translate(calc(-50% - 9px))}}@keyframes sprite-steps{0%{background-position-x:0%}to{background-position-x:var(--frame-end)}}@keyframes page-arrive{0%{opacity:0;transform:translateY(8px)}}@media (width<=1100px){.portal-aura,.portal-sky{width:42%;left:50%}.portal-gateway{left:71%}.detail-layout{grid-template-columns:1fr}.detail-stage{height:520px;max-height:520px}.action-panel{height:auto;max-height:none}.admin-sidebar{border-bottom:1px solid oklch(83% .02 170);border-right:0;flex-direction:row;align-items:center;gap:14px;width:100%;position:static}.admin-sidebar nav{flex-wrap:wrap;margin-top:0;display:flex}.admin-sidebar nav button{width:auto}.admin-sidebar>button{margin-top:0;margin-left:auto}.admin-main{width:100%;margin-left:0}}@media (width<=760px){.header,main,.library-header,.library-main{width:min(100% - 24px,1380px)}.header,.library-header{top:10px}.header nav{display:none}.header-right{gap:6px}.account-actions{max-width:156px}.account-actions.compact button,.account-actions.compact span{white-space:nowrap;max-width:42px;padding-inline:8px;overflow:hidden}.header-action{white-space:nowrap;color:#0000;width:58px;padding:0;font-size:0;overflow:hidden}.header-action:after{content:"图鉴";color:var(--ink);font-size:.75rem}.locale-switch{width:42px;color:var(--ink);padding:0;overflow:hidden}.locale-menu{right:-1px}.locale-switch span,.library-header nav{display:none}.library-exit{white-space:nowrap;color:#0000;width:43px;padding:10px;overflow:hidden}.library-exit svg{color:var(--ink)}.hero{min-height:760px}.hero-copy{width:calc(100% - 32px);top:42%;left:16px}.hero-copy h1{font-size:clamp(3rem,15vw,4.2rem)}.portal-world{inset:-28% -54%}.portal-world img{object-position:54% center}.hero{--cave-offset-x:0px}.portal-aura,.portal-sky{opacity:.58;width:48%;height:38%;top:47%;left:27%}.portal-gateway{width:280px;height:220px;top:68%;left:52%}.gateway-ring{width:150px;height:150px}.gateway-pet{width:104px;height:112px}.gateway-pet .sprite-player.compact .sprite-frame{width:min(62px,64%)}.gateway-nori{top:62px;left:15px}.gateway-tmuxai{top:19px;right:9px}.gateway-patchi{top:-6px;left:90px}.portal-gateway strong{bottom:6px}.portal-gateway small{bottom:-17px}.portal-foreground{background:radial-gradient(68% 68% at 54% 44%,#0000 0 49%,oklch(2.5% .01 170/.54) 72%,oklch(2% .008 170/.92) 100%)}.portal-crystals{opacity:.8;width:38%}.portal-arrival{padding-inline:0}.portal-arrival h2{padding-inline:20px;font-size:clamp(2rem,10vw,3rem)}.arrival-orbit{height:230px}.orbit-pet{width:142px;height:190px;padding:12px}.library-hero{flex-direction:column;align-items:flex-start;min-height:auto;padding-top:80px}.library-status{grid-template-columns:1fr;width:100%;min-width:0}.library-status>span{border-right:0;border-bottom:1px solid var(--line);min-height:65px}.library-toolbar{grid-template-columns:1fr;align-items:stretch}.filter-control{justify-content:flex-start}.pet-grid{grid-template-columns:1fr}.detail-page{padding-bottom:60px}.detail-stage{height:360px;max-height:360px}.detail-actions,.trust-grid,.submit-card{grid-template-columns:1fr}.submit-card label{grid-column:1}.content-page{padding:72px 0}.detail-motion-heading{flex-direction:column;align-items:flex-start}.action-list{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-dialog{padding:22px}.admin-settings-form{grid-template-columns:1fr}.mail-test{flex-direction:column}.admin-login>.brand{justify-self:start;margin-bottom:18px;position:static}.admin-sidebar{flex-direction:column;align-items:flex-start}.admin-sidebar>button{margin-left:0}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-topbar-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.admin-tabbar{width:100%}.admin-tabbar button{flex:1}.admin-stats,.admin-summary-grid{grid-template-columns:1fr}.admin-section{overflow-x:auto}.resource-editor,.resource-row{grid-template-columns:1fr}}@media (width<=430px){.action-panel{padding:16px}.action-list button{min-height:98px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-crystal-reveal{display:none}.motion-copy-char:hover{color:inherit;filter:none;text-shadow:none;transform:none}}