@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/realm/Kai-B.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/realm/Seki-R.woff2) format("woff2")}:root{--ink:#1D1424;--deep:#1E0333;--violet:#2C044B;--paper:#F3EEF8;--muted:#A99CB6;--glow:#E8B563;--line:#3B2C4A;--disp:"Disp","Kaiti TC",serif;--body:"Body","PingFang TC",sans-serif;--w:min(1280px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.16,1,.3,1);--t:.8s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:.01em;line-height:1.14}.d0{font-size:clamp(2.2rem,1rem + 5vw,4.6rem)}.d1{font-size:clamp(1.7rem,1rem + 2.6vw,3.2rem)}.lab{font-size:.74rem;letter-spacing:.28em;color:var(--glow)}.note{font-size:.85rem;color:var(--muted);line-height:1.8}.ch{display:inline-block;white-space:pre}html.js .rv .ch{opacity:0;transform:translateY(.4em)}html.js .rv[data-in] .ch{opacity:1;transform:none;transition:transform .9s var(--e) calc(var(--c,0) * 46ms),opacity .5s ease-out calc(var(--c,0) * 46ms)}html.js .st{opacity:0;transform:translateY(22px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .7s var(--e) calc(var(--i,0) * 90ms),transform .9s var(--e) calc(var(--i,0) * 90ms)}@media(prefers-reduced-motion:reduce){html.js .rv .ch,html.js .st{opacity:1!important;transform:none!important;transition:none}}.boot{position:fixed;inset:0;z-index:80;background:var(--ink);display:grid;place-items:center;pointer-events:none}.boot .line{width:min(280px,50vw);height:2px;background:var(--line);overflow:hidden}.boot .line i{display:block;height:100%;background:var(--glow);transform-origin:left;transform:scaleX(0)}html.js .boot{animation:realm-boot 1.5s var(--e) forwards}html.js .boot .line i{animation:realm-line 1.1s var(--e) forwards}@keyframes realm-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes realm-boot{0%,72%{opacity:1}to{opacity:0;visibility:hidden}}html:not(.js) .boot{display:none}@media(prefers-reduced-motion:reduce){html.js .boot{display:none}}.field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.5;pointer-events:none}.float{position:relative}html.js .float{animation:realm-float 7s ease-in-out infinite alternate}html.js .float.b{animation-duration:9s;animation-delay:-2s}html.js .float.c{animation-duration:8s;animation-delay:-4s}@keyframes realm-float{0%{transform:translateY(10px)}to{transform:translateY(-25px)}}.float:after{content:"";position:absolute;inset:-6%;border-radius:inherit;background:radial-gradient(60% 60% at 50% 40%,rgba(232,181,99,.34),transparent 70%);opacity:.25;pointer-events:none}html.js .float:after{animation:realm-glow 3.4s ease-in-out infinite alternate}@keyframes realm-glow{0%{opacity:.12}to{opacity:.5}}@media(prefers-reduced-motion:reduce){html.js .float,html.js .float:after{animation:none}}.btn{position:relative;display:inline-block;text-decoration:none;overflow:hidden;border:1px solid var(--glow);color:var(--glow);padding:14px 34px;font-size:.92rem;letter-spacing:.06em;transition:color var(--t) var(--e)}.btn i{position:absolute;inset:0;background:var(--glow);transform:translateY(101%);transition:transform var(--t) var(--e);z-index:-1}.btn:hover{color:var(--ink)}.btn:hover i{transform:none}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:64px;height:64px;border-radius:50%;border:1px solid var(--glow);pointer-events:none;opacity:0;transform:translate(-50%,-50%);scale:.32;transition:opacity .4s var(--e),scale .4s var(--e);will-change:transform,scale}.cursor[data-on]{opacity:1;scale:.42}.cursor[data-big]{scale:1;background:#e8b56329}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}.nav{position:sticky;inset-block-start:0;z-index:40;background:#1d1424d1;backdrop-filter:blur(10px);border-block-end:1px solid var(--line)}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:14px}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1.06rem;letter-spacing:.06em}.nav ul{display:flex;gap:clamp(12px,2vw,26px);font-size:.82rem}.nav a{text-decoration:none;color:var(--muted);transition:color var(--t) var(--e)}.nav a:hover,.nav a[data-on]{color:var(--paper)}@media(max-width:700px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:66px}.hero{position:relative;min-height:100svh;display:grid;align-content:end;padding-block:clamp(40px,6vw,90px) clamp(60px,9vw,130px);overflow:hidden;isolation:isolate}.hero .scene{position:absolute;inset:0;z-index:-3;background:url(/templates/realm/lv01-1600.webp) center/cover no-repeat}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.4s var(--e)}.hero video{mix-blend-mode:screen}.hero video[data-on]{opacity:.55}html.js .boot-i{opacity:0;transform:translateY(20px)}html.js[data-boot] .boot-i{opacity:1;transform:none;transition:opacity .9s var(--e) calc(var(--b,0) * .13s),transform 1s var(--e) calc(var(--b,0) * .13s)}html.js .hero .scene{transform:scale(1.12)}html.js[data-boot] .hero .scene{transform:none;transition:transform 2.2s var(--e)}@media(prefers-reduced-motion:reduce){html.js .boot-i{opacity:1!important;transform:none!important;transition:none}html.js .hero .scene{transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.world section .in>div,.world figure,.rows li,.road li,.ask details,.fgrid>div,.pane figure,.sum div{animation:mv-rise linear both;animation-timeline:view();animation-range:entry 4% entry 78%}}}@keyframes mv-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:#1d142485}.hero .in{width:var(--w);margin-inline:auto;position:relative;z-index:2;max-width:none}.hero h1{max-width:11ch}.hero .sub{margin-block-start:clamp(16px,2vw,28px);max-width:24em;color:#f3eef8d1}.hero .acts{margin-block-start:clamp(20px,2.6vw,34px);display:flex;gap:12px;flex-wrap:wrap}.hero .scroll{position:absolute;inset-block-end:clamp(18px,3vw,40px);inset-inline-start:50%;translate:-50% 0;font-size:.72rem;letter-spacing:.28em;color:#f3eef899;z-index:2}html.js .hero .scroll{animation:realm-hint 2.6s var(--e) infinite}@keyframes realm-hint{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){html.js .hero .scroll{animation:none}}.field{z-index:1;opacity:.7}.hero .scene,.hero video,.field{will-change:transform}html.js .hero .scene{transform:scale(1.12) translate(var(--px,0px),var(--py,0px))}html.js[data-boot] .hero .scene{transform:scale(1.06) translate(var(--px,0px),var(--py,0px));transition:transform 2.2s var(--e)}html.js .hero video{transform:scale(1.08) translate(calc(var(--px,0px) * 1.8),calc(var(--py,0px) * 1.8))}html.js .field{transform:translate(calc(var(--px,0px) * -2.4),calc(var(--py,0px) * -2.4))}.btn{--mx:0px;--my:0px}html.js .btn{transform:translate(var(--mx),var(--my));transition:transform .45s var(--e),color var(--t) var(--e)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.mask{animation:lv-wipe linear both;animation-timeline:view();animation-range:entry 6% entry 64%}}}@keyframes lv-wipe{0%{clip-path:inset(0 0 104% 0)}to{clip-path:inset(0 0 0 0)}}.cursor2{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:59;width:8px;height:8px;border-radius:50%;background:var(--glow);pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .4s var(--e)}.cursor2[data-on]{opacity:.85}@media(hover:none),(pointer:coarse){.cursor2{display:none}}@media(prefers-reduced-motion:reduce){.cursor2{display:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.world section .in{animation:lv-zoom linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes lv-zoom{0%{transform:scale(.94);opacity:.55}45%,55%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.55}}@media(prefers-reduced-motion:reduce){html.js .hero .scene,html.js .hero video,html.js .field,html.js .btn{transform:none}html.js .mask{clip-path:none}}.world section{padding-block:clamp(50px,8vw,110px);border-block-start:1px solid var(--line)}.world .in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,64px);align-items:center}.world section:nth-child(2n){background:var(--deep)}.world section:nth-child(2n) .in{direction:rtl}.world section:nth-child(2n) .in>*{direction:ltr}.world figure{margin:0;overflow:hidden}.world figure img{width:100%;aspect-ratio:4/3;object-fit:cover}.world h2{margin-block:12px 14px}.world p{color:var(--muted);max-width:28em}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.world figure img{animation:realm-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes realm-drift{0%{transform:scale(1.14) translateY(-2.6%)}to{transform:scale(1.14) translateY(2.6%)}}@media(max-width:900px){.world .in{grid-template-columns:minmax(0,1fr)}}.side{background:var(--violet);padding-block:clamp(44px,7vw,100px)}.pick>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.pick{display:grid;gap:clamp(16px,2.4vw,30px);margin-block-start:clamp(18px,2.4vw,32px)}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tabs label{cursor:pointer;border:1px solid var(--glow);color:var(--glow);padding:10px 24px;font-family:var(--disp);font-weight:700;font-size:.92rem;transition:background-color var(--t) var(--e),color var(--t) var(--e)}.panes{display:grid}.pane{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .4s var(--e);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,54px)}.pane figure{margin:0;overflow:hidden}.pane figure img{width:100%;aspect-ratio:3/4;object-fit:cover}.rows{display:grid;gap:10px;margin-block-start:14px}.rows li{display:grid;grid-template-columns:4.5em minmax(0,1fr) 2.4em;gap:14px;align-items:center;font-size:.9rem}.meter{height:8px;background:#f3eef829;overflow:hidden}.meter i{display:block;height:100%;background:var(--glow);transform-origin:left;transform:scaleX(var(--v));transition:transform 1s var(--e)}.sum{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,44px);margin-block-start:22px}.sum b{font-family:var(--disp);font-weight:700;font-size:clamp(1.8rem,1.2rem + 2vw,3rem);line-height:1;display:block}.sum span{font-size:.78rem;color:var(--muted)}#f-a:checked~.panes .u-a,#f-b:checked~.panes .u-b,#f-c:checked~.panes .u-c{opacity:1;pointer-events:auto}#f-a:checked~.tabs label[for=f-a],#f-b:checked~.tabs label[for=f-b],#f-c:checked~.tabs label[for=f-c]{background:var(--glow);color:var(--ink)}@media(max-width:860px){.pane{grid-template-columns:minmax(0,1fr)}}.road{padding-block:clamp(40px,6vw,90px)}.road ol{margin-block-start:clamp(20px,3vw,40px)}.road li{display:grid;grid-template-columns:8em minmax(0,1fr);gap:clamp(14px,3vw,40px);padding-block:clamp(16px,2.2vw,26px);border-block-start:1px solid var(--line);transition:transform .6s var(--e)}.road li:last-child{border-block-end:1px solid var(--line)}.road li:hover{transform:translate(8px)}.road .m{color:var(--glow);font-family:var(--disp);font-weight:700}.road h3{font-family:var(--disp);font-weight:700;font-size:1.16rem;margin-block-end:6px}.road p{color:var(--muted);font-size:.9rem}@media(max-width:700px){.road li{grid-template-columns:minmax(0,1fr)}}.ask{margin-block-start:clamp(18px,2.4vw,32px);display:grid}.ask details{border-block-start:1px solid var(--line);padding-block:clamp(14px,1.8vw,22px)}.ask details:last-of-type{border-block-end:1px solid var(--line)}.ask summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"";flex:none;width:12px;height:12px;border-inline-end:1.6px solid var(--glow);border-block-end:1.6px solid var(--glow);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s var(--e)}.ask details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}.ask p{margin-block-start:10px;font-size:.9rem;color:var(--muted);max-width:52em}footer{margin-block-start:clamp(40px,6vw,90px);border-block-start:1px solid var(--line);padding-block:clamp(36px,5vw,80px) clamp(56px,6vw,84px)}.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.fgrid h3{font-size:.72rem;letter-spacing:.22em;color:var(--glow);margin-block-end:12px}.fgrid li,.fgrid li a{font-size:.82rem;color:var(--muted);text-decoration:none;padding-block:3px;display:block}.fmk{font-family:var(--disp);font-weight:700;letter-spacing:.02em;line-height:1;font-size:clamp(2.2rem,1rem + 6vw,5.6rem);margin-block-start:clamp(30px,4vw,64px)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:clamp(18px,2.4vw,30px);padding-block-start:16px;border-block-start:1px solid var(--line);font-size:.78rem;color:var(--muted)}@media(max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}